/* Davis Anderson — experiencia cinematográfica independiente.
   No modifica estilos globales de Mi Libro Favorito. */
:root{--ink:#07080b;--paper:#f5f1e9;--muted:#c2bfc1;--red:#cb333b;--gold:#d7ad6b;--serif:"Cinzel",Georgia,serif;--sans:"Manrope",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:clip}
body,button,a{ -webkit-tap-highlight-color:transparent }
a{color:inherit;text-decoration:none}
button{font:inherit} img{max-width:100%;display:block}
::selection{background:#9f2631;color:white}
:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.skip-link{position:absolute;left:15px;top:-60px;padding:12px;background:#fff;color:#111;z-index:10000}.skip-link:focus{top:12px}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:101;pointer-events:none;background:rgba(255,255,255,.06)}
.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9e2531,#e5bb73);transform:scaleX(0);transform-origin:left}
.film-grain{position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.19' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px}
.site-nav{position:absolute;z-index:90;top:0;left:0;right:0;padding:25px clamp(22px,5vw,85px);display:flex;align-items:center;gap:34px;justify-content:space-between}
.brand{font-family:var(--serif);font-size:clamp(14px,1.5vw,19px);letter-spacing:.16em;font-weight:700;white-space:nowrap}
.brand small{display:block;margin-top:5px;font-family:var(--sans);font-size:9px;letter-spacing:.32em;color:#e3b878}
.nav-links{display:flex;align-items:center;gap:clamp(14px,2vw,30px);font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:700}
.nav-links a:not(.nav-cta){opacity:.8;transition:opacity .25s}.nav-links a:hover{opacity:1}
.nav-cta{border:1px solid rgba(245,241,233,.4);padding:12px 17px;transition:background .25s,color .25s}
.nav-cta:hover{background:var(--paper);color:#101010}
.eyebrow{display:block;font-size:11px;letter-spacing:.38em;text-transform:uppercase;font-weight:700;color:var(--gold)}
.cinema-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:15px 24px;border:1px solid #d1b28e;color:#101013;background:#ddc09a;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:11px;transition:transform .3s,background .3s,box-shadow .3s;white-space:normal;text-align:center}
.cinema-btn:hover{background:#f7dcc0;transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,0,0,.22)}
.cinema-btn--ghost{background:transparent;color:#f9f5ee;border-color:rgba(246,241,235,.4)}
.cinema-btn--ghost:hover{background:rgba(255,255,255,.12)}
.cinema-btn--whatsapp{background:transparent;color:#f5f1e9;border-color:rgba(245,241,233,.27)}
.hero{position:relative;min-height:100svh;isolation:isolate;display:flex;align-items:center;overflow:hidden;padding:145px clamp(24px,8vw,160px) 90px;background:#09090b}
.hero__background,.hero__darkness,.hero__flare,.hero__fog,.hero__lines{position:absolute;inset:-5%;pointer-events:none}
.hero__background{z-index:-5;background-image:url("/images/guerrero-interior.webp");background-position:center center;background-size:cover;filter:brightness(.67) contrast(1.12);transform:scale(1.08);will-change:transform}
.hero__darkness{z-index:-4;background:linear-gradient(90deg,rgba(6,6,9,.96) 0%,rgba(6,6,9,.69) 43%,rgba(6,6,9,.06) 75%),linear-gradient(0deg,#07080b 0%,transparent 25%,rgba(0,0,0,.27) 80%)}
.hero__flare{z-index:-3;background:radial-gradient(ellipse at 72% 62%,rgba(176,35,38,.27),transparent 36%);mix-blend-mode:screen}
.hero__fog{z-index:-2;background:radial-gradient(ellipse at 52% 105%,rgba(173,177,188,.16),transparent 40%);filter:blur(45px)}
.hero__lines{z-index:-1;opacity:.1;background:repeating-linear-gradient(90deg,transparent 0,transparent 10%,rgba(255,255,255,.2) calc(10% + 1px),transparent calc(10% + 2px))}
.hero__content{max-width:750px;position:relative;z-index:2}
.hero__pretitle{margin:25px 0 22px;font-size:13px;letter-spacing:.16em;color:#f8e8d5}
.hero h1{font:700 clamp(51px,8vw,120px)/.99 var(--serif);letter-spacing:-.035em;text-wrap:balance;margin:0 0 30px;text-shadow:0 10px 45px rgba(0,0,0,.5)}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero__lead{max-width:520px;color:#e5e0d9;font-size:clamp(16px,1.35vw,19px);line-height:1.75;margin:0 0 30px}
.hero__actions,.chapter__actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px}
.hero__index{position:absolute;right:6%;bottom:8%;text-align:right;color:rgba(245,241,233,.7);font-size:10px;letter-spacing:.22em;text-transform:uppercase;z-index:2}
.hero__index strong{display:block;font:500 clamp(46px,7vw,100px)/1 var(--serif);letter-spacing:0;color:rgba(245,241,233,.2)}
.scroll-cue{position:absolute;bottom:30px;left:clamp(24px,8vw,160px);z-index:2;font-size:10px;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:14px;color:#dbd3c8}
.scroll-cue::before{content:"";height:34px;width:1px;background:var(--gold)}
.marquee{overflow:hidden;padding:17px 0;border-block:1px solid rgba(218,181,128,.16);background:#101014;color:#bfa98c}
.marquee__track{display:flex;width:max-content;gap:50px;white-space:nowrap;font:700 11px var(--sans);letter-spacing:.45em;text-transform:uppercase;animation:marquee 32s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.manifesto{position:relative;min-height:105svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:110px 24px;background:radial-gradient(circle at 50% 55%,#28151c 0%,#0c0b10 46%,#08090b 75%)}
.manifesto::before{content:"I";font:700 min(65vw,780px)/1 var(--serif);position:absolute;color:rgba(195,130,92,.045);pointer-events:none}
.manifesto__inside{position:relative;z-index:1;max-width:990px}
.manifesto h2{font:700 clamp(42px,6.9vw,100px)/1.13 var(--serif);margin:22px auto 32px;text-wrap:balance}
.manifesto h2 span{display:block}
.manifesto h2 .accent{color:var(--gold)}
.manifesto p{color:#d1c8bd;font-size:clamp(15px,1.5vw,20px);line-height:1.85;max-width:680px;margin:0 auto}
.collection-intro{padding:135px 24px 60px;text-align:center;background:#08090b}
.collection-intro h2{font:700 clamp(39px,6vw,75px)/1.1 var(--serif);margin:22px 0 18px}
.collection-intro p{max-width:650px;margin:auto;color:#bcb6b4;line-height:1.85}
.collection-intro__meta{margin-top:34px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#d6ad73}
.chapter{--tone:#be3944;--tone-soft:rgba(190,57,68,.18);position:relative;height:185svh;background:#090a0d}
.chapter--spartan{--tone:#e87c39;--tone-soft:rgba(232,124,57,.20)}
.chapter--king{--tone:#d1a35b;--tone-soft:rgba(209,163,91,.20)}
.chapter--steel{--tone:#9eafc0;--tone-soft:rgba(116,151,183,.21)}
.chapter__stage{position:sticky;top:0;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,5vw,100px);padding:105px clamp(25px,8vw,140px) 75px;overflow:hidden;isolation:isolate}
.chapter__ambient,.chapter__glow,.chapter__terrain,.chapter__number,.chapter__weather{position:absolute;inset:0;pointer-events:none}
.chapter__ambient{z-index:-5;background:radial-gradient(ellipse at 72% 45%,var(--tone-soft),transparent 47%),linear-gradient(125deg,#0b0b11,#111117 52%,#08090b)}
.chapter--spartan .chapter__ambient{background:radial-gradient(ellipse at 75% 40%,rgba(172,65,21,.2),transparent 50%),linear-gradient(125deg,#140d0a,#1a1110 50%,#09080a)}
.chapter--king .chapter__ambient{background:radial-gradient(ellipse at 72% 48%,rgba(201,135,48,.2),transparent 48%),linear-gradient(125deg,#11100c,#1e1911 52%,#09090c)}
.chapter--steel .chapter__ambient{background:radial-gradient(ellipse at 72% 40%,rgba(83,105,128,.27),transparent 50%),linear-gradient(125deg,#080c12,#101a23 56%,#09090e)}
.chapter__glow{z-index:-4;inset:12% 1% 8% 48%;background:radial-gradient(circle,var(--tone-soft),transparent 64%);filter:blur(8px)}
.chapter__terrain{z-index:-3;opacity:.23;inset:auto -8% -5%;height:40%;background:linear-gradient(145deg,transparent 35%,rgba(0,0,0,.7) 35.5%),linear-gradient(22deg,transparent 58%,#000 58.5%);clip-path:polygon(0 65%,10% 45%,19% 58%,33% 10%,43% 58%,56% 40%,66% 63%,79% 15%,100% 60%,100% 100%,0 100%)}
.chapter__number{z-index:-2;top:10%;left:auto;right:2%;height:auto;width:auto;inset:auto 0 4% auto;font:700 clamp(240px,35vw,570px)/.8 var(--serif);color:rgba(242,229,216,.035);letter-spacing:-.08em}
.chapter__weather{z-index:-1;background:repeating-linear-gradient(160deg,transparent 0 80px,rgba(255,255,255,.025) 82px,transparent 84px);opacity:.45}
.chapter__copy{max-width:595px;position:relative;z-index:5}
.chapter__label{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--tone);font-weight:800}
.chapter__title{font:700 clamp(39px,4.9vw,75px)/1.06 var(--serif);letter-spacing:-.03em;margin:18px 0 25px;text-wrap:balance}
.chapter__quote{font-family:var(--serif);font-size:clamp(17px,1.7vw,24px);line-height:1.5;color:#f5daba;margin:0 0 24px}
.chapter__description{line-height:1.85;font-size:clamp(14px,1.15vw,16px);color:#cbc4c0;max-width:515px;margin:0 0 28px}
.chapter__details{font-size:11px;text-transform:uppercase;letter-spacing:.19em;display:flex;gap:18px;margin-bottom:28px;color:var(--tone)}
.chapter__actions{max-width:580px}
.chapter__actions .cinema-btn{font-size:10px;min-height:48px;padding:13px 18px}
.chapter__visual{position:relative;min-height:590px;height:min(70vh,760px);display:grid;place-items:center;perspective:1400px;isolation:isolate;z-index:2}
.chapter__ring{position:absolute;width:min(78%,500px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--tone) 45%,transparent);border-radius:50%;box-shadow:0 0 140px var(--tone-soft),inset 0 0 70px var(--tone-soft);transform:rotateX(64deg) rotateZ(28deg)}
.chapter__ring::after{content:"";position:absolute;inset:12%;border:1px dashed color-mix(in srgb,var(--tone) 45%,transparent);border-radius:50%}
.chapter__rays{position:absolute;inset:10%;background:conic-gradient(from 0deg,transparent 0deg,var(--tone-soft) 9deg,transparent 16deg,transparent 50deg,var(--tone-soft) 58deg,transparent 69deg,transparent 132deg,var(--tone-soft) 143deg,transparent 154deg,transparent 360deg);filter:blur(20px);opacity:.75}
.chapter__book-shadow{position:absolute;bottom:9%;height:50px;width:min(68%,360px);border-radius:50%;background:var(--tone);filter:blur(48px);opacity:.28}
.chapter__book-holder{position:relative;z-index:3;transform-style:preserve-3d;will-change:transform}
.scene-spark{position:absolute;z-index:2;border-radius:50%;pointer-events:none;background:var(--tone);box-shadow:0 0 12px var(--tone),0 0 28px var(--tone-soft);opacity:.12;filter:blur(.35px)}
.chapter__book{position:relative;width:clamp(200px,21vw,320px);aspect-ratio: .67;transform-style:preserve-3d;transform:rotateY(-13deg) rotateX(4deg);will-change:transform;filter:drop-shadow(25px 30px 30px rgba(0,0,0,.65))}
.chapter__book::before{content:"";position:absolute;inset:2px auto 2px -22px;width:23px;transform-origin:right;transform:rotateY(-75deg);background:linear-gradient(90deg,#25232a,#7e7470 45%,#151419);border:1px solid rgba(255,255,255,.1)}
.chapter__book::after{content:"";position:absolute;inset:3px -7px 3px auto;width:11px;background:repeating-linear-gradient(to bottom,#e4d6bd 0,#e4d6bd 2px,#b5a58e 3px);transform:translateZ(-17px);box-shadow:7px 0 15px #000}
.chapter__book img{width:100%;height:100%;object-fit:contain;background:#100e13;border-radius:2px 6px 6px 2px;box-shadow:inset 10px 0 20px rgba(0,0,0,.35),0 20px 60px rgba(0,0,0,.5);transform:translateZ(2px);backface-visibility:hidden}
.chapter__caption{position:absolute;bottom:0;right:0;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(250,240,230,.45)}
.chapter__scrolltip{position:absolute;bottom:35px;left:clamp(25px,8vw,140px);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:rgba(244,232,220,.6)}
.chapter--reverse .chapter__copy{grid-column:2;grid-row:1}.chapter--reverse .chapter__visual{grid-column:1;grid-row:1}
.quote-break{min-height:64svh;padding:100px 24px;display:grid;place-items:center;text-align:center;background:linear-gradient(#08090b,#141013,#08090b)}
.quote-break blockquote{font:500 clamp(32px,5vw,72px)/1.3 var(--serif);max-width:990px;margin:0}.quote-break em{color:var(--gold);font-style:normal}
.next-book{position:relative;min-height:105svh;padding:130px 24px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;isolation:isolate;background:radial-gradient(circle at 50% 44%,#35202b,#101015 40%,#07080b 74%)}
.next-book__glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(223,160,115,.18),transparent 30%);pointer-events:none}
.next-book__wrap{position:relative;max-width:850px;z-index:2}
.next-book__object{width:160px;height:230px;margin:0 auto 35px;transform:rotate(-8deg) skewY(-1deg);background:linear-gradient(135deg,#31232c,#0a080c 48%,#30272e 95%);border:1px solid #554047;box-shadow:16px 22px 0 -7px #cec1a6,25px 35px 70px #000,0 0 90px rgba(208,135,112,.28);display:grid;place-items:center}
.next-book__object span{font:700 80px var(--serif);color:rgba(217,179,141,.32)}
.next-book h2{font:700 clamp(41px,6vw,84px)/1.1 var(--serif);margin:16px 0 24px}
.next-book p{color:#c4bcb8;max-width:560px;margin:0 auto;line-height:1.8}
.author-panel{padding:140px clamp(24px,9vw,160px);background:linear-gradient(135deg,#131115,#08090b);display:grid;grid-template-columns:minmax(210px,360px) minmax(0,1fr);align-items:center;gap:clamp(35px,7vw,125px)}
.author-panel__photo{position:relative;overflow:hidden;aspect-ratio:4/5;box-shadow:25px 30px 90px #000}
.author-panel__photo img{height:100%;width:100%;object-fit:cover;filter:grayscale(.5) contrast(1.1)}
.author-panel__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,12,.7),transparent 50%)}
.author-panel h2{font:700 clamp(40px,5vw,76px)/1.1 var(--serif);margin:18px 0 24px}
.author-panel p{font-size:clamp(15px,1.2vw,18px);line-height:1.9;color:#cfc8c3;max-width:720px}
.author-panel__closing{color:var(--gold)!important;font-family:var(--serif);font-size:clamp(19px,2vw,27px)!important}
.readers{padding:100px 24px;text-align:center;background:#0b0a0d}
.readers h2{font:700 clamp(30px,4.3vw,57px) var(--serif);margin:17px 0 45px}
.readers__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1180px;margin:auto}
.readers article{border:1px solid rgba(217,181,143,.17);padding:35px 28px;text-align:left;background:#141217}
.readers article b{font-size:11px;letter-spacing:.12em;color:var(--gold)}
.readers article p{font-family:var(--serif);font-size:18px;line-height:1.65}
.readers article small{color:#a9a2a2}
.soundtrack{padding:110px 24px 125px;text-align:center;background:linear-gradient(#0a0a0e,#141017)}
.soundtrack h2{font:700 clamp(30px,4vw,60px)/1.15 var(--serif);margin:20px 0}
.soundtrack p{color:#c2b9b7;line-height:1.8;margin:0 auto 35px;max-width:610px}
.soundtrack iframe{max-width:820px;width:100%;height:245px;border:0;border-radius:14px}
.final-call{padding:140px 24px;text-align:center;background:radial-gradient(ellipse at 50% 50%,#361922 0%,#0b0b0f 55%,#07080b 80%)}
.final-call h2{font:700 clamp(44px,8vw,120px)/1.05 var(--serif);margin:15px 0 25px}
.final-call p{color:#d5cbc4;max-width:600px;margin:0 auto 30px;line-height:1.9}
.footer{padding:50px 24px 65px;text-align:center;background:#07080b;border-top:1px solid rgba(220,180,135,.14)}
.footer__social{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin:0 auto 28px}
.footer__social a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(218,186,143,.2);border-radius:50%;font-size:15px;transition:background .2s}
.footer__social a:hover{background:#8e292f}
.footer p{color:#aaa1a0;font-size:12px;letter-spacing:.08em}
.tiktok-banner{position:fixed;z-index:110;top:0;left:0;right:0;padding:15px 45px 15px 18px;background:#141014;color:#f5ece5;text-align:center;font-size:13px;box-shadow:0 10px 45px #000;transform:translateY(-120%);transition:transform .45s}
.tiktok-banner.show{transform:translateY(0)}
.tiktok-banner button{position:absolute;right:13px;top:11px;background:none;border:0;color:white;font-size:23px;cursor:pointer}
.chapter-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px;justify-content:center}
.chapter-links a{font-size:11px;letter-spacing:.14em;padding:10px 13px;border:1px solid rgba(222,186,144,.26);text-transform:uppercase}
.chapter-links a:hover{background:rgba(255,255,255,.1)}
@media(max-width:1100px){.chapter__stage{padding-inline:40px;gap:20px}.chapter__visual{min-height:480px}.chapter__book{width:clamp(180px,23vw,260px)}.chapter__actions .cinema-btn{min-height:44px}.site-nav{gap:20px}}
@media(max-width:820px){
 .nav-links a:not(.nav-cta){display:none}.nav-links{margin-left:auto}
 .hero{min-height:100svh;padding:140px 26px 90px}.hero__darkness{background:linear-gradient(90deg,rgba(5,5,9,.9),rgba(5,5,9,.4)),linear-gradient(0deg,#07080b,transparent 45%)}.hero__background{background-position:60% center}
 .hero__index{right:25px;bottom:25px}.hero__index strong{font-size:45px}
 .scroll-cue{left:26px}
 .chapter{height:auto;min-height:100svh}
 .chapter__stage{position:relative;min-height:auto;display:flex;flex-direction:column;gap:0;text-align:center;padding:95px 25px 75px}
 .chapter--reverse .chapter__copy,.chapter--reverse .chapter__visual{grid-column:auto;grid-row:auto}
 .chapter__copy{order:2}.chapter__visual{order:1;min-height:365px;height:45vh;width:100%;max-height:450px}
 .chapter__book{width:clamp(155px,31vw,240px)}
 .chapter__title{font-size:clamp(37px,6.6vw,60px)}
 .chapter__quote{font-size:19px}.chapter__description{margin-inline:auto}
 .chapter__actions,.chapter__details{justify-content:center}.chapter__scrolltip{display:none}
 .chapter__number{font-size:250px;bottom:auto;top:90px}
 .author-panel{grid-template-columns:1fr;text-align:center}.author-panel__photo{max-width:340px;margin:auto}.author-panel p{margin-inline:auto}
 .readers__grid{grid-template-columns:1fr;max-width:600px}
}
@media(max-width:520px){
 .site-nav{padding:21px 16px}.brand{font-size:12px;letter-spacing:.12em}.brand small{font-size:8px}.nav-cta{padding:10px;font-size:9px}
 .hero h1{font-size:clamp(43px,12vw,68px)}.hero__pretitle{font-size:11px}.hero__lead{font-size:15px}.hero__index{display:none}
 .cinema-btn{width:100%;min-height:50px}.hero__actions{max-width:340px}
 .manifesto{min-height:85svh}.manifesto h2{font-size:clamp(37px,10vw,55px)}
 .chapter__visual{height:345px;min-height:345px}.chapter__book{width:185px}.chapter__ring{width:265px}
 .chapter__title{font-size:clamp(34px,9vw,48px)}.chapter__details{font-size:10px}
 .chapter__actions .cinema-btn{width:100%}.chapter__actions{max-width:360px;margin-inline:auto}
 .quote-break{min-height:55svh}.quote-break blockquote{font-size:clamp(30px,9vw,43px)}
 .author-panel,.readers,.soundtrack,.final-call{padding-inline:22px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee__track{animation:none}.hero__background,.chapter__book,.chapter__ring{will-change:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* ===============================================================
   Refinamiento v2: emblemas delicados, portadas limpias y scroll móvil.
   La portada real es la protagonista. No se generan portadas falsas.
   =============================================================== */
.chapter__number{
    inset:38px 40px auto auto;
    z-index:1;
    width:112px;
    height:112px;
    display:grid;
    place-items:center;
    font-size:initial;
    line-height:normal;
    letter-spacing:normal;
    color:var(--tone);
    opacity:.52;
    border:1px solid color-mix(in srgb,var(--tone) 34%,transparent);
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.035),rgba(0,0,0,.02) 70%);
    box-shadow:0 15px 40px rgba(0,0,0,.1);
}
.chapter__number::after{
    content:"";
    position:absolute;
    inset:10px;
    border:1px solid color-mix(in srgb,var(--tone) 17%,transparent);
    border-radius:50%;
}
.chapter__number svg{
    width:64px;
    height:64px;
    display:block;
    filter:drop-shadow(0 0 14px var(--tone-soft));
}
.chapter__book{
    filter:drop-shadow(18px 22px 25px rgba(0,0,0,.52));
}
.chapter__book::before{
    left:-11px;
    width:12px;
    opacity:.58;
    background:linear-gradient(90deg,#17151c,#63585a 55%,#15131b);
}
.chapter__book::after{
    right:-4px;
    width:5px;
    opacity:.38;
    background:linear-gradient(90deg,#695c4e,#d8cab6,#766755);
    box-shadow:2px 0 8px rgba(0,0,0,.3);
}
.chapter__book img{
    object-fit:contain;
    box-shadow:0 24px 45px rgba(0,0,0,.48);
}
.chapter__caption{
    right:16px;
    bottom:12px;
    max-width:150px;
    font-size:9px;
    line-height:1.8;
    text-align:right;
    opacity:.45;
}

/* Dispositivos táctiles grandes: no aplicar sticky ni narrativas con scrub. */
@media (pointer:coarse){
    .chapter{
        height:auto;
        min-height:100svh;
    }
    .chapter__stage{
        position:relative;
    }
    .chapter__book-holder{
        will-change:auto;
    }
    .chapter__book{
        transform:none !important;
        will-change:auto;
    }
    .chapter__book::before,.chapter__book::after{
        display:none;
    }
    .chapter__book img{
        transform:none;
        border-radius:7px;
    }
}

/* Pantallas móviles: scroll nativo, nada de faux-3D blanco ni emblemas gigantes. */
@media (max-width:820px){
    html{scroll-behavior:auto}
    .hero__background{will-change:auto}
    .chapter{
        height:auto;
        min-height:0;
    }
    .chapter__stage{
        position:relative;
        min-height:0;
        overflow:hidden;
        padding:76px 22px 68px;
        gap:8px;
    }
    .chapter__visual{
        height:340px;
        min-height:340px;
        max-height:340px;
        overflow:hidden;
        isolation:isolate;
        perspective:none;
        margin-bottom:10px;
    }
    .chapter__book-holder{
        transform:none;
        will-change:auto;
    }
    .chapter__book{
        width:min(53vw,205px);
        transform:none !important;
        transform-style:flat;
        filter:drop-shadow(0 15px 19px rgba(0,0,0,.46));
        will-change:auto;
    }
    .chapter__book::before,.chapter__book::after{
        display:none;
    }
    .chapter__book img{
        transform:none;
        object-fit:contain;
        background:transparent;
        border-radius:7px;
        box-shadow:0 16px 32px rgba(0,0,0,.35);
    }
    .chapter__ring{
        width:240px;
        opacity:.22;
    }
    .chapter__rays{
        opacity:.22;
        filter:blur(22px);
    }
    .chapter__weather{opacity:.12}
    .chapter__terrain{opacity:.13}
    .chapter__glow{
        inset:12% 8% 20%;
        opacity:.62;
    }
    .chapter__number{
        inset:18px 18px auto auto;
        width:74px;
        height:74px;
        opacity:.33;
    }
    .chapter__number::after{inset:7px}
    .chapter__number svg{
        width:42px;
        height:42px;
    }
    .chapter__caption{display:none}
    .chapter__quote{font-size:18px}
    .chapter__description{max-width:480px}
    .chapter__actions{max-width:440px;margin-inline:auto}
    .chapter__actions .cinema-btn{
        flex:1 1 180px;
        min-height:48px;
    }
}
@media (max-width:520px){
    .chapter__stage{padding:66px 20px 62px}
    .chapter__visual{
        height:300px;
        min-height:300px;
        max-height:300px;
    }
    .chapter__book{width:min(50vw,185px)}
    .chapter__ring{width:210px;opacity:.17}
    .chapter__number{
        inset:12px 10px auto auto;
        width:64px;
        height:64px;
        opacity:.28;
    }
    .chapter__number svg{
        width:36px;
        height:36px;
    }
    .chapter__actions .cinema-btn{flex:1 1 100%}
}

/* Colección editorial y navegación persistente, exclusivas de esta vista. */
.davis-page .site-nav{position:fixed;padding-block:18px;transition:background .25s,border-color .25s;border-bottom:1px solid transparent}
.davis-page .site-nav.is-scrolled,.davis-page .site-nav.is-open{background:rgba(9,9,13,.96);border-color:#ffffff16;backdrop-filter:blur(16px)}
.nav-toggle{display:none;align-items:center;gap:12px;min-height:44px;background:transparent;color:var(--paper);border:1px solid #ffffff35;padding:0 13px;cursor:pointer;font-size:12px}
.nav-toggle span{font-size:20px}.nav-toggle[hidden]{display:none}
.davis-page .hero__content{max-width:850px}.davis-page .hero h1{font-size:clamp(52px,7.4vw,108px);line-height:1.08}
.davis-page .hero__lead{max-width:480px}.davis-page .hero__pretitle{font-size:11px;letter-spacing:.22em}
.davis-page .manifesto{min-height:75svh}
.davis-page .collection-intro{padding-top:100px;padding-bottom:38px}
.book-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1440px;margin:0 auto;padding:0 clamp(24px,5vw,72px) 100px}
.book-card{--shelf-tone:#bb6062;position:relative;display:flex;flex-direction:column;padding:22px;background:linear-gradient(160deg,#ffffff08,transparent 70%);border:1px solid #ffffff18;transition:border-color .25s,background .25s;min-width:0}
.book-card--spartan{--shelf-tone:#e3a06d}.book-card--king{--shelf-tone:#d7ad6b}.book-card--steel{--shelf-tone:#a4bdd5}
.book-card:hover,.book-card:focus-visible{border-color:var(--shelf-tone);background-color:#ffffff05}
.book-card__order{display:flex;justify-content:space-between;align-items:center;color:var(--shelf-tone);font:500 21px var(--serif)}
.book-card__order span{font:600 9px var(--sans);text-transform:uppercase;letter-spacing:.09em}
.book-card__image{display:grid;place-items:center;height:260px;margin:20px 0;background:radial-gradient(ellipse,#ffffff08,transparent 65%)}
.book-card__image img{height:100%;width:auto;max-width:85%;object-fit:contain;filter:drop-shadow(10px 16px 13px #0009);transition:transform .35s}
.book-card:hover img{transform:translateY(-6px) rotate(-2deg)}
.book-card h3{font:600 clamp(16px,1.4vw,21px)/1.5 var(--serif);margin:0 0 12px;text-wrap:balance}
.book-card p{margin:auto 0 0;font-size:9px;line-height:1.9;letter-spacing:.12em;color:var(--shelf-tone)}
.reading-dock{position:fixed;z-index:85;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:6px;background:#111116f5;border:1px solid #d7ad6b45;box-shadow:0 8px 40px #0009;border-radius:50px;max-width:calc(100% - 24px)}
.reading-dock[hidden]{display:none}.reading-dock a{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;font:500 14px var(--serif);color:#c5bcb3;transition:background .2s,color .2s}
.reading-dock a[aria-current]{color:#17110b;background:var(--gold)}
.reading-dock .reading-dock__home{display:flex;gap:12px;padding:0 15px;border-radius:30px;font:700 10px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--paper)}
.davis-page .chapter__label{color:color-mix(in srgb,var(--tone) 65%,white)}
.davis-page .chapter__details{line-height:1.8;color:color-mix(in srgb,var(--tone) 65%,white)}
.davis-page .footer__social a{width:46px;height:46px}
.davis-page .tiktok-banner:not(.show){visibility:hidden;pointer-events:none}
.davis-page .tiktok-banner button{width:44px;height:44px;right:4px;top:4px}
@media(min-width:821px) and (max-height:800px){.davis-page .chapter__stage{padding-block:90px 65px}.davis-page .chapter__visual{min-height:380px;height:60svh}.davis-page .chapter__title{font-size:clamp(36px,4vw,57px)}.davis-page .chapter__book{width:min(21vw,32svh)}}
@media(max-width:1100px){.book-shelf{gap:12px;padding-inline:24px}.book-card{padding:16px}.book-card__image{height:210px}.book-card__order span{font-size:8px}}
@media(max-width:820px){
 .davis-page .site-nav{padding:12px 20px;flex-wrap:wrap;gap:10px;background:#09090dba;backdrop-filter:blur(14px)}
 .nav-toggle:not([hidden]){display:flex;margin-left:auto}
 .davis-page .nav-links{width:100%;margin:0;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.08em}
 .davis-page .nav-links a:not(.nav-cta){display:flex;align-items:center;min-height:44px}
 .davis-page .nav-links .nav-cta{display:none}
 .davis-page .site-nav.is-enhanced .nav-links{display:none}
 .davis-page .site-nav.is-open .nav-links{display:flex;padding:8px 0 4px;border-top:1px solid #ffffff15}
 .davis-page .hero{padding:160px 24px 88px;align-items:flex-end;min-height: min(940px,100svh)}
 .davis-page .hero h1{font-size:clamp(40px,8.8vw,70px);line-height:1.12;letter-spacing:-.04em}
 .davis-page .hero__background{background-position:65% 30%;inset:0;transform:none}
 .davis-page .hero__darkness{background:linear-gradient(0deg,#07080b 0%,#07080be6 30%,#07080b60 78%,#07080b70)}
 .davis-page .hero__index{display:none}.davis-page .hero .eyebrow{font-size:9px;letter-spacing:.24em}
 .davis-page .hero__pretitle{margin:16px 0;font-size:9px;letter-spacing:.13em}
 .davis-page .hero__lead{font-size:15px;line-height:1.8;max-width:440px}
 .davis-page .hero__actions{max-width:440px;gap:10px}
 .davis-page .hero__actions .cinema-btn--ghost{border-color:transparent;min-height:44px;padding-block:10px}
 .davis-page .manifesto{min-height:0;padding:90px 24px}.davis-page .manifesto h2{font-size:clamp(33px,7vw,55px)}
 .davis-page .collection-intro{padding:65px 24px 30px}.davis-page .collection-intro h2{font-size:clamp(32px,7vw,50px)}
 .davis-page .collection-intro__meta{display:none}.davis-page .chapter-links{gap:6px;margin-top:24px}.davis-page .chapter-links a{min-height:44px;display:grid;place-items:center;font-size:9px;padding:10px}
 .book-shelf{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px 64px;gap:12px}.book-card__image{height:220px}.book-card h3{font-size:17px}
 .davis-page .chapter__stage{padding:78px 24px 100px;text-align:left;gap:20px}.davis-page .chapter__copy{width:100%;max-width:560px}
 .davis-page .chapter__title{font-size:clamp(32px,7vw,48px);line-height:1.15;margin:16px 0 20px;text-wrap:pretty}
 .davis-page .chapter__quote{font-size:18px}.davis-page .chapter__description{margin-left:0}
 .davis-page .chapter__details{justify-content:flex-start;letter-spacing:.12em}.davis-page .chapter__actions{max-width:none}
 .davis-page .chapter__actions .cinema-btn{flex:1 1 40%;width:auto;padding-inline:10px}.davis-page .chapter__actions .cinema-btn--whatsapp{flex-basis:100%}
 .davis-page .chapter__number{top:25px;right:24px;opacity:.5}.davis-page .chapter__visual{margin:0}
 .davis-page .quote-break{min-height:0;padding:85px 24px}.davis-page .next-book{min-height:0;padding:85px 24px}
 .davis-page .next-book .eyebrow{margin-bottom:35px}.davis-page .next-book h2{font-size:clamp(32px,7vw,52px)}
 .davis-page .author-panel{padding:80px 24px;gap:38px}.davis-page .author-panel__photo{width:min(100%,300px)}
 .davis-page .readers,.davis-page .soundtrack,.davis-page .final-call{padding:75px 24px}
 .davis-page .readers article{padding:26px}.davis-page .footer{padding-bottom:105px}
 .davis-page .film-grain{display:none}
}
@media(max-width:380px){.davis-page .site-nav{padding-inline:14px}.davis-page .brand{font-size:11px}.davis-page .brand small{font-size:7px;letter-spacing:.2em}.book-shelf{gap:8px;padding-inline:16px}.book-card{padding:12px}.book-card__image{height:170px}.book-card__order span{display:none}.book-card h3{font-size:14px}.book-card p{font-size:8px}.davis-page .hero{padding-inline:20px}.reading-dock a{min-width:42px}}
@media(prefers-reduced-motion:reduce){.davis-page .chapter{height:auto}.davis-page .chapter__stage{position:relative}.book-card:hover img{transform:none}}
@media(min-width:821px){.davis-page .hero__content{max-width:920px}.davis-page .hero h1{font-size:clamp(52px,6.1vw,88px);text-wrap:initial}}

/* Fixed image viewport: intrinsic cover dimensions must not expand the grid row. */
.book-card__image{position:relative;display:block;flex-shrink:0;min-width:0}
.book-card__image img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;padding:4px 10px;object-fit:contain}
.book-card h3{position:relative;margin-top:4px}

/* Hardcover construction: raised cover, recessed paper block and rear board. */
.davis-page .chapter__book{--book-depth:36px;transform:rotateY(-22deg) rotateX(4deg);filter:drop-shadow(18px 26px 22px #0009)}
.davis-page .chapter__book::before,.davis-page .chapter__book::after{display:none}
.book-hardback,.book-pages,.book-spine{position:absolute;display:block;pointer-events:none}
.book-hardback{inset:0;background:linear-gradient(120deg,#322c27,#141216 65%);border:2px solid color-mix(in srgb,var(--tone) 35%,#151315);border-radius:2px 5px 5px 2px;transform:translateZ(-18px);box-shadow:0 18px 32px #0007}
.book-pages{top:1.5%;bottom:1.5%;left:calc(100% - 3px);width:var(--book-depth);transform-origin:left center;transform:translateZ(18px) rotateY(90deg);background:linear-gradient(90deg,#0003,transparent 20%,#fff3 70%,#0003),repeating-linear-gradient(90deg,#c8b99f 0 1px,#e6dbc5 1px 3px);border-block:2px solid #9d8d73;box-shadow:inset 0 0 5px #53442c55}
.book-spine{inset:0 auto 0 0;width:var(--book-depth);transform-origin:left center;transform:translateZ(18px) rotateY(90deg);background:linear-gradient(90deg,#0e0c10,color-mix(in srgb,var(--tone) 30%,#242023) 45%,#121014);border-block:2px solid #40342c}
.davis-page .chapter__book img{position:relative;transform:translateZ(20px);border-radius:2px 5px 5px 2px;border:1px solid #ffffff18;box-shadow:2px 0 0 #302923,4px 0 0 #151216,0 3px 0 #211d1a;background:#100e13}
@media(max-width:820px),(pointer:coarse){
 .davis-page .chapter__book{transform:none!important;filter:drop-shadow(8px 17px 14px #0009)}
 .davis-page .chapter__book img{transform:none;z-index:2;border-radius:2px 4px 4px 2px;box-shadow:2px 0 0 #29231e}
 .book-hardback{inset:5px -13px -5px 9px;transform:none;border-radius:3px 5px 5px 3px;box-shadow:3px 6px 10px #0005}
 .book-pages{top:5px;bottom:1px;left:100%;width:10px;transform:skewY(16deg);background:repeating-linear-gradient(90deg,#c4b499 0 1px,#e4d8c1 1px 3px);border-block:1px solid #ac987c;z-index:1}
 .book-spine{display:none}
}
@media(min-width:821px) and (pointer:fine){
 .davis-page .chapter__book{filter:none}
 .davis-page .chapter__book-holder{filter:drop-shadow(18px 26px 22px #0009)}
}


/* Davis Anderson — book-shelf title alignment & balanced author layout */
.davis-page .book-shelf .book-card h3{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:108px;
    margin:4px 0 12px;
    text-align:center;
    text-wrap:balance;
    line-height:1.43;
}
.davis-page .book-shelf .book-card p{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:36px;
    margin-top:auto;
    text-align:center;
    text-wrap:balance;
}
.davis-page .author-panel{
    position:relative;
    isolation:isolate;
    grid-template-columns:minmax(250px,430px) minmax(0,610px);
    justify-content:center;
    align-items:center;
    column-gap:clamp(38px,5vw,100px);
    padding:clamp(90px,9vw,150px) clamp(24px,5vw,90px);
    border-top:1px solid rgba(215,173,107,.12);
    background:
        radial-gradient(ellipse at 19% 48%,rgba(141,82,57,.12),transparent 39%),
        linear-gradient(125deg,#161217,#09090d 70%);
}
.davis-page .author-panel__photo{
    width:100%;
    max-width:430px;
    margin-inline:auto;
    aspect-ratio:4/5;
    border:1px solid rgba(215,173,107,.16);
    box-shadow:25px 35px 85px rgba(0,0,0,.48);
}
.davis-page .author-panel__photo::before{
    content:"";
    position:absolute;
    z-index:2;
    inset:12px;
    border:1px solid rgba(240,211,171,.2);
    pointer-events:none;
}
.davis-page .author-panel__copy{
    width:100%;
    max-width:610px;
}
.davis-page .author-panel h2{
    font-size:clamp(42px,5vw,72px);
    margin:16px 0 22px;
}
.davis-page .author-panel__closing{
    border-left:2px solid var(--gold);
    padding:11px 0 11px 23px;
    margin:30px 0;
    max-width:590px;
    line-height:1.5;
}
.davis-page .author-panel__connect{
    margin-top:30px;
    padding-top:24px;
    border-top:1px solid rgba(215,173,107,.25);
}
.davis-page .author-panel__connect-label{
    display:block;
    color:var(--gold);
    font:700 10px var(--sans);
    text-transform:uppercase;
    letter-spacing:.23em;
    margin-bottom:14px;
}
.davis-page .author-panel__links{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}
.davis-page .author-panel__links a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:44px;
    padding:10px 18px;
    border:1px solid rgba(232,211,185,.26);
    color:var(--paper);
    font-size:12px;
    font-weight:700;
    transition:border-color .25s,background .25s,transform .25s;
}
.davis-page .author-panel__links a:hover{
    border-color:var(--gold);
    background:rgba(215,173,107,.09);
    transform:translateY(-2px);
}
.davis-page .author-panel__links a i{font-size:16px;color:var(--gold)}
.davis-page .author-panel__links a span{color:var(--gold)}
@media(max-width:820px){
    .davis-page .book-shelf .book-card h3{
        min-height:120px;
        margin:4px 0 10px;
    }
    .davis-page .book-shelf .book-card p{min-height:48px}
    .davis-page .author-panel{
        display:grid;
        grid-template-columns:minmax(0,1fr);
        gap:38px;
        text-align:center;
        padding:80px 24px;
    }
    .davis-page .author-panel__photo{width:min(100%,360px)}
    .davis-page .author-panel__copy{max-width:610px;margin-inline:auto}
    .davis-page .author-panel__closing{
        border-left:0;
        border-top:2px solid var(--gold);
        padding:20px 0 0;
        margin:26px auto;
    }
    .davis-page .author-panel__links{justify-content:center}
}
@media(max-width:520px){
    .davis-page .book-shelf .book-card h3{
        min-height:124px;
        line-height:1.35;
    }
    .davis-page .book-shelf .book-card p{
        min-height:48px;
        line-height:1.65;
    }
    .davis-page .author-panel{padding:70px 22px}
    .davis-page .author-panel h2{font-size:clamp(36px,10vw,50px)}
    .davis-page .author-panel__links a{flex:1 1 120px}
}


/* Social author panel: three links, then two balanced links. */
.davis-page .author-panel__links{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px;
}
.davis-page .author-panel__links a{
    grid-column:span 2;
    width:100%;
    min-width:0;
    justify-content:center;
    gap:9px;
    padding:11px 9px;
    text-align:center;
    white-space:nowrap;
}
.davis-page .author-panel__links a:nth-child(n+4){grid-column:span 3}
@media(max-width:520px){
    .davis-page .author-panel__links{grid-template-columns:repeat(2,minmax(0,1fr))}
    .davis-page .author-panel__links a{grid-column:span 1;font-size:11px;padding-inline:8px}
    .davis-page .author-panel__links a:nth-child(n+4){grid-column:span 1}
    .davis-page .author-panel__links a:last-child{grid-column:1/-1}
}


/* Distinct ambient particles for each book — desktop only */
.davis-page .scene-spark{
    position:absolute;
    z-index:2;
    pointer-events:none;
    mix-blend-mode:screen;
    will-change:transform,opacity;
    filter:none;
}
.davis-page .scene-spark--legend{
    border-radius:50%;
    background:radial-gradient(circle,#ffebbf 0%,#ff9d53 25%,#ee5839 55%,rgba(167,38,32,0) 100%);
    box-shadow:0 0 12px rgba(247,97,42,.46),0 0 22px rgba(217,54,39,.17);
}
.davis-page .scene-spark--spartan{
    border-radius:38% 62% 47% 53%;
    background:radial-gradient(circle,#f1d5a3 0%,#be874d 40%,rgba(120,66,31,0) 100%);
    box-shadow:0 0 8px rgba(205,133,72,.22);
    filter:blur(.6px);
}
.davis-page .scene-spark--king{
    border-radius:50%;
    background:radial-gradient(circle,#fffbea 0%,#eed896 28%,#c29245 67%,transparent 100%);
    box-shadow:0 0 12px rgba(230,189,100,.32),0 0 25px rgba(197,146,55,.14);
}
.davis-page .scene-spark--steel{
    border-radius:999px;
    background:linear-gradient(180deg,rgba(240,248,255,.9),rgba(154,193,223,.7) 36%,rgba(71,120,161,0) 100%);
    box-shadow:0 0 9px rgba(165,205,235,.3);
    filter:blur(.2px);
}
/* An atmospheric layer per book: fiery glow, sand wind, royal gold, cold steel. */
.davis-page .chapter--legend .chapter__weather{
    background:repeating-linear-gradient(160deg,transparent 0 92px,rgba(221,83,55,.045) 94px,transparent 97px);
}
.davis-page .chapter--spartan .chapter__weather{
    background:repeating-linear-gradient(155deg,transparent 0 80px,rgba(221,155,89,.055) 82px,transparent 85px);
}
.davis-page .chapter--king .chapter__weather{
    background:repeating-linear-gradient(165deg,transparent 0 105px,rgba(230,193,103,.04) 107px,transparent 110px);
}
.davis-page .chapter--steel .chapter__weather{
    background:repeating-linear-gradient(172deg,transparent 0 90px,rgba(142,187,223,.055) 92px,transparent 95px);
}
@media(max-width:820px),(pointer:coarse),(prefers-reduced-motion:reduce){
    .davis-page .scene-spark{display:none!important;will-change:auto}
}


/* Sample reader carousel: fictional demo opinions, not verified testimonials. */
.davis-page .readers--demo{
    position:relative;
    padding:110px clamp(22px,5vw,80px);
    overflow:hidden;
    background:
        radial-gradient(ellipse at 50% 0%,rgba(128,73,51,.10),transparent 58%),
        linear-gradient(180deg,#0d0b10,#101015 80%,#0a090d);
}
.davis-page .readers__header{
    max-width:850px;
    margin:0 auto 40px;
    text-align:center;
}
.davis-page .readers__header h2{margin:15px 0 20px}
.davis-page .readers__disclosure{
    display:inline-flex;
    align-items:flex-start;
    justify-content:center;
    gap:9px;
    max-width:710px;
    margin:0 auto;
    padding:12px 16px;
    border:1px solid rgba(215,173,107,.22);
    color:#c6bdb6;
    background:rgba(215,173,107,.045);
    font-size:12px;
    line-height:1.7;
}
.davis-page .readers__disclosure i{color:var(--gold);margin-top:3px;flex-shrink:0}
.davis-page .readers__carousel{
    --carousel-gap:20px;
    --carousel-card-width:calc((100% - 40px) / 3);
    width:100%;
    max-width:1280px;
    margin:0 auto;
}
.davis-page .readers__track{
    display:flex;
    align-items:stretch;
    gap:var(--carousel-gap);
    width:100%;
    margin:0;
    padding:5px 2px 24px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:2px;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
}
.davis-page .readers__track::-webkit-scrollbar{display:none}
.davis-page .readers__track:focus-visible{
    outline:2px solid var(--gold);
    outline-offset:2px;
}
.davis-page .readers .readers__card{
    flex:0 0 var(--carousel-card-width);
    min-width:0;
    min-height:350px;
    display:flex;
    flex-direction:column;
    padding:30px;
    scroll-snap-align:start;
    border:1px solid rgba(215,173,107,.19);
    background:linear-gradient(145deg,rgba(38,33,38,.96),rgba(16,16,21,.95));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    transition:border-color .25s ease,background .25s ease;
    text-align:left;
}
.davis-page .readers .readers__card:hover{
    border-color:rgba(215,173,107,.48);
    background:linear-gradient(145deg,#29232a,#121216);
}
.davis-page .readers__card-top{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
}
.davis-page .readers__example{
    display:inline-block;
    color:#d4c5b2;
    font:700 10px var(--sans);
    letter-spacing:.15em;
    text-transform:uppercase;
}
.davis-page .readers__stars{
    color:var(--gold);
    font-size:17px;
    letter-spacing:.17em;
    line-height:1;
}
.davis-page .readers .readers__card p{
    margin:22px 0 30px;
    color:var(--paper);
    font:500 clamp(17px,1.35vw,21px)/1.6 var(--serif);
    text-wrap:pretty;
}
.davis-page .readers__card-bottom{
    display:flex;
    align-items:center;
    gap:13px;
    margin-top:auto;
    padding-top:20px;
    border-top:1px solid rgba(215,173,107,.15);
}
.davis-page .readers__avatar{
    display:grid;
    place-items:center;
    flex:0 0 43px;
    width:43px;
    height:43px;
    border:1px solid rgba(215,173,107,.4);
    border-radius:50%;
    color:var(--gold);
    background:rgba(215,173,107,.08);
    font:600 20px var(--serif);
}
.davis-page .readers__card-bottom div{min-width:0}
.davis-page .readers__card-bottom strong{
    display:block;
    margin-bottom:4px;
    color:#eee7dc;
    font-size:13px;
}
.davis-page .readers .readers__card-bottom small{
    display:block;
    color:#aca4a2;
    font-size:10px;
    line-height:1.6;
}
.davis-page .readers__controls{
    display:flex;
    align-items:center;
    gap:24px;
    max-width:1280px;
    padding:12px 3px 0;
    margin:0 auto;
}
.davis-page .readers__position{
    display:flex;
    align-items:baseline;
    flex:0 0 auto;
    gap:10px;
    color:#bcb2aa;
    font:600 13px var(--sans);
    font-variant-numeric:tabular-nums;
}
.davis-page .readers__position .readers__current{
    color:var(--gold);
    font:600 27px var(--serif);
}
.davis-page .readers__slash{opacity:.4}
.davis-page .readers__progress{
    height:2px;
    flex:1;
    min-width:25px;
    background:rgba(215,173,107,.19);
}
.davis-page .readers__progress span{
    display:block;
    width:100%;
    height:100%;
    background:var(--gold);
    transform:scaleX(.0333);
    transform-origin:left center;
    transition:transform .25s ease;
}
.davis-page .readers__arrows{display:flex;align-items:center;gap:10px}
.davis-page .readers__arrow{
    display:grid;
    place-items:center;
    width:49px;
    height:49px;
    border:1px solid rgba(215,173,107,.35);
    border-radius:50%;
    background:transparent;
    color:var(--paper);
    cursor:pointer;
    font-size:21px;
    transition:background .25s,border-color .25s,color .25s;
}
.davis-page .readers__arrow:hover{
    background:var(--gold);
    border-color:var(--gold);
    color:#121012;
}
.davis-page .readers__arrow:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:1000px){
    .davis-page .readers__carousel{--carousel-card-width:calc((100% - 16px) / 2);--carousel-gap:16px}
    .davis-page .readers .readers__card{min-height:335px}
}
@media(max-width:620px){
    .davis-page .readers--demo{padding:70px 18px 85px}
    .davis-page .readers__header{margin-bottom:27px}
    .davis-page .readers__disclosure{font-size:11px;padding:10px 12px;text-align:left}
    .davis-page .readers__carousel{--carousel-card-width:100%;--carousel-gap:12px}
    .davis-page .readers .readers__card{min-height:310px;padding:25px 22px}
    .davis-page .readers .readers__card p{font-size:18px;margin:22px 0 25px}
    .davis-page .readers__controls{gap:14px}
    .davis-page .readers__arrow{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){
    .davis-page .readers__track{scroll-behavior:auto;scroll-snap-type:x proximity}
    .davis-page .readers__progress span{transition:none}
}


/* Enlace editorial hacia fichas SEO: acompaña las acciones de compra. */
.davis-page .chapter__seo-link{
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
    min-height:44px;
    margin:-8px 0 22px;
    padding:9px 0 6px;
    color:color-mix(in srgb,var(--tone) 65%,white);
    border-bottom:1px solid currentColor;
    font:700 12px var(--sans);
    text-decoration:none;
    letter-spacing:.04em;
    transition:color .22s,border-color .22s;
}
.davis-page .chapter__seo-link:hover{color:#fff}
.davis-page .chapter__seo-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:820px){
    .davis-page .chapter__seo-link{margin-bottom:25px}
}