:root{--ink:#07355a;--muted:#5b7990;--line:rgba(255,255,255,.65);--glass:rgba(236,250,255,.55);--glass2:rgba(255,255,255,.68);--blue:#0798da;--blue2:#2fc8f4;--navy:#05315d;--pink:#ff3973;--shadow:0 18px 55px rgba(4,78,120,.13);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(145deg,#f8fdff 0%,#ddf6ff 48%,#f9feff 100%);min-height:100vh;padding-bottom:94px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.ambient{position:fixed;z-index:-1;filter:blur(70px);opacity:.35;border-radius:999px}.ambient-a{width:360px;height:360px;background:#6ad6ff;left:-120px;top:10%}.ambient-b{width:420px;height:420px;background:#b9f2ff;right:-180px;bottom:6%}.glass{background:var(--glass);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.site-header{position:sticky;top:0;z-index:50;border-width:0 0 1px}.header-inner{height:82px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{width:48px;height:48px;object-fit:contain;border-radius:14px}.brand span{display:flex;flex-direction:column}.brand strong{font-size:19px;letter-spacing:.3px}.brand small{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:1.2px}.main-nav{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:13px;font-weight:750}.main-nav a{opacity:.8}.main-nav a:hover{color:var(--blue);opacity:1}.live-pill{background:linear-gradient(135deg,#ff5a8b,#ff235f);color:white;padding:11px 15px;border-radius:999px;font-size:12px;font-weight:900;box-shadow:0 9px 24px rgba(255,48,105,.23)}.nav-toggle{display:none;border:0;background:transparent;color:var(--ink);font-size:24px}.hero{padding:34px 0 18px}.hero-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:20px}.hero-copy,.now-card,.feature,.panel,.story-card,.host-card,.pod-card,.event-card,.contact-card,.admin-card{border-radius:var(--radius)}.hero-copy{min-height:410px;padding:52px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-copy:after{content:"";position:absolute;right:-110px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(50,199,244,.22),transparent 68%)}.kicker{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:2px}.hero-copy h1{font-size:clamp(38px,6vw,72px);line-height:.94;margin:12px 0 18px;letter-spacing:-3px}.hero-copy h1 span{color:var(--blue)}.hero-copy p{max-width:580px;color:var(--muted);font-size:18px;line-height:1.6}.hero-actions{display:flex;gap:12px;margin-top:14px}.btn{border:0;border-radius:14px;padding:13px 18px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--blue),#23c9f1);color:white;box-shadow:0 10px 24px rgba(7,152,218,.2)}.btn-soft{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.85);color:var(--ink)}.now-card{padding:28px;display:flex;flex-direction:column;justify-content:center;min-width:0}.now-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.badge-live{background:#ff316d;color:white;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900}.now-cover{aspect-ratio:1.45/1;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#89ddf9,#e9fbff)}.now-cover img{width:100%;height:100%;object-fit:cover}.now-meta{padding:17px 2px 0}.now-meta h2{font-size:24px;margin:3px 0}.now-meta p{margin:0;color:var(--muted)}.wave{height:34px;display:flex;gap:4px;align-items:center;margin-top:14px}.wave i,.visualizer i{width:4px;border-radius:99px;background:linear-gradient(var(--blue2),var(--blue));animation:wave 1s ease-in-out infinite alternate}.wave i:nth-child(1){height:30%;}.wave i:nth-child(2){height:80%;animation-delay:.15s}.wave i:nth-child(3){height:48%;animation-delay:.3s}.wave i:nth-child(4){height:100%;animation-delay:.45s}.wave i:nth-child(5){height:60%;animation-delay:.6s}.wave i:nth-child(6){height:35%;animation-delay:.75s}.wave i:nth-child(7){height:75%;animation-delay:.9s}@keyframes wave{to{height:25%}}
.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px auto 26px}.feature{padding:18px;display:flex;gap:13px;align-items:center}.feature .icon{font-size:26px}.feature strong{display:block;font-size:13px}.feature small{color:var(--muted)}.section{padding:22px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section-head h2{margin:0;font-size:28px}.section-head p{margin:5px 0 0;color:var(--muted)}.section-head a{font-size:13px;color:var(--blue);font-weight:800}.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.panel{padding:22px}.onair{display:flex;gap:18px;align-items:center}.onair img{width:120px;height:140px;object-fit:cover;border-radius:18px}.onair h3{font-size:22px;margin:5px 0}.onair p{color:var(--muted);line-height:1.5}.schedule{display:grid;gap:8px}.schedule-row{display:grid;grid-template-columns:92px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.65)}.schedule-row time{font-weight:900;color:var(--blue)}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.story-card{overflow:hidden}.story-card .media{height:155px;overflow:hidden;background:#d9f4ff}.story-card .media img{width:100%;height:100%;object-fit:cover}.story-body{padding:15px}.story-body small{color:var(--blue);font-weight:850}.story-body h3{margin:7px 0 5px;font-size:17px}.story-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.banner{border-radius:24px;padding:27px 32px;margin:18px auto;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,rgba(7,95,160,.88),rgba(25,184,226,.82));color:white;box-shadow:var(--shadow);overflow:hidden}.banner h2{margin:0;font-size:34px}.banner p{margin:4px 0 0;opacity:.82}.host-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.host-card{text-align:center;padding:20px 12px}.host-card img{width:96px;height:96px;object-fit:cover;border-radius:50%;margin:0 auto 12px;border:4px solid rgba(255,255,255,.7)}.host-card h3{margin:0}.host-card p{font-size:12px;color:var(--muted)}.pod-grid,.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pod-card,.event-card{padding:16px}.pod-card img,.event-card img{width:100%;height:180px;object-fit:cover;border-radius:18px}.pod-card h3,.event-card h3{margin:12px 0 5px}.pod-card p,.event-card p{color:var(--muted);font-size:14px;line-height:1.5}.audio-mini{width:100%;margin-top:10px}.page-hero{padding:48px 0 12px}.page-hero .panel{padding:36px}.page-hero h1{font-size:46px;margin:0 0 8px}.page-hero p{color:var(--muted);margin:0}.article{padding:30px;line-height:1.8}.article img{width:100%;max-height:470px;object-fit:cover;border-radius:20px;margin-bottom:20px}.article h1{font-size:44px;line-height:1.05}.article-meta{color:var(--muted);font-size:13px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.contact-card{padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:850}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.85);border-radius:13px;background:rgba(255,255,255,.62);color:var(--ink);outline:none}.field textarea{min-height:130px;resize:vertical}.notice{padding:13px 15px;border-radius:13px;background:rgba(47,201,133,.12);color:#087244;margin-bottom:15px;border:1px solid rgba(47,201,133,.18)}
.footer{padding:38px 0 22px;margin-top:34px;border-top:1px solid rgba(255,255,255,.6)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.footer-brand img{width:50px}.footer p{color:var(--muted);font-size:13px;line-height:1.7}.social-links a{margin-right:10px;color:var(--blue);font-weight:800}.copyright{padding-top:20px;color:var(--muted);font-size:12px}.sticky-player{position:fixed;z-index:70;left:50%;bottom:14px;transform:translateX(-50%);width:min(900px,calc(100% - 24px));min-height:72px;border-radius:22px;padding:10px 14px;display:grid;grid-template-columns:52px minmax(150px,1fr) 48px 120px 150px;gap:12px;align-items:center}.player-cover img{width:52px;height:52px;border-radius:14px;object-fit:cover}.player-meta{min-width:0;display:flex;flex-direction:column}.player-meta small{font-size:9px;color:var(--blue);font-weight:900}.player-meta strong,.player-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-meta span{font-size:12px;color:var(--muted)}.play-button{width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;font-size:17px;cursor:pointer;box-shadow:0 8px 20px rgba(0,150,220,.25)}.visualizer{height:30px;display:flex;gap:4px;align-items:center}.visualizer i{height:60%;animation-play-state:paused}.sticky-player.playing .visualizer i{animation-play-state:running}.volume{display:flex;align-items:center;gap:7px;font-size:12px}.volume input{width:110px;accent-color:var(--blue)}
@media(max-width:960px){.main-nav{display:none;position:absolute;left:16px;right:16px;top:76px;padding:14px;border-radius:18px;flex-direction:column;align-items:stretch;background:rgba(241,251,255,.96);box-shadow:var(--shadow)}.main-nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.live-pill{display:none}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}.hero-copy{min-height:340px;padding:36px}.feature-row{grid-template-columns:1fr 1fr}.cards-4{grid-template-columns:1fr 1fr}.host-grid{grid-template-columns:repeat(3,1fr)}.sticky-player{grid-template-columns:48px 1fr 46px}.visualizer,.volume{display:none}}
@media(max-width:640px){body{padding-bottom:86px}.wrap{width:min(100% - 20px,1180px)}.header-inner{height:70px}.brand img{width:42px;height:42px}.brand strong{font-size:16px}.hero{padding-top:18px}.hero-copy{padding:26px;min-height:310px}.hero-copy h1{font-size:46px}.hero-copy p{font-size:15px}.feature-row,.cards-4,.host-grid,.pod-grid,.event-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.feature-row{gap:9px}.feature{padding:14px}.two-col{gap:12px}.panel{padding:16px}.onair{align-items:flex-start}.onair img{width:92px;height:112px}.schedule-row{grid-template-columns:74px 1fr}.schedule-row span:last-child{display:none}.banner{padding:22px;align-items:flex-start;flex-direction:column}.banner h2{font-size:28px}.page-hero h1{font-size:36px}.article{padding:18px}.article h1{font-size:34px}.sticky-player{bottom:8px;border-radius:18px;padding:8px 10px}.player-cover img{width:46px;height:46px}.player-meta strong{font-size:13px}.player-meta span{font-size:11px}}

/* Iconos SVG propios - Aqua Glass */
.ui-icon,.feature-icon,.player-icon,.volume-icon,.admin-nav-icon{display:inline-block;width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em;flex:0 0 auto}.icon-button{display:inline-grid;place-items:center}.nav-toggle .ui-icon{width:27px;height:27px}.live-pill,.badge-live{display:inline-flex;align-items:center;gap:6px}.live-icon,.badge-icon{width:15px;height:15px}.feature .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.75);color:var(--blue);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}.feature-icon{width:27px;height:27px;stroke-width:1.7}.play-button{display:grid;place-items:center}.player-icon{width:21px;height:21px;stroke-width:2.1}.play-button .state-pause{display:none}.play-button.is-playing .state-play{display:none}.play-button.is-playing .state-pause{display:inline-flex}.volume-icon{width:20px;height:20px;color:var(--blue)}.btn .ui-icon{width:18px;height:18px}

/* =========================================================
   AQUA PREMIUM RADIO — animaciones públicas v1.2
   Ligero: CSS + IntersectionObserver, sin librerías externas.
   ========================================================= */
body{position:relative;overflow-x:hidden;background:
  radial-gradient(circle at 15% 0%,rgba(120,225,255,.30),transparent 32%),
  radial-gradient(circle at 88% 28%,rgba(59,190,239,.17),transparent 28%),
  linear-gradient(145deg,#fbfeff 0%,#e8f9ff 48%,#fbfeff 100%)}
main,.footer{position:relative;z-index:2}
.aqua-scene{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.aqua-orb{position:absolute;border-radius:999px;filter:blur(18px);opacity:.22;will-change:transform;animation:aquaFloat 16s ease-in-out infinite alternate}
.aqua-orb.o1{width:310px;height:310px;left:-110px;top:18%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(59,203,247,.46) 38%,rgba(59,203,247,0) 72%)}
.aqua-orb.o2{width:390px;height:390px;right:-150px;top:48%;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.82),rgba(0,151,219,.30) 42%,rgba(0,151,219,0) 73%);animation-duration:20s;animation-delay:-6s}
.aqua-orb.o3{width:220px;height:220px;left:48%;top:6%;background:radial-gradient(circle,rgba(177,241,255,.60),rgba(177,241,255,0) 70%);opacity:.14;animation-duration:13s;animation-delay:-3s}
.aqua-bubble{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.62);background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(92,204,244,.07));box-shadow:inset 0 0 18px rgba(255,255,255,.20);opacity:.28;animation:bubbleDrift var(--dur,18s) ease-in-out infinite alternate;will-change:transform}
.aqua-bubble::after{content:"";position:absolute;left:20%;top:14%;width:30%;height:22%;border-radius:50%;background:rgba(255,255,255,.48);filter:blur(2px)}
.aqua-bubble.b1{width:28px;height:28px;left:7%;top:68%;--dur:17s}
.aqua-bubble.b2{width:46px;height:46px;left:21%;top:31%;--dur:21s;animation-delay:-8s}
.aqua-bubble.b3{width:22px;height:22px;left:42%;top:78%;--dur:15s;animation-delay:-4s}
.aqua-bubble.b4{width:36px;height:36px;right:28%;top:18%;--dur:19s;animation-delay:-10s}
.aqua-bubble.b5{width:54px;height:54px;right:9%;top:73%;--dur:24s;animation-delay:-5s}
.aqua-bubble.b6{width:18px;height:18px;right:15%;top:36%;--dur:14s;animation-delay:-2s}
@keyframes aquaFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(18px,-22px,0) scale(1.06)}}
@keyframes bubbleDrift{from{transform:translate3d(0,16px,0) rotate(0deg)}to{transform:translate3d(18px,-28px,0) rotate(10deg)}}
.site-header{transition:background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease,transform .35s ease}
.site-header.is-scrolled{background:rgba(231,248,255,.72);box-shadow:0 12px 36px rgba(5,73,112,.10);backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%)}
.site-header .brand img{transition:transform .35s ease,filter .35s ease}.site-header.is-scrolled .brand img{transform:scale(.93);filter:drop-shadow(0 6px 12px rgba(3,128,188,.12))}
.reveal-on-scroll{opacity:0;transform:translate3d(0,28px,0);filter:blur(3px);transition:opacity .75s cubic-bezier(.2,.75,.2,1),transform .75s cubic-bezier(.2,.75,.2,1),filter .75s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.reveal-on-scroll.from-left{transform:translate3d(-32px,14px,0)}
.reveal-on-scroll.from-right{transform:translate3d(32px,14px,0)}
.reveal-on-scroll.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
.story-card,.host-card,.pod-card,.event-card,.feature,.panel,.now-card,.contact-card,.hero-copy{transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease,background .32s ease}
.story-card:hover,.host-card:hover,.pod-card:hover,.event-card:hover,.feature:hover{transform:translateY(-5px);box-shadow:0 22px 58px rgba(4,93,139,.16),inset 0 1px 0 rgba(255,255,255,.94);border-color:rgba(255,255,255,.98);background:rgba(240,252,255,.67)}
.btn{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.btn:hover{transform:translateY(-2px);filter:saturate(1.08)}.btn-primary:hover{box-shadow:0 14px 32px rgba(7,152,218,.28)}
.main-nav a{position:relative;transition:color .22s ease,opacity .22s ease}.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--blue2));transition:right .25s ease}.main-nav a:hover::after{right:0}
.hero-copy::before,.now-card::before{content:"";position:absolute;pointer-events:none;width:46%;height:190%;top:-52%;left:-58%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);animation:glassShine 10s ease-in-out infinite}
.now-card{position:relative;overflow:hidden}.now-card::before{animation-delay:-4s;opacity:.72}
@keyframes glassShine{0%,62%{left:-58%}78%,100%{left:125%}}
.sticky-player{transition:box-shadow .35s ease,background .35s ease,border-color .35s ease}
.sticky-player.playing{box-shadow:0 20px 65px rgba(2,133,196,.19),0 0 0 1px rgba(76,213,255,.15),inset 0 1px 0 rgba(255,255,255,.95)}
.play-button{position:relative;isolation:isolate}.sticky-player.playing .play-button::after{content:"";position:absolute;inset:-7px;border-radius:50%;z-index:-1;border:1px solid rgba(32,193,240,.38);animation:playPulse 1.8s ease-out infinite}
@keyframes playPulse{0%{transform:scale(.74);opacity:.72}100%{transform:scale(1.34);opacity:0}}
.ambient{transition:transform .12s linear;will-change:transform}.ambient-a{transform:translate3d(0,var(--ambient-a-y,0),0)}.ambient-b{transform:translate3d(0,var(--ambient-b-y,0),0)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aqua-orb,.aqua-bubble,.hero-copy::before,.now-card::before,.wave i,.visualizer i,.sticky-player.playing .play-button::after{animation:none!important}.reveal-on-scroll{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.story-card,.host-card,.pod-card,.event-card,.feature,.panel,.now-card,.contact-card,.hero-copy,.btn,.site-header{transition:none!important}}
@media(max-width:640px){.aqua-orb{opacity:.15}.aqua-bubble{opacity:.18}.story-card:hover,.host-card:hover,.pod-card:hover,.event-card:hover,.feature:hover{transform:none}.hero-copy::before,.now-card::before{opacity:.42}}
/* Layer ordering fix for the animated Aqua background */
.aqua-scene{z-index:0}.ambient{z-index:1}main,.footer{z-index:2}.site-header{z-index:50}.sticky-player{z-index:70}

/* =========================================================
   LOGO XL HORIZONTAL — Aqua Premium Radio v1.4
   Optimizado para logos horizontales y cuadrados
   ========================================================= */
.header-inner{height:120px;gap:22px}
.brand{gap:16px;min-width:340px;flex:0 0 auto}
.brand img{
  width:auto;
  height:86px;
  max-width:220px;
  object-fit:contain;
  border-radius:14px;
  flex:0 0 auto;
  filter:drop-shadow(0 8px 18px rgba(4,91,137,.10));
}
.brand strong{font-size:22px;line-height:1.05}
.brand small{font-size:10px}
.site-header.is-scrolled .brand img{transform:scale(.92)}

@media(max-width:1180px){
  .header-inner{gap:15px}
  .brand{min-width:285px;gap:12px}
  .brand img{height:74px;max-width:170px}
  .brand strong{font-size:19px}
  .main-nav{gap:14px;font-size:12px}
}

@media(max-width:960px){
  .header-inner{height:96px}
  .brand{min-width:0;gap:12px}
  .brand img{height:70px;max-width:165px;border-radius:12px}
  .brand strong{font-size:18px}
  .main-nav{top:92px}
}

@media(max-width:640px){
  .header-inner{height:84px}
  .brand{gap:8px}
  .brand img{height:58px;max-width:128px;border-radius:10px}
  .brand strong{font-size:15px}
  .brand small{font-size:8px;letter-spacing:.8px}
  .main-nav{top:80px}
}


/* =========================================================
   NOW PLAYING ARTWORK — v1.5
   La portada reemplaza el logo grande cuando el API encuentra
   una coincidencia; el logo sigue siendo el fallback.
   ========================================================= */
.now-cover{aspect-ratio:1/1;width:min(100%,370px);margin:0 auto;border-radius:24px;background:linear-gradient(145deg,rgba(158,231,255,.72),rgba(244,253,255,.82));box-shadow:0 18px 44px rgba(5,100,148,.12),inset 0 1px 0 rgba(255,255,255,.9)}
.now-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .28s ease,transform .45s ease}
.now-cover:hover img{transform:scale(1.018)}
.artwork-source{display:inline-flex;width:max-content;margin-top:4px;font-size:10px;font-weight:800;color:var(--blue);opacity:.72}
.artwork-source:hover{opacity:1;text-decoration:underline}
@media(max-width:960px){.now-cover{width:min(100%,420px)}}
@media(max-width:640px){.now-cover{width:min(100%,330px);border-radius:20px}}

/* =========================================================
   5 TEMAS DE DISEÑO — Radio Aqua Glass v2.0
   ========================================================= */
body{
  --theme-bg:linear-gradient(145deg,#f8fdff 0%,#ddf6ff 48%,#f9feff 100%);
  --theme-soft:rgba(255,255,255,.46);
  --theme-soft-strong:rgba(255,255,255,.68);
  --theme-border:rgba(255,255,255,.80);
  --theme-hover:rgba(240,252,255,.67);
  --theme-ambient-a:#6ad6ff;
  --theme-ambient-b:#b9f2ff;
  --theme-banner-a:rgba(7,95,160,.88);
  --theme-banner-b:rgba(25,184,226,.82);
  --theme-mobile-nav:rgba(241,251,255,.96);
  --theme-player-shadow:rgba(2,133,196,.19);
  background:var(--theme-bg);
  transition:background .45s ease,color .35s ease;
}
body.theme-aqua{--ink:#07355a;--muted:#5b7990;--glass:rgba(236,250,255,.55);--glass2:rgba(255,255,255,.68);--blue:#0798da;--blue2:#2fc8f4;--navy:#05315d;--pink:#ff3973;--shadow:0 18px 55px rgba(4,78,120,.13)}
body.theme-dark{--ink:#eef7ff;--muted:#9cb4c7;--glass:rgba(7,18,31,.76);--glass2:rgba(14,29,45,.86);--blue:#15b9ff;--blue2:#56ddff;--navy:#07182a;--pink:#ff315f;--shadow:0 22px 70px rgba(0,0,0,.36);--theme-bg:radial-gradient(circle at 18% 14%,#123452 0,transparent 28%),radial-gradient(circle at 84% 76%,#102a3f 0,transparent 30%),linear-gradient(145deg,#020a12 0%,#071522 48%,#03080e 100%);--theme-soft:rgba(255,255,255,.055);--theme-soft-strong:rgba(255,255,255,.09);--theme-border:rgba(255,255,255,.14);--theme-hover:rgba(24,49,68,.88);--theme-ambient-a:#087fb4;--theme-ambient-b:#0c4f77;--theme-banner-a:rgba(4,84,126,.95);--theme-banner-b:rgba(5,39,65,.94);--theme-mobile-nav:rgba(5,17,29,.98);--theme-player-shadow:rgba(0,178,255,.22)}
body.theme-red{--ink:#fff1f3;--muted:#e7b9c0;--glass:rgba(75,5,13,.67);--glass2:rgba(94,8,18,.78);--blue:#ff243e;--blue2:#ff5b6e;--navy:#3b050b;--pink:#ff183b;--shadow:0 22px 68px rgba(76,0,8,.34);--theme-bg:radial-gradient(circle at 15% 12%,#7b0715 0,transparent 30%),radial-gradient(circle at 88% 80%,#510810 0,transparent 32%),linear-gradient(145deg,#180205 0%,#3a040b 50%,#120104 100%);--theme-soft:rgba(255,255,255,.065);--theme-soft-strong:rgba(255,255,255,.10);--theme-border:rgba(255,255,255,.17);--theme-hover:rgba(112,10,22,.82);--theme-ambient-a:#ff1f3d;--theme-ambient-b:#8c0b18;--theme-banner-a:rgba(190,9,28,.96);--theme-banner-b:rgba(92,4,14,.95);--theme-mobile-nav:rgba(52,3,10,.98);--theme-player-shadow:rgba(255,30,57,.25)}
body.theme-purple{--ink:#fff2ff;--muted:#d9b9ea;--glass:rgba(43,5,72,.67);--glass2:rgba(63,8,96,.78);--blue:#b529ff;--blue2:#f044ff;--navy:#24043c;--pink:#ff39c6;--shadow:0 22px 70px rgba(46,0,76,.35);--theme-bg:radial-gradient(circle at 14% 18%,#5f0c8d 0,transparent 28%),radial-gradient(circle at 88% 72%,#34115f 0,transparent 34%),linear-gradient(145deg,#160522 0%,#2d0648 48%,#100318 100%);--theme-soft:rgba(255,255,255,.065);--theme-soft-strong:rgba(255,255,255,.10);--theme-border:rgba(255,255,255,.18);--theme-hover:rgba(80,18,119,.86);--theme-ambient-a:#b11cff;--theme-ambient-b:#ff3bbf;--theme-banner-a:rgba(119,20,184,.95);--theme-banner-b:rgba(221,35,189,.86);--theme-mobile-nav:rgba(34,6,53,.98);--theme-player-shadow:rgba(181,41,255,.25)}
body.theme-classic{--ink:#102c49;--muted:#68788b;--glass:rgba(255,255,255,.91);--glass2:rgba(255,255,255,.96);--blue:#e91929;--blue2:#ff4d59;--navy:#0d2a45;--pink:#e91929;--shadow:0 16px 46px rgba(26,46,70,.10);--theme-bg:linear-gradient(145deg,#f8fafc 0%,#eef2f6 52%,#ffffff 100%);--theme-soft:rgba(246,248,251,.94);--theme-soft-strong:#fff;--theme-border:rgba(18,44,73,.10);--theme-hover:#fff;--theme-ambient-a:#cbd5df;--theme-ambient-b:#f1b8bd;--theme-banner-a:rgba(18,44,73,.96);--theme-banner-b:rgba(233,25,41,.92);--theme-mobile-nav:rgba(255,255,255,.98);--theme-player-shadow:rgba(233,25,41,.14);--radius:18px}

body.theme-custom-accent{--blue:var(--theme-custom);--blue2:var(--theme-custom);--pink:var(--theme-custom)}
body .ambient-a{background:var(--theme-ambient-a)}body .ambient-b{background:var(--theme-ambient-b)}
body .glass{border-color:var(--theme-border)}
body .schedule-row{background:var(--theme-soft);border-color:var(--theme-border)}
body .btn-soft{background:var(--theme-soft-strong);border-color:var(--theme-border);color:var(--ink)}
body .banner{background:linear-gradient(120deg,var(--theme-banner-a),var(--theme-banner-b))}
body .field input,body .field textarea,body .field select{background:var(--theme-soft-strong);border-color:var(--theme-border);color:var(--ink)}
body .story-card:hover,body .host-card:hover,body .pod-card:hover,body .event-card:hover,body .feature:hover{background:var(--theme-hover);border-color:var(--theme-border)}
body .sticky-player.playing{box-shadow:0 20px 65px var(--theme-player-shadow),0 0 0 1px color-mix(in srgb,var(--blue) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}
body.theme-dark .site-header,body.theme-red .site-header,body.theme-purple .site-header{background:color-mix(in srgb,var(--glass) 92%,transparent)}
body.theme-dark .now-cover,body.theme-red .now-cover,body.theme-purple .now-cover{background:rgba(255,255,255,.06);box-shadow:0 18px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.13)}
body.theme-dark .host-card img,body.theme-red .host-card img,body.theme-purple .host-card img{border-color:rgba(255,255,255,.18)}
body.theme-classic .glass{backdrop-filter:blur(10px) saturate(110%);-webkit-backdrop-filter:blur(10px) saturate(110%)}
body.theme-classic .hero-copy:after{background:linear-gradient(135deg,transparent 45%,rgba(233,25,41,.08) 45% 58%,transparent 58%)}
body.theme-classic .aqua-scene{opacity:.18}

body.theme-no-glass .glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--glass2)!important;box-shadow:0 12px 36px rgba(15,38,62,.10)!important}
body.theme-dark.theme-no-glass .glass,body.theme-red.theme-no-glass .glass,body.theme-purple.theme-no-glass .glass{background:var(--glass2)!important;box-shadow:0 15px 44px rgba(0,0,0,.26)!important}
body.theme-no-animations *,body.theme-no-animations *::before,body.theme-no-animations *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
body.theme-no-animations .aqua-scene{display:none!important}
body.theme-no-animations .reveal-on-scroll{opacity:1!important;transform:none!important;filter:none!important}

/* Modo automático: 7:00 p.m. a 5:59 a.m. según la hora local del visitante */
body.auto-night.theme-aqua,body.auto-night.theme-classic{--ink:#eef7ff;--muted:#9cb4c7;--glass:rgba(7,18,31,.76);--glass2:rgba(14,29,45,.86);--shadow:0 22px 70px rgba(0,0,0,.36);--theme-bg:radial-gradient(circle at 18% 14%,#123452 0,transparent 28%),linear-gradient(145deg,#020a12,#071522 50%,#03080e);--theme-soft:rgba(255,255,255,.055);--theme-soft-strong:rgba(255,255,255,.09);--theme-border:rgba(255,255,255,.14);--theme-hover:rgba(24,49,68,.88);--theme-mobile-nav:rgba(5,17,29,.98)}

.cover-changing{opacity:.12!important;transform:scale(.97)!important}

@media(max-width:960px){
  body .main-nav{background:var(--theme-mobile-nav);border:1px solid var(--theme-border)}
}
/* Los fondos animados heredan el color del tema activo */
body .aqua-orb.o1{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.78),color-mix(in srgb,var(--theme-ambient-a) 56%,transparent) 38%,transparent 72%)}
body .aqua-orb.o2{background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.58),color-mix(in srgb,var(--theme-ambient-b) 42%,transparent) 42%,transparent 73%)}
body .aqua-orb.o3{background:radial-gradient(circle,color-mix(in srgb,var(--theme-ambient-a) 36%,white),transparent 70%)}
body .aqua-bubble{background:linear-gradient(145deg,rgba(255,255,255,.20),color-mix(in srgb,var(--theme-ambient-a) 12%,transparent));border-color:color-mix(in srgb,var(--theme-border) 75%,transparent)}


/* =========================================================
   RADIO STUDIO v3.0 — 5 NUEVOS DISEÑOS ESTRUCTURALES
   Los temas 6–10 modifican composición, jerarquía y layout.
   ========================================================= */
.hero{position:relative;isolation:isolate}.hero-backdrop{display:none;position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-backdrop:after{content:"";position:absolute;inset:0}.hero-backdrop img{width:100%;height:100%;object-fit:cover}.hero-station-logo{display:none;object-fit:contain}.home-page .section,.home-page .feature-row,.home-page .banner{transition:all .35s ease}

/* 6. MAGAZINE VISUAL */
body.theme-magazine{--ink:#fff7ef;--muted:#e8cdb8;--glass:rgba(27,12,8,.58);--glass2:rgba(39,19,12,.86);--blue:#ff6b19;--blue2:#ffb234;--pink:#ff3e45;--shadow:0 24px 70px rgba(20,5,0,.35);--radius:18px;--theme-bg:linear-gradient(180deg,#120907,#25120c 42%,#0f0807);--theme-soft:rgba(255,255,255,.06);--theme-soft-strong:rgba(255,255,255,.1);--theme-border:rgba(255,255,255,.14);--theme-hover:rgba(91,43,20,.72);--theme-ambient-a:#ff7a1a;--theme-ambient-b:#8d2b16;--theme-banner-a:#d34516;--theme-banner-b:#6d180e;--theme-mobile-nav:rgba(25,11,8,.98)}
body.theme-magazine .site-header{background:rgba(17,8,7,.82);backdrop-filter:blur(18px)}
body.theme-magazine.home-page .hero{padding:0;min-height:620px;display:flex;align-items:stretch;overflow:hidden}
body.theme-magazine.home-page .hero-backdrop{display:block;opacity:.72}
body.theme-magazine.home-page .hero-backdrop:after{background:linear-gradient(90deg,rgba(14,6,4,.94) 0%,rgba(20,8,5,.66) 50%,rgba(14,6,4,.24) 76%,rgba(14,6,4,.7) 100%),linear-gradient(0deg,#120907 0%,transparent 35%)}
body.theme-magazine.home-page .hero-grid{position:relative;grid-template-columns:minmax(0,1fr);align-items:end;min-height:620px;padding:55px 0}
body.theme-magazine.home-page .hero-copy{width:min(760px,70%);min-height:0;padding:34px 0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
body.theme-magazine.home-page .hero-copy:after{display:none}
body.theme-magazine.home-page .hero-copy h1{font-size:clamp(54px,7vw,96px);max-width:760px;text-transform:uppercase;letter-spacing:-5px;color:#fff}
body.theme-magazine.home-page .hero-copy p{color:#f2d7c4;max-width:650px}
body.theme-magazine.home-page .now-card{position:absolute;right:0;bottom:55px;width:340px;padding:18px;background:rgba(18,8,5,.72)}
body.theme-magazine.home-page .now-cover{width:100%;max-width:none;border-radius:14px}
body.theme-magazine.home-page .feature-row{margin-top:-22px;position:relative;z-index:3}
body.theme-magazine.home-page .feature{background:rgba(32,14,9,.88)}
body.theme-magazine.home-page .section-news .cards-4{grid-template-columns:1.35fr 1fr 1fr}
body.theme-magazine.home-page .section-news .story-card:first-child{grid-row:span 2;grid-column:span 1}
body.theme-magazine.home-page .section-news .story-card:first-child .media{height:360px}
body.theme-magazine.home-page .section-news .story-card:nth-child(4){grid-column:2/4}
body.theme-magazine.home-page .home-banner{border-radius:10px;text-transform:uppercase}
body.theme-magazine .footer{background:#0c0605}

/* 7. MINIMALISTA */
body.theme-minimal{--ink:#102d43;--muted:#728795;--glass:rgba(255,255,255,.78);--glass2:#fff;--blue:#ff334f;--blue2:#16b8eb;--pink:#ff334f;--shadow:0 12px 40px rgba(34,67,88,.08);--radius:28px;--theme-bg:linear-gradient(180deg,#ffffff,#f6fbfd 62%,#fff);--theme-soft:#f8fbfc;--theme-soft-strong:#fff;--theme-border:rgba(16,45,67,.08);--theme-hover:#fff;--theme-ambient-a:#dff8ff;--theme-ambient-b:#ffe6ea;--theme-banner-a:#102d43;--theme-banner-b:#1b8fb7;--theme-mobile-nav:#fff}
body.theme-minimal .site-header{background:rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(16,45,67,.06)}
body.theme-minimal .header-inner{height:96px}
body.theme-minimal .brand{min-width:260px}
body.theme-minimal.home-page .hero{padding:54px 0 10px}
body.theme-minimal.home-page .hero-grid{display:flex;flex-direction:column;align-items:center;max-width:760px}
body.theme-minimal.home-page .hero-copy{display:none}
body.theme-minimal.home-page .now-card{width:min(620px,100%);background:transparent;border:0;box-shadow:none;backdrop-filter:none;text-align:center;align-items:center;padding:10px 30px 34px}
body.theme-minimal.home-page .now-head{justify-content:center;gap:14px}
body.theme-minimal.home-page .now-cover{width:min(390px,78vw);border-radius:50%;aspect-ratio:1;box-shadow:0 0 0 1px #dbeaf0,0 0 0 18px #fff,0 0 0 19px #edf3f6,0 28px 65px rgba(21,71,97,.14)}
body.theme-minimal.home-page .now-meta h2{font-size:34px}
body.theme-minimal.home-page .wave{justify-content:center}
body.theme-minimal.home-page .feature-row{max-width:760px;grid-template-columns:repeat(5,1fr)}
body.theme-minimal.home-page .feature{flex-direction:column;text-align:center;padding:14px 8px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
body.theme-minimal.home-page .feature:nth-child(4){display:none}
body.theme-minimal.home-page .feature .icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #e0edf2;border-radius:50%;background:#fff}
body.theme-minimal.home-page .section-programming .two-col{grid-template-columns:1fr 1fr;max-width:980px}
body.theme-minimal.home-page .panel,body.theme-minimal.home-page .story-card,body.theme-minimal.home-page .host-card,body.theme-minimal.home-page .pod-card,body.theme-minimal.home-page .event-card{box-shadow:none;border-color:#e5eef2;background:#fff}
body.theme-minimal.home-page .section-head{text-align:center;justify-content:center;gap:25px}
body.theme-minimal.home-page .section-head>div{text-align:center}
body.theme-minimal.home-page .home-banner{max-width:980px;border-radius:999px;padding:22px 34px}

/* 8. VIDEOWALL / MULTIMEDIA */
body.theme-videowall{--ink:#f5f8ff;--muted:#9aa7bd;--glass:rgba(9,10,18,.73);--glass2:#11131d;--blue:#ff2e4f;--blue2:#ff7b2f;--pink:#ff225e;--shadow:0 22px 60px rgba(0,0,0,.42);--radius:14px;--theme-bg:radial-gradient(circle at 80% 0%,#26123d 0,transparent 30%),linear-gradient(145deg,#06070b,#11101b 55%,#06070b);--theme-soft:rgba(255,255,255,.055);--theme-soft-strong:rgba(255,255,255,.08);--theme-border:rgba(255,255,255,.12);--theme-hover:rgba(38,24,47,.86);--theme-ambient-a:#e91e63;--theme-ambient-b:#6b26ff;--theme-banner-a:#ef1f3d;--theme-banner-b:#5e123b;--theme-mobile-nav:#0c0d14}
body.theme-videowall .wrap{width:min(1360px,calc(100% - 34px))}
body.theme-videowall .site-header{background:#080910;border-bottom:1px solid rgba(255,255,255,.08)}
body.theme-videowall.home-page .hero{padding:26px 0}
body.theme-videowall.home-page .hero-backdrop{display:block;inset:26px max(17px,calc((100% - 1360px)/2));border-radius:24px;opacity:.58}
body.theme-videowall.home-page .hero-backdrop:after{background:linear-gradient(90deg,rgba(5,5,10,.95),rgba(5,5,10,.5) 58%,rgba(5,5,10,.78))}
body.theme-videowall.home-page .hero-grid{grid-template-columns:1.7fr .66fr;min-height:500px;align-items:stretch}
body.theme-videowall.home-page .hero-copy{background:transparent;border:0;box-shadow:none;backdrop-filter:none;justify-content:end;padding:52px}
body.theme-videowall.home-page .hero-copy h1{font-size:clamp(48px,6vw,82px);max-width:720px}
body.theme-videowall.home-page .now-card{align-self:center;background:rgba(8,8,15,.82);border-radius:18px}
body.theme-videowall.home-page .now-cover{aspect-ratio:16/9;width:100%;border-radius:12px}
body.theme-videowall.home-page .feature-row{grid-template-columns:repeat(4,1fr)}
body.theme-videowall.home-page .feature{border-radius:12px;background:#0f1119}
body.theme-videowall.home-page .section-news .cards-4,body.theme-videowall.home-page .pod-grid{grid-template-columns:repeat(4,1fr)}
body.theme-videowall.home-page .pod-grid .pod-card:first-child{grid-column:span 2}
body.theme-videowall.home-page .pod-card img,body.theme-videowall.home-page .event-card img{border-radius:10px}
body.theme-videowall.home-page .home-banner{border-radius:10px;background:linear-gradient(100deg,#3b0615,#c61432 55%,#240416)}

/* 9. HORIZONTAL PREMIUM */
body.theme-horizontal{--ink:#eaf8ff;--muted:#9ac6dc;--glass:rgba(4,35,57,.72);--glass2:rgba(8,48,75,.94);--blue:#00c9ff;--blue2:#52ecff;--pink:#ff345f;--shadow:0 20px 65px rgba(0,20,35,.36);--radius:16px;--theme-bg:linear-gradient(145deg,#02101b,#03243a 48%,#06131f);--theme-soft:rgba(255,255,255,.06);--theme-soft-strong:rgba(255,255,255,.09);--theme-border:rgba(69,214,255,.18);--theme-hover:rgba(6,62,94,.88);--theme-ambient-a:#00bfff;--theme-ambient-b:#00587d;--theme-banner-a:#045f86;--theme-banner-b:#0b2639;--theme-mobile-nav:#031827}
body.theme-horizontal .wrap{width:min(1380px,calc(100% - 34px))}
body.theme-horizontal .site-header{background:rgba(2,19,31,.9)}
body.theme-horizontal.home-page .hero{padding:28px 0 16px}
body.theme-horizontal.home-page .hero-backdrop{display:block;inset:28px max(17px,calc((100% - 1380px)/2)) 16px;border-radius:22px;opacity:.86}
body.theme-horizontal.home-page .hero-backdrop img{object-position:75% 35%}
body.theme-horizontal.home-page .hero-backdrop:after{background:linear-gradient(90deg,#042339 0%,rgba(4,35,57,.98) 38%,rgba(4,35,57,.45) 65%,rgba(4,35,57,.12) 100%)}
body.theme-horizontal.home-page .hero-grid{display:block;min-height:360px;position:relative}
body.theme-horizontal.home-page .hero-copy{display:none}
body.theme-horizontal.home-page .now-card{width:100%;min-height:360px;padding:58px 54% 50px 48px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;justify-content:center}
body.theme-horizontal.home-page .now-card .now-head{justify-content:flex-start;gap:18px}
body.theme-horizontal.home-page .now-cover{display:none}
body.theme-horizontal.home-page .now-meta h2{font-size:42px;letter-spacing:-1.2px}
body.theme-horizontal.home-page .now-meta p{font-size:18px;color:#7de3ff}
body.theme-horizontal.home-page .feature-row{margin-top:0;border-radius:16px;padding:8px;background:rgba(3,31,49,.62);grid-template-columns:repeat(4,1fr)}
body.theme-horizontal.home-page .feature{justify-content:center;text-align:center;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
body.theme-horizontal.home-page .section-programming .two-col{grid-template-columns:1.2fr .8fr}
body.theme-horizontal.home-page .section-news .cards-4{grid-template-columns:repeat(4,1fr)}
body.theme-horizontal.home-page .story-card{display:grid;grid-template-columns:110px 1fr;min-height:120px}
body.theme-horizontal.home-page .story-card .media{height:100%}
body.theme-horizontal.home-page .story-body{padding:12px}
body.theme-horizontal.home-page .story-body p{display:none}
body.theme-horizontal.home-page .host-grid{grid-template-columns:repeat(5,1fr)}
body.theme-horizontal.home-page .host-card{display:flex;align-items:center;text-align:left;gap:12px;padding:12px}
body.theme-horizontal.home-page .host-card img{width:58px;height:58px;margin:0}

/* 10. ARTÍSTICO / FULL SCREEN */
body.theme-artistic{--ink:#fff;--muted:#d9cce5;--glass:rgba(14,5,23,.50);--glass2:rgba(25,8,39,.9);--blue:#ff126a;--blue2:#9d39ff;--pink:#ff126a;--shadow:0 22px 70px rgba(0,0,0,.42);--radius:22px;--theme-bg:linear-gradient(145deg,#09030e,#16061f 50%,#040207);--theme-soft:rgba(255,255,255,.06);--theme-soft-strong:rgba(255,255,255,.1);--theme-border:rgba(255,255,255,.15);--theme-hover:rgba(56,15,74,.76);--theme-ambient-a:#ff126a;--theme-ambient-b:#7537ff;--theme-banner-a:#fa135e;--theme-banner-b:#501777;--theme-mobile-nav:rgba(14,5,23,.98)}
body.theme-artistic .site-header{position:absolute;left:0;right:0;background:linear-gradient(180deg,rgba(4,1,7,.76),transparent);border:0;box-shadow:none;backdrop-filter:none}
body.theme-artistic .site-header.is-scrolled{position:fixed;background:rgba(8,3,13,.82);backdrop-filter:blur(18px)}
body.theme-artistic.home-page .hero{padding:0;min-height:100vh;display:flex;align-items:center;overflow:hidden}
body.theme-artistic.home-page .hero-backdrop{display:block;opacity:.8}
body.theme-artistic.home-page .hero-backdrop img{filter:saturate(1.3) contrast(1.08)}
body.theme-artistic.home-page .hero-backdrop:after{background:radial-gradient(circle at 50% 40%,rgba(12,2,18,.12),rgba(7,2,12,.55) 55%,#08030c 100%),linear-gradient(0deg,#09030e 0%,transparent 46%)}
body.theme-artistic.home-page .hero-grid{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;padding:150px 0 150px}
body.theme-artistic.home-page .hero-copy{width:min(880px,100%);min-height:0;text-align:center;align-items:center;background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:40px}
body.theme-artistic.home-page .hero-copy:after{display:none}
body.theme-artistic.home-page .hero-station-logo{display:block;width:min(420px,72vw);height:150px;margin:0 auto 22px;filter:drop-shadow(0 18px 35px rgba(0,0,0,.38))}
body.theme-artistic.home-page .hero-copy .kicker{color:#fff;opacity:.82}
body.theme-artistic.home-page .hero-copy h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px;margin:8px 0 12px}
body.theme-artistic.home-page .hero-copy p{color:#eee;max-width:640px}
body.theme-artistic.home-page .hero-actions{justify-content:center}
body.theme-artistic.home-page .now-card{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);width:min(680px,calc(100% - 40px));display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 20px;background:rgba(13,4,21,.55)}
body.theme-artistic.home-page .now-head{margin:0;align-self:center}
body.theme-artistic.home-page .now-cover{display:none}
body.theme-artistic.home-page .now-meta{padding:0;text-align:right}
body.theme-artistic.home-page .now-meta h2{font-size:20px;margin:2px 0}.theme-artistic.home-page .now-meta p{color:#ddd}
body.theme-artistic.home-page .wave{justify-content:flex-end;margin-top:6px;height:18px}
body.theme-artistic.home-page .feature-row{margin-top:18px;max-width:920px}
body.theme-artistic.home-page .feature{flex-direction:column;text-align:center;background:rgba(20,7,31,.58)}
body.theme-artistic.home-page .section{position:relative}
body.theme-artistic.home-page .section-news .cards-4{grid-template-columns:2fr 1fr 1fr}
body.theme-artistic.home-page .section-news .story-card:first-child{grid-row:span 2}
body.theme-artistic.home-page .section-news .story-card:first-child .media{height:330px}
body.theme-artistic.home-page .home-banner{background:linear-gradient(110deg,rgba(255,18,106,.94),rgba(104,25,176,.9))}

/* Compatibilidad no-glass para los nuevos temas */
body.theme-magazine.theme-no-glass .glass,body.theme-videowall.theme-no-glass .glass,body.theme-horizontal.theme-no-glass .glass,body.theme-artistic.theme-no-glass .glass{background:var(--glass2)!important;box-shadow:0 15px 44px rgba(0,0,0,.28)!important}

@media(max-width:1050px){
 body.theme-magazine.home-page .hero-copy{width:60%}
 body.theme-magazine.home-page .now-card{width:330px}
 body.theme-minimal.home-page .feature-row{grid-template-columns:repeat(4,1fr)}
 body.theme-videowall.home-page .hero-grid{grid-template-columns:1.2fr .8fr}
 body.theme-horizontal.home-page .story-card{grid-template-columns:90px 1fr}
}
@media(max-width:960px){
 body.theme-magazine.home-page .hero{min-height:auto;padding:28px 0}
 body.theme-magazine.home-page .hero-grid{display:grid;grid-template-columns:1fr;min-height:0;padding:20px 0}
 body.theme-magazine.home-page .hero-copy{width:100%;padding:34px 20px;min-height:420px}
 body.theme-magazine.home-page .now-card{position:relative;right:auto;bottom:auto;width:100%}
 body.theme-magazine.home-page .section-news .cards-4{grid-template-columns:1fr 1fr}
 body.theme-magazine.home-page .section-news .story-card:first-child,body.theme-magazine.home-page .section-news .story-card:nth-child(4){grid-column:auto;grid-row:auto}
 body.theme-magazine.home-page .section-news .story-card:first-child .media{height:180px}
 body.theme-minimal.home-page .section-programming .two-col{grid-template-columns:1fr}
 body.theme-videowall.home-page .hero-backdrop{inset:20px 16px}
 body.theme-videowall.home-page .hero-grid{grid-template-columns:1fr;min-height:0}
 body.theme-videowall.home-page .hero-copy{min-height:420px;padding:34px}
 body.theme-videowall.home-page .section-news .cards-4,body.theme-videowall.home-page .pod-grid{grid-template-columns:1fr 1fr}
 body.theme-videowall.home-page .pod-grid .pod-card:first-child{grid-column:auto}
 body.theme-horizontal.home-page .now-card{padding-right:42%;}
 body.theme-horizontal.home-page .story-card{grid-template-columns:90px 1fr}
 body.theme-artistic.home-page .section-news .cards-4{grid-template-columns:1fr 1fr}
 body.theme-artistic.home-page .section-news .story-card:first-child{grid-row:auto}
 body.theme-artistic.home-page .section-news .story-card:first-child .media{height:180px}
}
@media(max-width:640px){
 body.theme-magazine.home-page .hero-copy h1{font-size:48px;letter-spacing:-2px}
 body.theme-minimal.home-page .now-cover{width:min(300px,72vw)}
 body.theme-minimal.home-page .feature-row{grid-template-columns:1fr 1fr}
 body.theme-videowall.home-page .hero-copy{min-height:360px;padding:24px}
 body.theme-videowall.home-page .section-news .cards-4,body.theme-videowall.home-page .pod-grid{grid-template-columns:1fr}
 body.theme-horizontal.home-page .hero-backdrop img{object-position:72% center}
 body.theme-horizontal.home-page .hero-backdrop:after{background:linear-gradient(90deg,#042339 0%,rgba(4,35,57,.92) 68%,rgba(4,35,57,.4))}
 body.theme-horizontal.home-page .now-card{min-height:330px;padding:38px 28% 34px 24px}
 body.theme-horizontal.home-page .now-meta h2{font-size:30px}
 body.theme-horizontal.home-page .story-card{grid-template-columns:95px 1fr}
 body.theme-artistic.home-page .hero-grid{padding-top:115px}
 body.theme-artistic.home-page .hero-copy{padding:20px}
 body.theme-artistic.home-page .hero-station-logo{height:100px}
 body.theme-artistic.home-page .now-card{grid-template-columns:1fr;bottom:18px;text-align:center}
 body.theme-artistic.home-page .now-meta{text-align:center}.theme-artistic.home-page .wave{justify-content:center}
 body.theme-artistic.home-page .section-news .cards-4{grid-template-columns:1fr}
}

/* =========================================================
   RADIO STUDIO v4.0 — TEMAS ESTACIONALES 11–12
   Halloween Especial + Navidad Mágica
   ========================================================= */

/* ---------- Escena estacional compartida ---------- */
.season-scene{position:fixed;inset:0;z-index:46;pointer-events:none;overflow:hidden;isolation:isolate}
.season-scene i,.season-scene div{pointer-events:none}
body.theme-no-animations .season-scene{display:none!important}

/* ---------- 11. HALLOWEEN ESPECIAL ---------- */
body.theme-halloween{
 --ink:#fff5e9;--muted:#d7bfdc;--glass:rgba(22,8,29,.64);--glass2:rgba(31,10,39,.92);
 --blue:#ff7300;--blue2:#ffb020;--pink:#b445ff;--navy:#17051f;--shadow:0 24px 75px rgba(0,0,0,.45);--radius:18px;
 --theme-bg:radial-gradient(circle at 80% 12%,rgba(255,112,0,.15),transparent 22%),radial-gradient(circle at 15% 70%,rgba(113,22,143,.2),transparent 28%),linear-gradient(180deg,#08030c 0%,#190622 44%,#050207 100%);
 --theme-soft:rgba(255,255,255,.055);--theme-soft-strong:rgba(255,255,255,.09);--theme-border:rgba(255,139,34,.22);--theme-hover:rgba(78,21,91,.72);
 --theme-ambient-a:#ff6a00;--theme-ambient-b:#8b21bb;--theme-banner-a:#8b2600;--theme-banner-b:#5b126f;--theme-mobile-nav:rgba(11,4,15,.98);--theme-player-shadow:rgba(255,106,0,.28)
}
body.theme-halloween .ambient{opacity:.22}
body.theme-halloween .site-header{background:rgba(9,3,13,.82);border-color:rgba(255,125,21,.2);backdrop-filter:blur(18px) saturate(125%)}
body.theme-halloween .site-header:before,body.theme-halloween .site-header:after{content:"";position:absolute;top:0;width:128px;height:128px;background:url('../img/themes/web-corner.svg') center/contain no-repeat;opacity:.35;pointer-events:none}
body.theme-halloween .site-header:before{left:0}body.theme-halloween .site-header:after{right:0;transform:scaleX(-1)}
body.theme-halloween .brand img{filter:drop-shadow(0 7px 12px rgba(255,101,0,.22))}
body.theme-halloween .live-pill{background:linear-gradient(135deg,#ff7b00,#ff3d00);box-shadow:0 9px 28px rgba(255,99,0,.32)}
body.theme-halloween.home-page .hero{padding:0;min-height:720px;display:flex;align-items:stretch;overflow:hidden;background:url('../img/themes/haunted-bg.svg') center/cover no-repeat}
body.theme-halloween.home-page .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,2,8,.88) 0%,rgba(12,3,18,.62) 48%,rgba(6,2,8,.35) 100%),linear-gradient(0deg,#08030c 0%,transparent 38%);z-index:-1}
body.theme-halloween.home-page .hero-backdrop{display:block;opacity:.16;mix-blend-mode:screen}
body.theme-halloween.home-page .hero-backdrop img{filter:saturate(.5) hue-rotate(260deg)}
body.theme-halloween.home-page .hero-grid{position:relative;display:block;min-height:720px;padding:118px 0 130px}
body.theme-halloween.home-page .hero-copy{width:min(820px,72%);min-height:480px;padding:56px 44px;background:linear-gradient(145deg,rgba(16,4,22,.72),rgba(47,8,52,.34));border:1px solid rgba(255,123,0,.25);box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)}
body.theme-halloween.home-page .hero-copy:after{content:"";display:block;position:absolute;right:-10px;top:-10px;width:180px;height:180px;background:url('../img/themes/web-corner.svg') center/contain no-repeat;opacity:.3}
body.theme-halloween.home-page .hero-station-logo{display:block;width:min(420px,70vw);height:118px;object-fit:contain;margin:0 0 20px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.42))}
body.theme-halloween.home-page .hero-copy .kicker{color:#ff9a32;letter-spacing:2.4px}
body.theme-halloween.home-page .hero-copy h1{font-size:clamp(50px,6vw,84px);line-height:.9;letter-spacing:-3px;text-transform:uppercase;text-shadow:0 4px 24px rgba(255,90,0,.2)}
body.theme-halloween.home-page .hero-copy p{max-width:610px;color:#e6d6e9}
body.theme-halloween.home-page .hero-copy .btn-primary{background:linear-gradient(135deg,#ff7b00,#ff3900);box-shadow:0 12px 30px rgba(255,88,0,.25)}
body.theme-halloween.home-page .now-card{position:absolute;right:0;bottom:76px;width:365px;padding:18px;background:rgba(14,4,19,.84);border-color:rgba(255,129,20,.35);box-shadow:0 22px 70px rgba(0,0,0,.5),0 0 38px rgba(255,88,0,.08)}
body.theme-halloween.home-page .now-cover{aspect-ratio:1/1;width:100%;border-radius:14px;background:#120718;box-shadow:inset 0 0 0 1px rgba(255,133,31,.15)}
body.theme-halloween.home-page .now-meta h2{font-size:25px}.theme-halloween.home-page .now-meta p{color:#ff9b35}
body.theme-halloween.home-page .wave i{background:linear-gradient(#ffb020,#ff5b00)}
body.theme-halloween.home-page .feature-row{margin-top:-44px;position:relative;z-index:3;grid-template-columns:repeat(4,1fr)}
body.theme-halloween.home-page .feature{background:linear-gradient(145deg,rgba(27,8,35,.88),rgba(47,11,60,.72));border-color:rgba(255,119,0,.2)}
body.theme-halloween.home-page .feature .icon{background:rgba(255,111,0,.11);color:#ff8b22}
body.theme-halloween.home-page .section-head h2{text-transform:uppercase;letter-spacing:.4px}.theme-halloween.home-page .section-head h2:after{content:"";display:inline-block;width:38px;height:2px;background:linear-gradient(90deg,#ff6a00,#b43cff);margin-left:10px;vertical-align:middle}
body.theme-halloween.home-page .section-news .cards-4{grid-template-columns:1.35fr .85fr .85fr}
body.theme-halloween.home-page .section-news .story-card:first-child{grid-row:span 2}.theme-halloween.home-page .section-news .story-card:first-child .media{height:330px}
body.theme-halloween.home-page .story-card,.theme-halloween.home-page .pod-card,.theme-halloween.home-page .event-card,.theme-halloween.home-page .host-card{background:linear-gradient(145deg,rgba(20,7,27,.68),rgba(42,10,51,.55))}
body.theme-halloween.home-page .home-banner{position:relative;overflow:hidden;background:linear-gradient(100deg,#6b1d00,#3f0a58 62%,#170522);border:1px solid rgba(255,126,21,.25)}
body.theme-halloween.home-page .home-banner:after{content:"";position:absolute;right:16px;bottom:-22px;width:120px;height:110px;background:url('../img/themes/pumpkin.svg') center/contain no-repeat;filter:drop-shadow(0 0 18px rgba(255,100,0,.35));opacity:.75}
body.theme-halloween .sticky-player{background:rgba(12,4,17,.9);border-color:rgba(255,126,21,.28)}
body.theme-halloween .footer{background:linear-gradient(180deg,transparent,rgba(9,3,13,.7))}

/* Halloween animation layer */
.season-halloween .season-pumpkin{position:absolute;width:92px;height:86px;background:url('../img/themes/pumpkin.svg') center/contain no-repeat;filter:drop-shadow(0 0 14px rgba(255,106,0,.45));opacity:.82;animation:halloweenFloat 5.6s ease-in-out infinite}
.season-halloween .p1{left:2.2%;bottom:10%;width:112px;height:105px}.season-halloween .p2{right:2.4%;bottom:17%;animation-delay:-2s}.season-halloween .p3{right:18%;top:18%;width:62px;height:58px;opacity:.42;animation-delay:-3.6s}
.season-halloween .season-spider{position:absolute;top:-10px;width:64px;height:60px;background:url('../img/themes/spider.svg') center/contain no-repeat;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35));transform-origin:50% 0;animation:spiderDrop 8s ease-in-out infinite}
.season-halloween .season-spider:before{content:"";position:absolute;width:1px;height:240px;background:rgba(255,255,255,.28);bottom:52px;left:50%}
.season-halloween .s1{left:8%;animation-delay:-1s}.season-halloween .s2{right:11%;width:48px;height:46px;animation-delay:-5.3s}
.season-halloween .season-bat{position:absolute;width:72px;height:34px;background:url('../img/themes/bat.svg') center/contain no-repeat;opacity:.55;animation:batFly 11s linear infinite}
.season-halloween .b1{top:18%;left:-90px}.season-halloween .b2{top:27%;left:-140px;animation-delay:-4s;--bat-scale:.75}.season-halloween .b3{top:12%;left:-120px;animation-delay:-7s;--bat-scale:.55}.season-halloween .b4{top:36%;left:-100px;animation-delay:-9s;--bat-scale:.9}
@keyframes halloweenFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}
@keyframes spiderDrop{0%,100%{transform:translateY(-4px) rotate(-2deg)}40%,65%{transform:translateY(145px) rotate(4deg)}82%{transform:translateY(50px) rotate(-3deg)}}
@keyframes batFly{0%{transform:translateX(0) translateY(0) scale(var(--bat-scale,1))}25%{transform:translateX(30vw) translateY(-18px) scale(var(--bat-scale,1))}55%{transform:translateX(62vw) translateY(20px) scale(var(--bat-scale,1))}100%{transform:translateX(112vw) translateY(-10px) scale(var(--bat-scale,1))}}

/* ---------- 12. NAVIDAD MÁGICA ---------- */
body.theme-christmas{
 --ink:#143f35;--muted:#5e766e;--glass:rgba(255,255,255,.73);--glass2:rgba(255,255,255,.94);
 --blue:#d71920;--blue2:#ef3340;--pink:#d71920;--navy:#0b5a3f;--shadow:0 20px 60px rgba(13,74,66,.16);--radius:22px;
 --theme-bg:linear-gradient(180deg,#effbff 0%,#f8fffd 42%,#fff7f3 100%);--theme-soft:rgba(255,255,255,.72);--theme-soft-strong:rgba(255,255,255,.94);--theme-border:rgba(255,255,255,.9);--theme-hover:rgba(255,255,255,.95);
 --theme-ambient-a:#bdefff;--theme-ambient-b:#ffd1cc;--theme-banner-a:#b81219;--theme-banner-b:#087044;--theme-mobile-nav:rgba(247,255,253,.98);--theme-player-shadow:rgba(197,21,30,.18)
}
body.theme-christmas .ambient{opacity:.28}
body.theme-christmas .site-header{background:rgba(247,255,253,.78);border-color:rgba(255,255,255,.95);backdrop-filter:blur(24px) saturate(135%)}
body.theme-christmas .header-inner{min-height:98px;height:auto;position:relative}
body.theme-christmas .brand img{filter:drop-shadow(0 8px 16px rgba(196,25,32,.11))}
body.theme-christmas .main-nav a:hover{color:#b91219}
body.theme-christmas .live-pill{background:linear-gradient(135deg,#d71920,#ef3340);box-shadow:0 9px 24px rgba(215,25,32,.22)}
body.theme-christmas.home-page .hero{padding:28px 0 28px;min-height:650px;background:url('../img/themes/christmas-bg.svg') center/cover no-repeat;overflow:hidden}
body.theme-christmas.home-page .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,255,253,.3),rgba(239,250,255,.04) 60%,rgba(255,255,255,.24));z-index:-1}
body.theme-christmas.home-page .hero-grid{min-height:590px;grid-template-columns:1.05fr .95fr;align-items:center;gap:28px}
body.theme-christmas.home-page .hero-copy{min-height:500px;padding:52px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(247,255,252,.61));border:1px solid rgba(255,255,255,.95);box-shadow:0 25px 75px rgba(9,77,67,.13)}
body.theme-christmas.home-page .hero-copy:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:repeating-linear-gradient(135deg,#d71920 0 13px,#fff 13px 25px,#087044 25px 38px,#fff 38px 50px)}
body.theme-christmas.home-page .hero-station-logo{display:block;width:min(390px,70vw);height:105px;object-fit:contain;margin-bottom:16px}
body.theme-christmas.home-page .hero-copy .kicker{color:#0b7650}.theme-christmas.home-page .hero-copy h1{font-size:clamp(48px,5.4vw,74px);line-height:.94;color:#a91018;letter-spacing:-2.8px;text-transform:uppercase}.theme-christmas.home-page .hero-copy p{color:#4e6d63}
body.theme-christmas.home-page .btn-primary{background:linear-gradient(135deg,#cf121a,#ed3039);box-shadow:0 12px 28px rgba(207,18,26,.2)}
body.theme-christmas.home-page .now-card{padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,255,252,.72));border:1px solid #fff;box-shadow:0 25px 75px rgba(9,77,67,.15);transform:rotate(.7deg)}
body.theme-christmas.home-page .now-card:before{content:"";position:absolute;inset:-10px;border:2px solid rgba(215,25,32,.12);border-radius:28px;transform:rotate(-1.4deg);pointer-events:none}
body.theme-christmas.home-page .now-cover{aspect-ratio:16/10;width:100%;max-width:none;border-radius:18px;background:#eefaff}
body.theme-christmas.home-page .now-meta p{color:#087044}.theme-christmas.home-page .wave i{background:linear-gradient(#0b7b50,#d71920)}
body.theme-christmas.home-page .feature-row{margin-top:-4px;grid-template-columns:repeat(4,1fr)}
body.theme-christmas.home-page .feature{background:rgba(255,255,255,.76);border:1px solid #fff;box-shadow:0 12px 35px rgba(21,86,73,.08)}
body.theme-christmas.home-page .feature:nth-child(odd) .icon{color:#0c754f;background:rgba(9,117,78,.08)}body.theme-christmas.home-page .feature:nth-child(even) .icon{color:#c81720;background:rgba(200,23,32,.08)}
body.theme-christmas.home-page .section-head h2{color:#9f1219}.theme-christmas.home-page .section-head a{color:#0a704b}
body.theme-christmas.home-page .section-programming .two-col{grid-template-columns:.9fr 1.1fr}
body.theme-christmas.home-page .panel,.theme-christmas.home-page .story-card,.theme-christmas.home-page .host-card,.theme-christmas.home-page .pod-card,.theme-christmas.home-page .event-card{background:rgba(255,255,255,.72);border-color:#fff}
body.theme-christmas.home-page .story-card{position:relative;overflow:hidden}.theme-christmas.home-page .story-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#c71720 0 33%,#fff 33% 66%,#0a744d 66%)}
body.theme-christmas.home-page .host-grid{grid-template-columns:repeat(5,1fr)}
body.theme-christmas.home-page .host-card img{border-color:#fff;box-shadow:0 0 0 4px rgba(10,116,77,.08)}
body.theme-christmas.home-page .home-banner{background:linear-gradient(105deg,#b70f17,#d9252d 46%,#087044 100%);border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}
body.theme-christmas.home-page .home-banner:after{content:"";position:absolute;right:24px;top:-25px;width:88px;height:110px;background:url('../img/themes/ornament.svg') center/contain no-repeat;filter:drop-shadow(0 9px 16px rgba(0,0,0,.16));opacity:.78}
body.theme-christmas .sticky-player{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.95);box-shadow:0 18px 60px rgba(20,82,70,.15)}
body.theme-christmas .footer{background:linear-gradient(180deg,transparent,rgba(226,245,240,.76))}

/* Christmas animation layer */
.season-christmas{z-index:44}
.season-christmas .season-snow{position:absolute;top:-35px;left:var(--x);width:var(--size);height:var(--size);background:url('../img/themes/snowflake.svg') center/contain no-repeat;opacity:.58;animation:snowFall var(--d) linear infinite;animation-delay:var(--delay)}
.season-christmas .season-ornament{position:absolute;top:-16px;width:60px;height:78px;background:url('../img/themes/ornament.svg') center/contain no-repeat;transform-origin:50% 0;animation:ornamentSwing 4.2s ease-in-out infinite;filter:drop-shadow(0 8px 12px rgba(0,0,0,.13));opacity:.88}
.season-christmas .o1{left:4%;height:92px}.season-christmas .o2{left:18%;width:46px;height:62px;animation-delay:-1.4s}.season-christmas .o3{right:5%;height:88px;animation-delay:-2.2s}.season-christmas .o4{right:18%;width:44px;height:58px;animation-delay:-.8s}.season-christmas .o5{left:48%;width:38px;height:50px;opacity:.52;animation-delay:-3.2s}
.season-christmas .season-lights{position:absolute;left:0;right:0;top:3px;height:20px;display:flex;justify-content:space-around;padding:0 18px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.12))}
.season-christmas .season-lights:before{content:"";position:absolute;left:0;right:0;top:1px;height:2px;background:#244f3a;opacity:.55}
.season-christmas .season-lights i{position:relative;width:10px;height:15px;border-radius:50% 50% 45% 45%;background:#d71920;animation:lightTwinkle 1.8s ease-in-out infinite}
.season-christmas .season-lights i:nth-child(3n+1){background:#ffd34d;animation-delay:-.5s}.season-christmas .season-lights i:nth-child(3n+2){background:#0b8455;animation-delay:-1.1s}
@keyframes snowFall{0%{transform:translate3d(0,-5vh,0) rotate(0deg)}50%{transform:translate3d(22px,52vh,0) rotate(180deg)}100%{transform:translate3d(-12px,108vh,0) rotate(360deg)}}
@keyframes ornamentSwing{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}
@keyframes lightTwinkle{0%,100%{opacity:.45;box-shadow:0 0 4px currentColor}50%{opacity:1;box-shadow:0 0 16px currentColor}}

/* Seasonal no-glass */
body.theme-halloween.theme-no-glass .glass{background:var(--glass2)!important;box-shadow:0 16px 48px rgba(0,0,0,.34)!important}
body.theme-christmas.theme-no-glass .glass{background:var(--glass2)!important;box-shadow:0 14px 40px rgba(14,79,65,.12)!important}

@media(max-width:1050px){
 body.theme-halloween.home-page .hero-copy{width:62%;padding:46px 32px}
 body.theme-halloween.home-page .now-card{width:330px}
 body.theme-christmas.home-page .hero-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:960px){
 body.theme-halloween.home-page .hero{min-height:auto;padding:24px 0;background-position:62% center}
 body.theme-halloween.home-page .hero-grid{display:grid;grid-template-columns:1fr;min-height:0;padding:30px 0}
 body.theme-halloween.home-page .hero-copy{width:100%;min-height:420px;padding:38px 28px}
 body.theme-halloween.home-page .now-card{position:relative;right:auto;bottom:auto;width:100%;margin-top:18px}
 body.theme-halloween.home-page .feature-row{margin-top:0}
 body.theme-halloween.home-page .section-news .cards-4{grid-template-columns:1fr 1fr}
 body.theme-halloween.home-page .section-news .story-card:first-child{grid-row:auto}.theme-halloween.home-page .section-news .story-card:first-child .media{height:180px}
 body.theme-christmas .header-inner{min-height:82px}
 body.theme-christmas.home-page .hero-grid{grid-template-columns:1fr;min-height:0}
 body.theme-christmas.home-page .hero-copy{min-height:420px}
 body.theme-christmas.home-page .now-card{transform:none}
 .season-halloween .season-pumpkin{opacity:.55}.season-halloween .s2,.season-christmas .o2,.season-christmas .o4,.season-christmas .o5{display:none}
}
@media(max-width:640px){
 body.theme-halloween.home-page .hero-copy h1{font-size:46px;letter-spacing:-2px}
 body.theme-halloween.home-page .hero-station-logo{height:88px}
 body.theme-halloween.home-page .feature-row,body.theme-christmas.home-page .feature-row{grid-template-columns:1fr 1fr}
 body.theme-christmas.home-page .hero{padding-top:18px}
 body.theme-christmas.home-page .hero-copy{padding:38px 24px;min-height:380px}
 body.theme-christmas.home-page .hero-copy h1{font-size:44px;letter-spacing:-2px}
 body.theme-christmas.home-page .hero-station-logo{height:78px}
 .season-halloween .p2,.season-halloween .p3{display:none}.season-halloween .p1{width:74px;height:70px;left:-10px;bottom:12%}
 .season-halloween .season-spider{width:42px;height:40px}
 .season-christmas .season-ornament{width:42px;height:56px;opacity:.62}
}


/* ===== PATCH 4.3 — Halloween visual upgrade + social icons ===== */
.social-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}
.social-links .social-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 10px 24px rgba(0,0,0,.08);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.social-links .social-icon:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(0,0,0,.14)}
.social-links .social-icon-svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.theme-halloween{--theme-border:rgba(255,170,84,.42);}
body.theme-halloween .site-header{border-color:rgba(255,176,96,.3)}
body.theme-halloween .hero-copy,
body.theme-halloween .now-card,
body.theme-halloween .feature,
body.theme-halloween .panel,
body.theme-halloween .story-card,
body.theme-halloween .pod-card,
body.theme-halloween .event-card,
body.theme-halloween .host-card,
body.theme-halloween .contact-card,
body.theme-halloween .article,
body.theme-halloween .sticky-player,
body.theme-halloween .home-banner{border-color:rgba(255,179,98,.42)!important;box-shadow:0 22px 60px rgba(0,0,0,.35),0 0 0 1px rgba(255,187,118,.08),0 0 26px rgba(255,123,28,.08)}
body.theme-halloween .social-links .social-icon{color:#ffbd76;border-color:rgba(255,183,113,.42);background:linear-gradient(145deg,rgba(44,10,54,.82),rgba(20,7,28,.76))}
body.theme-halloween .social-links .social-icon:hover{border-color:rgba(255,200,135,.6);box-shadow:0 14px 30px rgba(255,108,21,.16)}
body.theme-halloween.home-page .hero-copy{backdrop-filter:blur(18px) saturate(118%)}
body.theme-halloween.home-page .hero-copy h1{font-size:clamp(48px,5.7vw,78px);line-height:.94;letter-spacing:-1.8px;font-weight:900;text-wrap:balance;text-shadow:0 8px 28px rgba(255,98,0,.22)}
body.theme-halloween.home-page .hero-copy p{font-size:18px;line-height:1.68;max-width:640px}
body.theme-halloween.home-page .hero-copy .kicker,
body.theme-halloween.home-page .now-head .kicker{font-weight:800;letter-spacing:3px}
body.theme-halloween.home-page .now-meta h2,
body.theme-halloween .player-meta strong,
body.theme-halloween .section-head h2,
body.theme-halloween .feature strong,
body.theme-halloween .home-banner h3{font-weight:800;letter-spacing:-.02em}
body.theme-halloween.home-page .now-meta h2{font-size:28px;line-height:1.05}
body.theme-halloween .player-meta strong{font-size:15px}
body.theme-halloween .section-head h2{font-size:clamp(26px,2.6vw,36px)}
body.theme-halloween .feature strong{font-size:14px;letter-spacing:.04em}
body.theme-halloween.home-page .hero:before{content:"";position:absolute;right:9%;top:72px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,227,174,.92) 0%,rgba(255,206,112,.74) 32%,rgba(255,165,73,.2) 56%,rgba(255,165,73,0) 72%);filter:blur(1px);opacity:.82;animation:moonPulse 8s ease-in-out infinite;pointer-events:none;z-index:-1}
body.theme-halloween.home-page .hero-station-logo{animation:logoGlow 4.8s ease-in-out infinite}
body.theme-halloween.home-page .now-card{animation:cardHover 7s ease-in-out infinite}
body.theme-halloween.home-page .feature{transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease}
body.theme-halloween.home-page .feature:hover{transform:translateY(-4px);border-color:rgba(255,194,132,.58)!important;box-shadow:0 22px 45px rgba(0,0,0,.3),0 0 24px rgba(255,123,28,.09)}
.season-halloween .season-pumpkin{animation:halloweenFloat 5.6s ease-in-out infinite, pumpkinGlow 2.8s ease-in-out infinite}
.season-halloween .p1{left:2.2%;bottom:10%;width:112px;height:105px}
.season-halloween .p2{right:2.4%;bottom:17%;animation-delay:-2s}
.season-halloween .p3{right:18%;top:18%;width:62px;height:58px;opacity:.42;animation-delay:-3.6s}
.season-halloween .p4{left:14%;top:22%;width:54px;height:50px;opacity:.46;animation-delay:-1.5s}
.season-halloween .p5{right:9%;bottom:7%;width:88px;height:82px;opacity:.72;animation-delay:-4.2s}
.season-halloween .season-spider{animation:spiderDrop 8s ease-in-out infinite, spiderSway 3.2s ease-in-out infinite}
.season-halloween .s1{left:8%;animation-delay:-1s}
.season-halloween .s2{right:11%;width:48px;height:46px;animation-delay:-5.3s}
.season-halloween .s3{left:28%;width:44px;height:42px;animation-delay:-2.7s}
.season-halloween .s4{right:30%;width:36px;height:34px;animation-delay:-6.6s}
.season-halloween .season-bat{opacity:.6}
.season-halloween .b1{top:18%;left:-90px}
.season-halloween .b2{top:27%;left:-140px;animation-delay:-4s;--bat-scale:.75}
.season-halloween .b3{top:12%;left:-120px;animation-delay:-7s;--bat-scale:.55}
.season-halloween .b4{top:36%;left:-100px;animation-delay:-9s;--bat-scale:.9}
.season-halloween .b5{top:22%;left:-160px;animation-delay:-2.2s;--bat-scale:.64}
.season-halloween .b6{top:42%;left:-150px;animation-delay:-11.4s;--bat-scale:.7}
@keyframes pumpkinGlow{0%,100%{filter:drop-shadow(0 0 12px rgba(255,106,0,.28))}50%{filter:drop-shadow(0 0 26px rgba(255,166,54,.54))}}
@keyframes spiderSway{0%,100%{margin-left:0}50%{margin-left:8px}}
@keyframes moonPulse{0%,100%{transform:scale(1);opacity:.78}50%{transform:scale(1.08);opacity:.98}}
@keyframes logoGlow{0%,100%{filter:drop-shadow(0 18px 30px rgba(0,0,0,.42))}50%{filter:drop-shadow(0 22px 36px rgba(255,118,24,.24))}}
@keyframes cardHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:640px){body.theme-halloween.home-page .hero-copy h1{font-size:42px;letter-spacing:-1.3px}.season-halloween .p3,.season-halloween .p4{display:none}.season-halloween .p5{right:-12px;bottom:10%;width:72px;height:68px}.season-halloween .s3,.season-halloween .s4,.season-halloween .b5,.season-halloween .b6{display:none}}


/* =========================================================
   NOTICIAS AUTOMÁTICAS — BAHÍA AL DÍA · v4.5
   ========================================================= */
.bahia-news-section{padding-top:26px;padding-bottom:22px}
.bahia-news-head{margin-bottom:14px}.bahia-news-head p{margin-top:4px}
.bahia-news-slider{position:relative;padding:22px 54px;border-radius:28px;overflow:hidden}
.bahia-news-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bahia-news-track::-webkit-scrollbar{display:none}
.bahia-news-item{flex:0 0 176px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:5px 4px 10px;border-radius:22px;transition:transform .2s ease,background .2s ease}
.bahia-news-item:hover{transform:translateY(-4px);background:var(--theme-soft)}
.bahia-news-circle{width:150px;height:150px;border-radius:50%;padding:5px;display:block;background:linear-gradient(145deg,var(--blue),var(--blue2));box-shadow:0 16px 34px rgba(0,0,0,.12)}
.bahia-news-circle img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;background:var(--glass2);border:3px solid rgba(255,255,255,.86)}
.bahia-news-item small{font-size:9px;letter-spacing:1.1px;color:var(--blue);font-weight:900}
.bahia-news-item strong{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:48px;color:var(--ink)}
.bahia-news-item>span:last-child{font-size:10px;color:var(--muted)}
.bahia-news-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid var(--theme-border);background:var(--glass2);color:var(--blue);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.bahia-news-arrow .ui-icon{width:19px;height:19px}.bahia-news-arrow.prev{left:10px}.bahia-news-arrow.next{right:10px}
.bahia-news-skeleton{flex:0 0 176px;display:grid;justify-items:center;gap:9px;padding:5px}.bahia-news-skeleton i{width:150px;height:150px;border-radius:50%;background:linear-gradient(90deg,var(--theme-soft),var(--theme-soft-strong),var(--theme-soft));background-size:200% 100%;animation:bahiaShimmer 1.3s infinite}.bahia-news-skeleton span,.bahia-news-skeleton b{display:block;height:9px;border-radius:999px;background:var(--theme-soft-strong)}.bahia-news-skeleton span{width:70px}.bahia-news-skeleton b{width:130px;height:24px}
.bahia-news-error{padding:22px;text-align:center;color:var(--muted);width:100%}
@keyframes bahiaShimmer{0%{background-position:180% 0}100%{background-position:-20% 0}}
body.theme-halloween .bahia-news-slider{border-color:rgba(255,190,120,.46)!important;box-shadow:0 20px 60px rgba(0,0,0,.34),0 0 26px rgba(255,128,32,.08)}
body.theme-halloween .bahia-news-circle{background:linear-gradient(145deg,#ffd19c,#ff7b1a);box-shadow:0 14px 32px rgba(255,104,14,.18)}
body.theme-halloween .bahia-news-item small{color:#ffbd76}
body.theme-christmas .bahia-news-circle{background:linear-gradient(145deg,#d71920,#087044)}
@media(max-width:760px){.bahia-news-slider{padding:18px 12px}.bahia-news-arrow{display:none}.bahia-news-track{gap:17px}.bahia-news-item{flex-basis:132px}.bahia-news-circle{width:112px;height:112px}.bahia-news-skeleton{flex-basis:132px}.bahia-news-skeleton i{width:112px;height:112px}.bahia-news-item strong{font-size:12px;min-height:45px}}


/* ===== v4.6 · Menú + App Stores + WhatsApp ===== */
@media(min-width:1181px){.main-nav{font-size:14.5px;gap:21px}.main-nav a{font-weight:780;letter-spacing:.05px}}
@media(min-width:961px) and (max-width:1180px){.main-nav{font-size:12.8px;gap:14px}}
@media(max-width:960px){.main-nav{font-size:15px;gap:4px}.main-nav a{padding:9px 5px}}
.app-downloads{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;position:relative;z-index:2}
.app-store-btn{height:54px;min-width:170px;padding:8px 14px;border-radius:14px;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.24);box-shadow:0 10px 24px rgba(0,0,0,.13);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.app-store-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,0,0,.18);filter:brightness(1.04)}
.app-store-btn span{display:flex;flex-direction:column;line-height:1.03}.app-store-btn small{font-size:9px;font-weight:650;letter-spacing:.15px;opacity:.82}.app-store-btn strong{font-size:16px;letter-spacing:-.25px}
.app-store-icon{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.app-store-apple{background:#111;color:#fff}.app-store-android{background:rgba(255,255,255,.88);color:#17384a;border-color:rgba(255,255,255,.9)}
body.theme-dark .app-store-android,body.theme-red .app-store-android,body.theme-purple .app-store-android,body.theme-halloween .app-store-android,body.theme-artistic .app-store-android,body.theme-videowall .app-store-android{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.2)}
.whatsapp-float{position:fixed;right:24px;bottom:104px;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff;z-index:82;box-shadow:0 15px 34px rgba(20,120,64,.32);transition:transform .18s ease,box-shadow .18s ease}
.whatsapp-float:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 19px 40px rgba(20,120,64,.42)}
.whatsapp-icon{width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:2}
.whatsapp-pulse{position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(37,211,102,.42);animation:waPulse 2.2s ease-out infinite}
@keyframes waPulse{0%{transform:scale(.82);opacity:.9}75%,100%{transform:scale(1.28);opacity:0}}
body.theme-halloween .whatsapp-float{box-shadow:0 15px 34px rgba(37,211,102,.24),0 0 24px rgba(255,137,39,.12)}
@media(max-width:640px){.app-downloads{gap:8px}.app-store-btn{height:50px;min-width:152px;padding:7px 11px}.app-store-btn strong{font-size:14px}.app-store-icon{width:24px;height:24px}.whatsapp-float{right:14px;bottom:92px;width:52px;height:52px}.whatsapp-icon{width:26px;height:26px}}


/* ===== v4.8 · Eventos visibles en la portada ===== */
.home-events-highlight{padding:30px 0 18px}
.home-events-highlight .section-head{align-items:flex-end}
.home-events-highlight .section-head .kicker{display:block;margin-bottom:5px}
.home-event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-event-card{display:block;padding:0;overflow:hidden;color:inherit;text-decoration:none;position:relative}
.home-event-media{position:relative;height:205px;overflow:hidden;background:var(--theme-soft)}
.home-event-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.home-event-card:hover .home-event-media img{transform:scale(1.045)}
.home-event-date{position:absolute;left:14px;top:14px;min-width:58px;padding:9px 11px;border-radius:13px;background:rgba(8,22,34,.78);backdrop-filter:blur(12px);color:#fff;text-align:center;font-size:12px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.home-event-body{padding:17px 18px 19px}
.home-event-body small{display:block;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.7px;margin-bottom:5px}
.home-event-body h3{margin:0 0 7px;font-size:20px;line-height:1.15}
.home-event-body p{margin:0;color:var(--muted);font-size:14px}
.home-event-link{display:inline-block;margin-top:13px;color:var(--blue);font-size:12px;font-weight:900}
.home-events-empty{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:var(--radius)}
.home-events-empty h3{margin:4px 0 6px;font-size:24px}
.home-events-empty p{margin:0;color:var(--muted)}
body.theme-halloween .home-event-card{border-color:rgba(255,183,113,.48)!important;box-shadow:0 22px 60px rgba(0,0,0,.34),0 0 24px rgba(255,126,29,.08)}
body.theme-halloween .home-event-date{background:linear-gradient(135deg,rgba(255,126,16,.92),rgba(156,54,9,.9))}
body.theme-christmas .home-event-date{background:linear-gradient(135deg,#d71920,#087044)}
@media(max-width:900px){.home-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .home-event-grid{grid-template-columns:1fr}
 .home-event-media{height:220px}
 .home-events-empty{align-items:flex-start;flex-direction:column}
}


/* ===== v4.9 · Banner principal con imagen real ===== */
.home-banner-wrap{margin-top:28px;margin-bottom:22px}
.home-banner-media{
 display:block;position:relative;overflow:hidden;border-radius:22px;
 aspect-ratio:16/5;background:rgba(255,255,255,.05);
 border:1px solid var(--theme-border);
 box-shadow:var(--shadow);text-decoration:none;color:#fff
}
.home-banner-media img{
 width:100%;height:100%;display:block;object-fit:cover;object-position:center;
 transition:transform .45s ease,filter .45s ease
}
.home-banner-media:hover img{transform:scale(1.012);filter:saturate(1.05)}
.home-banner-overlay{
 position:absolute;inset:auto 0 0 0;padding:22px 26px;
 background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));
 color:#fff
}
.home-banner-overlay h2{margin:0 0 5px;font-size:clamp(22px,3vw,38px);line-height:1}
.home-banner-overlay p{margin:0;color:rgba(255,255,255,.88)}
body.theme-halloween .home-banner-media{
 border-color:rgba(255,184,112,.5);
 box-shadow:0 20px 55px rgba(0,0,0,.42),0 0 28px rgba(255,117,19,.12)
}
body.theme-christmas .home-banner-media{border-color:rgba(255,255,255,.95)}
@media(max-width:640px){
 .home-banner-wrap{margin-top:20px;margin-bottom:16px}
 .home-banner-media{border-radius:16px;aspect-ratio:16/6}
 .home-banner-overlay{padding:16px}
}


/* ===== v5.0 · Locutores cuadrados en portada ===== */
.home-page .section-hosts .host-card{padding:16px 14px 18px}
.home-page .section-hosts .host-card img{
 width:138px;height:138px;aspect-ratio:1/1;object-fit:cover;
 border-radius:16px;margin:0 auto 13px;
 border:2px solid var(--theme-border);
 box-shadow:0 12px 30px rgba(0,0,0,.12)
}
body.theme-halloween.home-page .section-hosts .host-card img{
 border-color:rgba(255,190,121,.58);
 box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 18px rgba(255,120,25,.08)
}
body.theme-christmas.home-page .section-hosts .host-card img{
 border-color:rgba(255,255,255,.95);box-shadow:0 12px 28px rgba(20,82,70,.12)
}
body.theme-horizontal.home-page .section-hosts .host-card img{
 width:72px;height:72px;border-radius:12px;margin:0
}
@media(max-width:640px){
 .home-page .section-hosts .host-card img{width:170px;height:170px;border-radius:18px}
}


/* ===== v5.2 · Podcasts / Entrevistas desde YouTube ===== */
.youtube-pod-card{padding:0;overflow:hidden}
.pod-video-trigger{appearance:none;border:0;padding:0;margin:0;background:transparent;color:inherit;font:inherit;cursor:pointer;width:100%;text-align:left}
.pod-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:rgba(0,0,0,.16)}
.pod-thumb img{width:100%!important;height:100%!important;display:block;object-fit:cover;border-radius:0!important;transition:transform .38s ease,filter .38s ease}
.pod-video-trigger:hover .pod-thumb img{transform:scale(1.035);filter:brightness(.78)}
.pod-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:linear-gradient(135deg,#ff2b2b,#d90000);color:#fff;font-size:24px;box-shadow:0 14px 35px rgba(0,0,0,.36),0 0 0 7px rgba(255,255,255,.14);transition:transform .2s ease,box-shadow .2s ease}
.pod-video-trigger:hover .pod-play{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 16px 40px rgba(0,0,0,.42),0 0 0 9px rgba(255,255,255,.16)}
.pod-card-body{padding:17px 18px 19px}
.pod-card-body h3{margin:0 0 7px}.pod-card-body p{margin:0;color:var(--muted);line-height:1.55}
.pod-watch-btn{margin-top:14px;width:auto!important;display:inline-flex!important;padding:10px 15px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--blue),var(--blue2))!important;color:#fff!important;font-weight:900!important;font-size:12px!important;box-shadow:0 9px 22px rgba(0,0,0,.12)}
.youtube-video-modal[hidden]{display:none!important}
.youtube-video-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px}
.youtube-video-backdrop{position:absolute;inset:0;background:rgba(3,4,10,.82);backdrop-filter:blur(13px)}
.youtube-video-dialog{position:relative;z-index:1;width:min(1050px,94vw);border-radius:24px;padding:18px;background:rgba(12,10,18,.96);border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 100px rgba(0,0,0,.58)}
.youtube-video-heading{padding:2px 54px 14px 4px;color:#fff}.youtube-video-heading span{display:block;color:#ff3b30;font-size:10px;font-weight:900;letter-spacing:1.6px}.youtube-video-heading strong{display:block;font-size:20px;margin-top:3px}
.youtube-video-frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}
.youtube-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.youtube-video-close{position:absolute;right:14px;top:12px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.1);color:#fff;font-size:29px;line-height:1;cursor:pointer}
.youtube-video-close:hover{background:rgba(255,255,255,.18)}
body.video-modal-open{overflow:hidden}
body.theme-halloween .youtube-pod-card{border-color:rgba(255,183,113,.48)!important}
body.theme-halloween .pod-play{background:linear-gradient(135deg,#ff9d2f,#ff4d00)}
@media(max-width:640px){.youtube-video-modal{padding:10px}.youtube-video-dialog{width:100%;padding:12px;border-radius:18px}.youtube-video-heading strong{font-size:16px}.pod-play{width:54px;height:54px;font-size:21px}}


/* ===== v5.4 · Slider de banners múltiples ===== */
.home-banner-slider{position:relative}
.home-banner-stage{position:relative;aspect-ratio:16/5;overflow:hidden;border-radius:22px}
.home-banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;z-index:1}
.home-banner-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.home-banner-slide .home-banner-media{height:100%;aspect-ratio:auto;border-radius:22px}
.home-banner-slide .home-banner-media img{width:100%;height:100%;object-fit:cover}

.home-banner-slider.effect-fade .home-banner-slide{
 transition:opacity .75s ease,visibility .75s ease;
}
.home-banner-slider.effect-slide .home-banner-slide{
 opacity:0;visibility:visible;transform:translateX(8%);
 transition:opacity .65s ease,transform .65s cubic-bezier(.22,.75,.24,1),visibility .65s;
}
.home-banner-slider.effect-slide .home-banner-slide.is-active{opacity:1;transform:translateX(0)}
.home-banner-slider.effect-zoom .home-banner-slide{
 opacity:0;visibility:visible;transform:scale(1.055);
 transition:opacity .8s ease,transform .8s ease,visibility .8s;
}
.home-banner-slider.effect-zoom .home-banner-slide.is-active{opacity:1;transform:scale(1)}

.home-banner-arrow{
 position:absolute;top:50%;transform:translateY(-50%);z-index:8;
 width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:50%;
 display:grid;place-items:center;background:rgba(5,12,22,.55);backdrop-filter:blur(12px);
 color:#fff;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.22);
 transition:transform .18s ease,background .18s ease,opacity .18s ease
}
.home-banner-arrow:hover{background:rgba(5,12,22,.8);transform:translateY(-50%) scale(1.05)}
.home-banner-arrow.prev{left:14px}.home-banner-arrow.next{right:14px}
.home-banner-arrow .ui-icon{width:19px;height:19px}
.home-banner-dots{
 position:absolute;left:50%;bottom:12px;transform:translateX(-50%);
 z-index:8;display:flex;gap:7px;padding:7px 9px;border-radius:999px;
 background:rgba(5,12,22,.38);backdrop-filter:blur(9px)
}
.home-banner-dots button{
 width:8px;height:8px;padding:0;border:0;border-radius:50%;
 background:rgba(255,255,255,.48);cursor:pointer;transition:.2s
}
.home-banner-dots button.is-active{width:24px;border-radius:99px;background:#fff}
body.theme-halloween .home-banner-arrow{border-color:rgba(255,190,121,.45);background:rgba(32,5,38,.7)}
body.theme-halloween .home-banner-dots{background:rgba(32,5,38,.55)}
body.theme-christmas .home-banner-arrow{background:rgba(8,112,68,.72)}
@media(max-width:640px){
 .home-banner-stage{aspect-ratio:16/6;border-radius:16px}
 .home-banner-slide .home-banner-media{border-radius:16px}
 .home-banner-arrow{width:36px;height:36px}
 .home-banner-arrow.prev{left:8px}.home-banner-arrow.next{right:8px}
 .home-banner-dots{bottom:8px}
}
@media(prefers-reduced-motion:reduce){
 .home-banner-slide{transition:none!important}
}


/* ===== v5.5 · menú más grande ===== */
@media(min-width:1181px){.main-nav{font-size:15.8px;gap:16px}.main-nav a{font-weight:820}}
@media(min-width:961px) and (max-width:1180px){.main-nav{font-size:13.8px;gap:11px}}
@media(max-width:960px){.main-nav{font-size:17px}}

/* ===== v5.5 · todos los locutores en slider ===== */
.home-page .section-hosts .host-grid{display:none}
.host-slider{position:relative;padding:0 48px}
.host-slider-viewport{overflow:hidden;scroll-behavior:smooth;scrollbar-width:none}
.host-slider-viewport::-webkit-scrollbar{display:none}
.host-slider-track{display:flex;gap:15px;align-items:stretch}
.host-slider-track .host-card{flex:0 0 calc((100% - 60px)/5);min-width:0;padding:16px 14px 18px}
.host-slider-track .host-card img{width:138px;height:138px;aspect-ratio:1/1;object-fit:cover;border-radius:16px;margin:0 auto 13px;border:2px solid var(--theme-border);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.host-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:40px;height:40px;border-radius:50%;border:1px solid var(--theme-border);display:grid;place-items:center;background:var(--theme-card);color:var(--ink);box-shadow:0 10px 24px rgba(0,0,0,.14);cursor:pointer;backdrop-filter:blur(12px)}
.host-slider-arrow.prev{left:0}.host-slider-arrow.next{right:0}.host-slider-arrow[hidden]{display:none}.host-slider-arrow:hover{transform:translateY(-50%) scale(1.06)}
body.theme-halloween .host-slider-track .host-card img{border-color:rgba(255,190,121,.58)}
body.theme-halloween .host-slider-arrow{background:rgba(34,8,42,.82);color:#ffbd76}
@media(max-width:960px){.host-slider-track .host-card{flex-basis:calc((100% - 30px)/3)}}
@media(max-width:640px){.host-slider{padding:0 38px}.host-slider-track{gap:12px}.host-slider-track .host-card{flex-basis:100%}.host-slider-track .host-card img{width:180px;height:180px;border-radius:18px}.host-slider-arrow{width:34px;height:34px}}

/* ===== v5.5 · autoplay aviso ===== */
.radio-autoplay-notice{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:125;border:1px solid rgba(255,255,255,.38);border-radius:999px;padding:11px 17px;background:rgba(8,18,31,.88);color:#fff;font:inherit;font-size:13px;font-weight:850;box-shadow:0 14px 35px rgba(0,0,0,.28);backdrop-filter:blur(14px);cursor:pointer;animation:autoplayNudge 1.8s ease-in-out infinite}
@keyframes autoplayNudge{50%{transform:translateX(-50%) translateY(-4px)}}

/* ===== v5.5 · promociones emergentes ===== */
body.promo-open{overflow:hidden}
.promo-overlay{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .25s ease}
.promo-overlay[hidden]{display:none}.promo-overlay.is-visible{opacity:1}
.promo-backdrop{position:absolute;inset:0;background:rgba(2,5,14,.76);backdrop-filter:blur(9px)}
.promo-card{position:relative;z-index:3;width:min(920px,94vw);max-height:90vh;overflow:auto;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,249,255,.94));color:#102338;border:1px solid rgba(255,255,255,.7);box-shadow:0 34px 100px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.12);transform:translateY(25px) scale(.94);opacity:0;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.promo-overlay.is-open .promo-card{transform:none;opacity:1}
.promo-close{position:absolute;right:13px;top:13px;z-index:8;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(4,14,28,.72);color:#fff;font-size:25px;line-height:1;cursor:pointer;backdrop-filter:blur(10px)}
.promo-banner{aspect-ratio:16/5;overflow:hidden;background:#102338}.promo-banner img{width:100%;height:100%;object-fit:cover;display:block}
.promo-copy{padding:22px 26px 26px;text-align:center}.promo-copy small{display:block;color:var(--blue);font-weight:900;letter-spacing:2px}.promo-copy h2{font-size:clamp(28px,4vw,46px);margin:5px 0 8px;line-height:1}.promo-copy p{margin:0 auto 17px;max-width:720px;color:#536474;line-height:1.55}.promo-cta{display:inline-flex}
.promo-particles{position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.promo-particle{position:absolute;left:50%;top:52%;width:10px;height:20px;opacity:0}
.promo-particle.confetti{background:#ff9d00;animation:promoConfetti var(--dur) cubic-bezier(.12,.72,.2,1) var(--delay) forwards}
.promo-particle.confetti.p1,.promo-particle.confetti.p5{background:#00c2ff}.promo-particle.confetti.p2,.promo-particle.confetti.p6{background:#ff315d}.promo-particle.confetti.p3,.promo-particle.confetti.p7{background:#ffd629}.promo-particle.confetti.p4{background:#8e55ff}
@keyframes promoConfetti{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),calc(var(--dy) * -1 + 800px)) rotate(var(--r))}}
.promo-particle.sparkle{width:8px;height:8px;border-radius:50%;background:#ffd95e;box-shadow:0 0 14px #fff2a2;left:var(--x);top:var(--y);animation:promoSpark 1.5s ease-in-out var(--delay) 2}
@keyframes promoSpark{0%,100%{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1.8)}}
.promo-particle.halloween{width:12px;height:12px;background:#ff7a00;box-shadow:0 0 12px rgba(255,92,0,.75);left:var(--x);top:-20px;animation:promoHalloween var(--dur) linear var(--delay) forwards}
.promo-particle.halloween.p1,.promo-particle.halloween.p3,.promo-particle.halloween.p5,.promo-particle.halloween.p7{background:#8f43ff}
@keyframes promoHalloween{0%{opacity:1;transform:translateY(-30px) rotate(0)}100%{opacity:0;transform:translateY(115vh) rotate(720deg)}}
.promo-firework{position:absolute;width:4px;height:4px;animation:fireworkFlash 1.6s ease var(--delay) both}.promo-firework i{position:absolute;width:5px;height:28px;border-radius:99px;background:linear-gradient(#fff,#ffb000);transform-origin:50% 0;transform:rotate(var(--a)) translateY(-4px);animation:fireworkRay 1.2s ease var(--delay) both}
@keyframes fireworkFlash{0%,100%{opacity:0}25%,60%{opacity:1}}@keyframes fireworkRay{0%{height:0;opacity:1}65%{height:72px;opacity:1}100%{height:86px;opacity:0}}
.promo-gift-wrap{display:none}
.promo-effect-gift .promo-gift-wrap{display:block;position:absolute;z-index:10;left:50%;top:50%;width:180px;height:145px;transform:translate(-50%,-50%) scale(1);transition:transform .5s ease,opacity .35s ease}
.promo-effect-gift .promo-gift-box{position:absolute;left:0;right:0;bottom:0;height:105px;border-radius:10px;background:linear-gradient(145deg,#ff364c,#c9102c);box-shadow:0 22px 50px rgba(0,0,0,.3)}
.promo-effect-gift .promo-gift-ribbon-v{position:absolute;left:76px;top:40px;width:28px;height:105px;background:#ffd54f;z-index:2}
.promo-effect-gift .promo-gift-ribbon-h{position:absolute;left:0;right:0;top:73px;height:25px;background:#ffd54f;z-index:2}
.promo-effect-gift .promo-gift-bow:before,.promo-effect-gift .promo-gift-bow:after{content:"";position:absolute;top:0;width:62px;height:48px;border:16px solid #ffd54f;border-radius:60% 60% 20% 60%}.promo-effect-gift .promo-gift-bow:before{left:20px;transform:rotate(20deg)}.promo-effect-gift .promo-gift-bow:after{right:20px;transform:scaleX(-1) rotate(20deg)}
.promo-overlay.is-gift-opening .promo-card{opacity:0;transform:scale(.7)}.promo-overlay.is-gift-opening.is-open .promo-gift-wrap{transform:translate(-50%,-50%) scale(1.35);opacity:0}.promo-overlay.is-gift-opening.is-open .promo-card{opacity:1;transform:none;transition-delay:.18s}
body.theme-halloween .promo-card{background:linear-gradient(145deg,#18091f,#310c3d);color:#fff;border-color:rgba(255,171,88,.5)}body.theme-halloween .promo-copy p{color:#d8c7de}body.theme-halloween .promo-copy small{color:#ff9b3b}
@media(max-width:640px){.promo-overlay{padding:12px}.promo-card{border-radius:20px}.promo-banner{aspect-ratio:16/7}.promo-copy{padding:18px}}
@media(prefers-reduced-motion:reduce){.promo-card,.promo-overlay,.promo-particle,.promo-firework,.promo-firework i,.radio-autoplay-notice{animation:none!important;transition:none!important}}


/* ===== v5.6 · Monitoreo de Huracanes NOAA/NHC ===== */
.hurricane-section{padding-top:42px;padding-bottom:118px;position:relative}
.hurricane-head{align-items:flex-end}
.hurricane-live-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid rgba(49,171,255,.25);background:rgba(23,114,174,.08);font-size:11px;font-weight:900;letter-spacing:1.3px;white-space:nowrap}
.hurricane-live-badge i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:nhcPulse 1.8s infinite}
@keyframes nhcPulse{70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.hurricane-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px}
.hurricane-map-card,.hurricane-side{border-radius:24px;overflow:hidden;border:1px solid var(--theme-border)}
.hurricane-map-card{padding:10px}
.hurricane-map{height:480px;border-radius:17px;overflow:hidden;background:linear-gradient(135deg,#071a2b,#0e3658);position:relative}
.hurricane-map-loading,.hurricane-map-error{height:100%;display:grid;place-content:center;text-align:center;gap:5px;color:rgba(255,255,255,.85);padding:20px}
.hurricane-map-error span{font-size:13px;opacity:.75}
.hurricane-side{padding:16px;max-height:502px;display:flex;flex-direction:column}
.hurricane-side-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 2px 13px;border-bottom:1px solid var(--theme-border)}
.hurricane-side-top strong{font-size:15px}
.hurricane-refresh-btn{border:1px solid var(--theme-border);background:var(--theme-soft);color:var(--ink);padding:8px 10px;border-radius:10px;font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.hurricane-refresh-btn.is-loading{opacity:.55;pointer-events:none}
.hurricane-storm-list{display:grid;gap:11px;overflow:auto;padding:12px 2px 2px;scrollbar-width:thin}
.hurricane-storm-card{border:1px solid var(--theme-border);border-radius:18px;padding:14px;background:rgba(255,255,255,.045)}
.storm-card-head{display:flex;gap:11px;align-items:center}
.storm-code{width:45px;height:45px;flex:0 0 45px;border-radius:50%;display:grid;place-items:center;background:#0ea5e9;color:#fff;font-weight:950;font-size:12px;box-shadow:0 0 0 5px rgba(14,165,233,.1)}
.hurricane-storm-card.cat1 .storm-code,.hurricane-storm-card.cat2 .storm-code{background:#f59e0b}
.hurricane-storm-card.cat3 .storm-code,.hurricane-storm-card.cat4 .storm-code,.hurricane-storm-card.cat5 .storm-code{background:#ef4444}
.hurricane-storm-card.ts .storm-code{background:#8b5cf6}
.hurricane-storm-card.td .storm-code{background:#0ea5e9}
.storm-card-head small{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.storm-card-head h3{margin:1px 0 0;font-size:21px}
.storm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}
.storm-metrics div{border-radius:12px;padding:9px;background:var(--theme-soft)}
.storm-metrics span,.storm-metrics small{display:block;color:var(--muted);font-size:9px}
.storm-metrics strong{display:block;font-size:13px;margin:2px 0}
.storm-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.storm-actions a{padding:7px 9px;border-radius:9px;background:var(--theme-soft);border:1px solid var(--theme-border);font-size:10px;font-weight:850;color:var(--ink);text-decoration:none}
.hurricane-empty{padding:30px 18px;text-align:center;border:1px dashed var(--theme-border);border-radius:16px}
.hurricane-empty p{margin:5px 0 0;color:var(--muted);font-size:13px}
.hurricane-skeleton{height:145px;border-radius:17px;background:linear-gradient(90deg,var(--theme-soft),rgba(255,255,255,.12),var(--theme-soft));background-size:220% 100%;animation:hurricaneShimmer 1.4s linear infinite}
@keyframes hurricaneShimmer{to{background-position:-220% 0}}
.hurricane-footer-line{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:10px}
.nhc-div-icon{background:transparent!important;border:0!important}
.nhc-marker{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;position:relative;background:#0ea5e9;color:#fff;border:3px solid rgba(255,255,255,.95);box-shadow:0 5px 18px rgba(0,0,0,.35)}
.nhc-marker i{position:absolute;inset:-8px;border-radius:50%;border:2px solid currentColor;opacity:.38;animation:stormRadar 1.8s ease-out infinite}
@keyframes stormRadar{0%{transform:scale(.55);opacity:.65}100%{transform:scale(1.5);opacity:0}}
.nhc-marker.cat1,.nhc-marker.cat2{background:#f59e0b}.nhc-marker.cat3,.nhc-marker.cat4,.nhc-marker.cat5{background:#ef4444}.nhc-marker.ts{background:#8b5cf6}
.nhc-popup{font-family:system-ui,sans-serif;line-height:1.5}.nhc-popup strong{font-size:15px}
.hurricane-map .leaflet-control-attribution{font-size:8px}
body.theme-halloween .hurricane-map-card,body.theme-halloween .hurricane-side{border-color:rgba(255,181,106,.45)!important;box-shadow:0 22px 55px rgba(0,0,0,.3),0 0 25px rgba(255,111,18,.07)}
body.theme-halloween .hurricane-live-badge{border-color:rgba(255,181,106,.42);background:rgba(255,112,20,.08)}
@media(max-width:900px){.hurricane-layout{grid-template-columns:1fr}.hurricane-map{height:420px}.hurricane-side{max-height:none}}
@media(max-width:640px){.hurricane-section{padding-bottom:105px}.hurricane-head{align-items:flex-start}.hurricane-live-badge{margin-top:8px}.hurricane-map{height:350px}.storm-metrics{grid-template-columns:1fr 1fr}.storm-metrics div:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.hurricane-live-badge i,.nhc-marker i,.hurricane-skeleton{animation:none!important}}