/* La Banda Spaziale – redesign WOW. All paths /slug/ are intentionally stable. */
:root{color-scheme:dark;--midnight:#081238;--night:#070d2f;--navy:#12235b;--blue:#43ccff;--gold:#ffe286;--cream:#fff3cf;--text:#f5f8ff;--muted:#b9c7eb;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--text);font-family:ui-rounded,"Trebuchet MS",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #ffda71;outline-offset:4px}img{display:block;max-width:100%}main{position:relative;z-index:2}.site{position:relative;max-width:1300px;margin:auto;padding:0 clamp(18px,4vw,48px);isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 12%,#203788 0%,transparent 35%),radial-gradient(ellipse at 7% 68%,#183275 0%,transparent 39%),linear-gradient(150deg,#060d2b 3%,#0c1242 60%,#070d2b 100%);pointer-events:none}
.sky-stars{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.85;background-image:radial-gradient(1.4px 1.4px at 10px 23px,#fff 50%,transparent 80%),radial-gradient(2px 2px at 66px 68px,#fff1ad 50%,transparent 80%),radial-gradient(1.2px 1.2px at 120px 123px,#8bdfff 50%,transparent 80%),radial-gradient(1.5px 1.5px at 31px 171px,#fff 50%,transparent 80%);background-size:168px 204px,269px 230px,318px 287px,220px 257px;mask-image:linear-gradient(#000,rgba(0,0,0,.6))}
.ambient{position:fixed;z-index:-1;width:45vw;height:45vw;filter:blur(90px);opacity:.27;pointer-events:none;border-radius:100%}.ambient-a{top:-15vw;right:-15vw;background:#5375ff}.ambient-b{top:46vh;left:-25vw;background:#00a6d6}
.topbar{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px;position:relative;z-index:5;border-bottom:1px solid #ffffff1c}.brand{display:flex;align-items:center;gap:11px;font-weight:1000;letter-spacing:.6px;font-size:14px;line-height:1.16}.brand-sun{width:48px;height:48px;filter:drop-shadow(0 0 11px #ffad48aa)}.brand-copy small{display:block;font-size:12px;color:var(--gold);letter-spacing:.4px;margin-top:4px}.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:800}.nav-links>a:not(.nav-main){color:#dce8ff}.nav-main{padding:11px 17px;background:#ffffff17;border:1px solid #ffffff35;border-radius:99px;transition:.2s}.nav-main:hover{background:#ffffff2e;transform:translateY(-1px)}
.eyebrow,.section-label{display:inline-flex;align-items:center;gap:8px;color:#ffe48c;font-weight:900;letter-spacing:2.2px;font-size:11px}.eyebrow{padding:10px 16px;border:1px solid #ffe38c50;border-radius:100px;background:#ffe38c12}.eyebrow-spark{font-size:17px;line-height:0}.hero-home{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:14px;padding:64px 0 74px;min-height:560px}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(43px,5.6vw,77px);line-height:1.06;margin:24px 0 20px;font-weight:1000;letter-spacing:-2.8px;text-shadow:0 6px 32px #020920}.hero-copy h1 span{background:linear-gradient(95deg,#fff8c2,#ffbb6d 48%,#ff8fcb);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy h1 em{font-style:normal;color:#ffdd75;text-shadow:0 0 32px #ffae5170}.hero-lead{max-width:540px;color:#dbe4ff;font-size:clamp(16px,1.45vw,20px);line-height:1.8}.hero-lead strong{color:white}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 29px}.btn{min-height:48px;border-radius:100px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:14px;font-weight:900;transition:transform .22s,background .22s,border-color .22s}.btn:hover{transform:translateY(-3px)}.btn-yellow{background:linear-gradient(135deg,#ffedaa,#ffc65d);color:#142457;box-shadow:0 11px 30px #ffb34230}.btn-outline{border:1px solid #adc3ff66;background:#ffffff0d}.btn-outline:hover{background:#ffffff20}.hero-facts{display:flex;gap:30px;flex-wrap:wrap;margin-top:16px;color:#b8c7e7;font-size:13px}.hero-facts span{display:inline-flex;align-items:baseline;gap:6px}.hero-facts b{font-size:26px;color:#fff3ad;line-height:1}
.hero-visual{min-width:0;height:475px;position:relative}.hero-space{position:absolute;inset:0;isolation:isolate}.hero-space::before{content:"";position:absolute;inset:8%;background:radial-gradient(circle,#ffe6a41a 10%,#5278ff15 40%,transparent 66%);filter:blur(16px)}.orbit{position:absolute;border:1.5px solid #89bdff50;border-radius:100%;box-shadow:inset 0 0 22px #53a5ff14;transform:rotate(-19deg)}.orbit-one{inset:19% 15%}.orbit-two{inset:8% 4%}.orbit-three{inset:1% -6%}.sun-stage{position:absolute;width:260px;max-width:60%;left:50%;top:48%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 54px #ffbd5280);animation:floatSun 6s ease-in-out infinite}.sun-baton{position:absolute;right:8%;top:0;font-size:34px;color:#fff4be}.orbit-planet{position:absolute;width:98px;animation:floatSun 7s ease-in-out infinite}.orbit-planet img{filter:drop-shadow(0 0 12px #81d2ff56)}.op-mercurio{width:64px;left:15%;top:18%}.op-terra{left:7%;top:58%;animation-delay:-2s}.op-saturno{width:120px;right:4%;top:13%;animation-delay:-3s}.op-nettuno{right:4%;bottom:11%;animation-delay:-5s}.floating-notes{position:absolute;inset:0;color:#ffe394;font-size:34px;text-shadow:0 0 15px #ffd762}.floating-notes span{position:absolute;animation:floatSun 6s ease-in-out infinite}.floating-notes span:nth-child(1){left:19%;top:12%}.floating-notes span:nth-child(2){right:12%;top:62%;animation-delay:-2s}.floating-notes span:nth-child(3){left:30%;bottom:12%;animation-delay:-3s}.hero-label{position:absolute;left:40%;bottom:5%;padding:9px 16px;border:1px solid #ffe5a477;color:#ffe7a8;background:#070e36c9;border-radius:50px;transform:rotate(-5deg);font-weight:900;font-size:12px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-head h2{font-size:clamp(27px,3.2vw,40px);letter-spacing:-1px;margin:8px 0 0;line-height:1.18}.section-head p{max-width:375px;color:#adbee2;font-size:14px;line-height:1.75;margin:0}.chapter-entrance,.chapters-section{padding:30px 0 50px}.opening-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.musician-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.musician-card{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(155deg,#243f85cc 0%,#112452dd 50%,#0c1742ee 100%);border:1px solid #89afff45;border-radius:23px;padding:18px 18px 17px;box-shadow:0 14px 37px #020a3180, inset 0 1px #ffffff1c;transition:transform .23s,box-shadow .23s,border-color .23s;isolation:isolate}.musician-card::before{content:"";position:absolute;left:-70px;right:0;top:-90px;height:230px;background:radial-gradient(ellipse at 40% 45%,#4d98fc48,transparent 65%);z-index:-1}.musician-card:hover{transform:translateY(-7px);box-shadow:0 20px 44px #02092caa,0 0 30px #75c6ff30;border-color:#ffe8a0bb}.card-top{display:flex;align-items:center;justify-content:space-between}.card-number{color:#ffeab6;font-weight:1000;letter-spacing:1.9px;font-size:10px}.card-arrow{width:28px;height:28px;display:grid;place-items:center;border-radius:100%;border:1px solid #aacaff70;color:#fff}.planet-stage{height:174px;position:relative;display:grid;place-items:center}.planet-halo{position:absolute;width:146px;height:146px;border-radius:50%;background:radial-gradient(circle,#58aaff2d,transparent 72%)}.planet-art{position:relative;z-index:1;width:146px;height:146px;filter:drop-shadow(0 4px 16px #0008);transition:transform .23s}.musician-card:hover .planet-art{transform:scale(1.08) rotate(-4deg)}.instrument-medallion{position:absolute;right:0;bottom:4px;width:54px;height:54px;padding:6px;border-radius:16px;background:linear-gradient(135deg,#182755,#294d84);border:1px solid #f6d98672;box-shadow:0 8px 20px #0009;z-index:2}.instrument-medallion img{width:100%;height:100%;object-fit:contain}.card-meta{display:flex;flex-direction:column;gap:2px;margin-top:3px}.card-meta strong{font-size:23px;letter-spacing:-.4px}.card-meta small{font-size:13px;color:#d2dcf6}.card-line{display:block;height:1px;background:#ffffff2c;margin:13px 0 11px}.card-outro{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:900;color:#ffe89c}.opening-card{min-height:222px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:33px auto auto 1px auto;gap:0 16px}.opening-card .card-top{grid-column:1/-1}.opening-card .planet-stage{grid-column:2;grid-row:2/5;height:150px}.opening-card .planet-art{width:136px;height:136px}.opening-card .card-meta{grid-column:1;grid-row:2;align-self:center}.opening-card .card-meta strong{font-size:25px}.opening-card .card-line{grid-column:1;grid-row:4}.opening-card .card-outro{grid-column:1;grid-row:5}.opening-card .instrument-medallion{right:15%;bottom:0}.opening-card .card-number{grid-column:1}.opening-card .card-arrow{grid-column:2}
.concert-banner{position:relative;display:flex;align-items:center;gap:26px;min-height:235px;margin:17px 0 85px;padding:32px 40px;background:radial-gradient(ellipse at 20% 42%,#513e95bb,transparent 45%),linear-gradient(110deg,#4e287e,#21246f 55%,#1a2f78);border:1px solid #ffe29e7a;border-radius:27px;overflow:hidden;box-shadow:0 20px 50px #020b37;transition:transform .25s}.concert-banner:hover{transform:translateY(-4px)}.concert-banner h2{font-size:clamp(27px,3.2vw,43px);margin:8px 0 10px;line-height:1.1}.concert-banner p{color:#e6e9ff;max-width:620px;font-size:14px}.concert-art{flex:0 0 178px;position:relative;z-index:1}.concert-art img{filter:drop-shadow(0 0 12px #ffda7192)}.concert-link{color:#ffe49b;font-weight:900}.concert-decor{font-size:170px;position:absolute;right:50px;top:-35px;opacity:.1;color:#ffdc88}
.footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 0 33px;border-top:1px solid #ffffff22;color:#b3c2e5;font-size:12px}.footer>div{color:white;font-weight:900}.footer-star{color:#ffe58f}.footer p{max-width:470px;margin:0}.footer a{color:#ffe8a6;font-weight:800}
.breadcrumb{padding-top:27px;color:#b1c5f5;font-size:13px;font-weight:800}.breadcrumb a:hover{color:white}.breadcrumb span:last-child{color:#ffe49b}.detail-hero{min-height:500px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px;padding:18px 0 29px}.detail-copy{z-index:2}.detail-copy h1{font-size:clamp(62px,7.2vw,104px);font-weight:1000;line-height:1.03;letter-spacing:-3px;margin:22px 0 8px;color:#fff;text-shadow:0 0 38px #5ebeff55}.detail-subtitle{color:#ffe2a0;font-size:clamp(19px,2.3vw,27px);font-weight:900;margin:0 0 15px}.detail-intro{max-width:560px;color:#d5e3ff;font-size:18px;line-height:1.75;margin:0 0 22px}.instrument-tag{display:inline-flex;align-items:center;gap:14px;border:1px solid #fff3c18c;background:linear-gradient(100deg,#ffe6ac19,#8fcfff18);border-radius:19px;padding:8px 20px 8px 9px}.tag-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:14px;background:#0a1d53}.tag-icon img{width:64px;height:64px}.instrument-tag small{font-size:10px;letter-spacing:2px;color:#eacda2;font-weight:900;display:block}.instrument-tag strong{font-size:20px;display:block}.sound-burst{margin:21px 0 0;font-size:23px;font-weight:1000;font-style:italic;letter-spacing:.7px;color:#ffe492;text-shadow:0 0 18px #efc34a55}
.world-display{width:min(500px,100%);height:440px;justify-self:center;position:relative;isolation:isolate}.world-glow{position:absolute;inset:11%;background:radial-gradient(circle,#9fd8ff35,transparent 68%);filter:blur(20px)}.world-orbit{position:absolute;border:1.2px dashed #8dcfff50;border-radius:50%;transform:rotate(-25deg)}.orbit-a{inset:14% 10%}.orbit-b{inset:1% 0}.large-planet{position:absolute;width:320px;height:320px;max-width:76%;top:45%;left:47%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 45px #8edaff66);animation:floatSun 6s ease-in-out infinite}.instrument-glow{position:absolute;right:0%;bottom:9%;width:145px;height:145px;padding:7px;border-radius:35px;background:linear-gradient(145deg,#2d4586dd,#0c1c58f2);border:1px solid #ffe79c88;box-shadow:0 18px 40px #020727}.instrument-glow img{width:100%;height:100%;filter:drop-shadow(0 3px 10px #fff6a422)}.world-note{position:absolute;color:#ffdf89;text-shadow:0 0 18px #ffd57b77;font-size:40px;animation:floatSun 5s ease-in-out infinite}.note-one{right:18%;top:8%}.note-two{left:2%;bottom:20%;animation-delay:-3s}.world-orchestra .mini-orchestra{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:0}.mini-orchestra img{width:65px;margin:0 -5px;filter:drop-shadow(0 0 8px #f2dc8059)}
.listen-section{padding:20px 0 18px}.listen-head{text-align:center}.listen-head h2{font-size:clamp(29px,3.5vw,42px);margin:9px 0 7px}.listen-head p{color:#bbcbe9;margin:0 auto;max-width:620px;font-size:14px;line-height:1.75}.audio-panel{display:flex;align-items:center;gap:28px;max-width:800px;margin:24px auto 0;border:1px solid #ffe9a58c;border-radius:24px;background:linear-gradient(135deg,#1c366e,#11214a);padding:24px 27px;box-shadow:0 18px 45px #020728}.audio-icon{width:112px;height:112px;flex:0 0 112px;border-radius:23px;background:linear-gradient(145deg,#42619d,#172554);display:grid;place-items:center}.audio-icon img{width:100%;height:100%}.audio-body{flex:1;min-width:0}.audio-name{font-size:17px;font-weight:900;margin-bottom:11px}.soon{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;background:#ffe59c;color:#14285b;border-radius:999px;font-weight:1000;font-size:14px;line-height:1.35}.audio-body p{color:#becee9;font-size:12px;margin:11px 0 0;line-height:1.6}.audio-panel audio{display:block;width:100%;min-height:52px}.chapter-switch{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:31px 0 84px;flex-wrap:wrap}.btn-text{color:#cfdbf1}.btn-text:hover{color:#fff}
@keyframes floatSun{0%,100%{translate:0 0}50%{translate:0 -11px}}
@media(max-width:980px){.hero-home{grid-template-columns:1fr .9fr}.hero-copy h1{font-size:clamp(44px,5.7vw,66px)}.musician-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-visual{height:405px}.sun-stage{width:210px}.opening-card{min-height:228px}.opening-card .card-meta strong{font-size:21px}.instrument-glow{width:115px;height:115px}.detail-hero{min-height:440px}}
@media(max-width:740px){.site{padding:0 19px}.topbar{min-height:74px}.brand{font-size:12px}.brand-sun{width:38px;height:38px}.brand-sun img{width:38px}.brand-copy small{font-size:11px}.nav-links{gap:8px}.nav-links>a:not(.nav-main){display:none}.nav-main{font-size:11px;padding:10px 13px}.hero-home{grid-template-columns:1fr;min-height:0;padding:43px 0 15px}.hero-copy h1{font-size:clamp(43px,8vw,59px)}.hero-lead{font-size:16px}.hero-visual{height:300px;max-width:490px;width:100%;margin:auto}.sun-stage{width:175px}.op-saturno{width:92px}.op-terra{width:85px}.op-nettuno{width:78px}.section-head{display:block}.section-head p{margin-top:10px}.chapter-entrance,.chapters-section{padding:29px 0}.opening-cards{grid-template-columns:1fr}.opening-card{min-height:200px}.opening-card .planet-stage{height:135px}.musician-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.planet-stage{height:145px}.planet-art{width:122px;height:122px}.musician-card{padding:14px}.card-meta strong{font-size:20px}.instrument-medallion{width:48px;height:48px}.concert-banner{padding:23px;gap:12px;min-height:170px;margin-bottom:49px}.concert-art{flex-basis:100px}.concert-banner p{font-size:12px}.concert-decor{display:none}.footer{flex-wrap:wrap}.detail-hero{grid-template-columns:1fr;padding:29px 0 5px;gap:0}.detail-copy h1{font-size:65px}.detail-intro{font-size:16px}.world-display{height:325px}.large-planet{width:245px;height:245px}.instrument-glow{width:100px;height:100px}.listen-section{padding-top:8px}.audio-panel{padding:19px;gap:16px}.audio-icon{width:86px;height:86px;flex-basis:86px}.mini-orchestra img{width:48px}.chapter-switch{margin-bottom:50px}}
@media(max-width:410px){.site{padding:0 13px}.brand{font-size:10.5px}.brand-copy small{font-size:10px}.nav-main{font-size:10px;padding:9px}.hero-copy h1{font-size:41px;letter-spacing:-2px}.hero-buttons{gap:10px}.btn{font-size:12px;padding:10px 15px}.hero-facts{gap:18px}.opening-card{padding:13px}.opening-card .card-meta strong{font-size:19px}.musician-grid{gap:10px}.planet-art{width:110px;height:110px}.planet-stage{height:130px}.musician-card{padding:12px}.card-meta strong{font-size:18px}.card-meta small{font-size:11px}.card-outro{font-size:11px}.instrument-medallion{width:42px;height:42px}.concert-art{flex-basis:85px}.audio-panel{display:block;text-align:center}.audio-icon{margin:auto auto 12px}.chapter-switch .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sun-stage,.orbit-planet,.floating-notes span,.large-planet,.world-note{animation:none!important}.musician-card,.btn,.concert-banner{transition:none!important}}