/*
Theme Name: Voces de hogar
Theme URI: https://vocesdehogar.com
Author: Russel
Description: Tema propio, ligero y sin dependencias para Voces de hogar. Revistas de muebles para pisos pequeños. Requiere el mu-plugin vdh-core.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: vdh
*/

/* ---------- Fuente (autoalojada) ---------- */
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;src:url(assets/fonts/sg-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;src:url(assets/fonts/sg-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Variables ---------- */
:root{
  --brown:#2E2018;--brown2:#4B3A30;--text:#3A2A21;--muted:#6B5647;
  --sand:#E7E0D6;--sand2:#EFE9E0;--sand3:#E6D6BE;--tan:#D2C2A6;--line:#D2C8BB;--cream:#EADFCB;--paper:#F4EFE7;
  --terra:#B4502D;--terra-d:#9A4224;--terra-f:#B4573A;--peach:#E3A27F;
  --moss:#4F5D3A;--moss-d:#3E4A2D;--sage:#CBD3B0;--ochre:#D9A441;
  --pad:clamp(16px,2.2vw,32px);--gap:clamp(12px,1.6vw,20px);--max:1440px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--sand);color:var(--brown);letter-spacing:-.02em;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--brown);color:#fff;padding:8px 14px;border-radius:6px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--moss);outline-offset:3px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Layout ---------- */
.in{max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
.sec{padding-block:clamp(40px,6vw,72px)}
.grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.bg-dark{background:var(--brown);color:var(--cream)}
.bg-moss{background:var(--moss);color:var(--cream)}
.bg-sand2{background:var(--sand2)}
.bg-sand3{background:var(--sand3)}
.bg-tan{background:var(--tan)}
.bg-terra{background:var(--terra-f);color:#FFF3E4}

/* ---------- Tipografía ---------- */
.h-xl{font-size:clamp(44px,8.6vw,116px);line-height:.95;letter-spacing:-.05em;font-weight:500}
.h-lg{font-size:clamp(40px,7vw,100px);line-height:.95;letter-spacing:-.05em;font-weight:500}
.h-md{font-size:clamp(30px,3.6vw,48px);line-height:1.05;letter-spacing:-.04em;font-weight:500}
.h-sm{font-size:clamp(24px,2.4vw,32px);line-height:1.1;letter-spacing:-.035em;font-weight:500}
.statement{font-size:clamp(28px,4vw,52px);line-height:1.08;letter-spacing:-.04em;font-weight:500}
.lead{font-size:clamp(18px,1.6vw,23px);line-height:1.45}
.acc{color:var(--peach)}
.acc-t{color:var(--terra)}
.eyebrow{font-size:13px;color:var(--muted)}
.dark .eyebrow,.bg-dark .eyebrow,.bg-terra .eyebrow,.hero--dark .eyebrow{color:#D8CBB4}
.tag{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--moss);font-weight:600}
.muted{color:var(--muted)}
.crumbs{font-size:13px;color:var(--muted)}
.crumbs a:hover{text-decoration:underline}

/* ---------- Cabecera y pie ---------- */
.site-header{position:relative;z-index:5}
.site-header__in{display:flex;flex-wrap:wrap;gap:10px 32px;align-items:center;justify-content:space-between;padding-block:22px}
.brand{font-size:20px;font-weight:600;letter-spacing:-.03em;text-transform:lowercase}
.nav{display:flex;flex-wrap:wrap;gap:6px 28px;list-style:none;margin:0;padding:0}
.nav a{font-size:14px;padding:6px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav .current-menu-item>a,.nav a[aria-current]{border-bottom-color:var(--moss)}
.hdr-dark .site-header,.hdr-terra .site-header{position:absolute;left:0;right:0;top:0;color:var(--cream)}
.hdr-terra .site-header{color:#FFF3E4}
.hdr-dark .nav a:hover,.hdr-terra .nav a:hover,.hdr-dark .nav a[aria-current]{border-bottom-color:var(--cream)}
.site-footer{background:var(--brown);color:#D8CBB4;font-size:14px}
.site-footer__in{display:flex;flex-wrap:wrap;gap:20px 56px;padding-block:40px;align-items:flex-start}
.site-footer .brand{color:var(--cream)}
.site-footer ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 28px;margin:0}
.site-footer a:hover{color:var(--cream);text-decoration:underline}

/* ---------- Botones y enlaces ---------- */
.btn{position:relative;display:inline-block;background:var(--terra);color:#FFF8EE;font-weight:500;font-size:18px;padding:16px 30px;border-radius:999px;letter-spacing:-.01em;border:0;cursor:pointer;font-family:inherit;line-height:1.2}
.btn:hover{background:var(--terra-d)}
.btn--sm{font-size:16px;padding:12px 24px}
.btn--dark{background:var(--brown);color:#FFF3E4}
.btn--dark:hover{background:var(--brown2)}
.halo::after{content:"";position:absolute;inset:0;border-radius:999px;animation:ring 2.2s ease-out 1.2s 2}
.hdr-dark .halo::after,.bg-dark .halo::after{--halo:234,223,203}
.btn{--halo:180,80,45}
.hdr-terra .btn{--halo:255,243,228}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(var(--halo,180,80,45),.5)}100%{box-shadow:0 0 0 18px rgba(var(--halo,180,80,45),0)}}
.link{color:var(--moss);font-weight:500;border-bottom:1px solid var(--moss);width:fit-content;display:inline-block}
.link:hover{border-bottom-width:2px}
.link-light{font-size:18px;border-bottom:2px solid var(--peach);padding-bottom:3px;color:var(--cream);width:fit-content;display:inline-block}
.chip{display:inline-block;font-size:12px;background:var(--moss);color:#FFF8EE;padding:4px 10px;border-radius:999px;font-weight:500;width:fit-content}
.chip--sage{background:var(--sage);color:var(--brown);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:3px 8px}

/* ---------- Hero genérico ---------- */
.hero{position:relative;overflow:hidden}
.hero--dark{background:var(--brown);color:var(--cream);min-height:clamp(560px,86vh,700px);display:flex;align-items:flex-end}
.hero--dark .hero__art{position:absolute;right:2vw;bottom:0;width:min(560px,46vw);height:auto;z-index:0;opacity:1}
.hero__body{position:relative;z-index:1;padding-block:clamp(110px,14vw,150px) clamp(36px,5vw,56px);width:100%}
.hero__body>*+*{margin-top:clamp(20px,2.4vw,32px)}
.hero__title{max-width:min(900px,92%)}
.hero__row{display:flex;flex-wrap:wrap;gap:20px 24px;align-items:center}
.hero__sub{font-size:16px;max-width:360px;line-height:1.4;color:#D8CBB4}
.hero--tan{background:var(--tan)}
.hero--sand3{background:var(--sand3)}
.hero--page{padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(8px,2vw,20px)}
.hero--page .hero__art{display:block;width:100%;height:clamp(70px,10vw,170px);margin-top:20px}
.meta{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:14px;color:var(--brown2)}

/* ---------- Tiles de color (home) ---------- */
.tiles{padding-block:clamp(40px,6vw,72px) clamp(20px,3vw,24px)}
.tiles>h2{grid-column:1 / -1;color:var(--moss);max-width:760px;margin-bottom:clamp(24px,4vw,56px)}
.tile{display:flex;flex-direction:column;gap:14px}
.tile__art{aspect-ratio:1/1;overflow:hidden}
.tile__art svg,.tile__art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.tile:hover .tile__art svg,.tile:hover .tile__art img{transform:scale(1.05)}
.tile__t{font-size:clamp(18px,1.6vw,20px);line-height:1.25}
.tile:hover .tile__t,.card:hover .card__t{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--moss)}
.tiles .tile:nth-of-type(1){grid-column:1 / span 5}
.tiles .tile:nth-of-type(2){grid-column:6 / span 4;margin-top:96px}
.tiles .tile:nth-of-type(3){grid-column:10 / span 3;margin-top:48px}

/* ---------- Tarjetas de guía ---------- */
.card{display:flex;flex-direction:column;gap:12px}
.card__art{aspect-ratio:4/3;background:var(--sand2);overflow:hidden;transition:background .25s ease}
.card__art svg,.card__art img{display:block;width:100%;height:100%;object-fit:cover}
.card:hover .card__art{background:#D2C8BB}
.card__t,.prod__n{margin:0;font-weight:inherit;letter-spacing:inherit}
.card__t{font-size:clamp(18px,1.5vw,20px);line-height:1.25}
.cards{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}
.cards>*:nth-child(3n+1){grid-column:span 5}
.cards>*:nth-child(3n+2){grid-column:span 4;margin-top:56px}
.cards>*:nth-child(3n+3){grid-column:span 3;margin-top:24px}
.cards--4>*:nth-child(4n+1){grid-column:span 4;margin-top:0}
.cards--4>*:nth-child(4n+2){grid-column:span 3;margin-top:56px}
.cards--4>*:nth-child(4n+3){grid-column:span 3;margin-top:24px}
.cards--4>*:nth-child(4n+4){grid-column:span 2;margin-top:80px}
.cards--3>*:nth-child(1){grid-column:span 5}
.cards--3>*:nth-child(2){grid-column:span 4;margin-top:56px}
.cards--3>*:nth-child(3){grid-column:span 3;margin-top:24px}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:clamp(18px,2.4vw,28px)}

/* ---------- Bandas ---------- */
.band{padding-block:clamp(44px,6vw,72px)}
.band__in{display:flex;flex-wrap:wrap;gap:24px 64px;align-items:flex-end;justify-content:space-between}
.band .statement{max-width:860px}
.band--cta .band__in{align-items:center}

/* ---------- Comparativa destacada / tabla ---------- */
.glance{padding-block:clamp(32px,4vw,48px)}
.glance h2{margin-bottom:20px}
.row{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.2fr 1fr;gap:16px;align-items:center;padding:16px 24px;border-top:1px solid var(--line);font-size:16px}
.row--h{border-top:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.row:last-of-type{border-bottom:1px solid var(--line)}
.row--win{background-image:linear-gradient(var(--sage),var(--sage));background-repeat:no-repeat;background-size:0 100%;animation:fill 1.1s ease-out 1.6s forwards}
@keyframes fill{to{background-size:100% 100%}}
.row b{font-weight:500}
.row a.name:hover{text-decoration:underline;text-decoration-color:var(--moss);text-underline-offset:4px}
.pick{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;padding:22px 24px;background-image:linear-gradient(var(--sage),var(--sage));background-repeat:no-repeat;background-size:0 100%;animation:fill 1.1s ease-out 1.6s forwards}
.pick__main{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.pick__name{font-size:22px;font-weight:500}
.pick__spec{font-size:16px;color:var(--brown2)}
.disclosure{font-size:14px;line-height:1.5;color:var(--muted);max-width:640px;margin-top:16px}

/* ---------- Ficha ---------- */
.ficha{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:28px;align-items:start}
.ficha__head{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline}
.ficha__fig{grid-column:1 / span 5;aspect-ratio:1/1;overflow:hidden;background:var(--terra-f)}
.ficha__fig svg,.ficha__fig img{display:block;width:100%;height:100%;object-fit:cover}
.ficha__data{grid-column:7 / span 6;display:flex;flex-direction:column;gap:32px}
.spec{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(46,32,24,.18);font-size:16px}
.spec:last-child{border-bottom:1px solid rgba(46,32,24,.18)}
.spec span:first-child{color:var(--muted)}
.spec span:last-child{text-align:right}
.ficha__verdict{font-size:19px;line-height:1.5;color:var(--text)}
.pc{padding:clamp(22px,2.6vw,32px)}
.pc--pro{grid-column:1 / span 6;background:var(--moss);color:var(--cream)}
.pc--con{grid-column:7 / span 6;background:var(--tan);color:var(--brown)}
.pc .tag{display:block;margin-bottom:16px}
.pc--pro .tag{color:var(--sage)}
.pc--con .tag{color:#6B3A22}
.lst{list-style:none;display:flex;flex-direction:column;gap:12px;font-size:17px;line-height:1.4}
.lst li{display:flex;gap:12px}
.lst li::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;margin-top:7px;background:currentColor}
.others{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.other{background:var(--sand2);padding:24px;display:flex;flex-direction:column;gap:12px}
.other b{font-weight:500;font-size:22px}
.other .m{color:var(--muted);font-size:15px}
.other p{font-size:16px;line-height:1.45}

/* ---------- Catálogo ---------- */
.cat-head{padding-block:clamp(28px,4vw,40px) clamp(20px,3vw,32px);display:flex;flex-wrap:wrap;gap:24px 48px;align-items:flex-end;justify-content:space-between}
.cat-head>div{display:flex;flex-direction:column;gap:12px}
.cat-head p{max-width:420px;font-size:17px;line-height:1.45;color:var(--brown2)}
.tabs{border-block:1px solid var(--line)}
.tabs__in{display:flex;flex-wrap:wrap;gap:6px 32px}
.tabs a{font-size:15px;padding:10px 0;border-bottom:2px solid transparent;color:var(--muted)}
.tabs a:hover{color:var(--brown)}
.tabs a.on{color:var(--brown);font-weight:600;border-bottom-color:var(--moss)}
.catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);padding-block:24px clamp(32px,5vw,56px);align-items:stretch}
.prod{display:flex;flex-direction:column;gap:10px;padding-bottom:20px}
.prod__art{position:relative;aspect-ratio:1/1;background:var(--sand2);overflow:hidden;transition:background .25s ease}
.prod__art>svg,.prod__art>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.prod:hover .prod__art{background:#D2C8BB}
.prod:hover .prod__art>svg,.prod:hover .prod__art>img{transform:scale(1.06)}
.prod__alt{position:absolute;inset:0;background:var(--moss);opacity:0;transition:opacity .35s ease}
.prod__alt svg,.prod__alt img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.prod:hover .prod__alt{opacity:1}
.prod:hover .prod__alt svg,.prod:hover .prod__alt img{transform:scale(1.08)}
.prod__n{font-size:17px;font-weight:500}
.prod__m{font-size:14px;color:var(--muted)}
.promo{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:24px;min-height:100%}
.promo .tag{color:inherit}
.promo__t{font-size:clamp(22px,2.3vw,30px);line-height:1.05;letter-spacing:-.035em;font-weight:500}
.promo .go{font-size:15px;border-bottom:2px solid currentColor;padding-bottom:2px;width:fit-content}
.pager{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:clamp(32px,5vw,56px)}
.pager .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:15px}
.pager .current{background:var(--moss);border-color:var(--moss);color:#fff}
.pager a.page-numbers:hover{border-color:var(--moss)}

/* ---------- Texto y guías ---------- */
.txt{container-type:inline-size}
.txt>*+*{margin-top:20px}
.txt p{font-size:18px;line-height:1.6;color:var(--text)}
.txt>p:first-child{font-size:clamp(20px,1.9vw,23px);line-height:1.45;color:var(--brown)}
.txt h2{font-size:clamp(26px,2.8vw,36px);line-height:1.1;letter-spacing:-.035em;font-weight:500;margin-top:clamp(32px,4vw,48px);scroll-margin-top:24px}
.txt h3{font-size:24px;line-height:1.15;letter-spacing:-.03em;font-weight:500;margin-top:32px}
.txt ul,.txt ol{padding-left:22px;font-size:18px;line-height:1.6;color:var(--text)}
.txt li+li{margin-top:6px}
.txt a{color:var(--moss);border-bottom:1px solid var(--moss)}
.txt a:hover{border-bottom-width:2px}
.txt img{height:auto}
.txt figure{margin-block:32px}
.txt figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.txt blockquote{border-left:4px solid var(--terra-f);padding-left:20px;font-size:24px;line-height:1.25;letter-spacing:-.03em}
.txt table{width:100%;border-collapse:collapse;font-size:16px}
.txt th,.txt td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
.txt th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.txt .wp-block-table{overflow-x:auto}
.article{padding-block:clamp(36px,5vw,56px) clamp(16px,3vw,24px);align-items:start}
.article__toc{grid-column:1 / span 3;position:sticky;top:24px}
.article__body{grid-column:5 / span 6}
.article__fig{grid-column:11 / span 2;margin-top:340px}
.toc a{display:block;font-size:15px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--brown2)}
.toc a:hover{color:var(--moss)}
.toc .tag{display:block;margin-bottom:8px}
.legal a{display:block;font-size:15px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--brown2)}
.legal a:hover,.legal .current-menu-item>a,.legal a[aria-current]{color:var(--brown);font-weight:600}
.legal ul{list-style:none}
.legal .tag{display:block;margin-bottom:8px}
.page-body{padding-block:clamp(36px,5vw,56px) clamp(48px,6vw,72px);align-items:start}
.page-body__aside{grid-column:1 / span 3;position:sticky;top:24px}
.page-body__main{grid-column:5 / span 7}
.vdh-box{padding:clamp(22px,3vw,32px);margin-block:32px}
.vdh-box--moss{background:var(--moss);color:var(--cream)}
.vdh-box--moss p,.vdh-box--moss .wp-block-heading{color:var(--cream)}
.vdh-box--moss .tag{color:var(--sage)}
.vdh-box p{font-size:clamp(20px,2.2vw,28px);line-height:1.2;letter-spacing:-.03em}
.vdh-box--sand{background:var(--sand3)}
.vdh-box--sand p:not(.tag){font-size:18px;line-height:1.5;letter-spacing:0}
.vdh-box p.tag{font-size:12px;line-height:1.4;letter-spacing:.1em;margin-bottom:10px}
.vdh-steps{display:grid !important;grid-template-columns:1.4fr 1fr 1.2fr;gap:var(--gap);align-items:start !important}
.vdh-steps>.wp-block-column{padding:28px;margin:0}
.vdh-steps>.wp-block-column:nth-child(1){background:var(--terra-f);color:#FFF8EE;min-height:320px}
.vdh-steps>.wp-block-column:nth-child(2){background:var(--moss);color:var(--cream);margin-top:48px;min-height:240px}
.vdh-steps>.wp-block-column:nth-child(3){background:var(--tan);color:var(--brown);margin-top:20px;min-height:280px}
.vdh-steps h3{font-size:24px;margin-top:8px;letter-spacing:-.03em;overflow-wrap:normal;hyphens:none}
@container (max-width:760px){.vdh-steps{grid-template-columns:1fr}.vdh-steps>.wp-block-column:nth-child(n){margin-top:0;min-height:0}}
.vdh-steps p{font-size:16px;line-height:1.5;color:inherit}
.vdh-steps .num{font-size:64px;line-height:1;letter-spacing:-.05em;font-weight:500}
.portrait{aspect-ratio:4/5;overflow:hidden;background:var(--tan)}
.portrait img,.portrait svg{display:block;width:100%;height:100%;object-fit:cover}
.quienes{padding-block:clamp(40px,6vw,72px) clamp(24px,4vw,40px);align-items:start}
.quienes__fig{grid-column:1 / span 4}
.quienes__body{grid-column:6 / span 6}

/* ---------- Búsqueda ---------- */
.search{display:flex;max-width:560px;width:100%}
.search input[type=search]{flex:1;min-width:0;font:inherit;font-size:18px;padding:15px 22px;border:2px solid var(--brown);border-right:0;border-radius:999px 0 0 999px;background:var(--paper);color:var(--brown);letter-spacing:-.01em;-webkit-appearance:none}
.search button{font:inherit;font-size:16px;font-weight:500;padding:0 26px;border:2px solid var(--brown);border-radius:0 999px 999px 0;background:var(--moss);color:#FFF8EE;cursor:pointer}
.search button:hover{background:var(--moss-d)}
.res{display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}
.res:last-child{border-bottom:1px solid var(--line)}
.res__t{font-size:clamp(20px,2vw,26px);line-height:1.2;margin-top:6px}
.res__d{font-size:15px;color:var(--muted);margin-top:6px}
.res:hover .res__t{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--moss)}

/* ---------- 404 ---------- */
.e404{position:relative;overflow:hidden;background:var(--terra-f);color:#FFF3E4;min-height:min(100vh,880px)}
.e404__art{position:absolute;right:1.5vw;bottom:40px;width:min(700px,56vw);height:auto;z-index:1}
.e404__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:22px;max-width:560px;padding-block:clamp(150px,16vw,220px) 110px}
.e404__body .h-lg{font-size:clamp(44px,5.9vw,76px);line-height:.97}
.e404__body p{font-size:18px;line-height:1.45;color:#FFE3CC}
.e404 .eyebrow{color:#FFE3CC}
.e404__row{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:6px}
.e404__row .l{font-size:17px;padding-bottom:3px;border-bottom:2px solid rgba(255,243,228,.5)}
.e404__row .l:hover{border-bottom-color:#FFF3E4}
.e404 .search input[type=search]{background:var(--paper)}
.e404__foot{position:absolute;left:0;right:0;bottom:24px;z-index:2;font-size:14px;color:#FFE3CC}
.e404__foot .in{display:flex;flex-wrap:wrap;gap:8px 28px}
.e404__foot a:hover{text-decoration:underline}
.peek{animation:peek 2.6s ease-in-out 1s 2}
@keyframes peek{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* ---------- Próximamente ---------- */
.soon{position:relative;overflow:hidden;min-height:100vh;background:var(--sand3);display:flex;flex-direction:column}
.soon__head{padding-block:22px}
.soon__main{flex:1;position:relative;display:flex;align-items:flex-end}
.soon__art{position:absolute;right:2vw;top:0;width:min(640px,50vw);height:auto;z-index:1}
.soon__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:26px;max-width:640px;padding-block:60px 40px}
.soon__body .h-xl{font-size:clamp(46px,8vw,104px);line-height:.94}
.soon__body p{font-size:20px;line-height:1.4;color:var(--brown2);max-width:420px}
.pill{display:inline-block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;background:var(--moss);color:#FFF8EE;padding:6px 14px;border-radius:999px;width:fit-content}
.soon__foot{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px;color:var(--muted);padding-block:0 28px;position:relative;z-index:2}
.ext{transform-box:fill-box;transform-origin:left center;animation:ext 1.6s ease-out 1s both}
@keyframes ext{from{transform:scaleX(.01);opacity:0}to{transform:scaleX(1);opacity:1}}

/* ---------- Movimiento reducido ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .halo::after,.peek,.ext{animation:none}
  .row--win,.pick{animation:none;background-size:100% 100%}
  .tile__art svg,.tile__art img,.prod__art>svg,.prod__art>img,.prod__alt,.prod__alt svg,.prod__alt img,.card__art,.prod__art{transition:none}
  .tile:hover .tile__art svg,.tile:hover .tile__art img,.prod:hover .prod__art>svg,.prod:hover .prod__art>img,.prod:hover .prod__alt svg,.prod:hover .prod__alt img{transform:none}
}

/* ---------- Adaptación a móvil y tablet ---------- */
@media (max-width:1000px){
  .catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
  .row{grid-template-columns:2fr 1fr 1fr 1fr}
  .row>*:nth-child(4){display:none}
  .row--h>*:nth-child(4){display:none}
}
@media (max-width:860px){
  .tiles .tile:nth-of-type(n){grid-column:1 / -1;margin-top:0}
  .cards>*:nth-child(n),.cards--4>*:nth-child(n),.cards--3>*:nth-child(n){grid-column:span 6;margin-top:0}
  .article__toc,.page-body__aside{grid-column:1 / -1;position:static;margin-bottom:28px}
  .article__body,.page-body__main{grid-column:1 / -1}
  .article__fig{display:none}
  .ficha__fig{grid-column:1 / -1}
  .ficha__data{grid-column:1 / -1}
  .pc--pro,.pc--con{grid-column:1 / -1}
  .others{grid-template-columns:1fr}
  .quienes__fig,.quienes__body{grid-column:1 / -1}
  .quienes__fig{max-width:360px;margin-bottom:24px}
  .vdh-steps{grid-template-columns:1fr}
  .vdh-steps>.wp-block-column:nth-child(n){margin-top:0;min-height:0}
  .hero--dark .hero__art{width:min(320px,70vw);opacity:.3}
  .e404__art{width:min(420px,90vw);opacity:.4;right:-10vw}
  .soon__art{width:min(360px,80vw);opacity:.45;right:-8vw;top:60px}
  .band__in{align-items:flex-start}
}
@media (max-width:640px){
  .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards>*:nth-child(n),.cards--4>*:nth-child(n),.cards--3>*:nth-child(n){grid-column:1 / -1}
  .row{grid-template-columns:1fr auto;gap:8px 12px}
  .row>*:nth-child(2),.row>*:nth-child(3){display:none}
  .row--h{display:none}
  .pick{padding:18px}
  .site-header__in{padding-block:16px}
  .hero__sub{max-width:none}
}

.home-text{max-width:720px}
.home-text h2{margin-top:0}
.home-text h2:not(:first-child){margin-top:36px}

/* Esquemas dentro de las guías */
.vdh-fig{margin:28px 0}
.vdh-fig img{display:block;width:100%;max-width:760px;height:auto;border-radius:10px;border:1px solid var(--line)}
.vdh-fig figcaption{margin-top:10px;font-size:15px;line-height:1.45;color:var(--muted)}


.photo-wide{margin-top:48px}
.photo-wide img{display:block;width:100%;height:clamp(240px,38vw,460px);object-fit:cover;border-radius:12px}
.photo-wide--short{margin-top:24px;margin-bottom:8px}
.photo-wide--short img{height:clamp(220px,30vw,380px);object-position:center 60%}
.split{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(28px,5vw,64px);align-items:start}
.split__img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:12px;display:block}
@media(max-width:760px){.split{grid-template-columns:1fr}.split__img{aspect-ratio:4/5}}