:root{--bg:#050b17;--navy:#0a1730;--gold:#e8c789;--muted:#aab9d0;--white:#f7f4ed;--line:rgba(230,201,143,.19)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#bd9854;color:#091327}.container{width:min(1170px,calc(100% - 48px));margin:auto}.nav{position:fixed;z-index:40;top:0;width:100%;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(4,10,22,.75);backdrop-filter:blur(20px)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:Georgia,serif;font-size:23px;letter-spacing:.01em;white-space:nowrap}.brand em{color:var(--gold);font-style:normal}.navlinks{display:flex;gap:26px;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#c5c9d3}.navlinks a:hover{color:var(--gold)}.navcta{border:1px solid var(--line);border-radius:30px;padding:10px 18px;font-size:12px;color:var(--gold)}.hero{min-height:850px;min-height:100svh;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;padding:130px 0 100px;background:radial-gradient(ellipse at 75% 38%,#1d3869 0%,#101c39 26%,transparent 60%),radial-gradient(ellipse at 50% 105%,#4b2c21 0%,transparent 45%),linear-gradient(115deg,#040b18,#0b1730 55%,#0b1426)}.hero:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:170px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.stars{position:absolute;inset:0;opacity:.8;background-image:radial-gradient(1px 1px at 10% 12%,#fff 98%,transparent),radial-gradient(1px 1px at 35% 36%,#fff 98%,transparent),radial-gradient(2px 2px at 80% 17%,#ffdbad 98%,transparent),radial-gradient(1px 1px at 65% 72%,#fff 98%,transparent),radial-gradient(1px 1px at 93% 56%,#fff 98%,transparent);background-size:287px 257px;animation:twinkle 9s ease-in-out infinite alternate}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;position:relative;z-index:2}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.23em;font-size:11px;font-weight:700}.goldline{display:inline-block;width:27px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;line-height:1.02;font-size:clamp(70px,8.3vw,132px);margin:22px 0}.hero h1 span{color:var(--gold);font-style:italic}.hero p{font-size:17px;color:#c4cee1;max-width:520px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:3px;padding:15px 23px;font-size:12px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px)}.btn.primary{background:linear-gradient(135deg,#f5d99d,#c99d54);color:#101422;box-shadow:0 12px 42px #d3a25927}.btn.ghost{border:1px solid #9eaaaf77;color:#fff}.text-link{font-size:13px;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:5px}.atom-wrap{height:560px;display:grid;place-items:center;position:relative;filter:drop-shadow(0 0 45px #4b8acb55)}.atom-wrap:before{content:'';position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#3377c733,transparent 65%);filter:blur(8px)}.atom{width:min(100%,570px);overflow:visible}.orbit{transform-origin:300px 300px;animation:spin 20s linear infinite}.orbit.o2{animation-duration:27s;animation-direction:reverse}.orbit.o3{animation-duration:34s}.nucleus{animation:pulse 4s ease-in-out infinite}.scrollhint{position:absolute;z-index:3;bottom:38px;left:50%;transform:translateX(-50%);font-size:10px;text-transform:uppercase;letter-spacing:.3em;color:#d6c6a7}.section{padding:120px 0}.section-top{text-align:center;max-width:770px;margin:0 auto 70px}.section-top :is(h1,h2),.article-head :is(h1,h2),.youtube :is(h1,h2),.manifesto :is(h1,h2){font-family:Georgia,serif;font-size:clamp(43px,5.4vw,76px);line-height:1.1;font-weight:400;letter-spacing:-.045em;margin:18px 0}.section-top :is(h1,h2) em,.manifesto em,.youtube em{font-style:italic;color:var(--gold)}.section-top p{color:var(--muted)}.books{background:linear-gradient(180deg,#050b17,#0a1529 50%,#050b17)}.book{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;min-height:550px;border-top:1px solid var(--line);padding:60px 30px}.book:nth-child(even) .book-visual{order:2}.book-visual{height:460px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1100px}.book-aura{position:absolute;width:75%;height:75%;border-radius:50%;background:radial-gradient(circle,#e5b36c25,#2565b81a 45%,transparent 70%);filter:blur(28px)}.book-visual img{position:relative;max-height:390px;max-width:82%;object-fit:contain;transform:rotateY(-10deg) rotateZ(-3deg);filter:drop-shadow(30px 24px 19px #0009);transition:transform .6s ease,filter .6s ease}.book:nth-child(even) .book-visual img{transform:rotateY(10deg) rotateZ(3deg)}.book:hover img{transform:rotateY(0) rotateZ(0) translateY(-13px);filter:drop-shadow(28px 33px 30px #000b)}.book h3{font-family:Georgia,serif;font-size:clamp(40px,4.6vw,67px);font-weight:400;line-height:1.12;letter-spacing:-.045em;margin:25px 0}.book-quote{font-family:Georgia,serif!important;font-size:24px!important;font-style:italic;color:var(--gold)!important;line-height:1.4}.book-copy>p:not(.book-quote){color:#b7c5d8;font-size:15px;max-width:510px}.manifesto{padding:130px 0;text-align:center;position:relative;background:radial-gradient(ellipse at 50% 40%,#163460 0%,transparent 65%),#050b17}.manifesto .symbol{font-size:60px;color:var(--gold);font-weight:100}.manifesto :is(h1,h2){max-width:920px;margin:30px auto}.manifesto p{color:var(--muted);max-width:660px;margin:auto}.article-section{background:#f0ece4;color:#1b2739;padding:110px 0}.article-head{max-width:860px;margin:0 auto 45px}.article-head .eyebrow{color:#a47936}.article-head :is(h1,h2){color:#172744}.article-head p{font-size:18px;color:#526070}.article-visual{height:280px;position:relative;overflow:hidden;border-radius:5px;background:radial-gradient(ellipse at 50% 50%,#174e88,#061327 65%);display:flex;align-items:center;justify-content:center;margin:0 auto 65px;max-width:950px}.article-visual svg{width:100%;height:100%}.article-body{max-width:790px;margin:auto;columns:1}.article-body h3{font-family:Georgia,serif;font-size:31px;line-height:1.2;font-weight:400;color:#172744;margin:46px 0 16px}.article-body p{font-size:17px;line-height:1.9;color:#3c4a59}.article-body p:first-child:first-letter{font-family:Georgia,serif;float:left;font-size:74px;line-height:.9;padding-right:9px;color:#b38a4b}.youtube{padding:125px 0;background:radial-gradient(ellipse at 15% 50%,#12345a 0%,transparent 55%),#07101f}.youtube-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.youtube-logo{width:min(100%,350px);display:block;margin:auto;filter:drop-shadow(0 0 50px #3c88c755);animation:float 7s ease-in-out infinite}.youtube p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:40px 0;color:#9eaabd;font-size:13px}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.75;transform:scale(1.09)}}@keyframes twinkle{to{opacity:.4;transform:translateY(-12px)}}@keyframes float{50%{transform:translateY(-14px)}}@media(max-width:800px){.navlinks{display:none}.nav-inner{height:68px}.brand{font-size:19px}.navcta{font-size:11px;padding:8px 12px}.hero{min-height:830px;padding:130px 0 70px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero h1{font-size:clamp(60px,15vw,95px)}.hero p{margin:auto}.hero .actions{justify-content:center}.atom-wrap{height:300px;grid-row:1}.atom{width:330px;max-height:340px}.scrollhint{display:none}.section{padding:75px 0}.book{grid-template-columns:1fr;gap:0;padding:40px 0 60px}.book:nth-child(even) .book-visual{order:0}.book-visual{height:330px}.book-visual img{max-height:280px}.book h3{font-size:46px}.youtube-grid{grid-template-columns:1fr;gap:25px;text-align:center}.youtube .actions{justify-content:center}.youtube-logo{width:220px}.article-section{padding:70px 0}.article-visual{height:190px}.article-body h3{font-size:26px}.article-body p{font-size:16px}.manifesto{padding:85px 0}}@media(max-width:430px){.container{width:calc(100% - 36px)}.hero h1{font-size:60px}.hero p{font-size:15px}.atom-wrap{height:260px}.atom{width:285px}.btn{padding:14px 18px;font-size:11px}.book-quote{font-size:21px!important}.section-top :is(h1,h2),.manifesto :is(h1,h2),.youtube :is(h1,h2){font-size:43px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Refinamiento editorial premium */
@font-face{font-family:"EBGaramond";src:url("original-font-de2c3a3b91.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"EBGaramondItalic";src:url("original-font-c99eddb412.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{--editorial:"EBGaramond",Georgia,serif}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.005em}
.brand,.hero h1,.section-top :is(h1,h2),.article-head :is(h1,h2),.youtube :is(h1,h2),.manifesto :is(h1,h2),.book h3,.book-quote,.article-body p:first-child:first-letter{font-family:var(--editorial)}
.brand{font-size:29px;letter-spacing:.005em;font-weight:400}
.hero h1{font-size:clamp(77px,8.8vw,142px);line-height:.96;letter-spacing:-.038em}
.section-top :is(h1,h2),.article-head :is(h1,h2),.youtube :is(h1,h2),.manifesto :is(h1,h2){font-size:clamp(50px,5.8vw,85px);line-height:1.02;letter-spacing:-.025em}
.book h3{font-size:clamp(48px,5vw,76px);letter-spacing:-.025em;line-height:1.04}
.book-quote{font-size:29px!important;line-height:1.3!important}
.section-top :is(h1,h2) em,.manifesto em,.youtube em,.hero h1 span{font-family:"EBGaramondItalic",Georgia,serif;font-style:italic}
.article-body h3{font-family:var(--editorial);font-size:clamp(30px,3.3vw,43px);font-weight:400;letter-spacing:-.015em}
.youtube-logo{aspect-ratio:1/1;object-fit:contain;border-radius:50%;background:transparent;filter:drop-shadow(0 0 32px rgba(92,165,231,.22));}
@media(max-width:700px){.brand{font-size:23px}.hero h1{font-size:clamp(63px,14vw,99px)}.section-top :is(h1,h2),.manifesto :is(h1,h2),.youtube :is(h1,h2){font-size:clamp(47px,10vw,64px)}.book h3{font-size:clamp(46px,10vw,65px)}.book-quote{font-size:25px!important}}

/* Movimiento editorial sutil para las cinco portadas. */
.book-visual img{animation:bookDrift 7.4s ease-in-out infinite;will-change:transform;}
.book:nth-child(even) .book-visual img{animation-name:bookDriftReverse;}
.book:nth-child(2) .book-visual img{animation-delay:-1.4s;}
.book:nth-child(3) .book-visual img{animation-delay:-3.1s;}
.book:nth-child(4) .book-visual img{animation-delay:-4.6s;}
.book:nth-child(5) .book-visual img{animation-delay:-2.2s;}
.book:hover .book-visual img{animation-play-state:paused;transform:rotateY(0) rotateZ(0) translateY(-13px) scale(1.025);}
@keyframes bookDrift{0%,100%{transform:rotateY(-10deg) rotateZ(-3deg) translateY(0)}50%{transform:rotateY(-8deg) rotateZ(-2.5deg) translateY(-9px)}}
@keyframes bookDriftReverse{0%,100%{transform:rotateY(10deg) rotateZ(3deg) translateY(0)}50%{transform:rotateY(8deg) rotateZ(2.5deg) translateY(-9px)}}
@media(prefers-reduced-motion:reduce){.book-visual img{animation:none!important;will-change:auto}}
.yt-button-icon{display:inline-block;vertical-align:middle;flex-shrink:0;margin-right:9px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))} .youtube .btn.primary{display:inline-flex;align-items:center;justify-content:center}
/* Ciencia y espiritualidad: mandala y figura meditativa detrás del átomo */
.hero .eyebrow{padding-left:0!important;border-left:0!important}
.hero .goldline{display:none!important}
.atom-wrap{isolation:isolate}
.atom-wrap .spirit-art{position:absolute;width:min(100%,600px);height:auto;inset:50% auto auto 50%;transform:translate(-50%,-50%);opacity:.82;pointer-events:none;z-index:0;filter:drop-shadow(0 0 22px rgba(227,185,112,.17))}
.atom-wrap .atom{position:relative;z-index:1;width:min(100%,520px);opacity:.93}
.spirit-mandala{transform-origin:310px 315px;animation:soulTurn 85s linear infinite}
.spirit-figure{animation:soulBreathe 7s ease-in-out infinite;transform-origin:310px 400px}
@keyframes soulTurn{to{transform:rotate(360deg)}}
@keyframes soulBreathe{50%{opacity:.7;transform:scale(1.025)}}
@media(max-width:800px){.atom-wrap .spirit-art{width:360px;max-width:115%}.atom-wrap .atom{width:310px}}
@media(max-width:430px){.atom-wrap .spirit-art{width:310px}.atom-wrap .atom{width:270px}}
@media(prefers-reduced-motion:reduce){.spirit-mandala,.spirit-figure{animation:none!important}}

/* Figura humana cinematográfica: respiración, halo y luces independientes */
.conscious-panel{overflow:visible;isolation:isolate}
.meditation-human{display:block;width:115%;max-width:345px;height:auto;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 18px rgba(238,176,99,.19));animation:meditateFloat 7.5s ease-in-out infinite}
.meditation-aura{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(241,190,104,.27) 0%,rgba(178,114,221,.1) 36%,transparent 72%);filter:blur(13px);animation:auraPulse 6s ease-in-out infinite}
.meditation-sparks{position:absolute;inset:10%;pointer-events:none;z-index:3}
.meditation-sparks i{position:absolute;width:4px;height:4px;border-radius:50%;background:#f5d7a0;box-shadow:0 0 13px 4px rgba(255,190,106,.45);animation:sparkDrift 7s ease-in-out infinite}
.meditation-sparks i:nth-child(1){top:18%;left:20%;animation-delay:-1s}.meditation-sparks i:nth-child(2){top:32%;right:10%;animation-delay:-3s}.meditation-sparks i:nth-child(3){bottom:22%;left:12%;animation-delay:-5s}.meditation-sparks i:nth-child(4){bottom:15%;right:21%;animation-delay:-2s}.meditation-sparks i:nth-child(5){top:6%;right:35%;animation-delay:-4s}
@keyframes meditateFloat{0%,100%{transform:translateY(4px)}50%{transform:translateY(-10px)}}
@keyframes auraPulse{0%,100%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.12)}}
@keyframes sparkDrift{0%,100%{opacity:.2;transform:translate(0,8px) scale(.7)}50%{opacity:1;transform:translate(5px,-13px) scale(1.25)}}
@media(max-width:800px){.meditation-human{max-width:270px;width:118%}}
@media(max-width:430px){.meditation-human{max-width:205px;width:120%}}
@media(prefers-reduced-motion:reduce){.meditation-human,.meditation-aura,.meditation-sparks i{animation:none!important}}

/* Icono Amazon en los botones de compra */
a.btn .amazon-mark{display:inline-block;flex:0 0 auto;vertical-align:middle;margin-right:.48rem;transform:translateY(-1px)}
a.btn.primary{align-items:center}

/* Hero: ciencia y espiritualidad como dos figuras independientes, sin superposición */
.duality-visual{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;min-width:0;position:relative;isolation:isolate;min-height:370px}
.duality-visual::after{content:"";position:absolute;left:50%;top:21%;bottom:21%;width:1px;background:linear-gradient(transparent,rgba(232,199,137,.28),transparent);pointer-events:none}
.science-panel,.conscious-panel{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1/1}
.science-panel .atom{position:relative;width:100%;max-width:300px;height:auto;filter:drop-shadow(0 0 18px rgba(70,155,255,.16))}
.conscious-panel .spirit-art{position:relative;inset:auto;transform:none;opacity:.95;width:100%;max-width:300px;height:auto;filter:drop-shadow(0 0 16px rgba(232,199,137,.18))}
.spirit-mandala{transform-origin:310px 315px;animation:soulTurn 85s linear infinite}
.spirit-figure{animation:soulBreathe 7s ease-in-out infinite;transform-origin:310px 400px}
@media(max-width:800px){.duality-visual{min-height:250px;gap:4px}.science-panel .atom,.conscious-panel .spirit-art{width:100%;max-width:230px}}
@media(max-width:430px){.duality-visual{min-height:180px;gap:0}.science-panel .atom,.conscious-panel .spirit-art{max-width:180px}}
@media(prefers-reduced-motion:reduce){.spirit-mandala,.spirit-figure{animation:none!important}}


/* Versión integrada: arte vectorial sin imagen rectangular ni bordes */
.duality-visual{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(4px,1.3vw,18px);align-items:center}
.duality-visual::after{display:none!important}
.science-panel,.conscious-panel{width:100%;aspect-ratio:1;display:grid;place-items:center;min-width:0;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.science-panel .atom,.conscious-panel .spirit-line-art{display:block;width:100%;height:auto;max-width:345px;max-height:345px;overflow:visible;filter:drop-shadow(0 0 13px rgba(80,148,240,.15))}
.spirit-line-art{background:transparent;animation:spiritFloat 8s ease-in-out infinite}
.spirit-mandala{transform-origin:300px 282px;animation:mandalaRotate 95s linear infinite}
.spirit-body{transform-origin:300px 360px;animation:spiritBreathe 6.8s ease-in-out infinite}
.chakra{transform-box:fill-box;transform-origin:center;animation:chakraPulse 3.3s ease-in-out infinite}
.ch2{animation-delay:-.45s}.ch3{animation-delay:-.9s}.ch4{animation-delay:-1.35s}.ch5{animation-delay:-1.8s}.ch6{animation-delay:-2.25s}.ch7{animation-delay:-2.7s}
.spirit-sparks{animation:sparkBlink 5s ease-in-out infinite alternate}
@keyframes spiritFloat{0%,100%{transform:translateY(4px)}50%{transform:translateY(-8px)}}
@keyframes mandalaRotate{to{transform:rotate(360deg)}}
@keyframes spiritBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
@keyframes chakraPulse{0%,100%{opacity:.65;transform:scale(.75)}50%{opacity:1;transform:scale(1.38)}}
@keyframes sparkBlink{0%{opacity:.2}100%{opacity:1}}
@media(max-width:800px){.duality-visual{min-height:0;gap:3px}.science-panel .atom,.conscious-panel .spirit-line-art{max-width:250px}}
@media(max-width:430px){.science-panel .atom,.conscious-panel .spirit-line-art{max-width:180px}}
@media(prefers-reduced-motion:reduce){.spirit-line-art,.spirit-mandala,.spirit-body,.chakra,.spirit-sparks{animation:none!important}}
/* Refined fine-line illustration: crisp contours without bulky cartoon limbs */
.refined-body{filter:drop-shadow(0 0 4px rgba(104,185,255,.42)) drop-shadow(0 0 9px rgba(241,186,116,.19))}


/* Composición hero: título → ilustraciones → mensaje → botones */
.hero{padding-top:clamp(100px,10vw,145px);padding-bottom:65px;min-height:0}
.hero-grid{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:clamp(16px,2.3vw,30px)!important;max-width:1120px;margin-inline:auto}
.hero-heading{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}
.hero-heading h1{margin:0!important;font-size:clamp(58px,8vw,112px);line-height:.99}
.hero-heading .eyebrow{margin:0}
.hero-grid>.duality-visual{width:min(100%,740px);min-height:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(12px,4vw,58px)!important;margin:0 auto}
.hero-grid>.duality-visual .science-panel,.hero-grid>.duality-visual .conscious-panel{aspect-ratio:1;min-width:0;max-width:350px}
.hero-grid>.duality-visual .atom,.hero-grid>.duality-visual .spirit-art{width:100%!important;max-width:330px!important}
.hero-message{display:flex;flex-direction:column;align-items:center;gap:23px;width:100%}
.hero-message p{margin:0 auto!important;max-width:660px!important}
.hero-message .actions{justify-content:center!important;margin:0!important}
@media(max-width:600px){.hero-grid{gap:18px!important}.hero-heading h1{font-size:clamp(55px,13vw,78px)}.hero-grid>.duality-visual{gap:5px!important;width:100%}.hero-grid>.duality-visual .science-panel,.hero-grid>.duality-visual .conscious-panel{max-width:none}.hero-grid>.duality-visual .atom,.hero-grid>.duality-visual .spirit-art{max-width:100%!important}.hero-message{gap:18px}.hero{padding-top:110px}}


/* Integración visual: arte cinematográfico con movimiento real sobre la figura */
.duality-visual{gap:clamp(4px,2vw,22px)!important;min-height:340px}
.duality-visual::after{display:none!important}
.meditating-premium{overflow:visible!important}
.meditation-stage{width:100%;max-width:370px;aspect-ratio:1/1;position:relative;display:grid;place-items:center;isolation:isolate;animation:meditateFloat 7s ease-in-out infinite}
.meditation-art{width:122%;max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 0 18px rgba(235,166,75,.25));-webkit-mask-image:radial-gradient(ellipse 58% 53% at 50% 50%,#000 57%,transparent 100%);mask-image:radial-gradient(ellipse 58% 53% at 50% 50%,#000 57%,transparent 100%)}
.chakra-halo{position:absolute;inset:20% 26% 18%;border-radius:50%;background:radial-gradient(ellipse,rgba(246,188,89,.13),transparent 65%);animation:meditatePulse 4.5s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}
.energy-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#f9d08a;box-shadow:0 0 9px 3px rgba(255,188,88,.65);animation:particleDrift 6s ease-in-out infinite;pointer-events:none}
.p1{top:20%;left:17%}.p2{top:35%;right:11%;animation-delay:-2s}.p3{bottom:20%;left:12%;animation-delay:-4s}
@keyframes meditateFloat{0%,100%{transform:translateY(5px)}50%{transform:translateY(-9px)}}
@keyframes meditatePulse{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:.85;transform:scale(1.1)}}
@keyframes particleDrift{0%,100%{transform:translate(0,0);opacity:.2}50%{transform:translate(10px,-18px);opacity:1}}
@media(max-width:700px){.duality-visual{gap:0!important;min-height:unset}.meditation-stage{width:100%}.meditation-art{width:125%}}
@media(prefers-reduced-motion:reduce){.meditation-stage,.chakra-halo,.energy-particle{animation:none!important}}


/* Ilustraciones de la maqueta aprobada, integradas en la web. */
.duality-visual{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:center!important;gap:clamp(8px,2vw,34px)!important;width:min(100%,920px)!important;margin:0 auto!important;position:relative!important;overflow:visible!important}
.cinema-panel{width:100%;aspect-ratio:1.12;position:relative;isolation:isolate;display:grid;place-items:center;min-width:0}
.cinema-art{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 14px rgba(85,157,255,.2));animation:cinemaFloat 8s ease-in-out infinite}
.human-cinema .cinema-art{animation-delay:-3.2s;filter:drop-shadow(0 0 15px rgba(255,183,99,.2))}
.cinema-halo{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(66,151,255,.17),transparent 70%);filter:blur(15px);animation:cinemaGlow 6s ease-in-out infinite}
.human-cinema .cinema-halo{background:radial-gradient(circle,rgba(248,170,75,.2),transparent 70%);animation-delay:-2s}
.electron-orbit{position:absolute;inset:9%;z-index:3;pointer-events:none;animation:electronsTurn 13s linear infinite}
.electron{position:absolute;width:9px;height:9px;border-radius:50%;background:#c8f8ff;box-shadow:0 0 8px 3px #2da9ff,0 0 22px 6px #257dff;left:50%;top:50%}
.electron-1{transform:rotate(10deg) translateX(125px)}.electron-2{transform:rotate(130deg) translateX(125px)}.electron-3{transform:rotate(250deg) translateX(125px)}
.chakra-pulses{position:absolute;z-index:4;left:50%;top:25%;height:58%;width:0;pointer-events:none;display:none}
.chakra-pulses i{position:absolute;top:calc(var(--i)*12%);left:-4px;width:8px;height:8px;background:var(--chakra);border-radius:50%;box-shadow:0 0 12px 4px var(--chakra);animation:chakraLight 3.8s ease-in-out infinite;animation-delay:calc(var(--i)*-.38s)}
@keyframes cinemaFloat{0%,100%{transform:translateY(3px)}50%{transform:translateY(-10px)}}
@keyframes cinemaGlow{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.1)}}
@keyframes electronsTurn{to{transform:rotate(360deg)}}
@keyframes chakraLight{0%,100%{opacity:.4;scale:.85}50%{opacity:1;scale:1.3}}
@media(max-width:700px){.duality-visual{gap:4px!important}.cinema-panel{aspect-ratio:1}.electron{width:5px;height:5px}.electron-1{transform:rotate(10deg) translateX(56px)}.electron-2{transform:rotate(130deg) translateX(56px)}.electron-3{transform:rotate(250deg) translateX(56px)}}
@media(prefers-reduced-motion:reduce){.cinema-art,.cinema-halo,.electron-orbit,.chakra-pulses i{animation:none!important}}


/* Integración sin recuadros: los fondos oscuros de las ilustraciones se funden con el cielo. */
.duality-visual .cinema-panel{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.duality-visual .cinema-art{mix-blend-mode:screen;filter:drop-shadow(0 0 11px rgba(76,154,255,.16));object-fit:contain}
.duality-visual .human-cinema .cinema-art{filter:drop-shadow(0 0 12px rgba(255,184,90,.14))}
.duality-visual .cinema-panel::before,.duality-visual .cinema-panel::after{box-shadow:none!important;border:0!important}


/* Ilustraciones con canal alfa real: sin rectángulos, degradados ni máscaras radiales. */
.duality-visual .cinema-panel,.duality-visual .cinema-art{background:transparent!important;border:0!important;box-shadow:none!important}
.duality-visual .cinema-art{mix-blend-mode:normal!important;mask-image:none!important;-webkit-mask-image:none!important;filter:drop-shadow(0 0 17px rgba(58,153,255,.28))!important}
.duality-visual .human-cinema .cinema-art{filter:drop-shadow(0 0 17px rgba(255,181,83,.27))!important}
.duality-visual .cinema-halo{opacity:.3!important}
@media(prefers-reduced-motion:reduce){.duality-visual .cinema-art{animation:none!important}}


/* Real animated light overlays, placed over transparent illustrations */
.atom-cinema .nucleus-spark {
  position:absolute; z-index:5; pointer-events:none;
  left:50%; top:50%; width:17%; aspect-ratio:1;
  transform:translate(-50%,-50%);
}
.nucleus-spark span {position:absolute; inset:0; border-radius:50%;}
.nucleus-core {
  background:radial-gradient(circle,rgba(255,255,255,.94) 0%,rgba(255,235,153,.68) 16%,rgba(255,167,34,.26) 43%,transparent 72%);
  mix-blend-mode:screen; animation:nucleusBreath 4.8s ease-in-out infinite;
}
.nucleus-glint {
  background:
    linear-gradient(90deg,transparent 46%,rgba(255,251,224,.8) 49%,rgba(255,255,255,.95) 50%,rgba(255,251,224,.8) 51%,transparent 54%),
    linear-gradient(0deg,transparent 46%,rgba(255,251,224,.8) 49%,rgba(255,255,255,.95) 50%,rgba(255,251,224,.8) 51%,transparent 54%);
  filter:blur(.6px) drop-shadow(0 0 7px #ffe5a0);
  opacity:.22; animation:nucleusTwinkle 6.6s ease-in-out infinite;
}
.nucleus-aura {
  inset:-35%!important;
  background:radial-gradient(circle,rgba(255,194,82,.16),transparent 68%);
  animation:nucleusBreath 6s ease-in-out infinite reverse;
}
.human-cinema .chakra-light-layer {
  position:absolute; z-index:5; pointer-events:none;
  left:50%; top:25%; height:53%; width:0;
}
.chakra-light {
  position:absolute; left:0;
  top:calc(var(--n) * 12.7%);
  width:clamp(5px, .7vw, 10px); aspect-ratio:1;
  border-radius:50%; transform:translate(-50%,-50%);
  background:var(--light);
  box-shadow:0 0 8px 2px var(--light),0 0 21px 6px color-mix(in srgb,var(--light) 48%,transparent);
  opacity:.3;
  animation:chakraBreathe 4.7s ease-in-out infinite;
  animation-delay:calc(var(--n) * -.47s);
}
@keyframes nucleusBreath {
  0%,100% {opacity:.48;scale:.91}
  50% {opacity:.88;scale:1.12}
}
@keyframes nucleusTwinkle {
  0%,22%,100% {opacity:.12;rotate:0deg;scale:.7}
  45% {opacity:.75;rotate:25deg;scale:1.15}
  70% {opacity:.25;rotate:50deg;scale:.85}
}
@keyframes chakraBreathe {
  0%,100% {opacity:.24;scale:.78}
  50% {opacity:.82;scale:1.2}
}
@media(max-width:700px) {
  .human-cinema .chakra-light-layer{top:24%;height:55%}
  .chakra-light {width:5px;box-shadow:0 0 5px 1px var(--light),0 0 12px 3px var(--light)}
}
@media(prefers-reduced-motion:reduce){
  .nucleus-spark span,.chakra-light {animation:none!important;opacity:.6}
}


#articulo .quantum-note{border-left:3px solid #e3b96c;background:linear-gradient(100deg,rgba(212,163,77,.12),rgba(31,88,138,.09));padding:20px 24px;margin:26px 0;border-radius:0 14px 14px 0;line-height:1.8}#articulo .article-body h3{scroll-margin-top:100px}#articulo .article-body a{color:#e8c888;text-underline-offset:4px}#articulo .article-body a:hover{color:#fff} @media(max-width:600px){#articulo .quantum-note{padding:16px}}


.expanded-book-sheet{max-width:980px;margin:5rem auto;padding:clamp(1.5rem,5vw,4rem);
background:linear-gradient(145deg,rgba(16,30,61,.94),rgba(9,16,35,.96));
border:1px solid rgba(221,180,104,.27);border-radius:26px;
box-shadow:0 22px 70px rgba(0,0,0,.27);scroll-margin-top:90px}
.expanded-book-sheet h2{font-family:'EB Garamond',Georgia,serif;font-size:clamp(2.4rem,5vw,4.1rem);
line-height:1.08;color:#f5d9a0;margin:.7rem 0}
.expanded-book-sheet h3{font-family:'EB Garamond',Georgia,serif;font-size:clamp(1.45rem,3vw,2rem);
color:#f2d5a5;margin:1.8rem 0 .55rem}
.expanded-book-sheet p{font-size:1.06rem;line-height:1.9;color:#e0e5ef;margin:.4rem 0 1.1rem}
.expanded-book-sheet .expanded-book-kicker{font-size:.75rem;letter-spacing:.2em;color:#d5ad69}
.expanded-book-sheet .expanded-book-subtitle{font-size:1.2rem;color:#adc8e5}
.expanded-book-actions{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}
.expanded-book-actions a{color:#e9c17c;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.expanded-book-sheet{margin:2rem 12px}}

html{scroll-behavior:smooth}.expanded-book-sheet:target{border-color:rgba(239,195,112,.65)}

.book-page-viewer{position:fixed;inset:0;z-index:99999;display:none;background:radial-gradient(ellipse at 50% 0%,#15294a 0%,#060d20 72%);color:#f5f0e8}
.book-page-viewer.is-open{display:flex;flex-direction:column}
.book-page-header{height:72px;flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px clamp(16px,5vw,55px);border-bottom:1px solid rgba(226,191,129,.25);background:#071226}
.book-page-header span{font-size:.7rem;letter-spacing:.18em;color:#e4bd81;text-align:right}
.book-page-close{font:inherit;color:#f5d9a0;background:rgba(226,191,129,.1);border:1px solid rgba(226,191,129,.35);padding:11px 18px;border-radius:999px;cursor:pointer}
.book-page-close:hover{background:rgba(226,191,129,.2)}
.book-page-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:auto;padding:20px 0 65px}
.book-page-viewer .book-page-content{display:none;max-width:980px;margin:22px auto 0}
.book-page-viewer .book-page-content.is-current{display:block}
body.book-page-active{overflow:hidden!important}
@media(max-width:700px){.book-page-header{height:66px}.book-page-header span{font-size:.58rem}.book-page-viewer .book-page-content{margin:10px 12px 0}}


/* 2.0 — portada editorial con reflejo dorado de baja intensidad */
.hero-heading{gap:10px!important;isolation:isolate;text-align:center}
.hero-heading .eyebrow{color:#d8bd86;letter-spacing:.23em;text-transform:uppercase;font-size:clamp(10px,1.2vw,13px)}
.hero-heading h1{font-family:'EB Garamond',Georgia,'Times New Roman',serif!important;font-size:clamp(64px,9vw,132px)!important;letter-spacing:-.042em!important;line-height:.91!important;font-weight:400!important;margin:8px 0 2px!important;overflow:visible}
.hero-heading h1 .hero-title-first,.hero-heading h1 .hero-title-second{display:block!important;font-style:normal!important;position:relative}
.hero-heading h1 .hero-title-first{color:#f8eedc;text-shadow:0 2px 24px rgba(241,215,170,.15)}
.hero-heading h1 .hero-title-second{font-style:italic!important;padding-right:.13em;background:linear-gradient(105deg,#bb9053 0%,#f7dcaa 26%,#e3b96c 44%,#fff2cc 51%,#d5aa66 60%,#f1d6a0 80%,#bb9053 100%);background-size:220% 100%;background-position:100% 50%;color:transparent!important;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 16px rgba(215,173,93,.16));animation:titleGoldGlide 13s ease-in-out infinite}
.hero-title-ornament{display:flex;align-items:center;justify-content:center;gap:12px;width:min(300px,72vw);height:24px;margin:3px auto 0}
.hero-title-ornament .ornament-line{height:1px;flex:1;background:linear-gradient(90deg,transparent,#d7b477)}
.hero-title-ornament .ornament-line:last-child{transform:rotate(180deg)}
.hero-title-ornament .ornament-diamond{height:10px;width:10px;border:1px solid #e9cb91;transform:rotate(45deg);box-shadow:0 0 13px #e6b96544;position:relative}
.hero-title-ornament .ornament-diamond:after{content:'';position:absolute;inset:3px;background:#ffe7ae;border-radius:50%;box-shadow:0 0 9px #f9dca3}
.hero-heading .hero-title-tagline{margin:0 auto!important;font-family:'EB Garamond',Georgia,serif;font-size:clamp(15px,2.3vw,21px)!important;letter-spacing:.035em;font-style:italic;color:#c4cce0!important;max-width:95%;text-align:center}
@keyframes titleGoldGlide{0%,17%,100%{background-position:100% 50%}45%,65%{background-position:0% 50%}}
@media(max-width:600px){.hero-heading h1{font-size:clamp(59px,13vw,82px)!important}.hero-heading .eyebrow{letter-spacing:.12em}.hero-title-ornament{margin-top:0}}
@media(prefers-reduced-motion:reduce){.hero-heading h1 .hero-title-second{animation:none!important;background-position:45% 50%}}


/* Refinamiento conservador: mantiene la obra y la animación original. */
.atom-cinema .cinema-art { filter: brightness(.94) saturate(.91); }
.human-cinema .cinema-art { filter: brightness(.94) saturate(.89); }
.atom-cinema .cinema-halo { opacity: .73; }
.human-cinema .cinema-halo { opacity: .69; }
.atom-cinema .nucleus-aura { opacity: .66; }
.atom-cinema .nucleus-glint { filter: blur(.7px) drop-shadow(0 0 5px #ffe5a0); }
.human-cinema .chakra-light { box-shadow: 0 0 6px 1px var(--light), 0 0 15px 4px color-mix(in srgb,var(--light) 38%,transparent); }
@media(max-width:700px) {
  .human-cinema .chakra-light { box-shadow:0 0 4px 1px var(--light),0 0 9px 2px var(--light); }
}


/* Único cambio respecto a la versión aprobada: fundido gradual del límite exterior del átomo.
   El núcleo, los electrones, la figura meditativa y todas las demás secciones quedan intactos. */
.duality-visual .atom-cinema .cinema-art {
  -webkit-mask-image: radial-gradient(ellipse 68% 68% at 50% 50%, #000 0%, #000 51%, rgba(0,0,0,.94) 61%, rgba(0,0,0,.68) 75%, rgba(0,0,0,.25) 89%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse 68% 68% at 50% 50%, #000 0%, #000 51%, rgba(0,0,0,.94) 61%, rgba(0,0,0,.68) 75%, rgba(0,0,0,.25) 89%, transparent 100%) !important;
}


.duality-visual .atom-cinema .cinema-art {
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.duality-visual .atom-cinema .cinema-halo {
  opacity:.45!important;
}


/* Átomo reconstruido: únicamente tres órbitas, núcleo y dos electrones. Sin fondo, salpicaduras ni anillo delimitador. */
.atom-cinema .clean-atom{position:relative;z-index:2;display:block;width:100%;height:100%;overflow:visible;filter:none!important;animation:none!important}
.atom-cinema .nucleus-spark{z-index:6}
.atom-cinema .atom-center-breathe{transform-origin:300px 240px;animation:atomCorePulse 5.5s ease-in-out infinite}
@keyframes atomCorePulse{0%,100%{opacity:.83;transform:scale(.97)}50%{opacity:1;transform:scale(1.045)}}
@media(prefers-reduced-motion:reduce){.atom-cinema .atom-center-breathe{animation:none}.atom-cinema animateMotion{display:none}}


/* Figure rebuilt as transparent vector line art: no background, mandala or outer halo. */
.human-cinema .clean-meditator{display:block;position:relative;z-index:4;width:100%;height:100%;overflow:visible;filter:none!important}
.human-cinema{isolation:isolate}
.human-cinema .chakra{opacity:.78;animation:chakraSoftBreath 5.3s ease-in-out infinite;animation-delay:var(--delay)}
.human-cinema .chakra-halo{fill:var(--chakra);opacity:.23;filter:drop-shadow(0 0 8px var(--chakra))}
.human-cinema .chakra-core{fill:var(--chakra);stroke:#fff;stroke-width:.9;filter:drop-shadow(0 0 6px var(--chakra)) drop-shadow(0 0 11px var(--chakra))}
@keyframes chakraSoftBreath{0%,100%{opacity:.4}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.human-cinema .chakra{animation:none!important;opacity:.75}}

/* Only figure sizing and head proportions adjusted. */
.human-cinema .clean-meditator{transform:scale(1.13);transform-origin:50% 53%;}
@media(max-width:680px){.human-cinema .clean-meditator{transform:scale(1.09);}}

.human-cinema .premium-meditator {overflow:visible;filter:drop-shadow(0 0 9px rgba(85,168,255,.12))} .human-cinema .premium-meditator .chakra {transform-box:view-box} @media(prefers-reduced-motion:reduce){.premium-meditator .chakra,.premium-meditator .chakra *{animation:none!important}}

/* Exact artwork extracted from the approved visual reference. */
.duality-visual .cinema-panel{overflow:visible!important;aspect-ratio:1.12!important;min-height:0!important;display:block!important;position:relative!important}
.duality-visual .reference-art{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:screen;filter:drop-shadow(0 0 8px rgba(39,156,255,.12));border:0;animation:referenceBreathe 9s ease-in-out infinite alternate}
.duality-visual .human-cinema .reference-art{animation-delay:-3s}
.duality-visual .chakra-overlay{position:absolute;inset:0;pointer-events:none}
.duality-visual .chakra-pulse{position:absolute;left:var(--x);top:var(--y);width:4.1%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--c) 25%,transparent 72%);box-shadow:0 0 9px 2px var(--c),0 0 22px 4px var(--c);mix-blend-mode:screen;opacity:.36;animation:chakraGlow 5.3s ease-in-out infinite;animation-delay:var(--delay)}
@keyframes chakraGlow{0%,100%{opacity:.22;filter:brightness(.8);transform:translate(-50%,-50%) scale(.75)}50%{opacity:.74;filter:brightness(1.3);transform:translate(-50%,-50%) scale(1.12)}}
@keyframes referenceBreathe{from{filter:drop-shadow(0 0 7px rgba(39,156,255,.10))}to{filter:drop-shadow(0 0 15px rgba(39,156,255,.23))}}
@media(prefers-reduced-motion:reduce){.duality-visual .reference-art,.duality-visual .chakra-pulse{animation:none!important}}

.duality-visual .cinema-panel{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.duality-visual img.reference-art{background:transparent!important;border:0!important;box-shadow:none!important;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 12px rgba(35,132,245,.17))!important}.duality-visual .cinema-panel:before,.duality-visual .cinema-panel:after{background:transparent!important;border:0!important;box-shadow:none!important}
/* Animación real superpuesta a las dos ilustraciones originales, sin modificar sus píxeles. */
.duality-visual .cinema-panel{position:relative!important;isolation:isolate}
.duality-visual .atom-motion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible;filter:drop-shadow(0 0 5px rgba(45,173,255,.65))}
.duality-visual .atom-heart{animation:heartBreath 4.8s ease-in-out infinite;transform-origin:262px 250px;mix-blend-mode:screen}
@keyframes heartBreath{0%,100%{opacity:.08;transform:scale(.8)}50%{opacity:.28;transform:scale(1.24)}}
.duality-visual .human-cinema .chakra-overlay{z-index:5!important}
.duality-visual .human-cinema .chakra-pulse{animation:chakraGlow 5.3s ease-in-out infinite!important;animation-delay:var(--delay)!important}
@media(prefers-reduced-motion:reduce){.duality-visual .atom-motion{display:none!important}.duality-visual .atom-heart,.duality-visual .human-cinema .chakra-pulse{animation:none!important}}


/* Approved original artwork remains fixed. No light pulsation on the atom. */
.duality-visual .reference-art,.duality-visual .cinema-art,.duality-visual .human-cinema .reference-art{animation:none!important;transform:none!important;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important}
.duality-visual .cinema-panel,.duality-visual .atom-cinema,.duality-visual .human-cinema{background:none!important;box-shadow:none!important;filter:none!important;isolation:isolate}
.duality-visual .cinema-panel::before,.duality-visual .cinema-panel::after{content:none!important}
.duality-visual .electron-motion-v2{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:visible;filter:none!important}
.duality-visual .human-cinema .chakra-overlay{position:absolute;inset:0;z-index:5!important;pointer-events:none}
.duality-visual .human-cinema .chakra-pulse{animation:chakra-soft-v2 5.5s ease-in-out infinite!important;animation-delay:var(--delay)!important;opacity:.24;box-shadow:0 0 9px 2px var(--c),0 0 18px 3px var(--c);filter:none!important}
@keyframes chakra-soft-v2{0%,100%{opacity:.18;scale:.84}50%{opacity:.76;scale:1.18}}
@media(prefers-reduced-motion:reduce){.duality-visual .electron-motion-v2{display:none!important}.duality-visual .human-cinema .chakra-pulse{animation:none!important;opacity:.48!important}}


/* REDISEÑO 3.0: átomo geométrico con electrones orbitales reales (representación artística), sin pulsación. */
.duality-visual .atom-cinema,.duality-visual .human-cinema{background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;overflow:visible!important;isolation:isolate}
.duality-visual .atom-cinema::before,.duality-visual .atom-cinema::after,.duality-visual .human-cinema::before,.duality-visual .human-cinema::after{content:none!important}
.duality-visual .atom-precision{display:block;width:100%;height:100%;overflow:visible;position:relative;z-index:4;filter:none!important;animation:none!important;transform:none!important}
.duality-visual .atom-cinema .moving-electron{opacity:1!important;animation:none!important}
.duality-visual .human-cinema .reference-art{animation:none!important;transform:none!important;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important}
.duality-visual .human-cinema .chakra-overlay{position:absolute;inset:0;z-index:8;pointer-events:none}
.duality-visual .human-cinema .chakra-pulse{animation:premium-chakra-breath 5.2s ease-in-out infinite!important;animation-delay:var(--delay)!important;box-shadow:0 0 8px 1px var(--c),0 0 16px 2px var(--c);filter:none!important}
@keyframes premium-chakra-breath{0%,100%{opacity:.18;transform:translate(-50%,-50%) scale(.78)}50%{opacity:.77;transform:translate(-50%,-50%) scale(1.14)}}
@media(prefers-reduced-motion:reduce){.duality-visual .human-cinema .chakra-pulse{animation:none!important;opacity:.45!important}}


/* Suave respiración luminosa exclusiva del núcleo; electrones y órbitas intactos */
.atom-precision .nucleus-halo-breath { animation: nucleusHaloBreath 5.8s ease-in-out infinite; }
.atom-precision .nucleus-light-breath { animation: nucleusLightBreath 5.8s ease-in-out infinite; }
@keyframes nucleusHaloBreath { 0%,100% { opacity: .39; } 50% { opacity: .60; } }
@keyframes nucleusLightBreath { 0%,100% { opacity: .86; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .atom-precision .nucleus-halo-breath, .atom-precision .nucleus-light-breath { animation: none; } }


.mobile-menu-toggle{display:none}
@media(max-width:800px){
.nav-inner{height:68px;gap:10px}.brand{min-width:0;font-size:clamp(16px,4.2vw,21px)}.navcta{display:none}
.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid rgba(232,199,137,.4);border-radius:6px;background:#101e34;color:#f2d6a1;font-size:12px;white-space:nowrap;cursor:pointer}
.navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(5,12,26,.98);border-bottom:1px solid rgba(232,199,137,.3);padding:12px 24px 20px;flex-direction:column;gap:0;box-shadow:0 16px 35px #0008}.navlinks.mobile-open{display:flex}.navlinks a,.navlinks span[aria-current="page"]{display:flex;align-items:center;min-height:48px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.08)}
.hero{padding-top:96px!important;padding-bottom:65px!important}.hero-grid{gap:clamp(15px,3vw,23px)!important}.hero-heading h1{font-size:clamp(52px,12.8vw,82px)!important}.hero-heading .eyebrow{font-size:10px;letter-spacing:.1em}
.hero-grid>.duality-visual{width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(4px,2vw,12px)!important}.duality-visual .cinema-panel{min-width:0!important;aspect-ratio:1.12!important}.duality-visual .atom-precision{max-width:100%;height:auto;aspect-ratio:6/5}.duality-visual .human-cinema img.reference-art{max-width:100%;height:100%;object-fit:contain}
.hero-message{gap:18px}.hero-message .actions{gap:12px}.hero-message .btn{min-height:44px}.section-top{margin-bottom:40px}.book{padding:32px 0 52px}.book h3{font-size:clamp(36px,8.5vw,48px);overflow-wrap:break-word}.book-visual{height:clamp(270px,72vw,360px)}.book-visual img{max-height:85%}.article-body p{overflow-wrap:break-word}.book-page-header{padding-inline:12px;gap:8px}.book-page-close{min-height:44px;padding:10px 12px}.book-page-header span{letter-spacing:.07em}.book-page-viewer .book-page-content{max-width:calc(100% - 24px)}
}
@media(max-width:380px){.container{width:calc(100% - 28px)}.brand{font-size:16px}.hero-heading h1{font-size:clamp(48px,12.4vw,60px)!important}.hero-message .actions{flex-direction:column;align-items:stretch;width:100%}.hero-message .actions .btn{justify-content:center;width:100%}.book-page-header span{display:none}}
@media(min-width:801px){.navlinks{display:flex!important}}


/* Adaptación adicional tablet / escritorio. No cambia SVG, imágenes ni keyframes. */
html{scroll-padding-top:90px}
img,svg{max-width:100%}
a:focus-visible,button:focus-visible{outline:3px solid #f5d99d;outline-offset:4px}
@media(min-width:801px) and (max-width:1199px){
 .container{width:calc(100% - 64px);max-width:1080px}
 .nav-inner{gap:16px}
 .brand{font-size:clamp(19px,2.2vw,23px)}
 .navlinks{gap:clamp(12px,1.8vw,24px);font-size:11px;letter-spacing:.07em}
 .navcta{padding:9px 12px;white-space:nowrap}
 .hero{min-height:min(850px,100svh);padding:115px 0 80px}
 .hero-grid{grid-template-columns:minmax(0,1fr);gap:20px;text-align:center}
 .hero-heading{max-width:900px;margin:auto}
 .hero-heading h1{font-size:clamp(72px,9vw,110px)}
 .duality-visual{width:min(100%,850px)!important;margin-inline:auto}
 .hero-message{max-width:760px;margin-inline:auto;text-align:center}
 .hero-message .actions{justify-content:center}
 .book{gap:clamp(26px,4vw,60px);padding-inline:12px}
 .book h3{font-size:clamp(39px,4.3vw,59px)}
 .book-visual{height:clamp(320px,39vw,450px)}
 .youtube-grid{gap:45px}
}
@media(min-width:1200px){
 .container{max-width:1170px}
 .hero-grid{min-width:0}
 .hero-heading,.hero-message,.duality-visual{min-width:0}
 .book{gap:clamp(55px,6vw,90px)}
}
@media(min-width:1600px){
 .hero{min-height:min(970px,100svh)}
 .hero-grid{max-width:1250px}
 .duality-visual{max-width:100%}
}
@media(max-width:800px) and (min-width:600px){
 .container{width:calc(100% - 64px)}
 .hero{min-height:auto}
 .hero-heading h1{font-size:clamp(72px,10.5vw,90px)!important}
 .duality-visual{max-width:680px;margin-inline:auto}
 .book{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center}
 .book:nth-child(even) .book-visual{order:2}
 .book-visual{height:340px}
 .book-visual img{max-height:310px}
 .book h3{font-size:clamp(34px,5.3vw,47px)}
 .youtube-grid{grid-template-columns:1fr 1fr;gap:32px;text-align:left}
}
@media(max-width:599px){
 .hero{min-height:auto}
 .hero-heading,.hero-message,.book-copy{min-width:0}
 .hero-heading h1{overflow-wrap:normal}
 .book-visual{max-width:100%}
 .youtube-grid{min-width:0}
}
@media(max-height:560px) and (orientation:landscape){
 .hero{min-height:auto;padding-top:110px;padding-bottom:60px}
}

.explorar-invitacion{max-width:790px;margin:55px auto 0;padding:30px;border:1px solid rgba(170,130,65,.32);border-radius:12px;text-align:center;background:#faf7f0}.explorar-invitacion p{color:#334052;font-size:17px;line-height:1.7;margin:0 0 22px}.explorar-invitacion .btn{display:inline-flex}
.page-back{padding:28px max(22px,calc((100vw - 1140px)/2));background:#071020}.page-back a{color:#e8c789;text-decoration:none;font-size:14px}.page-back a:hover{text-decoration:underline}main>section{scroll-margin-top:0}
/* Misma animación visible para las cinco portadas. La declaración se aplica
   al final para evitar las reglas antiguas basadas en nth-child. */
@keyframes allCoversFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1.5deg)}50%{transform:translate3d(0,-13px,0) rotate(1.5deg)}}
.book .book-visual img{animation:allCoversFloat 6.6s ease-in-out infinite!important;transform-origin:center center;will-change:transform}
.book:nth-of-type(2) .book-visual img{animation-delay:-1.1s!important}
.book:nth-of-type(3) .book-visual img{animation-delay:-2.4s!important}
.book:nth-of-type(4) .book-visual img{animation-delay:-3.7s!important}
.book:nth-of-type(5) .book-visual img{animation-delay:-4.9s!important}
.book:hover .book-visual img{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.book .book-visual img{animation:none!important;will-change:auto}}