@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-s.woff2) format("woff2");font-weight:500 800;font-display:swap}
@font-face{font-family:"Figtree";src:url(/fonts/figtree-s.woff2) format("woff2");font-weight:400 800;font-display:swap}

:root{
 --papel:#f8eddb;--papel2:#f0dfc2;--tinta:#2b2119;--suave:#64554a;
 --bosque:#1e3a2f;--bosque2:#2f5846;--arcilla:#c4512e;--btn:#b84a29;--btn-d:#7e3219;
 --sol:#f3b72f;--sol-d:#b9801a;--salvia:#bccdaf;--rosa:#f2c5b0;
 --linea:rgba(43,33,25,.2);--vidrio:rgba(255,255,255,.34);--on-bosque:#f6ead4;
 --sim-bg:#f5bc3c;--sim-panel:#fff7e6;
 --p0bg:#cddcc0;--p0fg:#1d3328;--p1bg:#f6cd62;--p1fg:#35260a;--p2bg:#f1c0a9;--p2fg:#44210f;--p3bg:#e58c68;--p3fg:#3a1608;--p4bg:#1e3a2f;--p4fg:#f6ead4;
 --d:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;
 --t:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 --hdr:64px;
 color-scheme:light;
}
@media(prefers-color-scheme:dark){:root{
 --papel:#171310;--papel2:#211a14;--tinta:#f4e9d3;--suave:#bfb09b;
 --bosque:#12261d;--bosque2:#26503e;--arcilla:#e0694a;
 --salvia:#4d6a53;--rosa:#7d4c3b;
 --linea:rgba(244,233,211,.22);--vidrio:rgba(255,255,255,.09);
 --sim-bg:#34270b;--sim-panel:#1d1710;
 --p0bg:#22352a;--p0fg:#e6f0d9;--p1bg:#4a3a10;--p1fg:#fbe9b4;--p2bg:#4a2d21;--p2fg:#f8dccd;--p3bg:#5c2d1c;--p3fg:#fbd9c9;--p4bg:#0f211a;--p4fg:#f6ead4;
 color-scheme:dark}
 .foto img,.art-foto img,.arco img,.cierre-foto img{filter:brightness(.86) saturate(.95)}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 8px)}
body{margin:0;font:18px/1.62 var(--t);color:var(--tinta);background:var(--papel);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%}
img{display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.narrow{max-width:740px}
a{color:var(--btn);text-underline-offset:3px}
@media(prefers-color-scheme:dark){a{color:#f0a17f}}
:focus-visible{outline:3px solid var(--sol);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:-999px;top:8px;background:var(--tinta);color:var(--papel);padding:10px 16px;border-radius:10px;z-index:99}
.skip:focus{left:8px}
h1,h2,h3{font-family:var(--d);font-weight:800;line-height:1.04;letter-spacing:-.025em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.5rem,9.6vw,5.4rem);letter-spacing:-.04em}
h2{font-size:clamp(2rem,6.4vw,3.8rem);letter-spacing:-.035em}
h3{font-size:1.3rem;font-weight:700;letter-spacing:-.015em}
p{margin:0 0 1em}
.lead{font-size:clamp(1.08rem,3.2vw,1.3rem);line-height:1.5;max-width:33em;color:var(--suave)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- cabecera ---------- */
.hdr{position:sticky;top:0;z-index:60;height:var(--hdr);display:flex;align-items:center;background:var(--papel);background:color-mix(in srgb,var(--papel) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .3s}
.hdr.scrolled{box-shadow:0 1px 0 var(--linea)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.brand{display:flex;align-items:center;gap:9px;font:800 1.28rem var(--d);letter-spacing:-.03em;color:var(--tinta);text-decoration:none}
.brand:hover{color:var(--tinta)}
.brand svg{width:34px;height:34px;flex:none}
.hdr nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.hdr nav a{display:block;padding:9px 13px;border-radius:999px;color:var(--tinta);text-decoration:none;font-weight:600;font-size:.97rem}
.hdr nav a:hover,.hdr nav a[aria-current]{background:var(--sol);color:#2b2119}
.hdr nav a.cta{background:var(--btn);color:#fff;margin-left:6px}
.hdr nav a.cta:hover{background:var(--btn-d);color:#fff}
.menu-btn{display:none;font:700 1rem var(--t);background:var(--tinta);color:var(--papel);border:0;border-radius:999px;padding:10px 18px;cursor:pointer}
@media(max-width:820px){
 .menu-btn{display:block}
 .hdr nav{position:absolute;left:0;right:0;top:100%;background:var(--papel);padding:6px 20px 20px;box-shadow:0 14px 20px -10px rgba(0,0,0,.25);display:none}
 .hdr nav.open{display:block}
 .hdr nav ul{flex-direction:column;align-items:stretch}
 .hdr nav a{font-size:1.2rem;padding:13px 14px}
 .hdr nav a.cta{margin:8px 0 0;text-align:center}
}

/* ---------- botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--btn);color:#fff;font:700 1.06rem var(--t);text-decoration:none;padding:16px 30px;border-radius:999px;border:0;cursor:pointer;box-shadow:0 5px 0 var(--btn-d);transition:transform .22s cubic-bezier(.3,1.7,.5,1),box-shadow .22s,background .2s}
.btn:hover{color:#fff;transform:translateY(-3px) rotate(-1deg);box-shadow:0 8px 0 var(--btn-d)}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--btn-d)}
.btn.sol{background:var(--sol);color:#2b2119;box-shadow:0 5px 0 var(--sol-d)}
.btn.sol:hover{color:#2b2119;box-shadow:0 8px 0 var(--sol-d)}
.btn.linea{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 2.5px currentColor}
.btn.linea:hover{background:var(--tinta);color:var(--papel);box-shadow:inset 0 0 0 2.5px var(--tinta)}
.btn.grande{font-size:1.2rem;padding:19px 38px}

/* ---------- jarras ---------- */
.jar{display:block;width:100%;height:auto;overflow:visible}
.jar .vidrio{fill:var(--vidrio)}
.jar .borde{fill:none;stroke:var(--tinta);stroke-opacity:.7;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.jar .brillo{fill:none;stroke:#fff;stroke-opacity:.7;stroke-width:4;stroke-linecap:round}
.jar .cinta{fill:var(--c)}
.jar .moneda{fill:#f3b72f;stroke:#a86f12;stroke-width:1.6}
.jar .moneda2{fill:none;stroke:#c98b1d;stroke-width:1.4}
.jar .cobre{fill:#d98a55;stroke:#8d4c22}
.jar .c{transform-box:fill-box;transform-origin:center}

/* ---------- inicio: hero ---------- */
.hero{position:relative;background:var(--papel)}
.hero-pin{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:calc(var(--hdr) + 6px) 0 26px}
.hero-grid{display:grid;gap:20px;width:100%;align-items:center}
.hero-runway{height:125svh}
.hero-text{order:2;position:relative;z-index:2}
.hero-text h1{margin-bottom:.38em}
.hero-text .lead{margin-bottom:1.1em}
.hero .acciones{display:flex;flex-wrap:wrap;gap:12px 14px}
.autoridad{margin:20px 0 0;font:600 .98rem var(--t);color:var(--suave);max-width:30em;border-left:4px solid var(--sol);padding-left:12px}
.bajar{margin:16px 0 0;font:600 .95rem var(--t);color:var(--suave);display:flex;align-items:center;gap:10px;transition:opacity .3s}
.bajar i{display:inline-block;width:12px;height:12px;border-right:3px solid var(--btn);border-bottom:3px solid var(--btn);transform:rotate(45deg);animation:rebota 1.4s ease-in-out infinite}
@keyframes rebota{50%{transform:translateY(5px) rotate(45deg)}}
.art{order:1;position:relative;justify-self:center;width:100%;max-width:560px}
.art-sol{position:absolute;width:58%;aspect-ratio:1;border-radius:50%;background:var(--sol);right:-6%;top:-10%;will-change:transform}
.art-hoja{position:absolute;width:46%;aspect-ratio:1;border-radius:62% 38% 55% 45%;background:var(--salvia);left:-7%;top:18%;will-change:transform}
.art-foto{position:relative;height:min(36svh,300px);border-radius:46% 54% 42% 58%/44% 40% 60% 56%;overflow:hidden;background:var(--papel2)}
.art-foto img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;object-position:50% 58%;will-change:transform}
.frascos{position:relative;z-index:3;margin:-58px 3% 0;display:grid;grid-template-columns:repeat(3,1fr);gap:4%;align-items:end}
.frasco{margin:0;text-align:center}
.frascos .jar{max-width:112px;margin:0 auto}
.estante{position:relative;z-index:3;height:14px;margin:-7px 0 0;border-radius:8px;background:linear-gradient(#a8643a,#8a4c27);box-shadow:0 10px 0 -3px rgba(43,33,25,.18)}
.frasco figcaption{font:700 .95rem var(--d);line-height:1.15;margin-top:18px}
.frasco figcaption span{display:block;font:800 1.2rem var(--d);font-variant-numeric:tabular-nums}
.frascos-pie{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;margin:0 3%}
.frascos-pie p{margin:16px 0 0;text-align:center;font:700 .95rem var(--d);line-height:1.15}
.frascos-pie span{display:block;font:800 1.25rem var(--d);font-variant-numeric:tabular-nums;color:var(--btn)}
@media(prefers-color-scheme:dark){.frascos-pie span{color:var(--sol)}}
@media(min-width:900px){
 .hero-pin{padding-top:calc(var(--hdr) + 14px)}
 .hero-grid{grid-template-columns:1.02fr .98fr;gap:34px}
 .hero-text{order:1}
 .hero-text h1{font-size:clamp(3rem,min(7vw,10.5svh + .8rem),6rem)}
 .art{order:2}
 .art-foto{height:min(58svh,600px)}
 .frascos{margin-top:-86px}
 .frascos .jar{max-width:132px}
}
@media(max-width:899px){
 .hero-grid{gap:12px}
 .art-foto{height:25svh}
 .frascos{margin-top:-46px}
 .frascos .jar{max-width:84px}
 .hero-text h1{font-size:clamp(2.1rem,9vw,2.7rem)}
 .hero-text .lead{font-size:1rem;margin-bottom:.8em}
 .autoridad{margin-top:12px;font-size:.86rem}
 .bajar{display:none}
 .frascos-pie p{margin-top:10px}
 .hero .btn{padding:13px 20px;font-size:1rem}
 .hero .acciones{gap:10px}
}
@media(max-height:700px) and (max-width:899px){.art-foto{height:28svh}.hero-text h1{font-size:2.2rem}}

/* ---------- cifras ---------- */
.onda{display:block;line-height:0}
.onda svg{display:block;width:100%;height:clamp(26px,4.5vw,64px)}
.cifras{background:var(--bosque);color:var(--on-bosque);padding:clamp(54px,9vw,110px) 0}
.cifras .wrap{display:grid;gap:42px}
.cifras blockquote{margin:0;font:800 clamp(1.9rem,5.4vw,3.6rem)/1.04 var(--d);letter-spacing:-.035em;max-width:15em;text-wrap:balance}
.cifras blockquote small{display:block;margin-top:16px;font:500 1rem var(--t);letter-spacing:0;opacity:.72}
.nums{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:0}
.nums div{padding:18px 0 22px;border-top:2px solid rgba(246,234,212,.28)}
.nums dt{font:800 clamp(3.4rem,11vw,6.2rem)/.95 var(--d);letter-spacing:-.05em;color:var(--sol);font-variant-numeric:tabular-nums}
.nums dd{margin:6px 0 0;font-size:1rem;line-height:1.3;opacity:.85}
@media(min-width:900px){.cifras .wrap{grid-template-columns:1fr 1.05fr;align-items:center;gap:70px}}

/* ---------- simulador ---------- */
.sim{position:relative;background:var(--sim-bg);color:var(--tinta);padding:clamp(44px,8vw,100px) 0 clamp(60px,9vw,110px)}
.sim-grid{display:grid;gap:34px}
.sim h2{margin-bottom:.35em}
.sim .lead{color:inherit;opacity:.82;margin-bottom:1.6em}
.ctl{margin:0 0 26px}
.ctl-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ctl label{font:700 1.05rem var(--d)}
.ctl output{white-space:nowrap;font:800 clamp(2rem,6.4vw,3rem)/1 var(--d);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.ctl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin:6px 0 0;cursor:pointer;--p:50%}
.ctl input[type=range]::-webkit-slider-runnable-track{height:14px;border-radius:99px;background:linear-gradient(90deg,var(--tinta) var(--p),rgba(43,33,25,.2) var(--p))}
.ctl input[type=range]::-moz-range-track{height:14px;border-radius:99px;background:linear-gradient(90deg,var(--tinta) var(--p),rgba(43,33,25,.2) var(--p))}
@media(prefers-color-scheme:dark){
 .ctl input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--sol) var(--p),rgba(244,233,211,.22) var(--p))}
 .ctl input[type=range]::-moz-range-track{background:linear-gradient(90deg,var(--sol) var(--p),rgba(244,233,211,.22) var(--p))}
}
.ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:42px;height:42px;margin-top:-14px;border-radius:50%;border:3.5px solid #2b2119;background:radial-gradient(circle at 36% 32%,#ffe08a,#f3b72f 58%,#c88a1a);box-shadow:0 4px 0 rgba(43,33,25,.35);transition:transform .15s}
.ctl input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;border:3.5px solid #2b2119;background:radial-gradient(circle at 36% 32%,#ffe08a,#f3b72f 58%,#c88a1a);box-shadow:0 4px 0 rgba(43,33,25,.35)}
.ctl input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.ctl input[type=range]:focus-visible{outline:3px solid var(--tinta);outline-offset:4px;border-radius:99px}
.escala{display:flex;justify-content:space-between;font:700 .88rem var(--t);opacity:.7;margin-top:-4px}
.nota{margin:10px 0 0;font-size:1rem;min-height:3em;max-width:28em}
.sim-panel{background:var(--sim-panel);border-radius:34px 90px 34px 34px;padding:clamp(20px,4vw,36px);box-shadow:0 26px 40px -26px rgba(43,33,25,.5)}
.sim-jars{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;align-items:end}
.sim-jars .jar{max-width:92px;margin:0 auto}
.sim-jars .estante{grid-column:1/-1}
.sj{text-align:center;font:700 .9rem/1.2 var(--d)}
.sj b{display:block;font:800 1.15rem var(--d);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sj small{display:block;font:500 .82rem/1.25 var(--t);opacity:.8;margin-top:2px}
.sim-res{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 8px}
.res{padding:14px 0 0;border-top:2px solid var(--tinta)}
.res span{display:block;font:700 .95rem var(--d)}
.res b{display:block;font:800 clamp(2.3rem,9vw,3.7rem)/1 var(--d);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.res.dos b{color:var(--btn)}
@media(prefers-color-scheme:dark){.res.dos b{color:var(--sol)}}
.grafica{display:block;width:100%;height:auto;margin-top:8px;overflow:visible}
.grafica .base{stroke:var(--tinta);stroke-width:2.5;stroke-linecap:round}
.grafica .barra{stroke:var(--tinta);stroke-width:2.5}
.grafica text{font-family:var(--d);fill:var(--tinta)}
.grafica .eje{font-size:19px;font-weight:700}
.grafica .val{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;text-anchor:middle}
.grafica .val.flojo{font-weight:600;opacity:.65;font-size:19px}
.cmp{margin:10px 0 0;font-size:1.02rem;line-height:1.4}
.cmp b{font-family:var(--d)}
.supuestos{margin:14px 0 0;font-size:.86rem;line-height:1.4;color:var(--suave)}
@media(min-width:960px){.sim-grid{grid-template-columns:.82fr 1.18fr;gap:60px;align-items:start}.sim-ctrl{position:sticky;top:calc(var(--hdr) + 30px)}}

/* ---------- método (paneles fijos) ---------- */
.m-intro{padding:clamp(54px,9vw,110px) 0 clamp(36px,6vw,70px)}
.m-intro .wrap{display:grid;gap:26px}
.tribu-letras{display:flex;flex-wrap:wrap;gap:8px 6px;font:800 clamp(4.2rem,17vw,9.5rem)/.8 var(--d);letter-spacing:-.06em}
.tribu-letras span{display:inline-block;padding:.07em .1em .12em;border-radius:.2em .34em .22em .3em}
.tribu-letras span:nth-child(1){background:var(--p0bg);color:var(--p0fg);transform:rotate(-4deg)}
.tribu-letras span:nth-child(2){background:var(--p1bg);color:var(--p1fg);transform:rotate(3deg) translateY(.05em)}
.tribu-letras span:nth-child(3){background:var(--p2bg);color:var(--p2fg);transform:rotate(-2deg)}
.tribu-letras span:nth-child(4){background:var(--p3bg);color:var(--p3fg);transform:rotate(4deg) translateY(.06em)}
.tribu-letras span:nth-child(5){background:var(--p4bg);color:var(--p4fg);transform:rotate(-3deg)}
.m-intro h2{margin:0}
@media(min-width:900px){.m-intro .wrap{grid-template-columns:1.1fr .9fr;align-items:end;gap:60px}}
.mrun{position:relative}
.mpin{position:relative;color:var(--mfg);background:var(--mbg)}
.mpin[data-i="0"]{--mbg:var(--p0bg);--mfg:var(--p0fg)}
.mpin[data-i="1"]{--mbg:var(--p1bg);--mfg:var(--p1fg)}
.mpin[data-i="2"]{--mbg:var(--p2bg);--mfg:var(--p2fg)}
.mpin[data-i="3"]{--mbg:var(--p3bg);--mfg:var(--p3fg)}
.mpin[data-i="4"]{--mbg:var(--p4bg);--mfg:var(--p4fg)}
.panel{--mbg:var(--p0bg);--mfg:var(--p0fg);background:var(--mbg);color:var(--mfg);padding:44px 0 54px}
.panel:nth-child(2){--mbg:var(--p1bg);--mfg:var(--p1fg)}
.panel:nth-child(3){--mbg:var(--p2bg);--mfg:var(--p2fg)}
.panel:nth-child(4){--mbg:var(--p3bg);--mfg:var(--p3fg)}
.panel:nth-child(5){--mbg:var(--p4bg);--mfg:var(--p4fg)}
.panel .wrap{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"letra foto" "texto texto";gap:16px 18px;align-items:center}
.letra{grid-area:letra;font:800 clamp(8rem,38vw,13rem)/.74 var(--d);letter-spacing:-.06em;margin-left:-.03em;padding-bottom:.06em}
.foto{grid-area:foto;margin:0;aspect-ratio:1/1.05;max-height:34svh;width:100%;border-radius:48% 52% 40% 60%/54% 40% 60% 46%;overflow:hidden;position:relative;background:rgba(255,255,255,.2)}
.foto img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;will-change:transform}
.texto{grid-area:texto;max-width:34em}
.texto h3{font-size:clamp(2rem,6.6vw,3.4rem);letter-spacing:-.035em;margin-bottom:.3em}
.texto p{font-size:clamp(1.05rem,3vw,1.25rem);line-height:1.5;margin:0 0 .7em}
.texto .ej{font:600 1.02rem/1.4 var(--t);padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.28);border-left:5px solid currentColor}
@media(prefers-color-scheme:dark){.texto .ej{background:rgba(255,255,255,.07)}}
.riel{display:none;list-style:none;margin:0;padding:0}
@media(min-width:900px){
 .panel .wrap{grid-template-columns:1fr 1fr;grid-template-areas:"letra foto" "texto foto";gap:0 60px;align-content:center;min-height:calc(100svh - var(--hdr) - 90px)}
 .letra{font-size:min(40svh,26vw);align-self:end}
 .foto{max-height:none;height:min(66svh,620px);width:auto;aspect-ratio:4/5;justify-self:center;grid-row:1/3}
 .texto{align-self:start}
}
/* modo fijo (lo activa el JS) */
.mpin.fijo{position:sticky;top:0;height:100svh;overflow:hidden;padding-top:var(--hdr);transition:background-color .7s ease}
.mpin.fijo .panels{position:absolute;inset:var(--hdr) 0 0 0}
.mpin.fijo .panel{position:absolute;inset:0;background:none;padding:0;display:flex;align-items:center;pointer-events:none}
.mpin.fijo .panel .wrap{width:100%;min-height:0}
.mpin.fijo .panel .letra,.mpin.fijo .panel .texto>*,.mpin.fijo .panel .foto{transition:transform .8s cubic-bezier(.2,.85,.2,1),opacity .6s ease,clip-path .9s cubic-bezier(.3,.7,.2,1)}
.mpin.fijo .panel .letra{opacity:0;transform:translateY(55%) rotate(7deg)}
.mpin.fijo .panel .texto>*{opacity:0;transform:translateY(34px)}
.mpin.fijo .panel .texto>*:nth-child(2){transition-delay:.08s}
.mpin.fijo .panel .texto>*:nth-child(3){transition-delay:.16s}
.mpin.fijo .panel .foto{clip-path:circle(0% at 50% 55%)}
.mpin.fijo .panel{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s linear,visibility 0s linear .12s}
.mpin.fijo .panel.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .12s linear .14s,visibility 0s linear .14s}
.mpin.fijo .panel.on .letra,.mpin.fijo .panel.on .foto{transition-delay:.14s}
.mpin.fijo .panel.on .texto>*{transition-delay:.2s}
.mpin.fijo .panel.on .texto>*:nth-child(2){transition-delay:.26s}
.mpin.fijo .panel.on .texto>*:nth-child(3){transition-delay:.32s}
.mpin.fijo .panel.on .letra{opacity:1;transform:none}
.mpin.fijo .panel.on .texto>*{opacity:1;transform:none}
.mpin.fijo .panel.on .foto{clip-path:circle(78% at 50% 55%)}
.mpin.fijo .panel.off .letra{opacity:0;transform:translateY(-55%) rotate(-7deg)}
.mpin.fijo .panel.off .texto>*{opacity:0;transform:translateY(-30px)}
.mpin.fijo .panel.off .foto{clip-path:circle(0% at 50% 45%)}
.mpin.fijo .riel{display:flex;position:absolute;left:0;right:0;bottom:16px;justify-content:center;gap:10px;z-index:3}
.riel li{width:38px;height:38px;border-radius:50% 50% 50% 12px;border:2.5px solid currentColor;display:grid;place-items:center;font:800 1.05rem var(--d);opacity:.45;transition:opacity .3s,background .3s,color .3s,transform .3s}
.riel li.hecho{opacity:.85}
.riel li.act{opacity:1;background:var(--mfg);color:var(--mbg);transform:scale(1.14)}

/* ---------- ciencia ---------- */
.ciencia{padding:clamp(56px,9vw,110px) 0;background:var(--papel)}
.ciencia .wrap{display:grid;gap:30px}
.ideas{list-style:none;margin:0;padding:0}
.ideas li{padding:22px 0;border-top:2px solid var(--linea)}
.ideas li:last-child{border-bottom:2px solid var(--linea)}
.ideas b{display:block;font:800 clamp(1.5rem,4.6vw,2.4rem)/1.08 var(--d);letter-spacing:-.03em;margin-bottom:6px}
.ideas span{font-size:1.12rem;color:var(--suave);max-width:30em;display:block}
.honesta{grid-column:1/-1;font:600 1.05rem/1.45 var(--t);padding:14px 18px;background:var(--papel2);border-radius:20px 20px 20px 6px;max-width:40em;margin:0}
@media(min-width:900px){.ciencia .wrap{grid-template-columns:.8fr 1.2fr;gap:30px 80px;align-items:start}}

/* ---------- Jorge ---------- */
.jorge{padding:clamp(60px,10vw,130px) 0;background:var(--papel2);position:relative;overflow:hidden}
.jorge .wrap{display:grid;gap:36px;align-items:center}
.arco{margin:0 auto;width:min(78%,360px);aspect-ratio:4/5.2;border-radius:999px 999px 28px 28px;overflow:hidden;position:relative;transform:rotate(-2.5deg);box-shadow:14px 14px 0 var(--sol)}
.arco img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;will-change:transform}
.jorge h2{font-size:clamp(2.2rem,7vw,4.4rem);margin-bottom:.5em}
.jorge-txt p{font-size:clamp(1.1rem,2.6vw,1.28rem);line-height:1.6;max-width:31em}
.firma{font:800 2.4rem var(--d);letter-spacing:-.04em;transform:rotate(-4deg);display:inline-block;margin-top:6px;color:var(--btn)}
@media(prefers-color-scheme:dark){.firma{color:var(--sol)}}
.firma small{display:block;font:500 .95rem var(--t);letter-spacing:0;color:var(--suave);transform:rotate(4deg);margin-top:2px}
@media(min-width:900px){.jorge .wrap{grid-template-columns:.8fr 1.2fr;gap:80px}}

/* ---------- vídeo en móvil ---------- */
.video{background:var(--bosque);color:var(--on-bosque);padding:clamp(60px,10vw,120px) 0;overflow:hidden}
.video .wrap{display:grid;gap:40px;align-items:center}
.video h2{margin-bottom:.4em}
.video .lead{color:inherit;opacity:.82}
.movil{position:relative;justify-self:center;width:min(74vw,290px);aspect-ratio:9/18.6;border-radius:46px;background:#0d0b09;padding:10px;box-shadow:0 40px 60px -24px rgba(0,0,0,.75),inset 0 0 0 2px #3b342c;transform:rotate(3deg)}
.pantalla{position:relative;height:100%;border-radius:37px;overflow:hidden;background:#222}
.pantalla video{width:100%;height:100%;object-fit:cover;display:block}
.isla{position:absolute;top:10px;left:50%;width:30%;height:22px;border-radius:99px;background:#0d0b09;transform:translateX(-50%);z-index:3}
.sonido{position:absolute;left:12px;right:12px;bottom:14px;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:99px;padding:12px 14px;font:700 .98rem var(--t);background:rgba(20,16,12,.78);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sonido:hover{background:rgba(20,16,12,.92)}
.sonido svg{width:20px;height:20px;flex:none}
.reproducir{position:absolute;inset:0;z-index:2;display:none;align-items:center;justify-content:center;border:0;background:rgba(0,0,0,.18);cursor:pointer}
.reproducir span{width:74px;height:74px;border-radius:50%;background:var(--sol);display:grid;place-items:center;box-shadow:0 6px 0 var(--sol-d)}
.reproducir svg{width:30px;height:30px;margin-left:4px}
.movil.pausa .reproducir{display:flex}
.video-pasos{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:10px}
.video-pasos li{display:flex;gap:12px;align-items:baseline;font-size:1.08rem}
.video-pasos b{font:800 1.5rem var(--d);color:var(--sol);min-width:1.1em}
@media(min-width:900px){.video .wrap{grid-template-columns:.8fr 1.2fr;gap:90px}}

/* ---------- bloque de la guía ---------- */
.guia-sec{padding:clamp(60px,10vw,130px) 0;background:var(--papel)}
.guia-grid{display:grid;gap:44px;align-items:start}
.libro{position:relative;margin:0 auto;width:min(80%,340px);transform:rotate(-3deg);transition:transform .4s cubic-bezier(.3,1.5,.5,1)}
.libro:hover{transform:rotate(-1deg) translateY(-6px)}
.libro svg{display:block;width:100%;height:auto;filter:drop-shadow(14px 18px 0 rgba(43,33,25,.18))}
.guia-sec h2{margin-bottom:.25em}
.subt{font:600 1.18rem/1.4 var(--t);color:var(--suave);max-width:30em;margin-bottom:26px}
.incluye{list-style:none;margin:0 0 30px;padding:0;max-width:640px}
.incluye li{display:flex;gap:16px;align-items:flex-start;padding:15px 0;border-top:1.5px dashed var(--linea)}
.incluye li:last-child{border-bottom:1.5px dashed var(--linea)}
.ico{flex:none;width:48px;height:48px;border-radius:58% 42% 55% 45%/46% 56% 44% 54%;display:grid;place-items:center;background:var(--salvia);color:#2b2119}
.incluye li:nth-child(3n+2) .ico{background:var(--sol);border-radius:44% 56% 42% 58%/56% 44% 58% 42%}
.incluye li:nth-child(3n) .ico{background:var(--rosa);border-radius:50% 50% 40% 60%/60% 40% 56% 44%}
@media(prefers-color-scheme:dark){.ico{color:#f4e9d3}.incluye li:nth-child(3n+2) .ico{color:#2b2119}}
.ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.incluye b{display:block;font:700 1.12rem/1.25 var(--d);margin-bottom:1px}
.incluye span{font-size:1rem;color:var(--suave);line-height:1.45}
.compra{display:grid;gap:20px;align-items:center}
.precio-fila{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.precio-gr{font:800 clamp(3.6rem,12vw,5.6rem)/.9 var(--d);letter-spacing:-.05em}
.precio-fila small{font-size:1rem;color:var(--suave)}
.garantia{display:flex;align-items:center;gap:16px;max-width:30em}
.sello{flex:none;width:96px;height:96px}
.sello svg{width:100%;height:100%;overflow:visible}
.sello .gira{transform-box:view-box;transform-origin:50% 50%;animation:gira 24s linear infinite}
.sello text{font:800 10.4px var(--d);letter-spacing:.03em;fill:var(--tinta)}
@keyframes gira{to{transform:rotate(360deg)}}
.garantia p{margin:0;font-size:1rem;line-height:1.4}
.legal-mini{font-size:.9rem;color:var(--suave);margin:16px 0 0;max-width:34em}
@media(min-width:960px){.guia-grid{grid-template-columns:.78fr 1.22fr;gap:80px}.libro{position:sticky;top:calc(var(--hdr) + 40px)}}

/* ---------- próximas guías ---------- */
.prox{padding:clamp(56px,9vw,110px) 0 clamp(70px,10vw,130px);background:var(--papel2)}
.prox h2{max-width:11em}
.estanteria{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 20px 26px;margin:22px -20px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.estanteria::-webkit-scrollbar{display:none}
.tomo{position:relative;flex:0 0 74%;scroll-snap-align:center;border-radius:10px 24px 24px 10px;padding:22px 20px 22px 34px;min-height:340px;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);box-shadow:8px 10px 0 rgba(43,33,25,.16)}
.tomo::before{content:"";position:absolute;left:0;top:0;bottom:0;width:15px;border-radius:10px 0 0 10px;background:rgba(0,0,0,.16)}
.tomo svg{width:92px;height:92px;margin-bottom:auto}
.tomo h3{font-size:1.42rem;margin:20px 0 6px;color:var(--fg)}
.tomo p{font-size:.97rem;line-height:1.4;margin:0 0 14px;opacity:.88}
.tomo .pronto{align-self:flex-start;font:700 .85rem var(--t);border:2px solid currentColor;border-radius:99px;padding:3px 12px}
@media(min-width:900px){
 .estanteria{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;overflow:visible;padding:0;margin:40px 0 0;align-items:start}
 .tomo{flex:none;min-height:400px}
 .tomo:nth-child(1){margin-top:34px;transform:rotate(-1.5deg)}
 .tomo:nth-child(2){margin-top:0;transform:rotate(1deg)}
 .tomo:nth-child(3){margin-top:48px;transform:rotate(-.5deg)}
 .tomo:nth-child(4){margin-top:14px;transform:rotate(1.8deg)}
}

/* ---------- preguntas ---------- */
.faq-sec{padding:clamp(56px,9vw,110px) 0;background:var(--papel)}
.faq-grid{display:grid;gap:30px}
.faq details{border-bottom:2px solid var(--linea)}
.faq details:first-child{border-top:2px solid var(--linea)}
.faq summary{cursor:pointer;font:700 clamp(1.1rem,3.4vw,1.4rem)/1.2 var(--d);letter-spacing:-.015em;padding:20px 52px 20px 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before,.faq summary::after{content:"";position:absolute;right:10px;top:50%;width:20px;height:3px;border-radius:3px;background:var(--btn);transition:transform .3s}
.faq summary::after{transform:rotate(90deg)}
.faq details[open] summary::after{transform:rotate(0)}
@media(prefers-color-scheme:dark){.faq summary::before,.faq summary::after{background:var(--sol)}}
.resp{overflow:hidden}
.resp p{padding:0 0 18px;max-width:38em;color:var(--suave);margin:0}
@media(min-width:900px){.faq-grid{grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start}.faq-grid h2{position:sticky;top:calc(var(--hdr) + 30px)}}

/* ---------- cierre ---------- */
.cierre{background:var(--btn);color:#fff5e6;padding:clamp(56px,9vw,110px) 0;position:relative;overflow:hidden}
.cierre .wrap{display:grid;gap:36px;align-items:center;position:relative}
.cierre-foto{margin:0;aspect-ratio:1/.8;border-radius:60% 40% 50% 50%/50% 56% 44% 50%;overflow:hidden;position:relative;background:var(--papel2);max-width:520px;width:100%;justify-self:center}
.cierre-foto img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover}
.cierre h2{color:#fff;margin-bottom:.35em}
.cierre p{font-size:1.2rem;max-width:26em}
.cierre .acciones{display:flex;flex-wrap:wrap;gap:12px 14px;margin:24px 0 28px}
.cierre .btn.sol{box-shadow:0 5px 0 #7e3219}
.redes{display:flex;flex-wrap:wrap;gap:10px}
.redes a{display:inline-flex;align-items:center;gap:10px;background:rgba(255,245,230,.16);color:#fff;text-decoration:none;font-weight:700;padding:9px 18px 9px 10px;border-radius:99px;transition:background .2s}
.redes a:hover{background:rgba(255,245,230,.3);color:#fff}
.redes svg{width:32px;height:32px}
@media(min-width:900px){.cierre .wrap{grid-template-columns:.9fr 1.1fr;gap:70px}}

/* ---------- pie ---------- */
footer.site{background:#171210;color:#e9dcc6;padding:54px 0 100px}
footer.site .wrap{display:grid;gap:26px}
footer.site a{color:#f6dca0}
footer.site ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 20px}
footer.site p{font-size:.93rem;margin:0 0 .5em;max-width:46em}
footer.site .brand{color:#f6ead4}
.pie-sup{display:grid;gap:22px}
@media(min-width:820px){footer.site{padding-bottom:54px}.pie-sup{grid-template-columns:1fr auto;align-items:start}}

/* ---------- barra de compra (móvil) ---------- */
.barra-compra{position:fixed;left:10px;right:10px;bottom:10px;z-index:55;background:var(--tinta);color:var(--papel);border-radius:99px;padding:8px 8px 8px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.9,.3,1.1);box-shadow:0 12px 30px -8px rgba(0,0,0,.5)}
.barra-compra.ver{transform:none}
.barra-compra span{line-height:1.1;font-size:.9rem}
.barra-compra b{display:block;font:800 1.35rem var(--d)}
.barra-compra .btn{padding:13px 26px;box-shadow:none;font-size:1rem}
@media(min-width:900px){.barra-compra{display:none}}

/* ---------- páginas de texto ---------- */
.pagina{padding:clamp(34px,6vw,70px) 0 clamp(60px,9vw,110px)}
.pagina h1{font-size:clamp(2.2rem,7.4vw,4rem);margin-bottom:.45em}
.pagina h2{font-size:clamp(1.55rem,4.6vw,2.15rem);margin-top:1.7em;letter-spacing:-.025em}
.pagina h3{margin-top:1.4em}
.pagina ul,.pagina ol{padding-left:1.3em;margin:0 0 1em}
.pagina li{margin-bottom:.45em}
.pagina .lead{margin-bottom:1.4em}
.meta{color:var(--suave);font-size:.95rem;margin-bottom:22px}
.aviso{background:var(--sol);color:#2b2119;border-radius:22px 22px 22px 6px;padding:16px 20px;font-size:.98rem;margin:26px 0}
.aviso a{color:#6b2b14}
.aviso.suave{background:var(--salvia);color:var(--tinta)}
@media(prefers-color-scheme:dark){.aviso.suave{background:#2a3d2f;color:#e9f0dd}.aviso.suave a{color:#f6dca0}}
.ficha{background:var(--papel2);border-radius:36px 36px 36px 8px;padding:24px 26px;margin:30px 0}
.ficha p:last-of-type{margin-bottom:16px}
.lista-blog{display:grid;gap:0}
.post{display:block;padding:26px 0;border-top:2px solid var(--linea);text-decoration:none;color:var(--tinta);transition:padding .25s}
.post:last-child{border-bottom:2px solid var(--linea)}
.post:hover{color:var(--tinta);padding-left:14px}
.post h3{font-size:clamp(1.4rem,4.4vw,2rem);margin:0 0 6px}
.post p{color:var(--suave);margin:0;max-width:40em}
.tabla{width:100%;border-collapse:collapse;margin:18px 0;font-size:.98rem}
.tabla th,.tabla td{text-align:left;padding:10px 12px;border-bottom:2px solid var(--linea);vertical-align:top}
.tabla th{background:var(--papel2)}
.migas a{color:var(--suave)}
.guias-ind{display:grid;gap:30px;margin-top:30px}
.destacada{display:grid;gap:26px;align-items:center;background:var(--bosque);color:var(--on-bosque);border-radius:40px 40px 40px 10px;padding:clamp(24px,5vw,50px);text-decoration:none}
.destacada:hover{color:var(--on-bosque)}
.destacada h2{margin:0 0 .3em;font-size:clamp(1.8rem,5vw,3rem);color:#fff}
.destacada p{opacity:.85}
.destacada .libro{width:min(70%,260px)}
.destacada .btn{align-self:start}
@media(min-width:820px){.destacada{grid-template-columns:.7fr 1.3fr;gap:50px}}
.guia-pag-hero{background:var(--bosque);color:var(--on-bosque);padding:clamp(34px,6vw,80px) 0 clamp(50px,8vw,100px)}
.guia-pag-hero .wrap{display:grid;gap:36px;align-items:center}
.guia-pag-hero h1{color:#fff;font-size:clamp(2.4rem,8vw,5rem)}
.guia-pag-hero .lead{color:inherit;opacity:.85}
.guia-pag-hero .migas,.guia-pag-hero .migas a{color:#d9cdb5}
.guia-pag-hero .precio-fila small{color:#d9cdb5}
.guia-pag-hero .btn{box-shadow:0 5px 0 #7e3219}
@media(min-width:900px){.guia-pag-hero .wrap{grid-template-columns:.7fr 1.3fr;gap:80px}}
.pasos5{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:0}
.pasos5 li{display:grid;grid-template-columns:78px 1fr;gap:16px;align-items:center;padding:14px 0;border-top:2px solid var(--linea)}
.pasos5 li:last-child{border-bottom:2px solid var(--linea)}
.pasos5 i{font:800 3rem/1 var(--d);font-style:normal;text-align:center;border-radius:.25em .4em .25em .35em;padding:.08em 0 .14em;background:var(--bg);color:var(--fg)}
.pasos5 b{display:block;font:700 1.2rem var(--d)}
.pasos5 span{color:var(--suave);font-size:1rem}
.dos-col{display:grid;gap:30px;align-items:center;margin:50px 0 10px}
.dos-col .arco{margin:0 auto;width:min(80%,300px);aspect-ratio:4/5;box-shadow:12px 12px 0 var(--salvia)}
.dos-col h2{margin-top:0}
@media(min-width:820px){.dos-col{grid-template-columns:.6fr 1.4fr;gap:50px}}
.pagina-ancha{max-width:1180px}
.pie-guia{max-width:740px}

/* ---------- movimiento ---------- */
.rev{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.rev.in{opacity:1;transform:none}
.no-js .rev{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
 .rev{opacity:1;transform:none}
 .hero-runway{height:0}
 .hero-pin{position:relative}
}

/* muestra gratuita */
.muestra{margin:18px 0 6px;padding:16px 18px;border:2px dashed var(--sol,#f3b72f);border-radius:18px;background:rgba(243,183,47,.08)}
.muestra p{margin:8px 0 0;font-size:.95rem;opacity:.85}
.muestra .btn{margin:0}

/* ---------- colección (portadas, gratis, pack, regalos) ---------- */
.libro img{display:block;width:100%;height:auto;border-radius:5px 12px 12px 5px;box-shadow:12px 16px 0 rgba(43,33,25,.18)}
.libro.peq{width:84px;flex:none;margin:0;transform:rotate(-2deg)}
.libro.peq img{box-shadow:5px 6px 0 rgba(43,33,25,.18)}
.etiqueta{display:inline-block;font:800 .8rem var(--t);letter-spacing:.08em;text-transform:uppercase;background:var(--tinta);color:var(--papel);border-radius:99px;padding:5px 14px;margin:0 0 14px}
.peq{font-size:.92rem;color:var(--suave)}
.gratis{background:var(--sol);color:#2b2119;padding:clamp(34px,6vw,80px) 0}
.gratis .wrap{display:grid;gap:34px;align-items:center}
.gratis .libro{width:min(58%,260px)}
.gratis h2{font-size:clamp(1.9rem,6vw,3.5rem);margin-bottom:.35em}
.gratis .lead{color:#2b2119;opacity:.85}
.gratis .peq{color:#2b2119;opacity:.8;max-width:34em;margin-top:6px}
.gratis .etiqueta{background:#2b2119;color:#f8eddb}
.gratis .btn.linea{color:#2b2119}
.gratis .btn.linea:hover{background:#2b2119;color:#f8eddb}
.gratis .acciones,.gratis-card .acciones,.pack-banner .acciones{display:flex;flex-wrap:wrap;gap:12px 14px;margin:22px 0 14px}
@media(min-width:820px){.gratis .wrap{grid-template-columns:.55fr 1.45fr;gap:70px}.gratis .libro{width:min(100%,280px)}}
.coleccion{background:var(--papel);padding:clamp(50px,8vw,100px) 0}
.col-grid{display:grid;gap:26px;margin:30px 0 34px}
.col-card{display:flex;flex-direction:column;background:var(--papel2);border-radius:34px 34px 34px 8px;padding:26px 24px 24px}
.col-card .libro{width:min(54%,190px);margin:0 auto 20px;display:block}
.col-card h3{font-size:1.5rem;margin:0 0 6px}
.col-card h3 a{color:var(--tinta);text-decoration:none}
.col-card .sub{color:var(--suave);margin:0 0 8px;font-size:1rem;line-height:1.4}
.col-card .peq{margin:0 0 16px}
.col-pie{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.col-pie .pr{font:800 2rem var(--d);letter-spacing:-.04em}
.col-pie .btn{padding:12px 22px;font-size:1rem}
@media(min-width:900px){.col-grid{grid-template-columns:repeat(3,1fr);gap:24px}}
.pack-banner{display:grid;gap:26px;align-items:center;background:var(--bosque);color:var(--on-bosque);border-radius:40px 40px 40px 10px;padding:clamp(24px,5vw,50px)}
.pack-banner h3{font-size:clamp(1.6rem,4.6vw,2.6rem);color:#fff;margin:0 0 .4em}
.pack-banner p{max-width:34em}
.pr-pack{font:800 1.6rem var(--d)}
.pr-pack s,.tachado{opacity:.6;font-weight:600}
.pr-pack b{font-size:2.6rem;letter-spacing:-.04em;margin-left:6px}
.pack-banner .btn.sol,.guia-pag-hero .btn.sol{box-shadow:0 5px 0 #7e3219}
@media(min-width:820px){.pack-banner{grid-template-columns:.8fr 1.2fr;gap:50px}}
.abanico{position:relative;width:100%;max-width:380px;aspect-ratio:1.18;margin:0 auto}
.abanico img{position:absolute;bottom:0;width:50%;height:auto;border-radius:4px 10px 10px 4px;box-shadow:6px 8px 0 rgba(0,0,0,.28)}
.abanico img:nth-child(1){left:0;transform:rotate(-9deg);bottom:4%}
.abanico img:nth-child(2){left:25%;z-index:2;transform:translateY(-4%)}
.abanico img:nth-child(3){right:0;transform:rotate(9deg);bottom:4%}
.abanico-w{display:block;width:100%}
.guia-pag-hero .libro{width:min(62%,330px)}
.guia-pag-hero .autoridad{color:inherit;opacity:.9;border-left-color:var(--sol);margin:0 0 22px}
.guia-pag-hero .autoridad small{display:block;font-weight:500;opacity:.8;margin-top:2px}
.guia-pag-hero .botones{display:flex;flex-wrap:wrap;gap:12px}
.guia-pag-hero .tachado{font:600 1.6rem var(--d)}
.gratis-hero .etiqueta{background:var(--sol);color:#2b2119}
.desc-larga p{font-size:1.14rem;line-height:1.65}
.regalos-sec{background:var(--papel2);padding:clamp(50px,8vw,100px) 0}
.reg-cab{margin-bottom:26px}
.reg-cab .lead{margin-bottom:0}
.regalos{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.regalo{display:flex;gap:16px;align-items:flex-start;background:var(--papel);border-radius:26px 26px 26px 6px;padding:16px}
.regalo img{flex:none;width:86px;height:auto;border-radius:6px;box-shadow:4px 5px 0 rgba(43,33,25,.16);background:#fff}
.regalo b{display:block;font:700 1.15rem/1.25 var(--d);margin-bottom:4px}
.regalo span{display:block;font-size:.98rem;line-height:1.45;color:var(--suave)}
.regalo small{display:inline-block;margin-top:8px;font:700 .8rem var(--t);border:2px solid var(--linea);border-radius:99px;padding:2px 10px;color:var(--suave)}
.regalo.excl{background:var(--sol);color:#2b2119}
.regalo.excl span,.regalo.excl small{color:#2b2119;border-color:rgba(43,33,25,.35)}
@media(min-width:760px){.regalos{grid-template-columns:repeat(2,1fr);gap:20px}.regalo img{width:104px}}
.pack-items{list-style:none;margin:0;padding:0}
.pack-items li{display:flex;gap:20px;align-items:center;padding:18px 0;border-top:1.5px dashed var(--linea)}
.pack-items li:last-child{border-bottom:1.5px dashed var(--linea)}
.pack-items b{display:block;font:700 1.25rem/1.2 var(--d)}
.pack-items span,.pack-items small{display:block;color:var(--suave);font-size:1rem;line-height:1.45}
.pack-items small{margin-top:4px;font-size:.92rem}
.pack-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;background:var(--bosque);color:var(--on-bosque);border-radius:28px 28px 28px 6px;padding:20px 24px;margin:34px 0}
.pack-cta b{display:block;font:800 1.3rem var(--d)}
.pack-cta span{display:block;max-width:30em;line-height:1.4}
.pack-cta .btn.sol{box-shadow:0 5px 0 #7e3219}
.gratis-card{display:grid;gap:24px;align-items:center;background:var(--sol);color:#2b2119;border-radius:40px 40px 40px 10px;padding:clamp(22px,5vw,44px);margin:28px 0 10px}
.gratis-card h2{font-size:clamp(1.6rem,4.6vw,2.6rem);margin:0 0 .3em}
.gratis-card .libro{width:min(46%,170px)}
.gratis-card .etiqueta{background:#2b2119;color:#f8eddb}
.gratis-card .btn.linea{color:#2b2119}
.gratis-card .btn.linea:hover{background:#2b2119;color:#f8eddb}
@media(min-width:760px){.gratis-card{grid-template-columns:.3fr 1fr;gap:44px}}
.h-sec{font-size:clamp(1.7rem,4.6vw,2.6rem);margin:46px 0 0}
.estanteria.solo{display:block;overflow:visible;padding:0;margin:20px 0 0}
.estanteria.solo .tomo{max-width:320px;flex:none;margin:0;transform:none}
.dos-col.sin-foto{display:block}
.muestra-links{font-size:.98rem;color:var(--suave)}
footer.site ul+ul{margin-top:-8px}
.guia-pag-hero .wrap>*{min-width:0}
.abanico{max-width:min(380px,100%);padding:0 4%}
.abanico img{width:46%}
.abanico img:nth-child(1){left:2%}.abanico img:nth-child(2){left:27%}.abanico img:nth-child(3){right:2%}