@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#080b16;--panel:#111625;--panel2:#171d2e;--text:#f7f8fc;--muted:#a5aec2;--yellow:#ffe500;--red:#ff254f;--blue:#00c8ff;--pink:#ff168b;--line:rgba(255,255,255,.1);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;padding-bottom:92px}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:26px;padding:10px max(22px,calc((100vw - var(--max))/2));background:rgba(7,10,20,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:104px;height:62px;object-fit:contain}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.4vw,32px);margin-left:auto}.nav-link{font-size:13px;font-weight:700;color:#d4d9e6;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--yellow)}.social-mini{display:flex;gap:8px}.social-mini a{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:#1c2538;border:1px solid var(--line)}.social-mini a:nth-child(1){background:#1769e8}.social-mini a:nth-child(2){background:#f21d3d}.social-mini a:nth-child(3){background:#111;border-color:#555}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:white;margin:5px}
.section{max-width:var(--max);margin:auto;padding-left:24px;padding-right:24px}.hero{position:relative;min-height:440px;margin-top:26px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:radial-gradient(ellipse at 78% 45%,rgba(255,22,139,.22),transparent 38%),radial-gradient(ellipse at 65% 80%,rgba(0,200,255,.17),transparent 35%),linear-gradient(125deg,#101528 0%,#080b16 65%,#170d26 100%);padding-top:48px;padding-bottom:48px}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 42px,rgba(255,255,255,.018) 43px 44px);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:590px}.eyebrow{color:var(--blue);font-size:11px;letter-spacing:2.1px;font-weight:800;margin:0 0 14px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--red)}h1,h2,h3,p{margin-top:0}.hero h1{font:900 clamp(46px,6.2vw,82px)/.9 "Barlow Condensed",Impact,sans-serif;letter-spacing:-1px;margin:0;text-transform:uppercase}.hero h1 span{display:block;color:var(--yellow);text-shadow:0 3px 0 #a82d00,0 0 32px rgba(255,229,0,.16)}.tagline{font:italic 700 24px Georgia,serif;color:#fff;margin:17px 0 10px}.hero-description{max-width:420px;color:#b6bfd2;line-height:1.7;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:999px;padding:13px 19px;font-weight:800;font-size:12px;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.1)}.button-primary{margin-top:10px;background:var(--yellow);color:#090b12;box-shadow:0 8px 28px rgba(255,229,0,.15)}.button-primary span{font-size:18px}.button-secondary{background:var(--red);color:white}.hero-art{position:relative;min-height:330px;display:grid;place-items:center}.disc{width:min(28vw,290px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 4px,#202538 5px 6px,#0c0f19 7px 10px);border:3px solid rgba(255,255,255,.15);box-shadow:0 0 0 12px rgba(255,255,255,.025),0 0 55px rgba(255,22,139,.23);display:grid;place-items:center;position:relative;z-index:2}.disc:before{content:"";position:absolute;width:42%;height:42%;border-radius:50%;background:linear-gradient(135deg,var(--yellow),var(--red),var(--blue));filter:blur(1px)}.disc-center{position:relative;z-index:1;color:white;font:900 44px "Barlow Condensed",sans-serif;text-shadow:2px 3px #111}.sound-ring{position:absolute;border:2px solid rgba(0,200,255,.35);border-radius:50%;width:75%;aspect-ratio:1}.ring-two{width:95%;border-color:rgba(255,22,139,.25)}.hero-note{position:absolute;right:10%;top:10%;font-size:72px;color:var(--yellow);text-shadow:0 0 30px var(--yellow);transform:rotate(12deg)}.equalizer{display:flex;align-items:center;gap:5px}.equalizer-large{position:absolute;bottom:10px;left:0;right:0;justify-content:center;opacity:.8}.equalizer i,.mini-wave i,.player-wave i{display:block;width:5px;border-radius:6px;background:linear-gradient(to top,var(--red),var(--pink),var(--blue));height:20px}.equalizer i:nth-child(3n){height:48px}.equalizer i:nth-child(3n+1){height:30px}.equalizer i:nth-child(4n){height:62px}
.quick-grid{max-width:var(--max);margin:18px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-card{min-height:105px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#151b2b,#0d111e);padding:18px;display:grid;grid-template-columns:46px 1fr;align-content:center;column-gap:12px;transition:transform .2s,border-color .2s}.quick-card:hover{transform:translateY(-3px);border-color:#65718a}.quick-icon{grid-row:span 2;display:grid;place-items:center;font-size:25px;font-weight:900}.quick-card strong{font-size:13px;align-self:end}.quick-card small{font-size:11px;color:var(--muted);margin-top:5px}.pink .quick-icon{color:var(--pink)}.blue .quick-icon{color:var(--blue)}.yellow .quick-icon{color:var(--yellow)}.red .quick-icon{color:var(--red)}
.content-section{padding-top:76px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2,.contact-section h2{font:800 clamp(32px,4vw,46px)/1 "Barlow Condensed",Impact,sans-serif;margin:0;text-transform:uppercase}.section-heading h2 span,.contact-section h2 span{color:var(--yellow)}.heading-mark{color:#68738b;font-size:11px;letter-spacing:1.5px;font-weight:700}.text-link{font-size:12px;color:var(--yellow);font-weight:700}.program-panel{display:grid;grid-template-columns:.8fr 1.2fr;min-height:220px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(110deg,#171b31,#111625)}.program-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 40% 50%,rgba(255,22,139,.36),transparent 42%),linear-gradient(135deg,#0c1730,#180b25)}.mic-orb{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;font-size:55px;color:var(--yellow);border:2px solid rgba(0,200,255,.5);box-shadow:0 0 42px rgba(0,200,255,.17),inset 0 0 30px rgba(255,22,139,.2)}.mini-wave{position:absolute;bottom:22px;display:flex;gap:5px;align-items:center}.mini-wave i{height:20px}.mini-wave i:nth-child(2n){height:34px}.mini-wave i:nth-child(3n){height:14px}.program-copy{padding:30px;align-self:center}.pill{display:inline-block;background:rgba(255,229,0,.1);border:1px solid rgba(255,229,0,.25);color:var(--yellow);border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800;letter-spacing:1px}.program-copy h3{font:800 28px "Barlow Condensed",sans-serif;margin:13px 0 8px}.program-copy p{font-size:13px;color:#aeb7ca;line-height:1.7;margin-bottom:7px}.program-copy .note{font-size:11px;color:#78849d}
#eh-rss-d43cf8aa{min-height:50px}.rss-fallback{font-size:13px;color:var(--muted);padding:18px;border:1px dashed var(--line);border-radius:12px}.video-callout{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at 10% 50%,rgba(0,200,255,.14),transparent 40%),linear-gradient(120deg,#151b2c,#101320)}.video-play{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--red);box-shadow:0 0 25px rgba(255,37,79,.25)}.video-callout h3{font:800 25px "Barlow Condensed",sans-serif;margin:0 0 6px}.video-callout p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.video-callout .button{margin-left:auto;flex-shrink:0}
.contact-section{margin-top:76px;margin-bottom:42px;padding-top:36px;padding-bottom:36px;border:1px solid rgba(0,200,255,.2);border-radius:20px;background:radial-gradient(ellipse at 95% 0%,rgba(255,22,139,.18),transparent 40%),linear-gradient(120deg,#11192b,#0d101c);display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.contact-section h2{margin-bottom:12px}.contact-section>div>p:last-child{font-size:13px;color:var(--muted);line-height:1.7;margin:0;max-width:450px}.contact-socials{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-button{display:flex;align-items:center;gap:11px;padding:13px;border-radius:11px;background:#171e30;border:1px solid var(--line);font-size:12px;font-weight:700}.social-button b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#26344c;font-size:16px}.facebook b{background:#1769e8}.youtube b{background:#f21d3d}.tiktok b{background:#050505}.whatsapp b{background:#10a96b}
.site-footer{max-width:var(--max);margin:0 auto;padding:24px;display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:center;border-top:1px solid var(--line)}.footer-brand img{width:90px;height:70px;object-fit:contain}.site-footer strong{font-size:12px}.site-footer p,.site-footer small{display:block;color:var(--muted);font-size:11px;margin:5px 0}.site-footer nav{display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-end}.site-footer nav a{font-size:11px;color:#aab4c8}
.radio-player{position:fixed;z-index:100;bottom:0;left:0;right:0;min-height:76px;display:flex;align-items:center;gap:18px;padding:10px max(20px,calc((100vw - var(--max))/2));background:rgba(8,11,22,.96);border-top:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);box-shadow:0 -8px 35px rgba(0,0,0,.25)}.player-brand{display:flex;align-items:center;gap:10px;min-width:210px}.player-brand img{width:48px;height:48px;object-fit:contain}.player-brand span{display:grid;gap:5px}.player-brand strong{font-size:11px;letter-spacing:.4px}.player-brand small{font-size:10px;color:var(--muted)}.play-button{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,var(--red),#ff075f);color:white;font-size:17px;box-shadow:0 0 25px rgba(255,37,79,.25);cursor:pointer}.play-button:focus-visible,.volume-button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.player-track{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.player-track strong{font-size:10px;letter-spacing:1.4px;color:var(--yellow)}.player-wave{height:36px;display:flex;align-items:center;gap:3px;flex:1;opacity:.75}.player-wave i{width:3px;height:9px}.player-wave i:nth-child(3n){height:26px}.player-wave i:nth-child(4n){height:18px}.radio-player.is-playing .player-wave i{animation:pulse .8s ease-in-out infinite alternate}.radio-player.is-playing .player-wave i:nth-child(2n){animation-delay:.2s}.radio-player.is-playing .player-wave i:nth-child(3n){animation-delay:.4s}.volume-button{border:1px solid var(--line);background:#151b2a;color:white;border-radius:50%;width:38px;height:38px;cursor:pointer}audio{display:none}@keyframes pulse{to{transform:scaleY(2.1);opacity:.55}}
@media(max-width:900px){.site-header{gap:16px}.social-mini{display:none}.main-nav{gap:16px}.hero{min-height:380px}.hero-art{min-height:260px}.quick-grid{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:75px 1fr}.site-footer nav{grid-column:1/-1;justify-content:flex-start}.player-brand{min-width:185px}}
@media(max-width:640px){body{padding-bottom:84px}.site-header{padding:8px 16px;justify-content:space-between}.brand img{width:84px;height:52px}.menu-toggle{display:block;order:3;cursor:pointer}.main-nav{display:none;position:absolute;top:68px;left:12px;right:12px;margin:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:#101626;box-shadow:0 18px 40px #0009;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.nav-link{padding:14px;border-radius:8px}.nav-link:hover,.nav-link.active{background:#1b2233}.hero{margin:14px 12px 0;padding:30px 22px 22px;grid-template-columns:1fr;min-height:0;border-radius:18px}.hero h1{font-size:55px}.hero-description{font-size:13px}.hero-art{min-height:205px;margin-top:12px}.disc{width:180px}.disc-center{font-size:35px}.hero-note{right:12%;top:4%;font-size:52px}.sound-ring{width:65%}.ring-two{width:82%}.equalizer-large{bottom:0}.quick-grid{padding:0 12px;gap:9px;margin-top:12px}.quick-card{min-height:91px;padding:12px;grid-template-columns:34px 1fr;column-gap:8px}.quick-icon{font-size:22px}.quick-card strong{font-size:11px}.quick-card small{font-size:10px}.content-section{padding:56px 16px 0}.section-heading{align-items:start;margin-bottom:18px}.section-heading h2{font-size:35px}.heading-mark{display:none}.text-link{font-size:10px;text-align:right;max-width:105px;line-height:1.5}.program-panel{grid-template-columns:1fr}.program-art{min-height:150px}.mic-orb{width:85px;height:85px;font-size:40px}.program-copy{padding:22px}.program-copy h3{font-size:25px}.video-callout{padding:18px;gap:12px;flex-wrap:wrap}.video-play{width:45px;height:45px}.video-callout>div:nth-child(2){flex:1;min-width:160px}.video-callout h3{font-size:21px}.video-callout p{font-size:12px}.video-callout .button{margin:4px 0 0 57px}.contact-section{margin:54px 12px 30px;padding:24px 18px;grid-template-columns:1fr;gap:22px}.contact-section h2{font-size:34px}.contact-socials{gap:8px}.social-button{padding:10px;font-size:11px}.site-footer{padding:20px 16px;gap:12px;grid-template-columns:65px 1fr}.footer-brand img{width:65px;height:58px}.site-footer nav{gap:12px}.site-footer nav a{font-size:10px}.radio-player{min-height:72px;padding:9px 12px;gap:11px}.player-brand{min-width:0;flex:1;gap:7px}.player-brand img{width:39px;height:39px}.player-brand strong{font-size:9px}.player-brand small{font-size:9px}.play-button{width:43px;height:43px}.player-track{display:none}.volume-button{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* Efectos de iluminación animada para la portada de RADIO MIX ECUADOR */
.hero-art .disc {
  animation: disc-neon-breathe 2.8s ease-in-out infinite;
}
.hero-art .disc::before {
  animation: center-label-flash 3.4s ease-in-out infinite;
}
.hero-art .sound-ring {
  animation: orbit-light-pulse 2.2s ease-in-out infinite;
}
.hero-art .ring-two {
  animation-delay: .75s;
}
.hero-art .hero-note {
  animation: note-neon-flicker 1.9s steps(1, end) infinite;
}
.hero-art .equalizer-large i {
  animation: equalizer-blink 1.05s ease-in-out infinite alternate;
  transform-origin: center bottom;
}
.hero-art .equalizer-large i:nth-child(2n) { animation-delay: .18s; }
.hero-art .equalizer-large i:nth-child(3n) { animation-delay: .37s; }
.hero-art .equalizer-large i:nth-child(4n) { animation-delay: .54s; }
.hero-art .equalizer-large i:nth-child(5n) { animation-delay: .72s; }

@keyframes disc-neon-breathe {
  0%, 100% {
    box-shadow: 0 0 0 12px rgba(255,255,255,.025), 0 0 22px rgba(255,22,139,.10);
    border-color: rgba(255,255,255,.12);
  }
  50% {
    box-shadow: 0 0 0 12px rgba(255,255,255,.035), 0 0 58px rgba(255,22,139,.48), 0 0 82px rgba(0,200,255,.18);
    border-color: rgba(255,229,0,.72);
  }
}
@keyframes center-label-flash {
  0%, 15%, 24%, 100% { filter: brightness(.9) saturate(1); box-shadow: 0 0 10px rgba(255,22,139,.25); }
  18%, 21%, 58% { filter: brightness(1.35) saturate(1.35); box-shadow: 0 0 28px rgba(255,229,0,.8), 0 0 48px rgba(255,22,139,.42); }
  60%, 65% { filter: brightness(1.05); box-shadow: 0 0 12px rgba(0,200,255,.35); }
}
@keyframes orbit-light-pulse {
  0%, 100% { opacity: .28; filter: drop-shadow(0 0 1px currentColor); }
  45% { opacity: .95; filter: drop-shadow(0 0 8px currentColor); }
  58% { opacity: .45; }
  72% { opacity: .9; }
}
@keyframes note-neon-flicker {
  0%, 8%, 10%, 18%, 20%, 48%, 52%, 100% {
    opacity: 1;
    text-shadow: 0 0 8px #ffe500, 0 0 24px rgba(255,229,0,.8), 0 0 42px rgba(255,229,0,.35);
  }
  9%, 19%, 50% { opacity: .28; text-shadow: none; }
  70% { opacity: .8; text-shadow: 0 0 14px #ffe500; }
}
@keyframes equalizer-blink {
  0% { opacity: .45; filter: brightness(.75); transform: scaleY(.58); }
  45% { opacity: 1; filter: brightness(1.5) drop-shadow(0 0 7px #ff168b); }
  100% { opacity: .78; filter: brightness(1.15) drop-shadow(0 0 4px #00c8ff); transform: scaleY(1.08); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-art .disc, .hero-art .disc::before, .hero-art .sound-ring,
  .hero-art .hero-note, .hero-art .equalizer-large i {
    animation: none !important;
  }
}


/* Videos reales de YouTube */
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.video-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#111625;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#03050b}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.whatsapp-icon-wrap{display:grid!important;place-items:center}
.whatsapp-icon{width:22px;height:22px;display:block;color:#fff}
.floating-whatsapp{position:fixed;z-index:120;right:22px;bottom:104px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 8px 26px rgba(37,211,102,.4);border:2px solid rgba(255,255,255,.88);transition:transform .2s,box-shadow .2s}
.floating-whatsapp:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 34px rgba(37,211,102,.55)}
.floating-whatsapp svg{width:34px;height:34px}
@media(max-width:760px){.video-grid{grid-template-columns:1fr;gap:14px}.floating-whatsapp{right:14px;bottom:91px;width:54px;height:54px}.floating-whatsapp svg{width:31px;height:31px}}


/* Icono de bocina con barra de prohibición para el control de mute */
.volume-button{display:grid;place-items:center;padding:0;transition:background .2s,border-color .2s,transform .2s}
.volume-button:hover{background:#202a40;border-color:rgba(255,255,255,.3);transform:translateY(-1px)}
.volume-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.volume-icon .speaker-shape{fill:currentColor;stroke:currentColor}
.volume-icon .mute-slash{display:none;stroke:#ff4b63;stroke-width:2.6}
.volume-button.is-muted .sound-wave{display:none}
.volume-button.is-muted .mute-slash{display:block}
.volume-button.is-muted{background:#301724;border-color:#ff4b63;color:#fff}

/* Ruta /noticias se presenta dentro del documento principal; el reproductor permanece montado. */
body.route-news main > :not(#noticias){display:none!important}
body.route-news #noticias{display:block!important;min-height:70vh;padding-top:76px}
body.route-news #noticias .section-heading h2{margin:0}

/* Vista completa de noticias con paginación real sobre las tarjetas recibidas del RSS */
body.route-news #noticias{padding-bottom:48px}
body.route-news #noticias .section-heading .text-link{visibility:hidden}
.news-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:30px auto 12px;padding:8px 0}
.news-pagination[hidden]{display:none!important}
.pagination-button{border:0;border-radius:8px;padding:12px 18px;font:700 12px/1.2 inherit;letter-spacing:.02em;background:#f0f2f7;color:#26334b;cursor:pointer}
.pagination-button:disabled{opacity:.45;cursor:not-allowed}
.pagination-button.pagination-next{background:#ffb21a;color:#111625}
.pagination-info{font-size:12px;font-weight:700;color:#aab5ca;text-align:center}
body.route-news .news-pagination{margin-top:28px}
@media(max-width:600px){.news-pagination{gap:8px}.pagination-button{padding:11px 12px}.pagination-info{width:100%;order:-1}}


/* Ventana compacta PWA de RADIO MIX ECUADOR */
.pwa-install-backdrop{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(2,4,10,.72);backdrop-filter:blur(7px)}
.pwa-install-backdrop[hidden]{display:none!important}
.pwa-install-dialog{position:relative;width:min(100%,360px);max-height:min(82dvh,500px);overflow:auto;padding:20px 20px 17px;text-align:center;color:#f5f6fb;background:linear-gradient(145deg,#111625,#090b13);border:1px solid rgba(255,229,0,.34);border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.5)}
.pwa-install-close{position:absolute;right:12px;top:8px;width:34px;height:34px;border:0;background:transparent;color:#e8e9ef;font-size:28px;line-height:1;cursor:pointer}
.pwa-install-logo{display:block;width:58px;height:58px;object-fit:contain;margin:0 auto 9px;border-radius:8px;background:#05060a}
.pwa-install-eyebrow{margin:0 0 9px;color:#00c8ff;font-size:11px;font-weight:900;letter-spacing:.19em}
.pwa-install-dialog h2{margin:0 auto 9px;max-width:300px;font-size:clamp(20px,4vw,25px);line-height:1.1;font-weight:900}
.pwa-install-dialog h2 em{display:block;color:#ffe500;font-style:italic}
.pwa-install-description{margin:0 auto 14px;max-width:300px;color:#b8c1d5;font-size:13px;line-height:1.45}
.pwa-install-primary,.pwa-install-secondary{display:block;width:100%;min-height:42px;border-radius:999px;font:800 14px/1.2 inherit;cursor:pointer}
.pwa-install-primary{border:0;background:linear-gradient(100deg,#ffe500,#ffb21a);color:#111625}
.pwa-install-secondary{margin-top:9px;border:1px solid rgba(255,229,0,.38);background:transparent;color:#f5f6fb}
.pwa-install-help{margin:11px auto 0;max-width:300px;color:#aab5ca;font-size:10px;line-height:1.45}
body.pwa-modal-open{overflow:hidden}
@media(max-width:480px){.pwa-install-backdrop{padding:12px}.pwa-install-dialog{width:100%;padding:18px 16px 15px;border-radius:16px;max-height:80dvh}.pwa-install-logo{width:50px;height:50px}.pwa-install-description{font-size:12px}.pwa-install-primary,.pwa-install-secondary{min-height:40px}}
@media(prefers-reduced-motion:no-preference){.pwa-install-dialog{animation:pwa-pop-in .22s ease-out both}@keyframes pwa-pop-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}}



/* Movimiento real de la ilustración de programación */
.mini-wave i { transform-origin: center; animation: rmxWave 780ms ease-in-out infinite alternate; }
.mini-wave i:nth-child(2n) { animation-delay: -260ms; }
.mini-wave i:nth-child(3n) { animation-delay: -520ms; }
.mini-wave i:nth-child(4n) { animation-duration: 620ms; }
.mic-orb { animation: rmxOrbPulse 3.2s ease-in-out infinite; }
@keyframes rmxWave { from { transform: scaleY(.38); opacity:.7; } to { transform: scaleY(1.22); opacity:1; } }
@keyframes rmxOrbPulse { 0%,100% { box-shadow: 0 0 30px rgba(0,200,255,.13), inset 0 0 24px rgba(255,22,139,.15); } 50% { box-shadow: 0 0 55px rgba(0,200,255,.34), inset 0 0 38px rgba(255,22,139,.28); } }
@media (prefers-reduced-motion: reduce) { .mini-wave i, .mic-orb { animation: none !important; } }


/* Evita que el panel de Programación se corte en tabletas y móviles */
.program-panel { width: 100%; min-width: 0; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
.program-art, .program-copy { min-width: 0; }
.program-copy { overflow-wrap: anywhere; }
@media (max-width: 900px) {
  .program-panel { grid-template-columns: 1fr; }
  .program-art { min-height: 210px; }
  .program-copy { padding: 24px; }
}


/* Ajustes solicitados para la ilustración de Programación y el reproductor */
.heading-mark { display: none !important; }
.program-copy .pill { color: #fff !important; }
.player-brand strong { color: #fff !important; }
.play-button { background: linear-gradient(135deg, #ffe500, #ffb21a) !important; color: #080b14 !important; box-shadow: 0 0 24px rgba(255,229,0,.32) !important; }
.mic-orb { position: relative; isolation: isolate; border-color: rgba(0,200,255,.9) !important; box-shadow: 0 0 24px rgba(0,200,255,.28), 0 0 48px rgba(0,200,255,.16), inset 0 0 30px rgba(255,22,139,.22); animation: rmxOrbPulse 2.2s ease-in-out infinite !important; }
.mic-orb::before, .mic-orb::after { content: ""; position: absolute; inset: -8px; border: 2px solid rgba(0,200,255,.65); border-radius: 50%; pointer-events: none; z-index: -1; animation: rmxLightRing 2.4s ease-out infinite; }
.mic-orb::after { animation-delay: 1.2s; }
.mini-wave i { transform-origin: center; animation: rmxWave 650ms ease-in-out infinite alternate !important; }
.mini-wave i:nth-child(2n) { animation-delay: -210ms !important; }
.mini-wave i:nth-child(3n) { animation-delay: -430ms !important; }
.mini-wave i:nth-child(4n) { animation-duration: 520ms !important; }
@keyframes rmxLightRing { 0% { transform: scale(.92); opacity: .8; } 75%, 100% { transform: scale(1.32); opacity: 0; } }
@keyframes rmxOrbPulse { 0%,100% { box-shadow: 0 0 22px rgba(0,200,255,.25), 0 0 44px rgba(0,200,255,.13), inset 0 0 24px rgba(255,22,139,.17); } 50% { box-shadow: 0 0 34px rgba(0,200,255,.55), 0 0 66px rgba(0,200,255,.28), inset 0 0 38px rgba(255,22,139,.3); } }
@media (prefers-reduced-motion: reduce) { .mini-wave i, .mic-orb, .mic-orb::before, .mic-orb::after { animation: none !important; } }


/* v9: visual rules requested by the client; explicit cache-safe overrides */
.heading-mark, [class*="heading-mark"] { display: none !important; }
.program-copy .pill { color: #ffffff !important; }
.player-brand strong { color: #ffffff !important; }
.play-button { background: linear-gradient(135deg, #ffe500, #ffb21a) !important; color: #080b14 !important; border: 0 !important; box-shadow: 0 0 24px rgba(255,229,0,.38) !important; }
.pagination-button.pagination-next { background: #ffb900 !important; color: #10131c !important; }
.pagination-button:not(:disabled) { cursor: pointer; }
.route-news #noticias .news-pagination { display: flex; }


/* V10: botones de reproducción siempre amarillos, también en estados hover/focus */
#playButton, .play-button, .radio-player .play-button {
  background: #ffdf00 !important;
  background-image: none !important;
  color: #10131c !important;
  border-color: #ffdf00 !important;
  box-shadow: 0 0 24px rgba(255, 223, 0, .28) !important;
}
#playButton:hover, .play-button:hover, .radio-player .play-button:hover {
  background: #ffe84a !important;
  color: #10131c !important;
}


/* V11: etiqueta RADIO MIX ECUADOR en amarillo, como pidió el cliente */
.program-copy .pill {
  background: #ffe500 !important;
  color: #080a12 !important;
  border-color: #ffe500 !important;
  box-shadow: 0 0 18px rgba(255, 229, 0, .22);
}


/* V14: botón de regreso visible únicamente en la página de todas las noticias */
.back-to-site {
  display: none;
  width: fit-content;
  margin: 24px 0 0;
  color: #ff453a;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  transition: color .2s ease, transform .2s ease;
}
.back-to-site:hover {
  color: #ffb900;
  transform: translateX(-3px);
}
body.route-news #noticias .back-to-site {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}


/* V15: logotipo oficial del cliente en el centro del vinilo */
.hero-art .disc-center {
  width: 160px;
  height: 160px;
  display: grid;
  place-items: center;
  line-height: 0;
}
.hero-art .disc-center img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .28));
}
@media (max-width: 600px) {
  .hero-art .disc-center {
    width: 138px;
    height: 138px;
  }
}



/* V17: usar el símbolo de marca de TikTok; no sustituir por nota musical genérica */
.social-mini a.tiktok-icon-link {
  background: #08090d;
  border-color: #50515a;
  padding: 6px;
  box-sizing: border-box;
}
.tiktok-mark { display:block; width:100%; height:100%; overflow:visible; }
.tiktok-mark .tt-cyan { fill:#25f4ee; transform:translate(-1.1px,.25px); }
.tiktok-mark .tt-red { fill:#fe2c55; transform:translate(1.1px,-.15px); }
.tiktok-mark .tt-white { fill:#fff; }
.social-button.tiktok b { background:#08090d; padding:5px; box-sizing:border-box; }
.social-button.tiktok .tiktok-mark { width:100%; height:100%; }