/* LA FILOSOFÍA DEL UMBRAL — diseño cinematográfico oscuro */
:root{
  --bg:#050609;--bg2:#090b10;--panel:#0d1016;--text:#f0eee9;--muted:#a5a7af;
  --soft:#777c88;--gold:#c5a77b;--gold2:#e3c89b;--line:rgba(232,225,211,.15);
  --serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",Arial,sans-serif;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.8;overflow-x:hidden}
body.menu-open{overflow:hidden}
::selection{background:var(--gold);color:#090a0d}
a{color:inherit;text-decoration:none}
button{font:inherit}
.noise{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.035;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold),#f4e4c6);z-index:1000}
.topbar{position:absolute;top:0;left:0;width:100%;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:23px clamp(20px,5vw,76px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.22em;font-weight:700;white-space:nowrap}
.brand i{font-style:normal;color:var(--gold);font-weight:400}
.brand-mark{width:29px;height:29px;border:1px solid rgba(197,167,123,.75);display:grid;place-items:center;color:var(--gold);font-family:var(--serif);font-size:21px;line-height:1}
.nav{display:flex;align-items:center;gap:clamp(20px,3vw,42px);font-size:11px;color:#c3c4c9;letter-spacing:.07em}
.nav a{transition:color .25s}
.nav a:hover{color:var(--gold2)}
.nav-cta{border:1px solid rgba(197,167,123,.55);padding:11px 15px;color:var(--text)!important}
.nav-cta span{color:var(--gold);margin-left:8px}
.menu-toggle{display:none}
.hero{min-height:780px;height:min(100svh,1000px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 48%,#111a2b 0%,#080b13 36%,#050609 72%);isolation:isolate}
#starfield{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.cosmos-glow{z-index:0;pointer-events:none;position:absolute;width:80vw;height:80vw;max-width:1100px;max-height:1100px;right:-14%;top:-30%;border-radius:50%;background:radial-gradient(circle,rgba(60,90,142,.15) 0,rgba(24,42,76,.08) 35%,transparent 68%);filter:blur(8px);animation:cosmicBreathe 9s ease-in-out infinite alternate}
.distant-source{z-index:1;pointer-events:none;position:absolute;top:18%;right:23%;width:3px;height:3px;border-radius:50%;background:#fff6de;box-shadow:0 0 10px 4px rgba(255,235,186,.45),0 0 50px 15px rgba(199,174,126,.18),0 0 130px 45px rgba(120,148,194,.09);animation:sourcePulse 6s ease-in-out infinite}
.distant-source:before,.distant-source:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(223,208,174,.2);border-radius:50%;width:90px;height:90px}
.distant-source:after{width:150px;height:150px;border-color:rgba(143,168,210,.12)}
.distant-source span{position:absolute;width:180px;height:1px;background:linear-gradient(90deg,transparent,rgba(232,215,175,.3),transparent);left:-90px;top:0;transform:rotate(-24deg)}
.orbit{z-index:1;position:absolute;border:1px solid rgba(166,185,221,.09);border-radius:50%;pointer-events:none;transform:rotate(-24deg)}
.orbit-one{width:880px;height:360px;right:-80px;top:14%}
.orbit-two{width:1050px;height:500px;right:-200px;top:10%;transform:rotate(18deg);border-color:rgba(200,178,141,.08)}
.earth-wrap{z-index:1;pointer-events:none;position:absolute;right:clamp(-110px,4vw,70px);bottom:-15%;width:clamp(450px,55vw,790px);aspect-ratio:1;transform:translate3d(var(--px,0),var(--py,0),0);transition:transform .3s ease-out}
.earth{position:absolute;inset:9%;border-radius:50%;overflow:hidden;
 background:#071321 url("libro/earth-texture.jpg") center 42% / cover no-repeat;
 box-shadow:inset -65px -25px 110px rgba(0,0,0,.76),inset 12px 8px 45px rgba(127,179,205,.2),0 0 45px rgba(86,143,188,.18)}
/* La textura de la Tierra usa la imagen real de superficie incluida en la portada oficial. */
.earth:before{content:"";position:absolute;inset:0;border-radius:50%;background:
 radial-gradient(ellipse at 25% 20%,rgba(160,211,244,.2),transparent 35%),
 linear-gradient(105deg,rgba(0,0,0,.04) 15%,rgba(1,5,14,.12) 46%,rgba(0,0,0,.82) 100%);
 pointer-events:none}
.earth:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(168deg,transparent 0 9px,rgba(221,233,245,.025) 10px 11px,transparent 12px 20px);opacity:.55}
.earth-clouds{position:absolute;inset:-8%;border-radius:50%;background:repeating-radial-gradient(ellipse at 32% 44%,transparent 0 20px,rgba(220,231,242,.055) 23px 25px,transparent 29px 40px);filter:blur(6px);transform:rotate(-18deg);opacity:.6}
.earth-shade{position:absolute;inset:0;border-radius:50%;background:linear-gradient(105deg,rgba(0,0,0,.1) 20%,rgba(1,3,8,.4) 51%,rgba(0,0,0,.98) 85%)}
.earth-halo{position:absolute;inset:2%;border-radius:50%;box-shadow:0 0 0 2px rgba(105,177,223,.25),0 0 20px 4px rgba(86,157,213,.2),0 0 60px 8px rgba(66,124,181,.12),0 0 140px rgba(67,109,169,.08)}
.earth-limb{position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(155,206,243,.4);box-shadow:inset 5px 3px 18px rgba(145,211,255,.18);pointer-events:none}
.hero-content{position:relative;z-index:3;position:relative;z-index:3;width:min(720px,63%);padding-top:clamp(180px,23vh,250px);margin-left:clamp(25px,10.5vw,160px)}
.eyebrow,.small-label,.section-kicker,.quote-overline,.closing-kicker{font-size:9px;letter-spacing:.24em;color:var(--gold);font-weight:600}
.eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 24px}
.eyebrow-line{width:35px;height:1px;background:var(--gold)}
h1,h2,h3,p{margin-top:0}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(68px,9.3vw,140px);line-height:.82;letter-spacing:-.045em;margin:0 0 30px;text-shadow:0 8px 40px rgba(0,0,0,.3)}
h1 em,h2 em{font-weight:400;color:var(--gold2)}
.hero-lede{font-size:clamp(13px,1.2vw,16px);line-height:1.9;color:#c0c4ce;max-width:450px;margin-bottom:33px;font-weight:300}
.hero-actions{display:flex;align-items:center;gap:30px}
.button{display:inline-flex;align-items:center;gap:23px;padding:14px 19px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;transition:transform .25s,background .25s}
.button:hover{transform:translateY(-3px)}
.button-primary{background:var(--gold);color:#111117}
.button-primary span{font-size:17px}
.text-link{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#d5d6db}
.text-link span{color:var(--gold);padding-left:7px}
.hero-caption{position:absolute;z-index:3;font-size:8px;letter-spacing:.18em;line-height:1.8;color:rgba(229,231,238,.55)}
.left-caption{left:clamp(25px,5vw,75px);bottom:14%}
.caption-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:8px;box-shadow:0 0 12px var(--gold)}
.right-caption{right:5%;top:25%;text-align:right}
.right-caption span{color:rgba(229,231,238,.34)}
.scroll-cue{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.22em;color:rgba(255,255,255,.52);white-space:nowrap}
.scroll-cue span{height:30px;width:1px;background:linear-gradient(var(--gold),transparent);animation:scrollLine 2s infinite}
.hero-index{position:absolute;right:5%;bottom:35px;font-size:9px;letter-spacing:.2em;color:rgba(255,255,255,.38)}
.section-pad{padding:clamp(90px,11vw,160px) clamp(24px,8vw,120px)}
.section-kicker{display:flex;align-items:center;gap:15px;margin-bottom:54px}
.section-kicker span{color:#767a85;font-size:9px}
.intro{background:linear-gradient(180deg,#080a0f,#07080b)}
.intro-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(40px,9vw,140px);max-width:var(--max);margin:auto}
.small-label{font-size:8px;letter-spacing:.2em;color:#858b97;margin-bottom:20px}
.intro-title h2,.section-heading h2,.source-copy h2{font-family:var(--serif);font-size:clamp(49px,6vw,86px);line-height:.98;font-weight:400;letter-spacing:-.025em;margin:0}
.intro-title h2 em,.section-heading h2 em,.source-copy h2 em{color:var(--gold2)}
.intro-copy{color:#aeb2bd;font-weight:300;font-size:13px;line-height:2}
.intro-copy p{margin-bottom:23px}
.dropcap:first-letter{float:left;font-family:var(--serif);font-size:64px;line-height:.75;padding:10px 10px 0 0;color:var(--gold2)}
blockquote{font-family:var(--serif);font-size:clamp(24px,2.7vw,36px);line-height:1.2;color:#e5dfd4;border-left:1px solid var(--gold);padding:4px 0 4px 25px;margin:40px 0 0}
.thin-rule{height:1px;background:var(--line);margin:100px auto 35px;max-width:var(--max)}
.three-questions{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:var(--max);margin:auto}
.question-card{padding:20px 0 0;border-top:1px solid var(--line)}
.question-card>span{font-size:9px;color:var(--gold);letter-spacing:.15em}
.question-card h3{font-family:var(--serif);font-size:30px;font-weight:400;margin:17px 0 9px}
.question-card p{color:#9399a5;font-size:12px;line-height:1.9;max-width:290px;margin-bottom:0}
.quote-band{min-height:420px;padding:90px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#141923 0%,#080a0f 50%,#050609 85%)}
.quote-stars{position:absolute;inset:0;opacity:.25;background-image:radial-gradient(1px 1px at 15% 30%,#fff,transparent),radial-gradient(1px 1px at 72% 22%,#fff,transparent),radial-gradient(1px 1px at 84% 70%,#fff,transparent),radial-gradient(1px 1px at 38% 77%,#fff,transparent);background-size:210px 180px}
.quote-overline{position:relative;margin-bottom:20px}
.big-quote{position:relative;font-family:var(--serif);font-size:clamp(85px,15vw,180px);line-height:1;margin-bottom:25px;letter-spacing:-.05em}
.quote-sub{position:relative;font-family:var(--serif);font-size:clamp(22px,3vw,34px);line-height:1.3;color:#bfc2cb;margin-bottom:0}
.ideas{background:#090b10}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;max-width:var(--max);margin:0 auto 75px}
.section-heading h2{flex-shrink:0}
.section-heading>p{max-width:310px;color:#969ba7;font-size:12px;line-height:2;margin:0 0 5px}
.idea-list{max-width:var(--max);margin:auto;border-top:1px solid var(--line)}
.idea-row{display:grid;grid-template-columns:55px 1fr 1.12fr;gap:clamp(20px,4vw,65px);padding:36px 0;border-bottom:1px solid var(--line);align-items:start;transition:padding .3s}
.idea-row:hover{padding-left:12px}
.idea-number{font-size:10px;color:var(--gold);letter-spacing:.15em;padding-top:5px}
.idea-main .small-label{margin-bottom:7px}
.idea-main h3{font-family:var(--serif);font-size:clamp(27px,3vw,42px);font-weight:400;line-height:1.1;margin:0}
.idea-text p{font-size:12px;line-height:1.95;color:#a5aab5;margin:0 0 17px;max-width:510px}
.idea-tag{font-size:8px;letter-spacing:.18em;color:var(--gold);border-bottom:1px solid rgba(197,167,123,.35);padding-bottom:5px}
.source-section{min-height:760px;position:relative;overflow:hidden;background:#06080d;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:clamp(80px,10vw,140px) clamp(24px,8vw,120px)}
.source-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 48%,rgba(38,57,87,.32),transparent 40%),linear-gradient(90deg,#06080d 0%,rgba(6,8,13,.96) 43%,rgba(6,8,13,.35) 100%)}
.source-copy{position:relative;z-index:2;max-width:620px}
.source-copy .section-kicker{margin-bottom:42px}
.source-copy h2{font-size:clamp(47px,5.4vw,76px);margin-bottom:28px}
.source-lede{font-family:var(--serif);font-size:clamp(22px,2.4vw,31px);line-height:1.3;color:#d3d1ce;max-width:500px}
.source-note{font-size:12px;line-height:2;color:#969ca8;max-width:460px;margin-top:28px}
.source-statement{margin-top:38px;padding:18px 0 0;border-top:1px solid var(--line);max-width:460px}
.source-statement span{font-size:8px;letter-spacing:.2em;color:var(--gold)}
.source-statement p{font-family:var(--serif);font-size:25px;line-height:1.25;margin:10px 0 0}
.source-visual{position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:min(56vw,760px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center}
.source-core{width:21%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff9e8 0%,#ead5a3 3%,rgba(204,174,116,.48) 12%,rgba(136,154,193,.12) 37%,transparent 72%);box-shadow:0 0 50px rgba(228,202,149,.18),0 0 140px rgba(108,145,204,.13);animation:sourcePulse 7s ease-in-out infinite}
.source-ring{position:absolute;border:1px solid rgba(180,196,222,.12);border-radius:50%;transform:rotate(-28deg) scaleY(.46)}
.ring-a{inset:9%;animation:ringRotate 38s linear infinite}
.ring-b{inset:1%;border-color:rgba(197,167,123,.12);transform:rotate(34deg) scaleY(.62);animation:ringRotate 55s linear infinite reverse}
.source-label{position:absolute;bottom:25%;right:22%;font-size:8px;letter-spacing:.2em;text-align:right;color:rgba(240,238,233,.5)}
.source-label span{color:rgba(197,167,123,.7)}
.principles{background:linear-gradient(180deg,#080a0f,#0b0d12)}
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:var(--max);margin:auto}
.principle{border:1px solid rgba(255,255,255,.1);padding:28px 24px 30px;min-height:270px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent);transition:transform .3s,border-color .3s}
.principle:hover{transform:translateY(-5px);border-color:rgba(197,167,123,.5)}
.principle-symbol{font-family:var(--serif);font-size:35px;color:var(--gold2);margin-bottom:23px}
.principle .small-label{margin-bottom:9px}
.principle h3{font-family:var(--serif);font-size:32px;font-weight:400;margin:0 0 11px}
.principle>p:last-child{font-size:11px;line-height:1.9;color:#a1a6b0;margin:0}
.cycle{max-width:var(--max);margin:45px auto 0;display:flex;align-items:center;justify-content:center;gap:clamp(9px,2vw,27px);padding:23px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.15em;color:#d1d2d7;flex-wrap:wrap}
.cycle i{font-style:normal;color:var(--gold);font-size:14px}
.manifesto{background:#050609;padding-bottom:clamp(100px,14vw,190px)}
.manifesto-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.manifesto-side{max-width:300px;color:#8f95a1;font-size:11px;line-height:2;margin:0}
.manifesto-title{font-family:var(--serif);font-size:clamp(62px,10vw,138px);line-height:.88;letter-spacing:-.045em;font-weight:400;margin:35px 0 65px}
.manifesto-body{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.manifesto-text{max-width:590px;font-size:13px;line-height:2.1;color:#b0b4be;font-weight:300}
.manifesto-text p{margin-bottom:23px}
.manifesto-emphasis{font-family:var(--serif);font-size:clamp(27px,3.5vw,42px);line-height:1.2;color:var(--gold2);margin-top:40px!important}
.closing{position:relative;min-height:690px;padding:100px 24px 35px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#182030 0%,#0b0e15 34%,#050609 72%)}
.closing-stars{position:absolute;inset:0;opacity:.6;background-image:radial-gradient(1px 1px at 12% 24%,#fff,transparent),radial-gradient(1px 1px at 82% 17%,#fff,transparent),radial-gradient(2px 2px at 67% 76%,#e4d5b4,transparent),radial-gradient(1px 1px at 29% 71%,#fff,transparent),radial-gradient(1px 1px at 54% 20%,#fff,transparent);background-size:260px 230px}
.closing-kicker,.closing-title,.closing-copy,.closing-button{position:relative}
.closing-title{font-family:var(--serif);font-weight:400;font-size:clamp(110px,22vw,260px);line-height:.85;letter-spacing:-.06em;margin:30px 0;color:#f4f0e7;text-shadow:0 0 65px rgba(205,187,145,.13)}
.closing-copy{font-family:var(--serif);font-size:clamp(23px,3.3vw,39px);line-height:1.3;color:#c5c8d0;margin-bottom:35px}
.closing-button{display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid rgba(197,167,123,.6);padding:8px 0;color:var(--gold2);font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.closing-button span{font-size:17px}
.closing-footer{position:absolute;bottom:27px;left:clamp(24px,5vw,75px);right:clamp(24px,5vw,75px);display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;color:rgba(255,255,255,.4)}
.footer{padding:30px clamp(24px,5vw,75px);display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,255,255,.08);background:#050609}
.footer p{font-size:10px;color:#777d89;margin:0}
.footer-year{font-size:8px;letter-spacing:.15em;color:var(--gold)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes sourcePulse{0%,100%{opacity:.75;filter:brightness(.95)}50%{opacity:1;filter:brightness(1.4)}}
@keyframes cosmicBreathe{from{transform:scale(.95);opacity:.6}to{transform:scale(1.08);opacity:1}}
@keyframes scrollLine{0%{transform:scaleY(.5);transform-origin:top;opacity:.5}50%{transform:scaleY(1);transform-origin:top;opacity:1}100%{transform:scaleY(.3);transform-origin:top;opacity:.3}}
@keyframes ringRotate{from{rotate:0deg}to{rotate:360deg}}
@media(min-width:1500px){.hero-content{position:relative;z-index:3;margin-left:max(160px,calc((100vw - 1200px)/2))}}
@media(max-width:900px){
 .hero{min-height:760px;height:92svh;max-height:1000px}
 .hero-content{position:relative;z-index:3;width:72%;padding-top:clamp(175px,24vh,240px);margin-left:7vw}
 .earth-wrap{right:-16%;bottom:-7%;width:75vw;min-width:500px;opacity:.88}
 .distant-source{right:20%;top:17%}
 .intro-grid{gap:50px}
 .idea-row{grid-template-columns:35px .9fr 1.2fr;gap:25px}
 .principle-grid{grid-template-columns:repeat(2,1fr)}
 .source-section{grid-template-columns:1fr;min-height:850px}
 .source-visual{right:-20%;top:54%;width:76vw;opacity:.72}
 .source-copy{max-width:590px}
 .source-backdrop{background:linear-gradient(90deg,rgba(6,8,13,.98),rgba(6,8,13,.65)),radial-gradient(ellipse at 70% 50%,rgba(38,57,87,.4),transparent 50%)}
 .manifesto-body{gap:4vw}
}
@media(max-width:640px){
 body{font-size:14px}
 .topbar{padding:17px 20px}
 .brand{font-size:8px;letter-spacing:.15em;gap:8px}
 .brand-mark{width:26px;height:26px;font-size:18px}
 .menu-toggle{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.18);width:42px;height:42px;z-index:60}
 .menu-toggle span{width:16px;height:1px;background:#e6e2da;transition:transform .25s}
 .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .nav{position:fixed;inset:0;background:rgba(5,6,9,.97);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;gap:30px;font-size:13px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
 .nav.open{opacity:1;visibility:visible}
 .nav-cta{margin-top:8px}
 .hero{min-height:780px;height:100svh;max-height:950px}
 .hero-content{position:relative;z-index:3;width:auto;margin:0 24px;padding-top:clamp(170px,23vh,220px)}
 .eyebrow{font-size:7px;letter-spacing:.16em;gap:9px;max-width:300px;line-height:1.8}
 .eyebrow-line{width:22px;flex-shrink:0}
 .hero h1{font-size:clamp(64px,16vw,96px);margin-bottom:24px}
 .hero-lede{font-size:12px;max-width:350px;line-height:1.85}
 .hero-actions{gap:20px;flex-wrap:wrap}
 .button{padding:13px 14px;font-size:8px;gap:13px}
 .text-link{font-size:8px}
 .earth-wrap{width:115vw;min-width:0;right:-34%;bottom:-3%;opacity:.7}
 .distant-source{right:27%;top:15%}
 .distant-source:before{width:60px;height:60px}.distant-source:after{width:100px;height:100px}
 .orbit-one{width:650px;height:280px;right:-250px;top:18%}
 .orbit-two{width:750px;height:330px;right:-300px;top:13%}
 .left-caption{bottom:13%;font-size:7px;left:22px}
 .right-caption{top:auto;bottom:20%;right:20px;font-size:7px}
 .scroll-cue{bottom:22px;font-size:7px;letter-spacing:.14em}
 .hero-index{display:none}
 .section-pad{padding:80px 24px}
 .section-kicker{margin-bottom:37px;font-size:8px}
 .intro-grid{grid-template-columns:1fr;gap:35px}
 .intro-title h2,.section-heading h2{font-size:clamp(52px,14vw,76px)}
 .intro-copy{font-size:12px}
 blockquote{font-size:27px;padding-left:18px}
 .thin-rule{margin:65px auto 28px}
 .three-questions{grid-template-columns:1fr;gap:28px}
 .question-card{padding-top:15px}
 .question-card h3{font-size:27px;margin:10px 0 5px}
 .quote-band{min-height:340px;padding:70px 20px}
 .big-quote{font-size:100px}
 .quote-sub{font-size:24px}
 .section-heading{display:block;margin-bottom:45px}
 .section-heading>p{margin-top:25px}
 .idea-row{grid-template-columns:28px 1fr;gap:13px;padding:26px 0}
 .idea-number{grid-row:1 / span 2}
 .idea-main h3{font-size:31px}
 .idea-text{grid-column:2}
 .idea-text p{font-size:11px;margin-top:7px}
 .source-section{padding:80px 24px;min-height:850px}
 .source-copy .section-kicker{margin-bottom:35px}
 .source-copy h2{font-size:clamp(48px,12vw,70px)}
 .source-lede{font-size:24px}
 .source-note{font-size:11px}
 .source-visual{width:110vw;right:-48%;top:64%;opacity:.45}
 .source-label{font-size:6px}
 .principle-grid{grid-template-columns:1fr;gap:12px}
 .principle{min-height:auto;padding:24px}
 .principle-symbol{margin-bottom:13px}
 .cycle{gap:9px;font-size:7px;line-height:1.8}
 .cycle i{font-size:12px}
 .manifesto-top{display:block}
 .manifesto-side{margin-top:-15px;max-width:360px}
 .manifesto-title{font-size:clamp(62px,16vw,95px);margin:42px 0}
 .manifesto-body{grid-template-columns:1fr}
 .manifesto-empty{display:none}
 .manifesto-text{font-size:12px}
 .manifesto-emphasis{font-size:31px}
 .closing{min-height:600px;padding:80px 24px 50px}
 .closing-title{font-size:clamp(100px,25vw,160px)}
 .closing-copy{font-size:25px}
 .closing-footer{font-size:6px;bottom:20px}
 .footer{flex-direction:column;align-items:flex-start;gap:13px;padding:25px 22px}
 .footer p{max-width:300px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .reveal{opacity:1;transform:none}
}


/* Edición oficial: autoría y descarga gratuita */
.brand{white-space:normal}
.brand-author{display:block;margin-top:4px;color:var(--muted);font-size:7px;font-weight:400;letter-spacing:.18em}
.hero-author{margin:0 0 16px;color:var(--gold2);font-size:9px;letter-spacing:.17em;font-weight:600}
.hero-author span{color:#c2c4cb;font-weight:400}
.book-section{position:relative;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:clamp(45px,8vw,115px);align-items:center;overflow:hidden;background:radial-gradient(ellipse at 18% 50%,rgba(47,72,105,.25),transparent 48%),linear-gradient(135deg,#080a0f,#0d111a 55%,#080a0f);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.book-art{display:flex;justify-content:center;perspective:1200px}
.book-cover-frame{position:relative;width:min(100%,330px);aspect-ratio:2/3;transform:rotateY( -7deg);box-shadow:22px 28px 65px rgba(0,0,0,.5),0 0 0 1px rgba(227,200,155,.22);background:#080a10}
.book-cover-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 15%,transparent 82%,rgba(0,0,0,.15));pointer-events:none}
.book-cover-frame img{display:block;width:100%;height:100%;object-fit:cover}
.book-cover-fallback{display:none}
.book-copy{max-width:660px}
.book-copy .section-kicker{margin-bottom:24px}
.book-copy h2{font-family:var(--serif);font-size:clamp(48px,6.2vw,84px);font-weight:400;line-height:.95;letter-spacing:-.045em;margin:12px 0 24px}
.book-copy h2 em{color:var(--gold2);font-weight:400}
.book-lede{font-family:var(--serif);font-size:clamp(23px,2.5vw,31px);line-height:1.35;color:#e5e0d6;margin:0 0 18px}
.book-description{color:var(--muted);font-size:13px;max-width:560px;line-height:1.9}
.book-download{margin-top:22px;min-height:64px;font-size:10px;letter-spacing:.08em}
.book-note{font-size:10px;color:var(--soft);letter-spacing:.08em;margin-top:14px}
.footer-download{display:inline-block;color:var(--gold2);font-size:9px;letter-spacing:.12em;border-bottom:1px solid rgba(197,167,123,.5);padding-bottom:4px}
@media(max-width:900px){
 .book-section{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:35px}
 .book-cover-frame{max-width:270px}
 .hero-author{font-size:8px;letter-spacing:.12em}
}
@media(max-width:640px){
 .brand-author{font-size:6px;letter-spacing:.13em}
 .hero-author{max-width:300px;font-size:7px;line-height:1.8;letter-spacing:.1em;margin-bottom:14px}
 .hero-content{position:relative;z-index:3}
 .earth-wrap{z-index:1;right:-34%;bottom:-3%;width:115vw;min-width:0;opacity:.78}
 #starfield{z-index:0}
 .cosmos-glow{z-index:0}
 .book-section{grid-template-columns:1fr;gap:38px;padding-top:75px;padding-bottom:78px}
 .book-art{order:0}
 .book-cover-frame{width:min(65vw,245px);transform:none}
 .book-copy{order:1}
 .book-copy .section-kicker{margin-bottom:25px}
 .book-copy h2{font-size:clamp(47px,12vw,68px)}
 .book-lede{font-size:24px}
 .book-description{font-size:12px}
 .book-download{width:100%;justify-content:space-between;padding:18px 17px;font-size:9px}
 .footer-download{font-size:8px}
}

/* HERO: tratamiento cinematográfico cósmico, con luz volumétrica y atmósfera terrestre */
.hero:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(2,4,9,.06) 0%,transparent 36%,rgba(2,4,8,.12) 62%,rgba(2,4,8,.5) 100%),radial-gradient(ellipse at 73% 70%,transparent 18%,rgba(1,3,8,.2) 72%);mix-blend-mode:normal}
.earth-wrap{filter:drop-shadow(0 0 26px rgba(91,159,220,.15));}
.earth{box-shadow:inset -65px -25px 110px rgba(0,0,0,.76),inset 12px 8px 45px rgba(127,179,205,.2),0 0 45px rgba(86,143,188,.18);animation:earthDrift 22s ease-in-out infinite alternate;}
.earth-halo{inset:1%;box-shadow:0 0 0 1px rgba(120,190,236,.34),0 0 18px 5px rgba(86,157,213,.25),0 0 45px 10px rgba(66,124,181,.16),0 0 105px 20px rgba(67,109,169,.1);animation:atmospherePulse 8s ease-in-out infinite alternate}
.earth-limb{inset:6%;border:1px solid rgba(170,220,255,.48);box-shadow:inset 6px 3px 22px rgba(145,211,255,.22),0 0 18px rgba(103,177,228,.14)}
.earth:before{background:radial-gradient(ellipse at 26% 18%,rgba(205,231,255,.25),transparent 32%),linear-gradient(110deg,rgba(0,0,0,.02) 12%,rgba(1,5,14,.08) 39%,rgba(0,0,0,.78) 100%)}
.earth-clouds{background:repeating-radial-gradient(ellipse at 32% 44%,transparent 0 18px,rgba(220,236,250,.075) 22px 25px,transparent 29px 40px);filter:blur(5px);opacity:.75;animation:cloudDrift 45s linear infinite alternate}
/* Resplandor de lente: una insinuación cinematográfica, no un destello invasivo */
.hero .cosmos-glow:after{content:"";position:absolute;left:18%;top:44%;width:145%;height:1px;background:linear-gradient(90deg,transparent,rgba(173,207,255,.06),rgba(233,224,201,.3),rgba(173,207,255,.07),transparent);transform:rotate(-24deg);filter:blur(.4px)}
.hero .distant-source{box-shadow:0 0 10px 4px rgba(255,235,186,.5),0 0 50px 17px rgba(199,174,126,.2),0 0 130px 45px rgba(120,148,194,.13)}
@keyframes earthDrift{0%{transform:scale(1)}100%{transform:scale(1.018)}}
@keyframes atmospherePulse{0%{opacity:.72}100%{opacity:1}}
@keyframes cloudDrift{0%{transform:translateX(-1.5%) rotate(-18deg)}100%{transform:translateX(1.5%) rotate(-14deg)}}

/* Sección editorial «Acerca del autor» */
.author-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 45%,rgba(50,70,102,.23),transparent 45%),linear-gradient(130deg,#07090e,#0a0d14 55%,#050609);border-top:1px solid var(--line)}
.author-section:before{content:"";position:absolute;right:-13vw;top:7%;width:45vw;aspect-ratio:1;border:1px solid rgba(197,167,123,.09);border-radius:50%;box-shadow:0 0 0 50px rgba(197,167,123,.018),0 0 0 100px rgba(120,165,220,.018);pointer-events:none}
.author-kicker{position:relative;z-index:1}
.author-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(55px,9vw,130px);align-items:center;max-width:1100px;margin:0 auto}
.author-portrait-wrap{position:relative;width:100%;max-width:390px;margin:auto;perspective:1000px}
.author-portrait{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:3/4;background:#f4f3f1;border:1px solid rgba(197,167,123,.65);box-shadow:22px 28px 65px rgba(0,0,0,.45),0 0 45px rgba(79,127,177,.12)}
.author-portrait:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(4,6,10,0) 55%,rgba(4,6,10,.58) 100%),linear-gradient(90deg,rgba(4,6,10,.08),transparent 25%,transparent 75%,rgba(4,6,10,.08))}
.author-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:contrast(1.025) saturate(.88)}
.portrait-image-shade{position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 45px rgba(12,15,22,.16)}
.portrait-caption{position:absolute;z-index:2;bottom:23px;left:20px;right:20px;text-align:center;color:#fff;font-size:8px;letter-spacing:.23em;text-shadow:0 2px 8px rgba(0,0,0,.85)}
.portrait-frame-line{position:absolute;inset:13px -13px -13px 13px;border:1px solid rgba(197,167,123,.24);z-index:-1;pointer-events:none}
.author-copy{max-width:660px}
.author-copy .small-label{margin-bottom:18px}
.author-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(65px,8vw,105px);line-height:.82;letter-spacing:-.055em;margin:0 0 30px}
.author-copy h2 em{color:var(--gold2)}
.author-lede{font-family:var(--serif);font-size:clamp(23px,2.6vw,32px);line-height:1.35;color:#e1dfda;margin-bottom:22px}
.author-copy>p:not(.small-label){font-size:12px;line-height:2;color:var(--muted)}
.author-quote{margin:27px 0 25px;padding:0 0 0 20px;border-left:1px solid var(--gold);font-family:var(--serif);font-size:clamp(20px,2.1vw,27px);line-height:1.45;color:#d9c39d}
.author-book-link{display:inline-flex;gap:25px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(197,167,123,.55);font-size:9px;letter-spacing:.17em;color:var(--gold2)}
.author-book-link span{font-size:16px}
.author-photo-note{position:relative;z-index:1;text-align:center;color:rgba(165,167,175,.48);font-size:8px;letter-spacing:.1em;margin:45px 0 0}
@media(max-width:900px){.author-grid{gap:45px}.author-portrait-wrap{max-width:300px}}
@media(max-width:640px){
 .earth-wrap{filter:drop-shadow(0 0 20px rgba(91,159,220,.17))}
 .earth{animation-duration:28s}
 .author-section{padding-top:75px;padding-bottom:65px}
 .author-grid{grid-template-columns:1fr;gap:48px}
 .author-portrait-wrap{max-width:270px;width:78%;margin:0 auto}
 .author-copy h2{font-size:76px}
 .author-lede{font-size:25px}
 .author-copy>p:not(.small-label){font-size:12px}
 .author-photo-note{line-height:1.7;margin-top:35px}
}
@media(prefers-reduced-motion:reduce){.earth,.earth-halo,.earth-clouds{animation:none!important}}

/* EDICIÓN CINEMATOGRÁFICA FINAL — inspiración en el asombro cósmico de Contact */
.hero{background-color:#03050a;}
.hero:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 78% 64%,rgba(88,155,222,.11),transparent 34%),linear-gradient(110deg,rgba(2,4,9,.16),transparent 44%,rgba(2,5,11,.1));mix-blend-mode:screen;opacity:.85}
.cinema-beam{position:absolute;z-index:2;pointer-events:none;right:-18%;top:34%;width:105%;height:2px;transform:rotate(-25deg);transform-origin:right center;background:linear-gradient(90deg,transparent 0%,rgba(112,174,234,0) 22%,rgba(157,203,247,.09) 46%,rgba(255,237,201,.44) 52%,rgba(150,199,244,.12) 58%,transparent 82%);filter:blur(1px);opacity:.8;animation:beamBreath 10s ease-in-out infinite alternate}
.lens-flare{position:absolute;z-index:2;pointer-events:none;left:70%;top:46%;width:clamp(130px,24vw,320px);height:clamp(130px,24vw,320px);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,247,223,.2) 0%,rgba(167,207,255,.09) 3%,rgba(98,159,231,.045) 18%,transparent 67%);mix-blend-mode:screen;filter:blur(2px);animation:flarePulse 9s ease-in-out infinite}
.lens-flare:before,.lens-flare:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(214,232,255,.2),rgba(255,244,217,.72),rgba(214,232,255,.18),transparent);height:1px;width:210%;filter:blur(.5px)}
.lens-flare:after{transform:translate(-50%,-50%) rotate(90deg);width:125%;opacity:.3}
.shooting-star{position:absolute;z-index:2;pointer-events:none;left:72%;top:20%;width:100px;height:1px;opacity:0;transform:rotate(-29deg);background:linear-gradient(90deg,transparent,rgba(205,229,255,.85),transparent);filter:drop-shadow(0 0 5px rgba(164,207,255,.75));animation:shootingStar 13s linear 2.5s infinite}
.earth-wrap{filter:drop-shadow(0 0 30px rgba(91,159,220,.19)) drop-shadow(0 0 90px rgba(48,108,180,.09))}
.earth-halo{box-shadow:0 0 0 1px rgba(120,190,236,.36),0 0 20px 5px rgba(86,157,213,.28),0 0 58px 12px rgba(66,124,181,.2),0 0 125px 24px rgba(67,109,169,.13),0 0 210px 36px rgba(52,101,168,.07)}
.earth-limb{border:1px solid rgba(180,224,255,.6);box-shadow:inset 5px 3px 22px rgba(145,211,255,.27),0 0 12px rgba(135,200,248,.22),0 0 30px rgba(95,165,224,.14)}
.earth:after{background:linear-gradient(180deg,rgba(196,225,255,.04),transparent 30%,rgba(0,0,0,.2)),repeating-linear-gradient(168deg,transparent 0 9px,rgba(221,233,245,.028) 10px 11px,transparent 12px 20px);opacity:.72}
.hero-content{animation:heroReveal 1.5s cubic-bezier(.2,.7,.2,1) both}
.hero h1{text-shadow:0 8px 40px rgba(0,0,0,.4),0 0 70px rgba(130,172,221,.08)}
@keyframes beamBreath{0%{opacity:.28;filter:blur(1.5px)}100%{opacity:.8;filter:blur(.4px)}}
@keyframes flarePulse{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.88)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.12)}}
@keyframes shootingStar{0%,76%,100%{opacity:0;translate:0 0}78%{opacity:.85}82%{opacity:0;translate:-180px 85px}}
@keyframes heroReveal{from{opacity:0;transform:translateY(13px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}

/* Cierre de autoría y créditos */
.footer-signoff{width:100%;margin-top:35px;padding-top:27px;border-top:1px solid rgba(232,225,211,.12);text-align:center}
.footer-signoff p{margin:5px 0;color:rgba(218,220,226,.58);font-size:10px;line-height:1.8;letter-spacing:.06em}
.footer-signoff .footer-domain{font-family:var(--serif);font-size:clamp(23px,3vw,31px);letter-spacing:.02em;color:var(--gold2);margin-bottom:2px}
.footer-signoff .footer-credit span{color:#d5c09b}
.footer-signoff .footer-last{margin-top:20px;font-family:var(--serif);font-style:italic;font-size:clamp(26px,4vw,42px);line-height:1.1;letter-spacing:.015em;color:#f1e9dc;text-shadow:0 0 28px rgba(197,167,123,.2)}
@media(max-width:640px){
 .cinema-beam{top:39%;right:-45%;width:150%;opacity:.55}
 .lens-flare{left:69%;top:47%;width:180px;height:180px}
 .shooting-star{left:75%;top:23%;width:70px}
 .footer-signoff{margin-top:28px;padding-top:23px}
 .footer-signoff p{font-size:9px}
 .footer-signoff .footer-last{font-size:32px;margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.cinema-beam,.lens-flare,.shooting-star,.hero-content{animation:none!important}}

/* INTEGRACIONES SOLICITADAS — añadidas sin alterar las secciones originales */
/* Video promocional */
.promo-video-section{position:relative;background:linear-gradient(180deg,#07090e 0%,#090b11 55%,#050609 100%);border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}
.promo-video-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:25px 0 32px}
.promo-video-heading h2{font-family:var(--serif);font-size:clamp(42px,6vw,76px);font-weight:400;line-height:.98;letter-spacing:-.04em;margin:10px 0 0}
.promo-video-heading h2 em{color:var(--gold2);font-weight:400}
.promo-video-heading>p{max-width:300px;color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 5px}
.video-frame{position:relative;max-width:1050px;margin:0 auto;border:1px solid rgba(197,167,123,.32);background:#020307;box-shadow:0 24px 75px rgba(0,0,0,.34);overflow:hidden}
.video-frame:before{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.035);z-index:2}
.video-frame video,.video-frame iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#020307;border:0}
.video-frame iframe{height:auto;min-height:0;aspect-ratio:16/9}
.video-frame video:focus-visible,.video-frame iframe:focus-visible{outline:2px solid var(--gold2);outline-offset:-4px}
.video-caption{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(90deg,#0d1016,#080a0f);color:#d8c49f;font-size:9px;letter-spacing:.16em}
.video-play-mark{display:grid;place-items:center;width:21px;height:21px;border:1px solid rgba(197,167,123,.5);border-radius:50%;font-size:8px;color:var(--gold2)}
.video-caption-author{margin-left:auto;color:#777d89;font-size:8px;letter-spacing:.13em}

/* Redes sociales: enlaces intencionalmente vacíos para que el autor los complete en el HTML */
.social-links{display:flex;align-items:center;gap:9px}
.nav-socials{margin-left:2px;flex-shrink:0}
.social-icon{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;color:#c5a77b;border:1px solid rgba(197,167,123,.27);border-radius:50%;transition:color .2s,border-color .2s,background .2s,transform .2s}
.social-icon svg{width:14px;height:14px;display:block}
.social-icon:hover,.social-icon:focus-visible{color:#f0d8ad;border-color:rgba(227,200,155,.85);background:rgba(197,167,123,.09);transform:translateY(-2px);outline:none}
.footer-socials{justify-content:center;gap:10px;margin:22px auto 0}
.footer-socials .social-icon{width:32px;height:32px}
.footer-socials .social-icon svg{width:15px;height:15px}

/* Descarga PDF más reconocible, manteniendo la paleta original */
.book-download{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:18px 22px;border:1px solid rgba(227,200,155,.55);background:linear-gradient(115deg,rgba(197,167,123,.15),rgba(227,200,155,.045));box-shadow:0 8px 28px rgba(0,0,0,.16);transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.book-download:hover{background:linear-gradient(115deg,rgba(197,167,123,.25),rgba(227,200,155,.09));border-color:var(--gold2);transform:translateY(-2px);box-shadow:0 12px 34px rgba(0,0,0,.25)}
.pdf-icon{width:25px;height:29px;flex:0 0 auto;color:var(--gold2)}
.download-label{line-height:1.5}
.download-arrow{margin-left:5px;color:var(--gold2);font-size:17px}
.footer-pdf-mark{display:inline-block;font-size:7px;line-height:1;padding:4px 5px;border:1px solid rgba(197,167,123,.55);color:var(--gold2);letter-spacing:.08em;margin-right:7px;vertical-align:1px}

/* Sello Editorial BUBU discreto en el cierre */
.editorial-bubu-mark{display:block;width:clamp(94px,12vw,130px);height:auto;margin:0 auto 12px;opacity:.88}
.editorial-bubu-note{max-width:420px;margin:0 auto 18px!important;font-size:8px!important;letter-spacing:.06em;color:rgba(218,220,226,.48)!important;line-height:1.7!important}

/* Contacto flotante WhatsApp */
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:80;display:inline-flex;align-items:center;gap:10px;padding:12px 17px 12px 13px;border:1px solid rgba(227,200,155,.55);border-radius:999px;background:rgba(8,11,14,.94);color:var(--gold2);box-shadow:0 10px 35px rgba(0,0,0,.4);backdrop-filter:blur(12px);font-size:10px;letter-spacing:.035em;transition:transform .2s,border-color .2s,background .2s}
.whatsapp-float svg{width:23px;height:23px;flex:0 0 auto}
.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:translateY(-3px);border-color:var(--gold2);background:#11151c;outline:none}

@media(max-width:1200px) and (min-width:641px){
 .topbar{padding-left:24px;padding-right:24px}
 .nav{gap:clamp(12px,1.5vw,20px);font-size:10px}
 .nav-socials{gap:5px}
 .nav-socials .social-icon{width:25px;height:25px}
 .nav-socials .social-icon svg{width:12px;height:12px}
}
@media(max-width:900px){
 .promo-video-heading{align-items:flex-start;flex-direction:column;gap:16px}
 .promo-video-heading>p{max-width:520px}
}
@media(max-width:640px){
 .promo-video-section{padding-left:20px;padding-right:20px;padding-top:72px;padding-bottom:75px}
 .promo-video-heading{margin-top:20px;margin-bottom:24px;gap:14px}
 .promo-video-heading h2{font-size:clamp(42px,11vw,58px)}
 .promo-video-heading>p{font-size:11px}
 .video-frame{margin-left:-1px;margin-right:-1px}
 .video-caption{padding:10px 11px;font-size:8px;letter-spacing:.1em}
 .video-caption-author{font-size:7px;letter-spacing:.08em}
 .nav-socials{margin-top:4px;gap:12px}
 .nav-socials .social-icon{width:36px;height:36px}
 .nav-socials .social-icon svg{width:17px;height:17px}
 .footer-socials{margin:10px 0 0;justify-content:flex-start}
 .footer-signoff{margin-top:28px}
 .editorial-bubu-mark{width:105px}
 .editorial-bubu-note{font-size:8px!important;max-width:300px}
 .whatsapp-float{right:13px;bottom:13px;padding:11px 13px 11px 11px;gap:8px;font-size:9px;box-shadow:0 7px 24px rgba(0,0,0,.4)}
 .whatsapp-float svg{width:22px;height:22px}
 .book-download{gap:10px}
 .pdf-icon{width:23px;height:27px}
}
@media(prefers-reduced-motion:reduce){.social-icon,.whatsapp-float,.book-download{transition:none!important}}


/* Ajustes puntuales solicitados: carrusel, contraste y firma del footer */
.book-carousel{position:relative;width:min(100%,330px);display:flex;flex-direction:column;align-items:center;gap:14px}
.book-carousel .book-cover-frame{width:100%;max-width:none;overflow:hidden;aspect-ratio:2/3}
.book-carousel-track{display:flex;width:200%;height:100%;transition:transform .55s cubic-bezier(.22,.7,.2,1);will-change:transform}
.book-carousel-track img{display:block;flex:0 0 50%;width:50%;height:100%;object-fit:cover}
.book-carousel-arrow{position:absolute;top:calc((100% - 56px)/2);z-index:4;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(227,200,155,.65);border-radius:50%;background:rgba(5,6,9,.86);color:var(--gold2);font-family:var(--serif);font-size:29px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.book-carousel-arrow:hover,.book-carousel-arrow:focus-visible{background:#171a21;border-color:var(--gold2);transform:scale(1.05);outline:2px solid rgba(227,200,155,.25);outline-offset:2px}
.book-carousel-prev{left:10px}.book-carousel-next{right:10px}
.book-carousel-controls{display:flex;align-items:center;justify-content:center;gap:9px;min-height:14px}
.book-carousel-dot{width:7px;height:7px;padding:0;border:1px solid var(--gold);border-radius:50%;background:transparent;cursor:pointer;transition:background .2s,transform .2s}
.book-carousel-dot.is-active{background:var(--gold2);transform:scale(1.25)}
.book-carousel-dot:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.book-carousel-caption{margin:0;color:rgba(218,220,226,.62);font-size:8px;letter-spacing:.2em;text-transform:uppercase;text-align:center;line-height:1.5}
.book-download{color:var(--gold2)}
.book-download .download-label{color:#f0eee9;font-weight:600}
.book-download .download-arrow{color:var(--gold2)}
.whatsapp-float{color:#f0eee9;font-size:12px;font-weight:500;letter-spacing:.025em;padding:13px 18px 13px 14px;border-color:rgba(227,200,155,.75)}
.whatsapp-float svg{color:var(--gold2);width:25px;height:25px}
.footer-signoff .footer-legal{font-family:var(--sans);font-size:10px;line-height:1.8;letter-spacing:.06em;color:rgba(218,220,226,.58);margin:5px 0}
.footer-domain-inline{font:inherit;color:var(--gold2);letter-spacing:inherit}
@media(max-width:640px){
 .book-carousel{width:min(65vw,245px);gap:12px}
 .book-carousel .book-cover-frame{width:100%;transform:none}
 .book-carousel-arrow{width:32px;height:32px;font-size:25px}
 .book-carousel-prev{left:7px}.book-carousel-next{right:7px}
 .book-carousel-caption{font-size:7px;letter-spacing:.16em}
 .whatsapp-float{font-size:11px;font-weight:600;padding:12px 15px 12px 12px}
 .whatsapp-float svg{width:24px;height:24px}
 .footer-signoff .footer-legal{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.book-carousel-track,.book-carousel-arrow,.book-carousel-dot{transition:none!important}}


/* Navegación y correo del proyecto en el footer: añadido puntual solicitado */
.footer-navigation{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;margin:22px auto 0}
.footer-navigation a,.footer-email a{font-family:var(--sans);font-size:9px;line-height:1.8;letter-spacing:.12em;text-transform:uppercase;color:rgba(218,220,226,.72);text-decoration:none;transition:color .2s ease}
.footer-navigation a:hover,.footer-navigation a:focus-visible,.footer-email a:hover,.footer-email a:focus-visible{color:var(--gold2);outline:none}
.footer-email{margin:10px 0 0!important;text-align:center}
.footer-email a{font-size:10px;letter-spacing:.035em;text-transform:none;color:var(--gold2)}
@media(max-width:640px){
 .footer-navigation{gap:8px 15px;margin-top:18px;padding:0 4px}
 .footer-navigation a{font-size:8px;letter-spacing:.09em}
 .footer-email a{font-size:9px}
}

/* Ajuste final solicitado: centrar correo y redes, con separación visual */
.footer-signoff .footer-email{width:100%;text-align:center;margin:10px auto 0!important}
.footer-signoff .footer-socials{width:100%;justify-content:center;margin:22px auto 0!important}
@media(max-width:640px){
 .footer-signoff .footer-email{width:100%;text-align:center;margin:12px auto 0!important}
 .footer-signoff .footer-socials{width:100%;justify-content:center;margin:24px auto 0!important}
}


/* v14: protección de dimensiones en móviles y control explícito de recursos visuales */
img, video { max-width: 100%; }
.editorial-bubu-mark { width: 105px !important; max-width: 105px !important; height: auto !important; object-fit: contain; }
.book-carousel { width: min(65vw, 245px); max-width: 100%; }
.book-carousel .book-cover-frame { width: 100%; max-width: 100%; overflow: hidden; }
.book-carousel-track img { max-width: 50%; min-width: 0; }
.video-frame, .video-frame video, .video-frame iframe { max-width: 100%; }
@media (max-width: 640px) {
  .footer, .footer-signoff { min-width: 0; max-width: 100%; }
  .editorial-bubu-mark { width: 105px !important; max-width: 105px !important; }
  .book-carousel { width: min(65vw, 245px); max-width: 100%; }
}

/* Portada estática original del anuncio; el reproductor aparece al pulsar. */
.video-poster-button{position:relative;display:block;width:100%;padding:0;border:0;aspect-ratio:16/9;overflow:hidden;background:#020307;cursor:pointer}
.video-poster-button img{display:block;width:100%;height:100%;object-fit:cover}
.video-poster-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:54px;border-radius:14px;background:rgba(15,15,15,.82);color:#fff;font-size:27px;padding-left:4px;box-shadow:0 3px 18px rgba(0,0,0,.4);transition:background .2s,transform .2s}
.video-poster-button:hover .video-poster-play,.video-poster-button:focus-visible .video-poster-play{background:#b00000;transform:translate(-50%,-50%) scale(1.06)}
.video-poster-button:focus-visible{outline:2px solid var(--gold2);outline-offset:-4px}


/* Botón de descarga destacado con identidad de Google Drive */
.book-download.drive-download{display:flex;width:fit-content;max-width:100%;min-height:86px;box-sizing:border-box;gap:16px;padding:17px 22px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:linear-gradient(135deg,#f7d99c 0%,#d7b477 48%,#f4d49a 100%);color:#101116;box-shadow:0 9px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.55);letter-spacing:normal;text-align:left;align-items:center}
.book-download.drive-download:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.38),0 0 0 3px rgba(215,180,119,.12)}
.drive-icon{width:43px;height:38px;flex:0 0 43px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}
.download-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.book-download .download-eyebrow{font-family:inherit;font-size:8px;letter-spacing:.17em;line-height:1.4;opacity:.7}
.book-download .download-label{font-family:inherit;font-size:clamp(11px,1.2vw,14px);font-weight:800;letter-spacing:.08em;line-height:1.35}
.book-download .download-subtitle{font-family:inherit;font-size:10px;letter-spacing:.02em;line-height:1.4;opacity:.8;text-transform:none}
.book-download .download-arrow{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:rgba(17,17,23,.1);font-size:21px;flex:0 0 31px}
@media(max-width:640px){.book-download.drive-download{width:100%;gap:12px;padding:15px 16px;min-height:78px}.drive-icon{width:37px;height:33px;flex-basis:37px}.book-download .download-eyebrow{font-size:7px}.book-download .download-label{font-size:12px}.book-download .download-subtitle{font-size:9px}}


/* Cierre oficial del sitio: créditos centrados y acentos dorados */
.footer-signoff .footer-legal,
.footer-signoff .footer-credit{
  width:100%;
  text-align:center;
  margin:7px auto 0;
  line-height:1.8;
  color:rgba(218,220,226,.72);
}
.footer-signoff .footer-author-gold,
.footer-signoff .footer-credit span{
  color:#d5c09b;
}
.footer-signoff .footer-credit{margin-top:3px;}


/* Ajuste puntual: evitar que el hero cinemático recorte los botones en pantallas de escritorio con poca altura. */
@media (min-width: 901px) and (max-height: 850px) {
  .hero { height: auto; min-height: max(780px, calc(100svh + 120px)); }
  .hero-content { padding-bottom: 90px; }
}