/* BLOG ZUHÚ GRAPHIC — V1
   Editorial, integrado con la identidad y compatible con modo claro/oscuro. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-blog{background:var(--bg)}.blog-hero{position:relative;overflow:hidden;padding:calc(var(--head) + 90px) 0 95px;background:linear-gradient(118deg,#78120e 0%,#ab1b14 47%,#4d171a 100%);color:#fff}.blog-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 82%);opacity:.45}.blog-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);align-items:center;gap:80px}.blog-hero .eyebrow{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff}.blog-hero h1{max-width:780px;color:#fff;font-size:clamp(39px,4.7vw,64px)}.blog-hero p{max-width:680px;margin-top:24px;color:rgba(255,255,255,.78);font-size:clamp(17px,1.6vw,21px)}.blog-hero-art{position:relative;min-height:330px;perspective:900px}.editorial-sheet{position:absolute;border-radius:8px;background:#fff;box-shadow:0 28px 75px rgba(22,9,10,.32)}.sheet-back{inset:35px 35px 25px 85px;transform:rotate(8deg);opacity:.28}.sheet-front{inset:0 70px 45px 15px;padding:35px;color:#1e2a33;transform:rotate(-5deg);display:flex;flex-direction:column;justify-content:space-between}.sheet-front span{color:#ab1b14;font:800 13px Montserrat;letter-spacing:.1em}.sheet-front b{font:800 clamp(34px,4.2vw,55px)/.96 Montserrat;letter-spacing:-.06em}.sheet-front i{display:block;width:78%;height:7px;background:#1e2a33;box-shadow:0 15px 0 rgba(30,42,51,.26),0 30px 0 rgba(30,42,51,.13)}.blog-cursor{position:absolute;right:15px;bottom:10px;padding:9px 13px;border-radius:8px;background:#1e2a33;color:#fff;font-size:22px;transform:rotate(3deg);box-shadow:0 15px 35px rgba(0,0,0,.24)}.blog-cursor small{margin-left:4px;font-size:11px;font-weight:800}.blog-tools{position:relative;z-index:3;margin-top:-28px}.blog-tools>.container{padding:20px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.blog-search label{display:grid;grid-template-columns:1fr auto;gap:10px}.blog-search input{min-width:0;height:50px;padding:0 18px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:600 15px 'DM Sans',sans-serif;outline:0}.blog-search input:focus{border-color:rgba(171,27,20,.6);box-shadow:0 0 0 4px rgba(171,27,20,.09)}.blog-search button{padding:0 20px;border:0;border-radius:12px;background:var(--r);color:#fff;font:800 13px Montserrat;cursor:pointer}.blog-search button:hover{background:var(--rd)}.blog-categories{display:flex;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);overflow:auto;scrollbar-width:thin}.blog-categories a{flex:0 0 auto;padding:7px 12px;border-radius:999px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:800}.blog-categories a:hover,.blog-categories a.active{background:rgba(171,27,20,.1);color:var(--r)}.blog-featured-section{padding-top:85px}.blog-section-label{display:flex;align-items:center;gap:18px;margin-bottom:22px;color:var(--r);font:800 12px Montserrat;letter-spacing:.09em;text-transform:uppercase}.blog-section-label i{height:1px;flex:1;background:var(--line)}.blog-featured{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);min-height:480px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow)}.blog-featured-image{display:block;min-height:480px;overflow:hidden;background:linear-gradient(135deg,var(--zuhu-dark),var(--r));text-decoration:none}.blog-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.blog-featured:hover .blog-featured-image img{transform:scale(1.025)}.blog-image-placeholder{display:grid;width:100%;height:100%;place-items:center;color:rgba(255,255,255,.9);font:800 160px Montserrat}.blog-featured-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px}.article-category-label,.article-category{display:inline-flex;align-items:center;color:var(--r);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.blog-featured h2{margin:16px 0 18px;font-size:clamp(30px,3.2vw,46px)}.blog-featured h2 a,.blog-card h3 a,.related-card h3 a{color:var(--ink);text-decoration:none}.blog-featured h2 a:hover,.blog-card h3 a:hover,.related-card h3 a:hover{color:var(--r)}.blog-featured-copy>p{font-size:17px}.blog-card-meta{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:22px;color:var(--muted);font-size:12px;font-weight:700}.blog-read-button{display:inline-flex;align-items:center;gap:16px;margin-top:28px;padding:13px 18px;border-radius:999px;background:var(--r);color:#fff;text-decoration:none;font:800 13px Montserrat}.blog-read-button:hover{background:var(--rd);transform:translateY(-2px)}.blog-list-section{padding-top:55px}.blog-section-head{max-width:760px;margin-bottom:32px}.blog-section-head h2{font-size:var(--title-md)}.blog-section-head p{margin-top:10px;color:var(--muted)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-top:1px solid var(--line);background:transparent}.blog-card-image{position:relative;display:block;margin-top:15px;overflow:hidden;border-radius:15px;background:linear-gradient(135deg,var(--zuhu-dark),#324753);aspect-ratio:16/10;text-decoration:none}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.blog-card:hover .blog-card-image img{transform:scale(1.035)}.blog-card-image>span{display:grid;width:100%;height:100%;place-items:center;color:rgba(255,255,255,.72);font:800 70px Montserrat}.blog-card>div{padding:21px 4px 6px}.blog-card h3{margin:12px 0 12px;font-size:clamp(21px,2vw,27px)}.blog-card>div>p{display:-webkit-box;overflow:hidden;color:var(--text);-webkit-line-clamp:3;-webkit-box-orient:vertical}.blog-text-link{display:inline-flex;margin-top:18px;color:var(--r);text-decoration:none;font-weight:800}.blog-text-link:hover{gap:8px}.blog-empty{display:grid;min-height:360px;place-items:center;align-content:center;padding:60px 25px;border:1px dashed var(--line);border-radius:22px;text-align:center}.blog-empty>span{display:grid;width:70px;height:70px;place-items:center;border-radius:50%;background:var(--r);color:#fff;font:800 30px Montserrat}.blog-empty h3{margin:22px 0 10px;font-size:28px}.blog-empty p{max-width:620px;margin-bottom:22px}.blog-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:55px;padding-top:22px;border-top:1px solid var(--line)}.blog-pagination a{color:var(--r);font-weight:800;text-decoration:none}.blog-pagination a:last-child{text-align:right}.blog-pagination span{color:var(--muted);font-size:12px;font-weight:800}.blog-preview-banner{position:relative;z-index:5;padding:10px 20px;background:#ffefc0;color:#684300;text-align:center;font-weight:800}.article-hero{padding:calc(var(--head) + 78px) 0 82px;background:linear-gradient(180deg,color-mix(in srgb,var(--r) 8%,var(--bg)),var(--bg));border-bottom:1px solid var(--line)}.article-hero-inner{max-width:1040px}.article-back{display:inline-flex;margin-bottom:40px;color:var(--muted);text-decoration:none;font-weight:800}.article-back:hover{color:var(--r)}.article-heading{max-width:900px}.article-category{margin-bottom:19px}.article-heading h1{font-size:clamp(38px,5.2vw,68px)}.article-heading>p{max-width:780px;margin-top:25px;font-size:clamp(18px,1.7vw,22px)}.article-meta{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:28px;color:var(--muted);font-size:13px}.article-meta strong{color:var(--ink)}.article-featured-wrap{max-width:1180px;margin-top:-38px}.article-featured{position:relative;z-index:2;overflow:hidden;margin:0;border:8px solid var(--bg);border-radius:24px;background:var(--soft);box-shadow:var(--shadow);aspect-ratio:16/8.5}.article-featured img{width:100%;height:100%;object-fit:cover}.article-layout{position:relative;display:grid;grid-template-columns:32px minmax(0,760px) 190px;justify-content:center;gap:35px;padding-top:80px;padding-bottom:110px}.article-progress-rail{display:flex;justify-content:center}.article-progress-rail:before{content:"";width:1px;height:100%;background:var(--line)}.article-progress-rail span{position:absolute;top:0;width:8px;height:58px;border-radius:999px;background:var(--r)}.article-content{min-width:0;color:var(--text);font-size:18px;line-height:1.82}.article-content>*:first-child{margin-top:0}.article-content p{margin:0 0 25px}.article-content h2{margin:54px 0 20px;font-size:clamp(28px,3vw,39px)}.article-content h3{margin:40px 0 16px;font-size:clamp(22px,2.3vw,29px)}.article-content ul,.article-content ol{margin:0 0 28px;padding-left:25px}.article-content li{margin:8px 0}.article-content a{color:var(--r);font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.article-content blockquote{margin:36px 0;padding:25px 28px;border-left:5px solid var(--r);border-radius:0 14px 14px 0;background:color-mix(in srgb,var(--r) 7%,var(--card));color:var(--ink);font-size:20px;font-weight:600}.article-content blockquote p{margin:0}.article-content hr{height:1px;margin:50px 0;border:0;background:var(--line)}.article-content pre{overflow:auto;margin:32px 0;padding:22px;border-radius:15px;background:#172027;color:#edf2f4;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.article-content :not(pre)>code{padding:2px 6px;border-radius:6px;background:var(--soft);color:var(--r);font:14px ui-monospace,SFMono-Regular,Consolas,monospace}.article-inline-image{margin:35px 0}.article-inline-image img{display:block;max-width:100%;height:auto;margin:auto;border-radius:16px;box-shadow:0 18px 45px rgba(23,32,39,.14)}.article-aside{display:grid;align-content:start;gap:20px;position:sticky;top:118px;height:max-content;padding-top:7px}.article-aside>div{padding-top:13px;border-top:1px solid var(--line)}.article-aside small{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.article-aside strong,.article-aside a{color:var(--ink);font-size:13px;text-decoration:none}.article-cta{padding:75px 0;background:linear-gradient(120deg,#73120f,#ab1b14 52%,#4b171a);color:#fff}.article-cta-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px}.article-cta .eyebrow{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.09);color:#fff}.article-cta h2{max-width:720px;color:#fff;font-size:var(--title-md)}.article-cta p{max-width:700px;margin-top:14px;color:rgba(255,255,255,.75);font-size:17px}.related-section{background:var(--soft)}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.related-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--card)}.related-image{display:block;overflow:hidden;aspect-ratio:16/9;background:var(--zuhu-dark)}.related-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.related-card:hover img{transform:scale(1.035)}.related-card>div{padding:21px}.related-card>div>span{color:var(--r);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.related-card h3{margin:10px 0;font-size:21px}.related-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.blog-not-found{display:grid;min-height:720px;place-items:center;padding:calc(var(--head) + 50px) 0 80px;text-align:center}.blog-not-found span{color:var(--r);font:800 90px Montserrat}.blog-not-found h1{max-width:760px;margin:0 auto;font-size:var(--title-lg)}.blog-not-found p{max-width:650px;margin:18px auto 26px}
html[data-theme=dark] .blog-tools>.container{background:rgba(25,32,38,.94)}html[data-theme=dark] .blog-search input{background:#12171b}html[data-theme=dark] .seo-preview{background:#fff}html[data-theme=dark] .blog-featured-image,html[data-theme=dark] .blog-card-image{background:linear-gradient(135deg,#0d1114,#5a1718)}
@media(max-width:980px){.blog-hero-grid{grid-template-columns:1fr;gap:45px}.blog-hero-art{width:min(100%,520px);min-height:300px}.blog-featured{grid-template-columns:1fr}.blog-featured-image{min-height:420px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,760px);padding-inline:20px}.article-progress-rail,.article-aside{display:none}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-cta-inner{grid-template-columns:1fr}}
@media(max-width:700px){.blog-hero{padding:calc(var(--head) + 55px) 0 72px}.blog-hero h1{font-size:clamp(36px,11vw,48px)}.blog-hero-art{min-height:255px}.sheet-front{inset:0 40px 30px 5px;padding:25px}.sheet-front b{font-size:37px}.blog-tools{margin-top:-18px}.blog-tools>.container{width:min(calc(100% - 24px),var(--max));padding:13px}.blog-search label{grid-template-columns:1fr}.blog-search button{height:45px}.blog-featured-section{padding-top:65px}.blog-featured{border-radius:18px}.blog-featured-image{min-height:250px}.blog-featured-copy{padding:29px 22px 34px}.blog-grid{grid-template-columns:1fr}.blog-pagination{grid-template-columns:1fr auto 1fr;gap:10px}.article-hero{padding:calc(var(--head) + 50px) 0 65px}.article-back{margin-bottom:28px}.article-heading h1{font-size:clamp(35px,10.5vw,48px)}.article-featured-wrap{width:min(calc(100% - 18px),var(--max));margin-top:-28px}.article-featured{border-width:5px;border-radius:17px;aspect-ratio:16/10}.article-layout{padding-top:58px;padding-bottom:80px}.article-content{font-size:17px}.article-content h2{margin-top:44px}.article-content blockquote{padding:20px;font-size:18px}.article-cta{padding:60px 0}.article-cta .btn{width:100%;margin-top:10px}.related-grid{grid-template-columns:1fr}.blog-not-found{min-height:620px}.blog-not-found span{font-size:70px}}
