@font-face{font-family:Playpen;src:url(assets/fonts/playpen-sans-1-latin.woff2) format('woff2');font-weight:400 500;font-display:swap}
html,body,#scroll-track{overflow-anchor:none}
body.fallback #scene canvas{display:none}
@font-face{font-family:Playpen;src:url(assets/fonts/playpen-sans-3-latin.woff2) format('woff2');font-weight:600 800;font-display:swap}
:root{font-family:Playpen,system-ui,sans-serif;color:#fff;background:#050609;font-synthesis:none;color-scheme:dark;--edge:clamp(22px,4.2vw,80px)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:clip}body{overscroll-behavior-y:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #bdefff;outline-offset:6px}button{border:0}#scene{position:fixed;inset:0;pointer-events:none;background:#030409}canvas{display:block;width:100%;height:100%}.cinema-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#02030999,transparent 18%,transparent 54%,#020309c4 86%,#020309f2),radial-gradient(ellipse at 50% 38%,transparent 35%,#0005);z-index:1}#jump-light{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 38%,#fff,#bfe5ff 40%,#2d5f8b);opacity:0;pointer-events:none;z-index:5}
.topbar{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:20px var(--edge);gap:20px}.wordmark{font-weight:700;font-size:18px;line-height:1.2;letter-spacing:-.8px}.wordmark span{display:block;font-size:8px;font-weight:500;letter-spacing:2.2px;margin-top:7px;text-transform:uppercase;opacity:.68}.top-actions{display:flex;align-items:center;gap:10px}.round{width:39px;height:39px;display:grid;place-content:center;border-radius:50%;background:#ffffff0c;border:1px solid #ffffff24;font-size:23px;backdrop-filter:blur(12px)}.menu-button{border:1px solid #ffffff25;background:#0a0e1599;border-radius:30px;padding:10px 17px;font-size:11px;backdrop-filter:blur(12px)}.menu-button span{font-size:13px;margin-left:12px}
#journey{position:relative;z-index:3}.chapter{padding:100px var(--edge) 70px;min-height:100svh}.chapter h2{font-weight:700;font-size:clamp(30px,3.2vw,54px);line-height:1.16;letter-spacing:-1.5px;margin:0 0 12px;text-wrap:balance}.chapter p{font-size:clamp(12px,1vw,15px);line-height:1.85;margin:0;color:#e1e6ef;text-wrap:pretty}.caption{max-width:1500px;margin:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.copy{max-width:690px}.glass{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:38px;min-height:56px;padding:16px 25px;border-radius:99px;border:1px solid #b8f4ff75;background:linear-gradient(130deg,#80e5fa3d,#c77cff20 55%,#33284088);color:white;box-shadow:inset 0 2px 2px #fff6,inset 0 -4px 10px #0018298c,0 5px 28px #061b2c80;backdrop-filter:blur(18px);font-size:12px;font-weight:600;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1.4),box-shadow .3s;overflow:hidden}.glass:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,#ffffff2a 38%,transparent 55%);transform:translateX(-120%);transition:transform .65s;z-index:-1}.glass:hover{transform:translateY(-3px) scale(1.025);box-shadow:inset 0 2px 3px #fff9,inset 0 -4px 10px #0018298c,0 6px 35px #42bdd53b}.glass:hover:before{transform:translateX(100%)}.glass:active{transform:scale(.96)}.glass span{font-family:system-ui;font-size:21px;line-height:1}
.intro-content{text-align:center;display:flex;flex-direction:column;align-items:center}.intro h1{margin:0;width:clamp(300px,37vw,490px);height:auto}.intro h1 img{width:100%;height:auto;filter:drop-shadow(0 0 35px #9650b225)}.brand-line{font-size:10px!important;letter-spacing:4px;text-transform:uppercase;opacity:.75;margin-top:-28px!important}.intro-cta{margin-top:33px;min-height:48px;padding:13px 23px;gap:35px}.preview-label{position:fixed;bottom:17px;right:var(--edge);font:9px system-ui;color:#a8b5c99c;z-index:30;letter-spacing:1px;pointer-events:none}
.enhanced #scroll-track{height:760svh}.enhanced #journey{position:fixed;inset:0;pointer-events:none}.enhanced .chapter{position:absolute;inset:0;min-height:0;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:visibility 0s}.enhanced .chapter.active{visibility:visible}.enhanced .chapter .caption{position:absolute;bottom:clamp(56px,7vh,90px);left:var(--edge);right:var(--edge);transform:translateY(0)}.enhanced .chapter.active a,.enhanced .chapter.active button{pointer-events:auto}.enhanced .intro-content{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:90%}.enhanced .intro{display:block}.intro .brand-line{white-space:nowrap}
#loading{position:fixed;inset:0;z-index:40;background:#050609;display:flex;align-items:center;justify-content:center;gap:13px;font-size:12px;transition:opacity .5s;pointer-events:none}#loading span{width:8px;height:8px;border-radius:50%;background:#baefff;box-shadow:0 0 25px #a3c1ff;animation:pulse 1s ease-in-out infinite}#loading.ready{opacity:0;visibility:hidden}@keyframes pulse{50%{opacity:.4}}
dialog{position:fixed;width:min(540px,calc(100% - 30px));max-height:90svh;border:1px solid #b0e1ff3a;border-radius:26px;padding:25px;background:linear-gradient(140deg,#172332f2,#12111cf5);color:white;backdrop-filter:blur(30px);box-shadow:0 30px 120px #000a}dialog::backdrop{background:#0009;backdrop-filter:blur(9px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#d1ddeb;gap:15px;margin-bottom:25px}dialog nav{display:grid}dialog nav button{display:flex;justify-content:space-between;text-align:left;padding:17px 3px;background:transparent;border-bottom:1px solid #ffffff13;font-size:15px}dialog nav button:hover{color:#b8e8ff}dialog nav button:last-child{border:0}
body.fallback #loading{display:none}body.fallback #scene{background:radial-gradient(ellipse at 50% 30%,#182c42,#050609 75%)}body.fallback .chapter{padding-top:120px}body.fallback .chapter:not(.intro):before{content:'';display:block;max-width:420px;height:260px;margin:0 auto 35px;background:var(--poster) center/contain no-repeat}.chapter#humeantes{--poster:url(assets/bebidas.webp)}.chapter#antigravedad{--poster:url(assets/antigravedad.webp)}.chapter#pixel{--poster:url(assets/pixel.webp)}.chapter#telefono{--poster:url(assets/telefono.webp)}.fallback .caption{position:relative}.fallback #jump-light{display:none}
@media(max-width:700px){:root{--edge:22px}.topbar{padding-top:max(16px,env(safe-area-inset-top))}.wordmark{font-size:14px}.wordmark span{font-size:6px;letter-spacing:1.5px}.top-actions{gap:8px}.round{width:33px;height:33px;font-size:19px}.menu-button{font-size:10px;padding:9px 11px}.menu-button span{margin-left:7px}.chapter h2{font-size:31px;letter-spacing:-1px;line-height:1.2;margin:0 0 11px}.chapter p{font-size:11.5px;line-height:1.7}.caption{display:block;max-width:460px}.copy{max-width:430px}.caption .glass{margin-top:17px;width:100%;min-height:48px;padding:12px 18px;justify-content:space-between;font-size:11px}.enhanced .chapter .caption{bottom:max(42px,calc(env(safe-area-inset-bottom) + 24px))}.enhanced #scroll-track{height:760svh}.intro h1{width:min(360px,91vw)}.brand-line{font-size:8px!important;letter-spacing:3px;margin-top:-20px!important}.intro-cta{font-size:11px;margin-top:29px}.preview-label{bottom:12px;font-size:8px;right:22px}.cinema-shade{background:linear-gradient(#02030988,transparent 17%,transparent 43%,#020309c9 72%,#020309 96%)}#nubaa .copy p{max-width:350px;font-size:11px}#nubaa h2{font-size:35px}}
@media(max-height:620px) and (min-width:701px){.enhanced .chapter .caption{bottom:38px}.chapter h2{font-size:28px}.chapter p{font-size:11px}.intro h1{width:320px}.brand-line{margin-top:-25px!important}.intro-cta{margin-top:20px}.topbar{padding-top:14px}.preview-label{bottom:10px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media(max-width:700px) and (max-height:620px){.chapter h2{font-size:26px;line-height:1.15;margin-bottom:8px}.chapter p,#nubaa .copy p{font-size:10.5px;line-height:1.6}.caption .glass{margin-top:12px;min-height:44px;padding:10px 17px}.enhanced .chapter .caption{bottom:34px}#nubaa h2{font-size:29px}.intro h1{width:min(280px,90vw)}.intro-cta{margin-top:22px}.brand-line{font-size:7px!important}.topbar{padding-top:13px}}

/* The closing has its own quiet frame and generous, readable spacing. */
.closing-content{max-width:800px;margin:0 auto;text-align:center;padding:32px 24px}.enhanced .closing-content{position:absolute;left:50%;top:51%;width:min(850px,100%);transform:translate(-50%,-50%)}
.chapter .closing-kicker{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#c5d4e0;margin-bottom:18px}.closing h2{font-size:clamp(48px,7vw,92px);letter-spacing:-3px;margin-bottom:24px}.closing .closing-copy{font-size:14px;line-height:1.9}.closing .alcohol-free{margin-top:17px;font-size:12px;color:white}.theme-group{margin-top:30px;padding-top:24px;border-top:1px solid #d5eaff26}.theme-group p{font-size:10px;color:#bbc5d3}.theme-group a{display:inline-block;font-size:13px;line-height:2.2;margin-top:7px;pointer-events:auto}.theme-group a:hover{text-decoration:underline;text-underline-offset:5px}.theme-group a span{margin:0 8px}.contact-action{margin-top:30px;display:flex;align-items:center;flex-direction:column;gap:10px}.contact-action .whatsapp{min-width:290px;overflow:visible;background:linear-gradient(145deg,#83e6df55,#5485a122 60%,#a292eb35);border-color:#c1fff79c}.whatsapp .whatsapp-label{font:600 13px Playpen,system-ui}.contact-subtitle{font-size:9px;color:#bdc9d5;letter-spacing:.5px}.contact-status{display:block;min-height:24px;font-size:10px;padding-top:10px}.preview-effect{display:block;background:none;border:0;text-decoration:underline;text-underline-offset:4px;margin:10px auto 0;font-size:8px;color:#aab8c9;pointer-events:auto}.whatsapp.launching{animation:gummy-launch .72s cubic-bezier(.22,.8,.2,1) both}#contact-burst{position:fixed;inset:0;pointer-events:none;z-index:35;overflow:hidden}#contact-burst i{position:absolute;width:17px;height:17px;margin:-8px;border-radius:50%;background:radial-gradient(circle at 29% 25%,#fff 0 5%,#e8ffffbb 9%,#8accc54d 33%,#9ac2ed80 61%,#e4fffdd9 86%,#608495);box-shadow:inset 0 -2px 5px #8cb7eabb,0 0 12px #a0e8df33;animation:bubble-launch .9s var(--delay) ease-out both}@keyframes gummy-launch{0%{transform:scale(1)}23%{transform:scale(.91,1.09)}52%{transform:scale(1.12,.9)}77%{transform:scale(.98,1.035)}100%{transform:scale(1);box-shadow:inset 0 2px 3px #fff9,0 0 70px #a3f9ec77}}@keyframes bubble-launch{0%{opacity:0;transform:translate(0,0) scale(.3)}18%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.8)}}
body.fallback .chapter.closing:before{display:none}
@media(max-width:700px){.enhanced .closing-content{top:51%;padding:18px 25px}.closing h2{font-size:54px;margin-bottom:20px;letter-spacing:-2px}.chapter .closing-kicker{font-size:9px;margin-bottom:13px}.closing .closing-copy{font-size:12px;line-height:1.85}.wide-only{display:none}.closing .alcohol-free{font-size:10px;margin-top:17px}.theme-group{margin-top:26px;padding-top:22px}.theme-group p{font-size:9px}.theme-group a{font-size:11px}.theme-group a span{margin:0 3px}.contact-action{margin-top:26px}.contact-action .whatsapp{width:100%;min-width:0;max-width:335px;min-height:55px}.contact-subtitle{font-size:8px}.preview-effect{font-size:8px}}
@media(max-height:620px){.enhanced .closing-content{top:54%;padding:12px 24px}.closing h2{font-size:40px;margin-bottom:12px}.chapter .closing-kicker{font-size:8px;margin-bottom:7px}.closing .closing-copy{font-size:10px;line-height:1.75}.closing .alcohol-free{font-size:9px;margin-top:10px}.theme-group{margin-top:15px;padding-top:12px}.theme-group p{font-size:8px}.theme-group a{font-size:10px}.contact-action{margin-top:16px}.contact-action .whatsapp{min-height:46px;padding:10px 24px}.contact-status{min-height:17px;font-size:9px}.preview-effect{margin-top:6px}.contact-subtitle{font-size:8px}}
@media(prefers-reduced-motion:reduce){#contact-burst i{display:none}.whatsapp.launching{animation:none}}
/* Crop only the logo's empty canvas in layout; keep the original brand artwork. */
.intro h1{width:clamp(340px,43vw,620px);height:clamp(200px,24vw,350px)}
.intro h1 img{width:100%;height:100%;object-fit:cover}
.intro .brand-line{margin-top:2px!important}
@media(max-width:700px){.intro h1{width:min(430px,100vw);height:min(242px,56vw)}.intro .brand-line{margin-top:12px!important}}
@media(max-height:620px){.intro h1{width:360px;height:200px}}
@media(max-width:700px) and (max-height:620px){.intro h1{width:min(340px,96vw);height:190px}.intro .brand-line{margin-top:7px!important}}
/* V3: original handwritten character and cyan crystal, contained inside each capsule. */
.chapter h2{font-weight:600;letter-spacing:-1.25px}
.glass,.contact-action .whatsapp{overflow:hidden;isolation:isolate;contain:paint;border:2px solid #86f4ff;border-radius:99px;background:linear-gradient(180deg,#eaffffed 0%,#43e9fae6 7%,#02b7e4db 19%,#006b9fdb 52%,#0395c8eb 81%,#50f5fff0 96%,#cffcff 100%);box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #0072a6,inset 3px 0 5px #defeff99,inset -3px 0 6px #d6ffff88,0 0 10px #00ddff40;font-size:14px;font-weight:600;min-height:57px;text-shadow:0 1px 2px #003f68}
.glass:before{inset:3px 7px 48%;border-radius:999px;background:linear-gradient(180deg,#fff9,#9dfaff12);transform:none;transition:opacity .25s;opacity:.75;z-index:-1}
.glass:after{content:'';position:absolute;left:-40%;top:0;width:32%;height:100%;background:linear-gradient(95deg,transparent,#fff8,transparent);transform:skewX(-22deg);opacity:0;pointer-events:none;z-index:-1;transition:left .65s,opacity .2s}
.glass:hover{transform:translateY(-2px) scale(1.015);box-shadow:inset 0 2px 3px #fff,inset 0 -2px 4px #006b98,inset 3px 0 6px #fff9,0 0 14px #00dbff60}
.glass:hover:before{transform:none;opacity:1}.glass:hover:after{left:118%;opacity:.75}.glass:active{transform:scale(.975,1.01)}
.whatsapp .whatsapp-label{font:600 14px Playpen,system-ui}.whatsapp svg{flex:none;position:relative;z-index:2}
#contact-burst{position:absolute;inset:2px;border-radius:inherit;z-index:1;pointer-events:none;overflow:hidden}
#contact-burst i{width:11px;height:11px;margin:-5px;box-shadow:inset 0 -2px 3px #91dcff;opacity:.7}
@keyframes gummy-launch{0%{transform:scale(1)}25%{transform:scale(.96,1.03)}60%{transform:scale(1.02,.97)}100%{transform:scale(1)}}
.enhanced #scroll-track{height:760svh}
.closing h2{font-size:clamp(46px,6vw,80px);line-height:1.12}
@media(max-width:700px){.enhanced #scroll-track{height:760svh}.caption .glass{font-size:12px;min-height:51px}.closing h2{font-size:45px;line-height:1.1}.whatsapp .whatsapp-label{font-size:13px}}
@media(max-height:620px){.closing h2{font-size:35px}.caption .glass{min-height:44px}}
@media(prefers-reduced-motion:reduce){*:after{animation:none!important;transition:none!important}}
/* V4: closer exhibits, original handwritten wordmark and readable ending. */
.wordmark{font-family:Playpen,system-ui,sans-serif;font-weight:600;font-size:22px;letter-spacing:-1.15px;white-space:nowrap}
.dialog-top{justify-content:flex-end;margin-bottom:4px}
dialog nav .menu-whatsapp{color:#25d366;align-items:center;font-weight:600}
dialog nav .menu-whatsapp:hover{color:#7affaa}
.intro h1{width:clamp(400px,51vw,740px);height:clamp(235px,28vw,405px)}
.intro .brand-tagline{font-size:clamp(14px,1.25vw,18px);line-height:1.55;margin-top:17px;color:#fff}
.closing h2{font-size:clamp(36px,4.1vw,55px);line-height:1.15;margin-bottom:24px}
.closing .closing-copy{font-size:18px;line-height:1.7}
.closing .alcohol-free{font-size:16px;line-height:1.65;margin-top:17px}
.theme-group p{font-size:14px;line-height:1.65}
.theme-group a{font-size:16px;line-height:1.9}
.contact-subtitle{font-size:11px}
.whatsapp .whatsapp-label{font-size:16px}
.enhanced #scroll-track{height:760svh}
@media(max-width:700px){
  .wordmark{font-size:19px;letter-spacing:-1.05px}.topbar{gap:10px}
  .intro h1{width:min(520px,120vw);height:min(290px,66vw)}
  .intro .brand-line{font-size:9px!important;letter-spacing:2.9px;margin-top:15px!important}
  .intro .brand-tagline{font-size:14px;margin-top:15px}
  .closing h2{font-size:34px;margin-bottom:20px;letter-spacing:-1px}
  .closing .closing-copy{font-size:15px;line-height:1.7}
  .closing .alcohol-free{font-size:14px;line-height:1.65}
  .theme-group{margin-top:23px;padding-top:19px}.theme-group p{font-size:12px}.theme-group a{font-size:14px}
  .contact-action{margin-top:23px}.contact-subtitle{font-size:10px}
  .whatsapp .whatsapp-label{font-size:15px}
  .enhanced #scroll-track{height:760svh}
}
@media(max-height:620px){
  .intro h1{width:430px;height:225px}.intro .brand-tagline{margin-top:11px;font-size:13px}
  .closing h2{font-size:29px;margin-bottom:12px}
  .closing .closing-copy{font-size:13px;line-height:1.65}
  .closing .alcohol-free{font-size:12px;line-height:1.55;margin-top:12px}
  .theme-group{margin-top:16px;padding-top:13px}.theme-group p{font-size:11px}.theme-group a{font-size:12px;line-height:1.9}
  .contact-action{margin-top:18px}.whatsapp .whatsapp-label{font-size:14px}
}
@media(max-width:370px){.wordmark{font-size:17px;letter-spacing:-1px}.top-actions{gap:6px}.topbar{gap:8px}.menu-button{padding:9px}.menu-button span{margin-left:5px}}
@media(max-width:700px) and (max-height:620px){.intro h1{width:min(430px,120vw);height:205px}.intro .brand-line{margin-top:12px!important}.intro .brand-tagline{font-size:12px}}
/* V5: compact brand/music controls and a gentle closing reveal. */
.brand-controls{display:flex;align-items:center;gap:14px;min-width:0}
.wordmark .registered{font:500 10px system-ui,sans-serif;vertical-align:super;margin-left:3px;letter-spacing:0}
.wordmark .brand-caption{display:block;font-size:7.5px;font-weight:500;letter-spacing:2.15px;margin-top:6px;opacity:.8;text-transform:uppercase;line-height:1.4}
.menu-button .menu-label{font:inherit;margin:0}
.music-toggle{font-size:19px;flex-shrink:0}.music-toggle.is-playing{color:#a2f4ff;border-color:#6bdde3;background:#07536b70}
dialog nav .menu-legal{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #ffffff19;padding:18px 3px 4px;font-size:12px;line-height:1.7;color:#becbd9}
dialog nav .menu-legal:hover{color:white}
.music-dialog{width:min(365px,calc(100% - 30px));padding:22px}
.music-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.music-heading h2{font-size:20px;margin:0}
.audio-upload{display:grid;gap:10px;font-size:13px}.audio-upload input{display:block;width:100%;min-width:0;font:11px Playpen,system-ui}
.audio-upload input::file-selector-button{font:11px Playpen,system-ui;color:white;background:#174e67;border:1px solid #78dbe180;border-radius:12px;padding:9px;margin-right:8px;cursor:pointer}
.audio-hint{font-size:10px;line-height:1.8;color:#b4c5d3}.audio-name{font-size:12px;overflow-wrap:anywhere;line-height:1.7;margin:22px 0 15px}
.audio-actions{display:flex;gap:8px}.audio-actions button{background:#21415e;padding:10px;border-radius:14px;font-size:11px}.audio-actions button:disabled{opacity:.35;cursor:default}
.audio-volume{display:flex;align-items:center;gap:15px;font-size:11px;margin-top:20px}.audio-volume input{min-width:0;width:100%;accent-color:#69e8ed}.audio-status{font-size:11px;line-height:1.7;min-height:38px;color:#bfe5ec}
.legal-preview{min-height:100svh;background:radial-gradient(ellipse at top,#14202f,#040609 70%)}.legal-preview main{max-width:700px;margin:auto;padding:65px 24px}.legal-preview h1{font-size:clamp(30px,5vw,48px);line-height:1.25;margin-top:100px}.legal-preview p{line-height:1.8;color:#cad5df}.legal-preview .glass{margin-top:30px}
.enhanced .closing-content{--reveal:0;opacity:var(--reveal);filter:blur(calc((1 - var(--reveal))*7px));transform:translate(-50%,calc(-50% + (1 - var(--reveal))*24px)) scale(calc(.96 + var(--reveal)*.04));will-change:transform,opacity}
.enhanced .closing-content .theme-group,.enhanced .closing-content .contact-action{opacity:var(--details,1);transform:translateY(calc((1 - var(--details,1))*12px))}
@media(max-width:700px){.brand-controls{gap:8px}.wordmark .registered{font-size:8px;margin-left:2px}.wordmark .brand-caption{font-size:6px;letter-spacing:1.35px;margin-top:5px}.topbar{padding-left:16px;padding-right:16px}.music-toggle{width:31px;height:31px;font-size:17px}.topbar{gap:8px}.top-actions{gap:6px}.wordmark{font-size:18px}}
@media(max-width:370px){.wordmark{font-size:17px}.brand-controls{gap:6px}.top-actions .round,.music-toggle{width:29px;height:29px}.menu-button .menu-label{display:none}.menu-button{width:34px;height:32px;padding:0}.menu-button span{margin:0!important}.wordmark .brand-caption{font-size:5.5px;letter-spacing:1.2px}}
@media(prefers-reduced-motion:reduce){.enhanced .closing-content{filter:none;will-change:auto}}
#jump-light.departure-shade{background:#030409}
/* V6: complete transparent artwork, no cover crop or rectangular smoke edge. */
.intro h1{width:min(880px,78vw);height:auto;aspect-ratio:3/2;max-height:62svh}
.intro h1 img{display:block;width:100%;height:100%;object-fit:contain;filter:none}
.intro .brand-line{margin-top:0!important}
@media(max-width:700px){.intro h1{width:98vw;height:auto;max-height:55svh}.intro .brand-line{margin-top:4px!important}}
.chapter#humeantes{--poster:url(assets/bebidas-foto-original-v6.webp)}
/* V7: a solid black backing only inside the smoke-framed wordmark. */
.intro h1{position:relative;isolation:isolate}
.intro h1::before{content:'';position:absolute;left:42%;top:36%;width:44%;height:35%;border-radius:50%;background:#000;z-index:-1;pointer-events:none}

/* Integration-only controls. The approved cinematic artwork is unchanged. */
.ambient-player{font-family:Playpen,system-ui,sans-serif}
dialog nav .menu-legal{display:flex;justify-content:space-between;text-align:left;width:100%;padding:17px 3px;background:transparent;border-bottom:1px solid #ffffff13;font:inherit;font-size:15px}
.legal-dialog h2{font-size:24px;line-height:1.35;margin:0}.legal-dialog p{font-size:13px;line-height:1.8;color:#d1ddeb}.legal-dialog .glass{margin-top:12px;white-space:normal}

/* Home audio stays within its fixed header on phones; other pages keep their player. */
.brand-controls{gap:22px}
.music-toggle{position:relative}
.music-toggle::after{content:'';position:absolute;inset:50% auto auto 50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.music-toggle:focus-visible{outline:3px solid #57e6f6;outline-offset:3px}
@media(max-width:700px){
  .brand-controls{gap:16px}
  .music-toggle{width:36px;height:36px}
  body[data-cpd-page="home"] .ambient-player.is-header-controlled{display:none!important}
}
@media(max-width:370px){.brand-controls{gap:13px}.music-toggle{width:32px;height:32px}}