/* Molienda: marfil, espresso y un solo acento de bronce. */
:root{--marfil:#f3eee5;--greige:#e9e2d5;--papel:#faf7f1;--tinta:#2a1d16;--tinta2:#5d4c40;--bronce:#8a5f36;--bronce-c:#c9a27a;--oscuro:#241a14;--linea:rgba(42,29,22,.17);--linea-f:rgba(42,29,22,.32);
--serif:'Instrument Serif',Georgia,'Times New Roman',serif;--sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--ancho:1120px;--texto:41rem}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--marfil);color:var(--tinta);font:400 1.0625rem/1.65 var(--sans);font-feature-settings:"kern","liga";text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}a{color:var(--tinta);text-decoration-color:var(--bronce);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--bronce)}
:focus-visible{outline:2px solid var(--bronce);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.salto{position:absolute;left:-999px;top:0;background:var(--tinta);color:var(--marfil);padding:.6rem 1rem;z-index:99}.salto:focus{left:0}
.contenedor{width:100%;max-width:calc(var(--ancho) + 3rem);margin:0 auto;padding:0 1.5rem}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.01em;margin:0}
h1{font-size:clamp(2.5rem,6.2vw,4.6rem)}h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}h3{font-size:1.65rem}h4{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta2)}
em{font-style:italic}h1 em,h2 em{color:var(--bronce)}
.kicker{font:600 .72rem/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--bronce);margin:0 0 1rem;font-variant-caps:all-small-caps;font-size:.82rem}
.lead{font-size:1.2rem;line-height:1.55;color:var(--tinta2);max-width:38rem;margin:1.2rem 0 0}
.micro{font-size:.82rem;color:var(--tinta2);line-height:1.5;margin:.6rem 0 0}
.num,td.num{font-variant-numeric:tabular-nums lining-nums}

/* aviso y cabecera */
.aviso-top{border-bottom:1px solid var(--linea);font-size:.78rem;color:var(--tinta2)}.aviso-top .contenedor{display:flex;justify-content:space-between;gap:1rem;padding-top:.5rem;padding-bottom:.5rem}
.aviso-top a{color:var(--tinta2)}.rev{white-space:nowrap}
.cab{position:sticky;top:0;z-index:20;background:rgba(243,238,229,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
.cab .contenedor{display:flex;align-items:center;justify-content:space-between;min-height:4.2rem}
.marca{font-family:var(--serif);font-size:1.35rem;text-decoration:none;color:var(--tinta);letter-spacing:.005em}.marca:hover{color:var(--tinta)}
.princ ul{display:flex;gap:1.9rem;list-style:none;margin:0;padding:0}.princ a{font-size:.86rem;font-weight:500;letter-spacing:.04em;text-decoration:none;padding:.4rem 0;border-bottom:1px solid transparent}
.princ a:hover,.princ a[aria-current]{border-bottom-color:var(--bronce);color:var(--tinta)}
.btn-menu{display:none;background:none;border:1px solid var(--linea-f);color:var(--tinta);font:500 .82rem var(--sans);letter-spacing:.08em;padding:.5rem .9rem;cursor:pointer}

/* botones */
.btn{display:inline-block;font:600 .92rem/1 var(--sans);letter-spacing:.02em;text-decoration:none;padding:1rem 1.5rem;border:1px solid var(--tinta);border-radius:2px;transition:background .3s,color .3s,border-color .3s;cursor:pointer}
.btn-tinta{background:var(--tinta);color:var(--marfil)}.btn-tinta:hover{background:var(--bronce);border-color:var(--bronce);color:#fff}
.btn-bronce{background:var(--bronce);border-color:var(--bronce);color:#fff;padding:.8rem 1.2rem}.btn-bronce:hover{background:var(--tinta);color:#fff}
.btn-mini{padding:.55rem .9rem;min-height:44px;display:inline-flex;align-items:center;font-size:.8rem;background:transparent;color:var(--tinta);white-space:nowrap}.btn-mini:hover{background:var(--tinta);color:var(--marfil)}
.enlace-flecha{font-weight:500;text-decoration:none;border-bottom:1px solid var(--bronce);padding-bottom:.15rem;display:inline-block}.enlace-flecha::after{content:" →";color:var(--bronce)}

/* inicio */
.hero{padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(2rem,5vw,4rem);overflow:hidden}
.hero-rej{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}
.hero h1{max-width:none}.hero-acc{display:flex;flex-wrap:wrap;gap:1.6rem;align-items:center;margin-top:2.2rem}
.hero-img img{width:100%;height:auto;mix-blend-mode:multiply}.hero-img img.hero-foto{mix-blend-mode:normal;border-radius:10px;display:block}.pie-img{font-size:.75rem;color:var(--tinta2);margin:.4rem 0 0;text-align:right}
.vapor{width:70px;height:54px;margin-top:2rem;fill:none;stroke:var(--bronce);stroke-width:1.2;stroke-linecap:round;opacity:.7}
.vapor path{stroke-dasharray:140;stroke-dashoffset:140;animation:hilo 7s ease-in-out infinite}.vapor path:nth-child(2){animation-delay:1.4s}.vapor path:nth-child(3){animation-delay:2.8s}
@keyframes hilo{0%{stroke-dashoffset:140;opacity:0}25%{opacity:1}70%{stroke-dashoffset:0;opacity:.8}100%{stroke-dashoffset:-140;opacity:0}}
.declaracion{border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:clamp(3rem,6vw,5rem) 0}.declaracion p{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.28;max-width:56rem;margin:0 auto;text-align:center}
.declaracion strong{font-weight:400;font-style:italic;color:var(--bronce)}
.quiz{padding:clamp(3.5rem,7vw,6rem) 0}.quiz .contenedor{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(2rem,6vw,5rem)}
.quiz-form fieldset{border:0;border-top:1px solid var(--linea);margin:0;padding:1.2rem 0 1.5rem}.quiz-form fieldset:last-child{border-bottom:1px solid var(--linea)}
.quiz-form legend{font-family:var(--serif);font-size:1.5rem;padding:0;float:left;width:100%;margin-bottom:1rem}.quiz-form legend span{font:600 .72rem var(--sans);letter-spacing:.16em;color:var(--bronce);margin-right:.8rem;vertical-align:.25em}
.opciones{clear:both;display:flex;flex-wrap:wrap;gap:.6rem}.opciones label{position:relative;cursor:pointer}.opciones input{position:absolute;opacity:0;inset:0;cursor:pointer}
.opciones span{display:block;padding:.65rem 1.1rem;border:1px solid var(--linea-f);font-size:.92rem;transition:all .25s}.opciones label:hover span{border-color:var(--tinta)}
.opciones input:checked+span{background:var(--tinta);color:var(--marfil);border-color:var(--tinta)}.opciones input:focus-visible+span{outline:2px solid var(--bronce);outline-offset:3px}
.quiz-res{grid-column:1 / -1;border:1px solid var(--linea-f);padding:clamp(1.5rem,4vw,2.6rem);background:var(--papel);min-height:9rem}
.quiz-vacio{margin:0;color:var(--tinta2);font-family:var(--serif);font-size:1.4rem}
.res{display:grid;grid-template-columns:1fr auto;gap:1.5rem 3rem;align-items:end}.res h3{font-size:clamp(1.9rem,4vw,2.8rem);margin:.2rem 0 .6rem}.res p{margin:0 0 .6rem;max-width:38rem}.res .etq{margin:0}
.res .acc{display:flex;flex-direction:column;gap:.8rem;align-items:flex-start}
.quiz-cab h2{margin-bottom:0}
.seleccion{padding:clamp(3rem,6vw,5rem) 0;background:var(--greige)}.sel-rej{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem)}
.sel-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linea-f)}.sel-lista a{display:grid;grid-template-columns:2.6rem 1fr auto;gap:1rem;align-items:baseline;padding:1.2rem 0;border-bottom:1px solid var(--linea);text-decoration:none}
.sel-lista a:hover .t b{color:var(--bronce)}.sel-lista .n{font:600 .75rem var(--sans);letter-spacing:.14em;color:var(--bronce)}.sel-lista .t b{display:block;font:400 1.55rem/1.15 var(--serif);transition:color .3s}.sel-lista .t i{font-style:normal;font-size:.85rem;color:var(--tinta2)}
.sel-lista .pr{font-size:.92rem;font-variant-numeric:tabular-nums;color:var(--tinta2);white-space:nowrap}
.oscura{background:var(--oscuro);color:#efe7da;position:relative;overflow:hidden}.oscura-foto{position:absolute;inset:0;opacity:.34}.oscura-foto img{width:100%;height:100%;object-fit:cover}
.oscura-txt{position:relative;padding-top:clamp(4rem,9vw,8rem);padding-bottom:clamp(4rem,9vw,8rem)}.oscura-txt>*{max-width:34rem}.oscura h2{font-size:clamp(2rem,4.4vw,3.4rem);margin-bottom:1.2rem}.oscura .kicker{color:var(--bronce-c)}.oscura a{color:#efe7da;border-color:var(--bronce-c)}.oscura .cred-foto{color:#b8a894}
.hubs{padding:clamp(3.5rem,7vw,6rem) 0}.hubs-cab{margin-bottom:2rem}.hubs-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--linea-f)}
.hubs-lista a{display:block;padding:1.6rem 2rem 1.6rem 0;border-bottom:1px solid var(--linea);text-decoration:none}.hubs-lista li:nth-child(odd) a{border-right:1px solid var(--linea);margin-right:2rem}
.h-t{display:block;font:400 1.7rem/1.15 var(--serif);margin-bottom:.4rem}.hubs-lista a:hover .h-t{color:var(--bronce)}.h-d{color:var(--tinta2);font-size:.95rem}
.iman{background:var(--greige);padding:clamp(3rem,6vw,5rem) 0}.iman-rej{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,5rem);align-items:center}.iman-fotos img{width:100%;aspect-ratio:4/3;object-fit:cover}
.iman-txt p{max-width:36rem}.iman h2{margin-bottom:1rem}
.cred-foto,.cred,figcaption{font-size:.74rem;color:var(--tinta2);line-height:1.4}.cred-foto{margin:1rem 0 0}

/* artículos */
.cab-art{padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(2rem,4vw,3.5rem);border-bottom:1px solid var(--linea)}
.cab-art .contenedor{display:grid;grid-template-columns:1fr;gap:2rem}.cab-art.con-foto .contenedor{grid-template-columns:1.2fr .8fr;align-items:end}
.cab-art h1{max-width:16ch;font-size:clamp(2.4rem,5.4vw,4.1rem)}.cab-foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 2.2rem;padding:0;font-size:.78rem;color:var(--tinta2)}.migas li+li::before{content:"/";margin-right:.4rem;color:var(--linea-f)}.migas a{color:var(--tinta2);text-decoration:none}.migas a:hover{color:var(--bronce)}
.aviso-art{font-size:.8rem;color:var(--tinta2);margin:1.6rem 0 0;max-width:38rem}
.cuerpo-art{padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(3rem,6vw,5rem)}
.prosa{max-width:var(--texto);min-width:0}.prosa.ancha{max-width:none}.prosa.ancha>p,.prosa.ancha>ul,.prosa.ancha>ol,.prosa.ancha>h2,.prosa.ancha>h3,.prosa.ancha>blockquote{max-width:var(--texto)}
.prosa h2{margin:3.2rem 0 1.1rem;padding-top:2.2rem;border-top:1px solid var(--linea)}.prosa>h2:first-child{margin-top:0;border-top:0;padding-top:0}.prosa h3{margin:2.2rem 0 .8rem;font-size:1.7rem}
.prosa p{margin:0 0 1.15rem}.prosa ul,.prosa ol{margin:0 0 1.4rem;padding-left:1.3rem}.prosa li{margin-bottom:.5rem}.prosa li::marker{color:var(--bronce)}
blockquote{margin:2rem 0;padding:0 0 0 1.4rem;border-left:1px solid var(--bronce);font-family:var(--serif);font-size:1.6rem;line-height:1.3}blockquote p{margin:0!important}
.veredicto{background:var(--papel);border:1px solid var(--linea-f);border-top:2px solid var(--tinta);padding:1.6rem 1.8rem 1.2rem;margin:0 0 2.5rem;max-width:var(--texto)}.veredicto .kicker{margin-bottom:.7rem}.veredicto p{font-size:1.1rem}.veredicto>p:last-child,.veredicto .cta{margin-bottom:0}
.regla{border-left:2px solid var(--bronce);padding:.4rem 0 .4rem 1.4rem;margin:2rem 0;max-width:var(--texto)}.regla ul{list-style:none;padding:0!important;margin:0!important}.regla li{margin-bottom:.6rem}
.nota{background:var(--greige);padding:1rem 1.3rem;margin:1.6rem 0;max-width:var(--texto);font-size:.95rem}.nota p{margin:0!important}
.herramienta{border-top:1px solid var(--linea-f);border-bottom:1px solid var(--linea);padding:1.2rem 0;margin:2rem 0;max-width:var(--texto)}.herramienta p{margin:0}.herramienta .kicker{margin-bottom:.4rem}
.foto{margin:2.5rem 0}.foto img{width:100%}.foto figcaption{margin-top:.5rem}
.cta{margin:1.6rem 0 0}.cta-fila{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem}.cta-alt{font-size:.88rem;color:var(--tinta2)}.cta-suelta{margin:2rem 0;padding:1.4rem 0;border-top:1px solid var(--linea)}

/* tablas */
.tabla-envoltorio{margin:2rem 0;max-width:100%}.tabla{border-collapse:collapse;width:100%;font-size:.93rem}
.tabla th,.tabla td{padding:.95rem 1rem .95rem 0;border-bottom:1px solid var(--linea);text-align:left;vertical-align:top;line-height:1.4}
.tabla thead th{font:600 .7rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta2);border-bottom:1px solid var(--tinta)}
.tabla tbody th{font-weight:600}.tabla-modelos tbody th a{font-family:var(--serif);font-size:1.25rem;font-weight:400;text-decoration:none;display:block;line-height:1.15}.etq-t{display:block;font-weight:400;font-size:.78rem;color:var(--bronce);margin-top:.25rem}

/* fichas */
.fichas{margin-top:2rem}.ficha{padding:3rem 0;border-top:1px solid var(--linea-f);margin-top:1rem;counter-increment:f}.ficha-cab{display:grid;grid-template-columns:1fr 14rem;gap:2rem;align-items:center}
.ficha .etq{font:600 .78rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--bronce);margin:0 0 .5rem}.ficha h3{margin:0 0 .6rem!important;font-size:clamp(1.9rem,3.4vw,2.6rem)}
.precio{font-size:1.05rem;font-variant-numeric:tabular-nums;margin:0!important}.precio span{font-size:.78rem;color:var(--tinta2);margin-left:.3rem}
.ficha-img img{width:100%;mix-blend-mode:multiply}.ficha-img figcaption{font-size:.7rem;text-align:center}
.ficha-veredicto{font-family:var(--serif);font-size:1.4rem;line-height:1.32;margin:1.6rem 0!important;max-width:36rem}
.spec{display:grid;grid-template-columns:repeat(3,1fr);gap:0 1.5rem;margin:1.4rem 0;border-top:1px solid var(--linea)}.spec div{padding:.8rem 0;border-bottom:1px solid var(--linea)}.spec dt{font:600 .68rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta2)}.spec dd{margin:.2rem 0 0;font-size:.92rem;line-height:1.4}
.sino,.pc{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.6rem 0}.sino p,.pc ul{margin:.5rem 0 0!important;font-size:.95rem}.pc ul{list-style:none;padding:0!important}.pc li{padding-left:1.1rem;position:relative;margin-bottom:.5rem}
.mas li::before,.menos li::before{content:"";position:absolute;left:0;top:.72em;width:.55rem;height:1px;background:var(--bronce)}.menos li::before{background:var(--tinta2)}.menos li{color:var(--tinta2)}

/* faq, relacionados */
.faq{margin-top:3rem}.faq details{border-bottom:1px solid var(--linea);padding:1rem 0}.faq summary{cursor:pointer;font-family:var(--serif);font-size:1.4rem;line-height:1.25;list-style:none;display:flex;justify-content:space-between;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--bronce);font-family:var(--sans)}.faq details[open] summary::after{content:"−"}.faq details p{margin:.8rem 0 0;max-width:var(--texto)}
.relacionados{background:var(--greige);padding:3.5rem 0}.relacionados ul{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 2rem;border-top:1px solid var(--linea-f)}.relacionados a{display:block;padding:1.2rem 0;border-bottom:1px solid var(--linea);text-decoration:none}.rel-t{display:block;font:400 1.35rem/1.2 var(--serif);margin-bottom:.4rem}.rel-d{font-size:.86rem;color:var(--tinta2);display:block}.relacionados a:hover .rel-t{color:var(--bronce)}

/* calculadora */
.calc{margin:2rem 0 0}.calc-campos{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.calc fieldset{border:0;border-top:1px solid var(--tinta);padding:1rem 0 0;margin:0}.calc legend{font-family:var(--serif);font-size:1.5rem;padding:0 0 .8rem}
.calc label{display:grid;grid-template-columns:1fr 5.5rem;gap:.2rem .8rem;align-items:center;font-size:.9rem;padding:.55rem 0;border-bottom:1px solid var(--linea)}.calc label small{grid-column:1 / -1;color:var(--tinta2);font-size:.75rem;margin-top:-.3rem}
.calc input{font:500 1rem var(--sans);text-align:right;padding:.45rem .5rem;border:1px solid var(--linea-f);background:var(--papel);color:var(--tinta);border-radius:2px;width:100%;font-variant-numeric:tabular-nums}
.calc-res{margin-top:3rem;background:var(--oscuro);color:#efe7da;padding:clamp(1.5rem,4vw,3rem)}.calc-res h2{font-size:2rem;margin-bottom:1.6rem}
.barra-fila{display:grid;grid-template-columns:8.5rem 1fr 6rem;gap:1rem;align-items:center;padding:.7rem 0;border-bottom:1px solid rgba(239,231,218,.18);font-size:.95rem}.barra-fila .pista{height:1px;background:rgba(239,231,218,.22);position:relative}.barra-fila .pista i{position:absolute;left:0;top:-3px;height:7px;background:var(--bronce-c);transition:width .5s}
.barra-fila.gana .pista i{background:#efe7da}.barra-fila b{font:400 1.7rem var(--serif);text-align:right;font-variant-numeric:tabular-nums}
#calc-texto{margin-top:1.4rem;max-width:42rem;line-height:1.6}#calc-texto p{margin:0 0 .8rem}#calc-texto strong{font-weight:600;color:#fff}#calc-cta{margin-top:1.4rem}#calc-cta .btn{background:#efe7da;color:var(--oscuro);border-color:#efe7da}#calc-cta .btn:hover{background:var(--bronce-c);border-color:var(--bronce-c)}#calc-cta .micro{color:#b8a894}

/* consumibles, imán */
.consumibles{margin:2rem 0}.consumible{display:grid;grid-template-columns:7rem 1fr 13rem;gap:1.5rem;padding:1.6rem 0;border-top:1px solid var(--linea)}.consumible:last-of-type{border-bottom:1px solid var(--linea)}
.c-num{font:600 .72rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bronce)}.consumible h3{font-size:1.5rem;margin:0 0 .5rem!important}.consumible p{font-size:.95rem;margin:0 0 .5rem!important}.c-accion{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}
.hoja{max-width:34rem;margin:2rem 0;border:1px solid var(--linea-f);background:var(--papel);padding:1.5rem 1.8rem}.hoja ol{margin:0!important;padding-left:1.5rem}

/* pie */
.pie{border-top:1px solid var(--linea-f);padding:4rem 0 2.5rem;margin-top:0;font-size:.9rem;color:var(--tinta2)}.pie-rejilla{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:3rem}.pie h2{font:600 .72rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta);margin-bottom:1rem}.pie ul{list-style:none;margin:0;padding:0}.pie li{margin-bottom:.45rem}.pie a{color:var(--tinta2);text-decoration:none}.pie a:hover{color:var(--bronce)}
.pie-marca p{max-width:30rem;margin-top:.8rem}.pie-legal{border-top:1px solid var(--linea);margin-top:2.5rem;padding-top:1.3rem;font-size:.8rem}
.barra-cta{display:none}

/* entrada suave y movimiento reducido */
@media (prefers-reduced-motion:no-preference){.hero-txt>*,.hero-img{animation:entra 1.1s cubic-bezier(.2,.6,.2,1) both}.hero-txt>*:nth-child(2){animation-delay:.1s}.hero-txt>*:nth-child(3){animation-delay:.2s}.hero-txt>*:nth-child(4){animation-delay:.3s}.hero-img{animation-delay:.2s}@keyframes entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vapor path{animation:none;stroke-dashoffset:0}}

@media (max-width:960px){.hero-rej,.quiz .contenedor,.sel-rej,.iman-rej,.cab-art.con-foto .contenedor{grid-template-columns:1fr}.hero h1{max-width:none}
.calc-campos,.relacionados ul{grid-template-columns:1fr}.hubs-lista{grid-template-columns:1fr}.hubs-lista li:nth-child(odd) a{border-right:0;margin-right:0}.pie-rejilla{grid-template-columns:1fr;gap:2rem}.res{grid-template-columns:1fr}.cab-foto{display:none}
.consumible{grid-template-columns:1fr;gap:.6rem}}
@media (max-width:760px){.btn-menu{display:block}.princ{display:none;position:absolute;left:0;right:0;top:100%;background:var(--marfil);border-bottom:1px solid var(--linea-f)}.princ.abierto{display:block}.princ ul{flex-direction:column;gap:0;padding:.5rem 1.5rem 1rem}.princ a{display:block;padding:.8rem 0;border-bottom:1px solid var(--linea)}.cab .contenedor{position:relative}
.aviso-top .rev{display:none}.aviso-top{font-size:.72rem}.contenedor{padding:0 1.25rem}body{font-size:1rem}
.ficha-cab{grid-template-columns:1fr}.ficha-img{max-width:14rem}.spec{grid-template-columns:1fr 1fr}.sino,.pc{grid-template-columns:1fr;gap:1.2rem}

.barra-fila{grid-template-columns:1fr 5rem;grid-template-areas:"a c" "b b"}.barra-fila .pista{grid-area:b}.barra-fila span:first-child{grid-area:a}
.barra-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem 1.25rem;background:rgba(36,26,20,.96);color:#efe7da;font-size:.88rem}.barra-cta em{font-style:normal;color:var(--bronce-c);margin-left:.3rem}body.con-barra{padding-bottom:4rem}
.sel-lista a{grid-template-columns:2rem 1fr}.sel-lista .pr{grid-column:2}}
@media print{.aviso-top,.cab,.barra-cta,.pie,.toc{display:none}}

.declaracion-m{border-top:0}.declaracion-m .nota-m{font:400 .95rem/1.65 var(--sans);color:var(--tinta2);max-width:44rem;text-align:left;margin:0}

.prosa:has(.calc){max-width:none}.prosa:has(.calc)>p,.prosa:has(.calc)>h2,.prosa:has(.calc)>.faq,.prosa:has(.calc)>.herramienta{max-width:var(--texto)}
.calc legend{float:left;width:100%}.calc fieldset>label:first-of-type{clear:both}.calc-res .micro{color:#b8a894}
@media (max-width:960px){.calc-campos{gap:1.5rem}}

.veredicto .micro,.prosa .micro{font-size:.82rem;line-height:1.5}

/* aviso de cookies: sobrio, a juego con el sistema */
:root{--cb-bg:#faf7f1;--cb-fg:#2a1d16;--cb-borde:rgba(42,29,22,.32);--cb-btn-bg:transparent;--cb-btn-fg:#2a1d16;--cb-btn-borde:#2a1d16;--cb-acento:#8a5f36;--cb-fuente:'Hanken Grotesk',system-ui,sans-serif;--cb-radio:2px}
.cb{box-shadow:none;left:1.25rem;right:auto;bottom:1.25rem;max-width:34rem;font-size:.85rem}.cb-btn:hover{background:var(--tinta);color:var(--marfil);filter:none}
@media (max-width:760px){.cb{left:.75rem;right:.75rem;bottom:.75rem}body.con-barra .cb{bottom:4.6rem}}
.descarga{margin:1.6rem 0}.pie-legal a[data-abrir-cookies]{margin-left:.6rem;white-space:nowrap}

/* ---- mejoras de compra ---- */
.btn{min-height:44px}.btn-bronce{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.btn-tinta:focus-visible,.btn-bronce:focus-visible{outline-color:var(--bronce);outline-offset:3px}
.btn-bronce:hover,.btn-bronce:focus-visible{color:#fff}

/* podio */
.podio-envoltorio{margin:0 0 2.8rem}
.podio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;align-items:stretch}
.tarjeta{display:flex;flex-direction:column;background:var(--papel);border:1px solid var(--linea-f);border-top:2px solid var(--tinta);padding:1.3rem 1.3rem 1.4rem}
.tarjeta:first-child{border-top-color:var(--bronce);border-top-width:3px}
.insignia{align-self:flex-start;margin:0 0 .9rem;padding:.3rem .65rem;background:var(--tinta);color:var(--marfil);font:600 .7rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.tarjeta:first-child .insignia{background:var(--bronce)}
.tarjeta-foto{margin:0 0 .9rem}.tarjeta-foto img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--greige)}
.prosa .tarjeta-n{font:400 1.55rem/1.12 var(--serif);margin:0 0 .3rem}.tarjeta-n a{text-decoration:none}.tarjeta-n a:hover{color:var(--bronce)}
.prosa .tarjeta-p{font:600 1.05rem var(--sans);font-variant-numeric:tabular-nums;color:var(--bronce);margin:0 0 .9rem}
.tarjeta-sino{margin:0 0 .8rem}.tarjeta-sino h4{margin:0 0 .15rem;font-size:.68rem}.prosa .tarjeta-sino p{margin:0;font-size:.9rem;line-height:1.45}
.tarjeta-cta{margin-top:auto;padding-top:.8rem}.tarjeta-cta .btn{display:flex;align-items:center;justify-content:center;width:100%}
.prosa .podio-nota{margin:1rem 0 0;max-width:var(--texto)}

/* para empezar también necesitas */
.empezar{border:1px solid var(--linea-f);background:var(--papel);padding:1.3rem 1.5rem .6rem;margin:2.2rem 0;max-width:var(--texto)}.empezar .kicker{margin-bottom:.5rem}
.prosa .empezar ul{list-style:none;margin:0;padding:0}.empezar li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.8rem 0;border-top:1px solid var(--linea);margin:0}
.emp-t b{display:block;font-weight:600;font-size:.98rem}.emp-t span{font-size:.82rem;color:var(--tinta2)}.emp-a{display:flex;align-items:center;gap:1rem;font-size:.9rem}

/* mi elección */
.mi-eleccion{display:flex;gap:1.5rem;align-items:center;background:var(--greige);border-left:3px solid var(--bronce);padding:1.6rem 1.8rem;margin:3rem 0 0;max-width:var(--texto)}
.me-foto{flex:0 0 9rem}.me-foto img{width:100%;aspect-ratio:1;object-fit:contain}
.me-txt .kicker{margin-bottom:.3rem}.prosa .me-txt h3{margin:0 0 .2rem;font-size:1.8rem}.prosa .me-txt p{margin:0 0 .7rem}.prosa .me-txt .me-p{font-weight:600;color:var(--bronce)}.me-txt .btn{margin-top:.3rem}

/* fichas plegables */
.ficha{scroll-margin-top:5.5rem}
details.ficha-plegable{padding:0}
.ficha-res{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;padding:1.5rem 0;cursor:pointer;list-style:none}
.ficha-res::-webkit-details-marker{display:none}
.ficha-res-t{display:block}.ficha-res-t .etq{display:block}.ficha-res h3{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 .3rem!important}
.ficha-res .precio{display:block;font-weight:600;color:var(--bronce)}
.ficha-res-acc{display:flex;align-items:center;gap:1.2rem}
.ficha-mas{font-size:.82rem;font-weight:500;color:var(--tinta2);white-space:nowrap;border-bottom:1px solid var(--bronce)}
.ficha-mas::after{content:"Ver detalles +"}details[open]>.ficha-res .ficha-mas::after{content:"Ocultar −"}
.ficha-cuerpo{padding:0 0 2.2rem}.ficha-cuerpo .ficha-img{max-width:14rem;margin:0 0 .5rem}

@media (max-width:960px){.podio{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.tarjeta{padding:1rem}}
@media (max-width:760px){
.podio-envoltorio{margin-bottom:2.2rem}
.podio{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.9rem;margin:0 -1.25rem;padding:0 1.25rem .6rem;scroll-padding:0 1.25rem;-webkit-overflow-scrolling:touch}
.tarjeta{flex:0 0 84%;scroll-snap-align:start}
.mi-eleccion{flex-direction:column;align-items:flex-start;padding:1.3rem}.me-foto{flex-basis:auto;width:9rem}
.ficha-res-acc{width:100%;justify-content:space-between}
.ficha-res-acc .btn{flex:0 1 auto}
}
@media (prefers-reduced-motion:reduce){.podio{scroll-behavior:auto}}
@media print{.ficha-plegable:not([open])>.ficha-cuerpo{display:block}}

/* ---- Cuadro comparativo: horizontal, cabe en pantalla sin barra de desplazamiento ---- */
.tabla-envoltorio.fit{overflow:visible}
.tabla-envoltorio.fit .tabla{table-layout:fixed;width:100%;font-size:12.5px;line-height:1.4}
.tabla-envoltorio.fit .tabla th,.tabla-envoltorio.fit .tabla td{white-space:normal;overflow-wrap:anywhere;hyphens:manual;padding:.7rem .5rem .7rem 0}
.tabla-envoltorio.fit .tabla thead th{font-size:10.5px;letter-spacing:.06em;vertical-align:bottom;padding-bottom:.55rem}
.tabla-envoltorio.fit .tabla-modelos tbody th a{font-size:1.05rem;line-height:1.15}
.tabla-envoltorio.fit .etq-t{font-size:11px;line-height:1.3}
.tabla-envoltorio.fit .btn-mini{white-space:normal;text-align:center;justify-content:center;padding:.4rem .5rem;font-size:12.5px;line-height:1.2;width:100%}
.tabla-modelos td:nth-child(3){vertical-align:middle}
.tabla-envoltorio.fit .tabla:not(.tabla-modelos) tbody th{font-weight:600}
@media (min-width:1000px){.tabla-envoltorio.fit .tabla{font-size:14px}.tabla-envoltorio.fit .tabla thead th{font-size:11.5px}.tabla-envoltorio.fit .btn-mini{font-size:13.5px}.tabla-envoltorio.fit .tabla th,.tabla-envoltorio.fit .tabla td{padding-right:.8rem}}

/* ---- Móvil: cada fila pasa a ficha apilada ---- */
@media (max-width:700px){
.tabla-envoltorio.fit .tabla,.tabla-envoltorio.fit .tabla tbody,.tabla-envoltorio.fit .tabla tr,.tabla-envoltorio.fit .tabla td,.tabla-envoltorio.fit .tabla tbody th{display:block;width:100%}
.tabla-envoltorio.fit .tabla{font-size:14px}
.tabla-envoltorio.fit .tabla colgroup{display:none}
.tabla-envoltorio.fit .tabla thead{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tabla-envoltorio.fit .tabla tr{border-bottom:1px solid var(--linea-f);padding:1rem 0}
.tabla-envoltorio.fit .tabla th,.tabla-envoltorio.fit .tabla td{border:0;padding:.3rem 0}
.tabla-envoltorio.fit .tabla td[data-l]::before{content:attr(data-l);display:block;font:600 10.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta2)}
.tabla-envoltorio.fit .tabla td[data-l=""]::before{display:none}
.tabla-envoltorio.fit .tabla-modelos tbody th a{font-size:1.4rem}
.tabla-envoltorio.fit .btn-mini{width:auto;min-width:11rem;font-size:14px;padding:.55rem 1rem}
}

/* ---- Índice plegable: el contenido y las tablas usan todo el ancho ---- */
.cuerpo-art{display:block}
.toc{margin:0 0 2rem;border:1px solid var(--linea-f);background:var(--papel);font-size:.9rem}
.toc summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;padding:.6rem 1rem;cursor:pointer;list-style:none;font:600 .82rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta)}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"▾";color:var(--bronce);font-size:1rem}.toc[open] summary::after{content:"▴"}
.toc ol{list-style:none;margin:0;padding:0 1rem .8rem;display:grid;grid-template-columns:1fr;gap:0 2rem;border-top:1px solid var(--linea)}
.toc li{border-bottom:1px solid var(--linea)}
.toc a{display:flex;align-items:center;min-height:44px;padding:.35rem 0;text-decoration:none;color:var(--tinta2);line-height:1.35}.toc a:hover{color:var(--bronce)}
@media (min-width:600px){.toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.toc ol{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* fotos de producto (Amazon, hotlink): marco fijo, fondo blanco */
.amz img,.ficha-img.amz img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff;mix-blend-mode:normal}
.tarjeta-foto.amz img{aspect-ratio:4/3;border:1px solid var(--linea)}
.me-foto.amz img{border:1px solid var(--linea)}
.ficha-img.amz{background:#fff}
.hub-c .ficha-img.amz{display:block}

/* Foto de producto a la vista en las fichas */
.ficha-mini{flex:0 0 auto;width:5.5rem;height:5.5rem;background:#fff;border:1px solid var(--linea)}
.ficha-mini img{display:block;width:100%;height:100%;object-fit:contain}
.ficha-res{flex-wrap:nowrap;column-gap:1.2rem}.ficha-res-t{flex:1 1 auto;min-width:0}.ficha-res-acc{flex:0 0 auto}
.ficha-cab>.ficha-img.amz{max-width:14rem;margin:0;border:1px solid var(--linea)}
@media (max-width:700px){.ficha-res{flex-wrap:wrap}.ficha-mini{width:4.5rem;height:4.5rem}.ficha-res-t{flex:1 1 calc(100% - 6rem)}.ficha-cab>.ficha-img.amz{max-width:12rem}}
/* Fotos más pequeñas */
.ficha-cab{grid-template-columns:1fr 8.5rem;gap:1.5rem}
.ficha-cab>.ficha-img.amz{max-width:8.5rem}
.ficha-cuerpo .ficha-img{max-width:9rem}.ficha-cuerpo .ficha-img figcaption{display:none}
.ficha-mini{width:4.2rem;height:4.2rem}
@media (max-width:700px){.ficha-cab{grid-template-columns:1fr 6.5rem;gap:1rem}.ficha-cab>.ficha-img.amz{max-width:6.5rem}.ficha-mini{width:3.6rem;height:3.6rem}.ficha-cuerpo .ficha-img{max-width:7rem}}
