/* HIPOCAMPO / siete páginas en una. Cada elección recompone el entorno completo. */
:root{
  --world-bg:#050505;
  --world-ink:#fff;
  --world-accent:#dfff00;
  --world-accent-2:#ff3cac;
  --world-paper:#f5f0e8;
  --world-line:rgba(255,255,255,.25);
  --world-radius:0;
  --world-font:var(--sans);
  --world-hero:none;
}

body.music-chosen{background:var(--world-bg);color:var(--world-ink);font-family:var(--world-font);transition:none}
.theme-atmosphere{display:none!important}
.music-curtain{background:#030303}
.music-curtain-card{position:relative;z-index:2}
.music-curtain-card h2{font-size:clamp(64px,11vw,190px);line-height:.76;letter-spacing:-.09em}
.music-curtain-card>p:not(.music-curtain-kicker):not(.music-curtain-note){max-width:800px;font-size:clamp(20px,2.5vw,40px);font-weight:700;line-height:1.05}
.music-curtain-note{color:#dfff00!important}

body[data-music-theme="pop"]{--world-bg:#ff87bf;--world-ink:#321043;--world-accent:#ff245f;--world-accent-2:#22ddc7;--world-paper:#fff0f7;--world-line:rgba(50,16,67,.25);--world-radius:42px;--world-hero:url("assets/generated/theme-pop-v2.webp")}
body[data-music-theme="rock"]{--world-bg:#0b0807;--world-ink:#f2dfc5;--world-accent:#e52a21;--world-accent-2:#e8d7ba;--world-paper:#d9c6a9;--world-line:rgba(229,42,33,.45);--world-hero:url("assets/generated/theme-rock-v2.webp")}
body[data-music-theme="electronic"]{--world-bg:#050319;--world-ink:#f5f2ff;--world-accent:#00f5ff;--world-accent-2:#ff27d4;--world-paper:#10105f;--world-line:rgba(0,245,255,.38);--world-hero:url("assets/generated/theme-electronic-v2.webp")}
body[data-music-theme="classical"]{--world-bg:#24160e;--world-ink:#ead7b3;--world-accent:#d7a652;--world-accent-2:#8bb5bc;--world-paper:#d3b88c;--world-line:rgba(215,166,82,.35);--world-radius:3px;--world-font:Georgia,serif;--world-hero:url("assets/generated/theme-classical-v2.webp")}
body[data-music-theme="reggaeton"]{--world-bg:#160626;--world-ink:#fff;--world-accent:#eaff00;--world-accent-2:#ff3caa;--world-paper:#ff8b20;--world-line:rgba(234,255,0,.4);--world-radius:14px;--world-hero:url("assets/generated/theme-reggaeton-v2.webp")}
body[data-music-theme="salsa"]{--world-bg:#063d49;--world-ink:#fff6df;--world-accent:#ffca3a;--world-accent-2:#ff6047;--world-paper:#fff0ca;--world-line:rgba(255,202,58,.4);--world-radius:60px;--world-hero:url("assets/generated/theme-salsa-v2.webp")}
body[data-music-theme="silence"]{--world-bg:#e7e7e5;--world-ink:#090909;--world-accent:#090909;--world-accent-2:#777;--world-paper:#f7f7f5;--world-line:rgba(0,0,0,.25);--world-radius:0;--world-font:Arial,Helvetica,sans-serif;--world-hero:url("assets/generated/theme-silence-v2.webp")}

/* Escenario inicial: la imagen es el mundo, no una capa. */
body.music-chosen .hero{
  min-height:112svh;
  display:block;
  padding:0;
  background-color:var(--world-bg);
  background-image:var(--world-hero);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  color:#fff;
  isolation:isolate;
}
body.music-chosen .hero::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.05) 0 42%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.84) 100%);pointer-events:none}
body.music-chosen .hero-grain{z-index:1;opacity:.12;mix-blend-mode:soft-light}
body.music-chosen .hero-copy{position:absolute;z-index:4;top:50%;right:clamp(24px,5vw,90px);width:min(48vw,760px);transform:translateY(-50%);text-align:right}
body.music-chosen .hero h1{max-width:none;margin:.35em 0;font-size:clamp(48px,6.7vw,118px);line-height:.82;color:#fff;text-shadow:0 3px 34px rgba(0,0,0,.75)}
body.music-chosen .hero-answer{margin-left:auto;color:#fff;font-size:clamp(18px,2vw,34px);font-weight:800;text-shadow:0 2px 20px #000}
body.music-chosen .hero-right{display:inline-block;margin:8vh 0 0;padding:10px 15px;background:var(--world-accent);color:#090909;text-align:right;font-weight:800;transform:rotate(-2deg)}
body.music-chosen .eyebrow{color:var(--world-accent);font-weight:800;text-shadow:0 2px 14px #000}
body.music-chosen .approved-seal--hero{position:absolute;z-index:5;top:12vh;left:4vw;width:clamp(110px,15vw,230px);filter:drop-shadow(0 12px 30px #000)}
body.music-chosen .hero-orbits{left:1vw;top:4vh;width:27vw;opacity:.6}
body.music-chosen .seal-trail{display:none}
body.music-chosen .scroll-cue{z-index:6}
body.music-chosen .masthead{z-index:50}
body.music-chosen .brand img{width:38px;height:50px;filter:drop-shadow(0 2px 8px #000)}

body[data-music-theme="silence"] .hero::before{background:linear-gradient(90deg,transparent 0 43%,rgba(255,255,255,.32) 60%,rgba(255,255,255,.92) 100%)}
body[data-music-theme="silence"] .hero-copy,body[data-music-theme="silence"] .hero h1,body[data-music-theme="silence"] .hero-answer{color:#050505;text-shadow:none}
body[data-music-theme="silence"] .eyebrow{color:#050505;text-shadow:none}
body[data-music-theme="silence"] .hero-right{background:#000;color:#fff}
body[data-music-theme="silence"] .approved-seal--hero{filter:invert(1)}
body[data-music-theme="silence"] .scroll-cue{color:#000}

/* Piezas comunes, vestidas por cada universo. */
body.music-chosen .ticker{border-color:currentColor;background:var(--world-accent);color:#090909}
body.music-chosen .ticker-track{font-family:var(--world-font);text-transform:uppercase}
body.music-chosen .human{min-height:140svh;margin-top:-2px;padding:17vh clamp(24px,8vw,140px);background:var(--world-bg);color:var(--world-ink);clip-path:none;isolation:isolate}
body.music-chosen .human::before{content:"";position:absolute;z-index:0;inset:4% 2%;border:1px solid var(--world-line);pointer-events:none}
body.music-chosen .human::after{z-index:1;background:linear-gradient(90deg,var(--world-bg) 0 31%,transparent 68%);mix-blend-mode:normal}
body.music-chosen .human-art{right:-3%;width:73%;opacity:.74;mix-blend-mode:normal;filter:saturate(.85) contrast(1.15)}
body.music-chosen .human-copy{width:min(970px,93%);margin:12vh 0;position:relative;z-index:3}
body.music-chosen .human-copy>p{display:table;max-width:660px;border:1px solid var(--world-line);border-radius:var(--world-radius);background:var(--world-paper);color:#15100e;backdrop-filter:none}
body.music-chosen .human h2{font-family:var(--world-font);font-size:clamp(47px,7.6vw,132px);line-height:.84;text-transform:none}
body.music-chosen .human h2 em{color:var(--world-accent);text-shadow:none}
body.music-chosen .countdown-copy{border:0;border-radius:var(--world-radius);background:var(--world-accent);color:#111;box-shadow:14px 14px 0 var(--world-accent-2)}
body.music-chosen .human-sticker{border:2px solid var(--world-ink);border-radius:var(--world-radius);background:var(--world-accent);color:#111;box-shadow:9px 9px 0 var(--world-accent-2)}

body.music-chosen .paper-runner{height:clamp(210px,25vw,350px);margin:-7vh 0 8vh;background-color:var(--world-paper);background-image:repeating-linear-gradient(180deg,transparent 0 29px,var(--world-line) 30px 32px);border-block:4px solid var(--world-ink);transform:rotate(-1.1deg);box-shadow:0 16px 0 rgba(0,0,0,.18)}
body.music-chosen .paper-runner::before,body.music-chosen .paper-runner::after{background:rgba(255,255,255,.56);mix-blend-mode:screen}

body.music-chosen .money-declaration{min-height:105svh;padding:17vh 6vw;background:var(--world-bg);color:var(--world-ink);clip-path:none;border-block:1px solid var(--world-line)}
body.music-chosen .money-declaration::before{color:var(--world-accent);opacity:.12}
body.music-chosen .money-declaration p{font-family:var(--world-font);font-weight:400}
body.music-chosen .money-declaration strong{color:var(--world-accent);font-family:var(--world-font);text-shadow:6px 6px 0 var(--world-accent-2)}
body.music-chosen .money-declaration span{border-color:var(--world-ink);background:var(--world-paper);color:#111;border-radius:var(--world-radius)}
body.music-chosen .money-slide{background:var(--world-bg)}
body.music-chosen .money-slide::before{background:linear-gradient(100deg,rgba(0,0,0,.8),transparent 58%);opacity:1}
body.music-chosen .money-image{border:3px solid var(--world-accent);border-radius:var(--world-radius)}
body.music-chosen .money-title{color:var(--world-accent);font-family:var(--world-font);text-shadow:4px 4px 0 #000}
body.music-chosen .money-copy{border-color:var(--world-accent);border-radius:var(--world-radius);background:rgba(0,0,0,.82)}
body.music-chosen .money-copy b{color:var(--world-accent)}
body.music-chosen .money-scale i.is-active{background:var(--world-accent)}
body.music-chosen .money-controls button{border-radius:var(--world-radius);border-color:var(--world-accent)}
body.music-chosen .money-verdict{background:var(--world-accent);color:#111;clip-path:polygon(0 7%,100% 0,98% 93%,2% 100%)}
body.music-chosen .money-verdict::before{color:var(--world-accent-2)}
body.music-chosen .ticker--money{background:var(--world-accent-2);color:#fff}

body.music-chosen .code-section{background:var(--world-bg);color:var(--world-accent);border-block:1px solid var(--world-line);clip-path:polygon(0 2%,97% 0,100% 97%,2% 100%)}
body.music-chosen .code-grid{background-image:linear-gradient(var(--world-line) 1px,transparent 1px),linear-gradient(90deg,var(--world-line) 1px,transparent 1px)}
body.music-chosen .terminal-card{border-color:var(--world-accent);border-radius:var(--world-radius);background:rgba(0,0,0,.64);box-shadow:22px 22px 0 var(--world-accent-2)}
body.music-chosen .terminal-top{border-color:var(--world-line)}
body.music-chosen .terminal-top i{background:var(--world-accent)}
body.music-chosen .code-manifesto h2{color:var(--world-ink);font-family:var(--world-font)}
body.music-chosen .code-manifesto p{color:var(--world-ink)}
body.music-chosen .code-manifesto strong{color:var(--world-accent)}
body.music-chosen .void{background:#000;color:#fff}
body.music-chosen .gate{position:relative}
body.music-chosen .gate::before{content:"";position:absolute;inset:5%;border:1px solid var(--world-line);pointer-events:none}
body.music-chosen .start-tests{position:relative;z-index:2;border-radius:var(--world-radius);background:var(--world-accent);border-color:var(--world-accent);color:#090909}

/* POP — un mundo blando, brillante y deliciosamente exagerado. */
body[data-music-theme="pop"] .hero{background-position:54% center}
body[data-music-theme="pop"] .hero::before{background:linear-gradient(90deg,transparent 0 45%,rgba(72,10,92,.2) 58%,rgba(72,10,92,.9) 100%)}
body[data-music-theme="pop"] .ticker{border:0;border-radius:999px;transform:rotate(1.2deg);box-shadow:0 8px 0 #ff245f}
body[data-music-theme="pop"] .human{background:radial-gradient(circle at 75% 18%,#7bf4df 0 12%,transparent 12.4%),radial-gradient(circle at 12% 82%,#ffd6e8 0 18%,transparent 18.5%),#ff93c4}
body[data-music-theme="pop"] .human::before{border:14px dotted rgba(255,255,255,.7);border-radius:100px 28px 120px 36px}
body[data-music-theme="pop"] .human-art{border-radius:48% 15% 42% 22%;transform:rotate(2deg)}
body[data-music-theme="pop"] .human h2{font-family:"Rubik Mono One",var(--sans);font-size:clamp(42px,6.3vw,108px);color:#541060}
body[data-music-theme="pop"] .paper-runner{border:8px solid #ff245f;border-inline:0;background-color:#fff8df;background-image:radial-gradient(circle,#ff5da1 0 4px,transparent 5px),repeating-linear-gradient(180deg,transparent 0 29px,rgba(48,164,181,.28) 30px 32px);background-size:34px 34px,auto}
body[data-music-theme="pop"] .money-declaration{background:linear-gradient(135deg,#ff78b5 0 50%,#8cf4df 50%);border:24px solid #fff;border-inline:0}
body[data-music-theme="pop"] .money-slide{background:linear-gradient(135deg,#ff4f9d,#693cce)}
body[data-music-theme="pop"] .money-verdict{border-radius:110px 20px 90px 30px}
body[data-music-theme="pop"] .code-section{background:#5c226c;clip-path:polygon(0 5%,96% 0,100% 92%,4% 100%)}

/* ROCK — afiche rasgado, cuero, rojo y volumen. */
body[data-music-theme="rock"] .hero{background-position:47% center}
body[data-music-theme="rock"] .hero::before{background:linear-gradient(90deg,transparent 0 42%,rgba(5,0,0,.25) 56%,#090000 100%)}
body[data-music-theme="rock"] .hero h1,body[data-music-theme="rock"] .money-title,body[data-music-theme="rock"] .money-declaration strong{text-transform:uppercase;font-weight:900;transform:skewX(-5deg)}
body[data-music-theme="rock"] .ticker{background:#d62a21;color:#090909;transform:rotate(-1.6deg);border:4px solid #090909;box-shadow:0 10px 0 #e8d7ba}
body[data-music-theme="rock"] .human{background:repeating-linear-gradient(115deg,#0a0807 0 12vw,#16100d 12vw 12.25vw)}
body[data-music-theme="rock"] .human::before{inset:6% 1%;border:6px double #d62a21;clip-path:polygon(0 3%,100% 0,97% 96%,2% 100%)}
body[data-music-theme="rock"] .human-art{filter:grayscale(1) contrast(1.45);clip-path:polygon(9% 0,100% 5%,94% 100%,0 93%)}
body[data-music-theme="rock"] .human h2{font-weight:900;text-transform:uppercase;letter-spacing:-.08em}
body[data-music-theme="rock"] .human-copy>p{background:#d9c6a9;border:4px solid #d62a21;transform:rotate(-1deg)}
body[data-music-theme="rock"] .paper-runner{background-color:#d1b991;background-image:repeating-linear-gradient(0deg,transparent 0 29px,rgba(86,29,19,.34) 30px 32px);clip-path:polygon(0 5%,6% 0,13% 6%,21% 1%,30% 7%,40% 0,49% 5%,58% 1%,68% 6%,78% 0,88% 5%,100% 1%,100% 94%,92% 99%,83% 93%,72% 100%,62% 95%,50% 100%,41% 94%,31% 99%,20% 93%,10% 100%,0 95%)}
body[data-music-theme="rock"] .money-declaration{background:radial-gradient(circle at 50% 45%,#54100b,#090706 65%)}
body[data-music-theme="rock"] .money-slide{background:#090706}
body[data-music-theme="rock"] .money-image{clip-path:polygon(3% 0,100% 2%,96% 100%,0 94%);border:5px solid #d62a21;filter:grayscale(.4) contrast(1.3)}
body[data-music-theme="rock"] .money-verdict{clip-path:polygon(0 12%,5% 4%,13% 9%,22% 2%,33% 8%,45% 0,55% 7%,68% 1%,79% 8%,91% 2%,100% 9%,100% 92%,0 100%)}
body[data-music-theme="rock"] .code-section{background:repeating-linear-gradient(110deg,#080706 0 80px,#150b08 81px 83px);clip-path:polygon(0 4%,100% 0,96% 96%,2% 100%)}

/* ELECTRÓNICA — escenario, láseres y geometría cinética. */
body[data-music-theme="electronic"] .hero{background-position:49% center}
body[data-music-theme="electronic"] .hero::before{background:linear-gradient(90deg,transparent 0 40%,rgba(2,2,31,.16) 55%,rgba(2,2,31,.94) 100%)}
body[data-music-theme="electronic"] .hero h1{text-shadow:3px 3px 0 #ff27d4,-3px -3px 0 #00f5ff}
body[data-music-theme="electronic"] .ticker{background:#00f5ff;box-shadow:0 0 35px #00f5ff;transform:skewY(-1deg)}
body[data-music-theme="electronic"] .human{background:radial-gradient(circle at 80% 20%,rgba(255,39,212,.5),transparent 26%),radial-gradient(circle at 8% 85%,rgba(0,245,255,.42),transparent 29%),#050319}
body[data-music-theme="electronic"] .human::before{background:repeating-conic-gradient(from 0deg at 72% 42%,transparent 0 7deg,rgba(0,245,255,.08) 8deg 9deg);border:0}
body[data-music-theme="electronic"] .human-art{mix-blend-mode:screen;filter:hue-rotate(35deg) saturate(2) contrast(1.25)}
body[data-music-theme="electronic"] .human-copy>p{background:#00f5ff;border:0}
body[data-music-theme="electronic"] .paper-runner{background-color:#100f59;background-image:linear-gradient(90deg,transparent 49.8%,rgba(255,39,212,.5) 50%,transparent 50.2%),repeating-linear-gradient(180deg,transparent 0 29px,rgba(0,245,255,.34) 30px 32px);box-shadow:0 0 60px #ff27d4}
body[data-music-theme="electronic"] .money-declaration{background:repeating-conic-gradient(from 20deg at 50% 100%,#070425 0 10deg,#1b0c64 10deg 20deg)}
body[data-music-theme="electronic"] .money-slide{background:radial-gradient(circle at 50% 50%,#291475,#050319 66%)}
body[data-music-theme="electronic"] .money-image{box-shadow:0 0 35px #00f5ff;border-color:#00f5ff}
body[data-music-theme="electronic"] .money-verdict{box-shadow:inset 0 0 90px #ff27d4}
body[data-music-theme="electronic"] .code-section{background:radial-gradient(circle at 50% 0,#301178,#050319 60%)}

/* CLÁSICA — sala, manuscrito y precisión editorial. */
body[data-music-theme="classical"] .hero{background-position:48% center}
body[data-music-theme="classical"] .hero::before{background:linear-gradient(90deg,transparent 0 40%,rgba(34,18,8,.2) 55%,rgba(28,14,7,.92) 100%)}
body[data-music-theme="classical"] .hero h1{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.055em}
body[data-music-theme="classical"] .eyebrow,body[data-music-theme="classical"] .hero-right,body[data-music-theme="classical"] .chapter{font-family:var(--mono)}
body[data-music-theme="classical"] .ticker{background:#c69b59;border:1px solid #3b2313;transform:none}
body[data-music-theme="classical"] .human{background:linear-gradient(90deg,#2b1a10 0 52%,#8e6d43 100%)}
body[data-music-theme="classical"] .human::before{inset:5%;border:8px double #b88b4b}
body[data-music-theme="classical"] .human-art{filter:sepia(1) contrast(1.16);opacity:.52}
body[data-music-theme="classical"] .human-copy>p{font-family:var(--sans);border:1px solid #6f4b2b;background:#d5bc91}
body[data-music-theme="classical"] .human h2{font-weight:400;font-style:italic;letter-spacing:-.04em}
body[data-music-theme="classical"] .paper-runner{background-color:#d5bf94;background-image:repeating-linear-gradient(180deg,transparent 0 29px,rgba(73,46,24,.28) 30px 31px);border-block:12px double #3b2313;box-shadow:0 20px 0 #1a0d07}
body[data-music-theme="classical"] .money-declaration{background:linear-gradient(90deg,#24160e,#6a4a2b);border:12px double #b88b4b}
body[data-music-theme="classical"] .money-declaration strong{text-shadow:3px 3px 0 #38210f;font-weight:400;font-style:italic}
body[data-music-theme="classical"] .money-slide{background:#2a180d}
body[data-music-theme="classical"] .money-image{filter:sepia(.65) contrast(1.1);border:10px double #c39b5c}
body[data-music-theme="classical"] .money-title{font-family:Georgia,serif;font-weight:400;font-style:italic}
body[data-music-theme="classical"] .money-verdict{border:10px double #3b2313;clip-path:none}
body[data-music-theme="classical"] .code-section{background:linear-gradient(150deg,#2c1b10,#0d0805);clip-path:none;border:14px double #8d693c}
body[data-music-theme="classical"] .terminal-card{font-family:var(--mono)}

/* REGGAETÓN — bloques urbanos, grafiti y color directo. */
body[data-music-theme="reggaeton"] .hero{background-position:52% center}
body[data-music-theme="reggaeton"] .hero::before{background:linear-gradient(90deg,transparent 0 42%,rgba(30,2,51,.1) 55%,rgba(30,2,51,.92) 100%)}
body[data-music-theme="reggaeton"] .hero h1{text-transform:uppercase;font-weight:900;text-shadow:5px 5px 0 #ff3caa}
body[data-music-theme="reggaeton"] .ticker{background:#eaff00;transform:rotate(1.8deg);box-shadow:0 11px 0 #ff3caa}
body[data-music-theme="reggaeton"] .human{background:linear-gradient(132deg,#ff4b9b 0 33%,#ff8b20 33% 61%,#5624d4 61%)}
body[data-music-theme="reggaeton"] .human::before{border:0;background:repeating-linear-gradient(-20deg,transparent 0 55px,rgba(234,255,0,.15) 56px 59px)}
body[data-music-theme="reggaeton"] .human-art{clip-path:polygon(4% 0,100% 7%,94% 98%,0 91%);filter:saturate(1.7) contrast(1.15)}
body[data-music-theme="reggaeton"] .human h2{text-transform:uppercase;font-weight:900;color:#251047;text-shadow:4px 4px 0 #eaff00}
body[data-music-theme="reggaeton"] .human-copy>p{background:#eaff00;border:4px solid #251047;transform:rotate(-2deg)}
body[data-music-theme="reggaeton"] .paper-runner{background-color:#ff8b20;background-image:linear-gradient(22deg,transparent 45%,rgba(234,255,0,.28) 46% 51%,transparent 52%),repeating-linear-gradient(180deg,transparent 0 29px,rgba(46,0,78,.26) 30px 32px);border:8px solid #251047;border-inline:0}
body[data-music-theme="reggaeton"] .money-declaration{background:linear-gradient(115deg,#5c21d2,#ff3caa 55%,#ff8b20)}
body[data-music-theme="reggaeton"] .money-slide{background:linear-gradient(120deg,#241047,#ff3caa)}
body[data-music-theme="reggaeton"] .money-image{border:7px solid #eaff00;transform:translateX(-50%) rotate(-2deg)}
body[data-music-theme="reggaeton"] .money-verdict{transform:rotate(-1deg);border:8px solid #251047}
body[data-music-theme="reggaeton"] .code-section{background:linear-gradient(145deg,#241047,#0b183d);clip-path:polygon(0 0,100% 4%,96% 100%,3% 96%)}

/* SALSA — curvas, mosaico, mar y movimiento. */
body[data-music-theme="salsa"] .hero{background-position:48% center}
body[data-music-theme="salsa"] .hero::before{background:linear-gradient(90deg,transparent 0 42%,rgba(3,48,59,.12) 56%,rgba(3,48,59,.9) 100%)}
body[data-music-theme="salsa"] .hero h1{font-family:Georgia,serif;font-weight:400;font-style:italic;text-shadow:3px 4px 0 #e74733}
body[data-music-theme="salsa"] .ticker{border:0;border-radius:50%;background:#ffca3a;transform:rotate(-1deg);box-shadow:0 11px 0 #ff6047}
body[data-music-theme="salsa"] .human{background:radial-gradient(ellipse at 72% 8%,#38d2ca 0 26%,transparent 26.5%),linear-gradient(145deg,#ff694d,#ffca3a 55%,#29b9b3)}
body[data-music-theme="salsa"] .human::before{border:16px solid rgba(255,246,223,.68);border-radius:46% 8% 44% 12%}
body[data-music-theme="salsa"] .human-art{border-radius:50% 8% 45% 10%;filter:saturate(1.35)}
body[data-music-theme="salsa"] .human h2{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#083c48}
body[data-music-theme="salsa"] .human-copy>p{background:#fff0ca;border:3px solid #083c48}
body[data-music-theme="salsa"] .paper-runner{background-color:#fff0ca;background-image:radial-gradient(circle at 20% 50%,rgba(255,96,71,.22),transparent 18%),repeating-linear-gradient(180deg,transparent 0 29px,rgba(5,112,133,.25) 30px 32px);border:10px solid #ff6047;border-inline:0;border-radius:50% 4% 50% 4%}
body[data-music-theme="salsa"] .money-declaration{background:linear-gradient(145deg,#063d49,#159e9d 55%,#ffca3a)}
body[data-music-theme="salsa"] .money-slide{background:#063d49}
body[data-music-theme="salsa"] .money-image{border:9px solid #ffca3a;border-radius:45% 5% 42% 8%}
body[data-music-theme="salsa"] .money-verdict{border-radius:45% 4% 45% 4%;clip-path:none}
body[data-music-theme="salsa"] .code-section{background:linear-gradient(145deg,#063d49,#06232d);border-radius:80px 10px 80px 10px;clip-path:none}

/* SILENCIO — casi nada, pero con intención. */
body[data-music-theme="silence"] .ticker{background:#000;color:#fff;border:0;transform:none}
body[data-music-theme="silence"] .human{background:#efefed;color:#090909;padding-block:23vh}
body[data-music-theme="silence"] .human::before{inset:8%;border:1px solid #111}
body[data-music-theme="silence"] .human::after{background:linear-gradient(90deg,#efefed 0 38%,transparent 75%)}
body[data-music-theme="silence"] .human-art{filter:grayscale(1) contrast(1.28);opacity:.45}
body[data-music-theme="silence"] .human h2{font-weight:400;letter-spacing:-.075em}
body[data-music-theme="silence"] .human h2 em{color:#000;text-decoration:underline}
body[data-music-theme="silence"] .human-copy>p{background:#fff;border-color:#000}
body[data-music-theme="silence"] .countdown-copy{background:#000;color:#fff;box-shadow:none}
body[data-music-theme="silence"] .human-sticker{border-radius:50%;background:#fff;box-shadow:none}
body[data-music-theme="silence"] .paper-runner{background:#fafaf8;border-block:1px solid #000;box-shadow:none;transform:none}
body[data-music-theme="silence"] .money-declaration{background:#f1f1ef;color:#090909;border:0}
body[data-music-theme="silence"] .money-declaration::before{color:#000;opacity:.035}
body[data-music-theme="silence"] .money-declaration strong{color:#000;text-shadow:none;font-weight:400}
body[data-music-theme="silence"] .money-declaration span{background:#000;color:#fff}
body[data-music-theme="silence"] .money-slide{background:#111}
body[data-music-theme="silence"] .money-image{filter:grayscale(1) contrast(1.2);border:1px solid #fff;border-radius:0}
body[data-music-theme="silence"] .money-title{color:#fff;text-shadow:none;font-weight:400}
body[data-music-theme="silence"] .money-verdict{background:#fff;color:#000;clip-path:none;border-block:1px solid #000}
body[data-music-theme="silence"] .ticker--money{background:#000;color:#fff}
body[data-music-theme="silence"] .code-section{background:#f3f3f1;color:#000;clip-path:none}
body[data-music-theme="silence"] .terminal-card{background:#fff;border:1px solid #000;box-shadow:none}
body[data-music-theme="silence"] .code-manifesto h2,body[data-music-theme="silence"] .code-manifesto p,body[data-music-theme="silence"] .code-manifesto strong{color:#000}
body[data-music-theme="silence"] .code-grid{opacity:.035}

/* El reproductor pertenece al universo, sin invadirlo. */
body.music-chosen .audio-dock{border:2px solid var(--world-accent);border-radius:var(--world-radius);background:rgba(0,0,0,.86);box-shadow:8px 8px 0 var(--world-accent-2)}
body.music-chosen .audio-button{color:var(--world-accent)}

@media(max-width:850px){
  body.music-chosen .hero{min-height:105svh;background-position:42% center}
  body.music-chosen .hero::before{background:linear-gradient(0deg,rgba(0,0,0,.95) 0 47%,transparent 78%)}
  body.music-chosen .hero-copy{top:auto;right:20px;bottom:10vh;left:20px;width:auto;transform:none;text-align:left}
  body.music-chosen .hero h1{font-size:clamp(45px,12.5vw,82px)}
  body.music-chosen .hero-answer{margin-left:0}
  body.music-chosen .hero-right{margin-top:4vh}
  body.music-chosen .approved-seal--hero{top:8vh;left:20px;width:112px}
  body[data-music-theme="silence"] .hero::before{background:linear-gradient(0deg,rgba(255,255,255,.97) 0 50%,transparent 78%)}
  body.music-chosen .human{min-height:125svh;padding:14vh 24px}
  body.music-chosen .human-art{width:100%;height:58%;top:auto;bottom:0;opacity:.35}
  body.music-chosen .human::after{background:linear-gradient(180deg,var(--world-bg) 0 48%,transparent 79%)}
  body.music-chosen .human-copy{width:100%;margin:8vh 0}
  body.music-chosen .human h2{font-size:clamp(40px,11vw,74px)}
  body.music-chosen .paper-runner{height:245px;margin-top:-3vh}
  body.music-chosen .money-declaration{padding-inline:24px}
  body.music-chosen .money-image{width:88vw;height:86vh;top:7vh}
  body.music-chosen .money-copy{right:18px;bottom:11vh;width:min(78vw,390px)}
  body.music-chosen .money-title{font-size:clamp(62px,17vw,120px)}
}

@media(max-width:520px){
  .music-curtain-card h2{font-size:60px}
  body.music-chosen .hero-copy{bottom:8vh}
  body.music-chosen .hero h1{font-size:46px}
  body.music-chosen .human::before{inset:2% 12px}
  body.music-chosen .human-sticker{top:7vh}
  body.music-chosen .paper-runner{height:210px}
  body.music-chosen .money-declaration strong{font-size:clamp(72px,24vw,130px)}
  body.music-chosen .money-title{font-size:16vw}
  body.music-chosen .audio-dock{right:10px;top:10px;max-width:calc(100vw - 20px)}
  body.music-chosen .audio-meta{display:none}
}

@media(prefers-reduced-motion:reduce){body.music-chosen .human-art,body.music-chosen .approved-seal--hero{animation:none!important}}