*{box-sizing:border-box;margin:0;padding:0}
:root{--red:var(--i24-red,#E01C1C);--red2:#B51616;--red-glow:#FF3A3A;--sky:var(--i24-sky,#3AB0F0);--sky2:#1A8FD1;--sky-soft:#DFF3FF;--navy:var(--i24-navy,#101A2A);--white:#F7FAFF;--shadow:0 28px 80px rgba(0,0,0,.38);--radius:28px}
html{scroll-behavior:smooth;background:var(--navy)}
body.tpl-info24radio{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:linear-gradient(180deg,var(--navy) 0%,#0d1727 36%,#eef4fb 36%,#eef4fb 100%);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.tpl-info24radio a{color:inherit;text-decoration:none}.seo-h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{position:sticky;top:0;z-index:1000;height:74px;display:flex;align-items:center;justify-content:center;background:rgba(11,20,34,.72);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 12px 36px rgba(0,0,0,.28)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),var(--sky),transparent);opacity:.95}
.brand-lockup{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.35rem 1rem;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.brand-lockup img{height:34px;max-width:210px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(58,176,240,.18))}.brand-text{display:none;font-weight:900;letter-spacing:.02em}.brand-text span{color:var(--red)}
.hero{position:relative;min-height:680px;padding:4.6rem 1.4rem 3rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(58,176,240,.30),transparent 34%),radial-gradient(circle at 88% 22%,rgba(224,28,28,.24),transparent 31%),radial-gradient(circle at 50% 100%,rgba(58,176,240,.12),transparent 40%),linear-gradient(135deg,#0c1525 0%,#101a2a 45%,#07111e 100%)}
.hero:before{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.055) 43%,transparent 45% 100%),linear-gradient(70deg,transparent 0 52%,rgba(58,176,240,.075) 53%,transparent 55% 100%);transform:rotate(-8deg);animation:slowScan 15s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(circle at center,black,transparent 75%);opacity:.38}
@keyframes slowScan{from{transform:translateX(-2%) rotate(-8deg)}to{transform:translateX(2%) rotate(-8deg)}}.signal-ring{position:absolute;width:560px;height:560px;border-radius:50%;border:1px solid rgba(58,176,240,.10);box-shadow:0 0 120px rgba(58,176,240,.10),inset 0 0 80px rgba(224,28,28,.05);animation:pulseRing 4.6s ease-in-out infinite}.signal-ring.r2{width:760px;height:760px;opacity:.45;animation-delay:1.1s}@keyframes pulseRing{0%,100%{transform:scale(.96);opacity:.46}50%{transform:scale(1.04);opacity:.9}}
.hero-inner{position:relative;z-index:2;max-width:760px;width:100%;display:flex;flex-direction:column;gap:2rem;align-items:center;text-align:center}.hero-copy{width:100%;display:flex;flex-direction:column;align-items:center}.kicker{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1rem;color:var(--sky-soft);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.58rem .85rem;box-shadow:0 14px 40px rgba(0,0,0,.22)}.kicker-dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 7px rgba(224,28,28,.14);animation:liveBlink 1.1s infinite}@keyframes liveBlink{0%,100%{opacity:1}50%{opacity:.35}}
.hero-copy h2{font-size:clamp(2.8rem,6.6vw,6.15rem);line-height:.92;letter-spacing:-.08em;font-weight:950;text-wrap:balance;margin-bottom:1.15rem}.hero-copy h2 span{display:block;color:transparent;background:linear-gradient(90deg,var(--sky),#c7f0ff 44%,var(--red-glow));-webkit-background-clip:text;background-clip:text;letter-spacing:-.075em}.hero-copy p{max-width:680px;color:#c6d6e9;font-size:1.03rem;line-height:1.78;text-wrap:balance;margin-bottom:0}.trust-row{display:flex;gap:1.15rem;flex-wrap:wrap;margin-top:1.35rem;color:#9fb4cc;font-size:.77rem;justify-content:center}.trust-row strong{color:#fff}
.player-shell{position:relative;border-radius:var(--radius);padding:1px;background:linear-gradient(145deg,rgba(58,176,240,.65),rgba(255,255,255,.12),rgba(224,28,28,.55));box-shadow:var(--shadow),0 0 90px rgba(58,176,240,.15);width:min(100%,620px);margin:0 auto}.player{position:relative;overflow:hidden;border-radius:calc(var(--radius) - 1px);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.055));backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.12);padding:1.45rem}.player:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(58,176,240,.20),transparent 35%),radial-gradient(circle at 100% 30%,rgba(224,28,28,.13),transparent 35%);pointer-events:none}.panel-top,.panel-main,.panel-actions{position:relative;z-index:1}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}.live-pill{display:inline-flex;align-items:center;gap:.4rem;background:rgba(224,28,28,.16);color:#fff;border:1px solid rgba(255,58,58,.45);border-radius:999px;padding:.44rem .72rem;font-size:.68rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;box-shadow:0 0 34px rgba(224,28,28,.20)}.source-pill{color:#a9bed4;font-size:.74rem;font-weight:750;letter-spacing:.03em}.panel-main{display:grid;grid-template-columns:118px 1fr;gap:1.1rem;align-items:center}.album-art{width:118px;height:118px;border-radius:26px;background:radial-gradient(circle at 30% 30%,rgba(58,176,240,.50),transparent 38%),radial-gradient(circle at 70% 72%,rgba(224,28,28,.46),transparent 38%),linear-gradient(145deg,#14243a,#09111d);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 22px 40px rgba(0,0,0,.25);display:grid;place-items:center;overflow:hidden;position:relative}.album-art:after{content:"";position:absolute;inset:14px;border-radius:20px;border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 0 28px rgba(58,176,240,.12);pointer-events:none}.waves{height:54px;display:flex;gap:4px;align-items:center}.waves i{display:block;width:5px;border-radius:99px;background:linear-gradient(180deg,var(--sky),#fff,var(--red));animation:wave 1.2s ease-in-out infinite;height:15px}.waves i:nth-child(2){animation-delay:.08s}.waves i:nth-child(3){animation-delay:.16s}.waves i:nth-child(4){animation-delay:.24s}.waves i:nth-child(5){animation-delay:.32s}.waves i:nth-child(6){animation-delay:.40s}@keyframes wave{0%,100%{height:12px;opacity:.55}50%{height:54px;opacity:1}}.song-label{color:var(--sky);font-size:.70rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.42rem}.song-title{font-size:clamp(1.15rem,2.4vw,1.72rem);font-weight:850;letter-spacing:-.025em;color:#fff;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15;word-break:normal}.song-artist{font-size:.92rem;color:#b7c8da;margin-top:.32rem;line-height:1.35;white-space:normal}.progress{height:5px;border-radius:999px;background:rgba(255,255,255,.12);margin:1.25rem 0;overflow:hidden;position:relative}.progress span{display:block;height:100%;width:38%;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--sky));animation:progress 16s linear infinite}@keyframes progress{0%{width:0}100%{width:100%}}.player-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;z-index:1}.control-left{display:flex;align-items:center;gap:.9rem}.play{width:62px;height:62px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--red);color:#fff;box-shadow:0 0 0 9px rgba(224,28,28,.12),0 20px 42px rgba(224,28,28,.34);transition:.25s ease}.play:hover{transform:scale(1.04);background:var(--red2)}.play svg{width:22px;height:22px;fill:#fff;margin-left:3px}.volume{display:flex;align-items:center;gap:.55rem;color:#9bb2ca}.volume input{width:110px;accent-color:var(--sky)}.panel-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.chip{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#dceafd;border-radius:999px;padding:.55rem .78rem;font-size:.76rem;font-weight:800;cursor:pointer;transition:.25s ease}.chip:hover{border-color:rgba(58,176,240,.55);color:#fff;transform:translateY(-1px)}.chip.hot{border-color:rgba(224,28,28,.45);color:#ffd5d5}
.sticky-player{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:3000;max-width:920px;margin:auto;border:1px solid rgba(255,255,255,.14);background:rgba(10,18,31,.82);backdrop-filter:blur(24px);border-radius:22px;padding:.75rem .9rem;display:flex;align-items:center;gap:.9rem;box-shadow:0 25px 70px rgba(0,0,0,.45);transform:translateY(150%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.sticky-player.show{transform:translateY(0)}.sticky-mini-art{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--sky),var(--red));display:grid;place-items:center;flex-shrink:0}.sticky-waves{height:24px}.sticky-info{min-width:0;flex:1}.sticky-title{font-size:.85rem;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-sub{font-size:.72rem;color:#96a9bf}.sticky-live{font-size:.62rem;color:#fff;background:var(--red);border-radius:999px;padding:.25rem .45rem;font-weight:950;letter-spacing:.08em}.sticky-play{width:42px;height:42px;border:0;border-radius:50%;background:var(--red);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.sticky-play svg{width:16px;height:16px;fill:#fff;margin-left:2px}
.band-title-wrap{display:flex;justify-content:center;margin-bottom:.8rem;padding:0 1rem}.band-title{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1.25rem;border-radius:999px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(18px);box-shadow:0 16px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.22);font-size:.76rem;font-weight:950;letter-spacing:.055em;text-transform:uppercase}.recent-band{background:var(--sky);color:var(--red);padding:1.15rem 0 .9rem;border-top:1px solid rgba(255,255,255,.34);border-bottom:2px solid var(--red);overflow:hidden}.ticker-window{overflow:hidden;white-space:nowrap}.ticker-track{display:inline-block;animation:ticker 40s linear infinite}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.ti{display:inline-block;padding:0 2.2rem;font-size:.78rem;font-weight:850;color:var(--red)}.ti span{color:#fff;margin-right:.45rem}.support-band{background:linear-gradient(180deg,#0c1525,#111e32);padding:1.55rem 0 1.6rem;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.support-band .band-title{color:#fff}.support-window{overflow:hidden}.support-track{display:flex;width:max-content;gap:.8rem;animation:support 55s linear infinite;transform:translateX(-50%)}@keyframes support{from{transform:translateX(-50%)}to{transform:translateX(0)}}.support-card{min-width:190px;height:60px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.13);color:#fff;font-weight:850;font-size:.83rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
main{background:#eef4fb;color:#142136}.section{padding:5.3rem 1.4rem}.section.dark{background:linear-gradient(180deg,#111e32,#0c1525);color:#fff}.container{max-width:1100px;margin:0 auto}.section-head{text-align:center;max-width:760px;margin:0 auto 2.5rem}.eyebrow{color:var(--sky2);font-size:.75rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.55rem}.section-head h2{font-size:clamp(2rem,4.2vw,3.5rem);line-height:1;letter-spacing:-.07em;color:#111c2e;margin-bottom:.9rem}.section.dark .section-head h2{color:#fff}.section-head h2 em{font-style:normal;color:var(--red)}.section.dark .section-head h2 em{color:var(--sky)}.section-head p{color:#52677e;line-height:1.75;font-size:1rem}.section.dark .section-head p{color:#aabbd0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-card{position:relative;overflow:hidden;border-radius:24px;background:#fff;padding:1.35rem;border:1px solid rgba(16,26,42,.08);box-shadow:0 18px 45px rgba(17,34,55,.08);transition:.28s ease;min-height:230px}.service-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(17,34,55,.14)}.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0%,rgba(58,176,240,.14),transparent 34%);opacity:.9}.service-icon{position:relative;width:52px;height:52px;border-radius:17px;background:#eaf7ff;color:var(--sky2);display:grid;place-items:center;margin-bottom:1.15rem;font-size:1.2rem}.service-card h3{position:relative;color:#111c2e;font-size:1.08rem;letter-spacing:-.02em;margin-bottom:.5rem}.service-card p{position:relative;color:#566a80;line-height:1.65;font-size:.92rem}.service-card a{position:relative;display:inline-block;margin-top:1.1rem;color:var(--red);font-weight:900;font-size:.82rem}
.membership{display:grid;grid-template-columns:.95fr 1.05fr;gap:1.2rem;align-items:stretch}.member-card,.auth-card{border-radius:28px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.075);backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.25);padding:1.65rem;overflow:hidden;position:relative}.member-card:before,.auth-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(58,176,240,.16),transparent 38%),radial-gradient(circle at 100% 70%,rgba(224,28,28,.12),transparent 36%)}.member-card>*,.auth-card>*{position:relative}.member-card h3{font-size:2.15rem;line-height:1;letter-spacing:-.06em;margin-bottom:.85rem}.member-card p{color:#b9c9da;line-height:1.75;margin-bottom:1.2rem}.benefits{display:grid;gap:.65rem}.benefit{display:flex;gap:.65rem;align-items:center;color:#edf6ff;font-weight:800;font-size:.9rem}.benefit i{width:24px;height:24px;border-radius:50%;background:rgba(58,176,240,.18);color:var(--sky);display:grid;place-items:center;font-style:normal}.form-grid{display:grid;gap:.75rem}.field label{display:block;color:#aabbd0;font-size:.76rem;font-weight:850;margin-bottom:.35rem}.field input{width:100%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:14px;padding:.85rem .9rem;color:#fff;outline:0}.field input:focus{border-color:rgba(58,176,240,.55);box-shadow:0 0 0 4px rgba(58,176,240,.12)}.submit{margin-top:.4rem;width:100%;border:0;background:var(--red);color:#fff;border-radius:16px;padding:.94rem 1rem;font-weight:950;cursor:pointer;box-shadow:0 18px 42px rgba(224,28,28,.25)}.terms{font-size:.74rem;color:#8fa3ba;line-height:1.5;margin-top:.7rem}
.video-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:1rem}.video-card{border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(16,26,42,.08);box-shadow:0 18px 45px rgba(17,34,55,.08)}.video-card.featured{grid-row:span 2}.thumb{height:170px;background:linear-gradient(135deg,#122139,#1a8fd1 55%,#e01c1c);display:grid;place-items:center;color:#fff;position:relative}.featured .thumb{height:350px}.thumb:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 30%,transparent,rgba(0,0,0,.25))}.play-mark{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:var(--red);display:grid;place-items:center;box-shadow:0 18px 40px rgba(0,0,0,.28)}.video-info{padding:1rem}.tag{color:var(--red);font-size:.7rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.45rem}.video-info h3{color:#122139;font-size:1rem;line-height:1.25;letter-spacing:-.03em}.featured .video-info h3{font-size:1.45rem}.video-info p{color:#60758c;margin-top:.45rem;font-size:.86rem;line-height:1.55}
.component-section{background:#fff}.component-section .page-header h1,.component-section h1{color:#111c2e}
footer{background:#07111e;color:#b9c9da;padding:3rem 1.4rem;border-top:2px solid var(--sky)}.footer-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:2rem}.footer-logo{height:34px;margin-bottom:1rem}.footer-inner h3{color:#fff;margin-bottom:.8rem}.footer-inner p,.footer-inner a{font-size:.88rem;line-height:1.7;color:#aebfd2;display:block}.legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.09);padding-top:1rem;margin-top:.8rem;font-size:.77rem;color:#7f93aa}
.i24-no-animations *,.i24-no-animations *:before,.i24-no-animations *:after{animation:none!important;transition:none!important}
@media(max-width:900px){.hero{min-height:auto;padding:3rem 1rem 2rem}.hero-inner{gap:2rem}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.trust-row{justify-content:center}.service-grid,.membership,.video-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.footer-inner>div:first-child,.legal{grid-column:1/-1}.video-card.featured{grid-row:auto}.featured .thumb{height:220px}}
@media(max-width:560px){.site-header{height:66px}.brand-lockup img{height:28px}.panel-main{grid-template-columns:1fr;text-align:center}.album-art{margin:auto}.player-controls{flex-direction:column}.control-left{flex-direction:column}.song-title{font-size:1.24rem}.hero-copy h2{font-size:3rem}.sticky-player{left:.65rem;right:.65rem}.volume input{width:90px}.section{padding:4rem 1rem}}

/* v0.3.16 contrast and sponsor logo management */
.hero-copy h2{
  color:#f7fbff !important;
  text-shadow:0 10px 36px rgba(0,0,0,.38), 0 0 22px rgba(58,176,240,.16) !important;
}

.member-card h3{
  color:#f7fbff !important;
  text-shadow:0 10px 30px rgba(0,0,0,.35) !important;
}

/* Sponsor modules published in position "support" */
.support-track .moduletable,
.support-track .module,
.support-track .mod-custom,
.support-track .custom,
.support-track > div:not(.support-card){
  min-width:190px;
  height:60px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.13);
  color:#fff;
  font-weight:850;
  font-size:.83rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  padding:.6rem 1rem;
  overflow:hidden;
}

.support-track img{
  display:block;
  max-width:150px;
  max-height:38px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));
}

.support-track a{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
}

.support-track p{
  margin:0;
}

.support-track .module-title,
.support-track h3,
.support-track h4{
  display:none;
}


/* Merged mobile/performance rules from v0.3.16 */

/**
 * Info24 Radio Template — Mobile Fix v0.3.16
 * This file is loaded AFTER template.css to force mobile visual corrections.
 */

@media (max-width: 900px) {
  body.tpl-info24radio {
    background: linear-gradient(180deg, var(--navy) 0%, #0d1727 42%, #eef4fb 42%, #eef4fb 100%) !important;
  }

  .tpl-info24radio .site-header,
  body.tpl-info24radio .site-header {
    height: 72px !important;
  }

  .tpl-info24radio .brand-lockup img,
  body.tpl-info24radio .brand-lockup img {
    height: 34px !important;
    max-width: 220px !important;
  }

  .tpl-info24radio .hero,
  body.tpl-info24radio .hero {
    min-height: auto !important;
    padding: 3.4rem 1.1rem 2.4rem !important;
  }

  .tpl-info24radio .hero-inner,
  body.tpl-info24radio .hero-inner {
    max-width: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.7rem !important;
    text-align: center !important;
  }

  .tpl-info24radio .hero-copy,
  body.tpl-info24radio .hero-copy {
    width: 100% !important;
    text-align: center !important;
    align-items: center !important;
  }

  .tpl-info24radio .kicker,
  body.tpl-info24radio .kicker {
    font-size: .76rem !important;
    line-height: 1.2 !important;
    letter-spacing: .09em !important;
    padding: .62rem .82rem !important;
    max-width: 92vw !important;
    white-space: normal !important;
    justify-content: center !important;
  }

  .tpl-info24radio .hero-copy h2,
  body.tpl-info24radio .hero-copy h2 {
    font-size: clamp(3.15rem, 13vw, 4.9rem) !important;
    line-height: .96 !important;
    letter-spacing: -.055em !important;
    margin-bottom: 1rem !important;
  }

  .tpl-info24radio .hero-copy h2 span,
  body.tpl-info24radio .hero-copy h2 span {
    letter-spacing: -.055em !important;
  }

  .tpl-info24radio .hero-copy p,
  body.tpl-info24radio .hero-copy p {
    max-width: 92vw !important;
    font-size: 1.06rem !important;
    line-height: 1.62 !important;
    color: #d1deee !important;
  }

  .tpl-info24radio .trust-row,
  body.tpl-info24radio .trust-row {
    margin-top: 1.15rem !important;
    gap: .65rem 1rem !important;
    font-size: .82rem !important;
    justify-content: center !important;
  }

  .tpl-info24radio .player-shell,
  body.tpl-info24radio .player-shell {
    width: 100% !important;
    max-width: 94vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 26px !important;
  }

  .tpl-info24radio .player,
  body.tpl-info24radio .player {
    padding: 1.2rem !important;
    border-radius: 25px !important;
  }

  .tpl-info24radio .panel-top,
  body.tpl-info24radio .panel-top {
    margin-bottom: 1rem !important;
  }

  .tpl-info24radio .live-pill,
  body.tpl-info24radio .live-pill {
    font-size: .72rem !important;
    padding: .48rem .72rem !important;
  }

  .tpl-info24radio .source-pill,
  body.tpl-info24radio .source-pill {
    font-size: .70rem !important;
  }

  .tpl-info24radio .panel-main,
  body.tpl-info24radio .panel-main {
    grid-template-columns: 104px 1fr !important;
    gap: 1rem !important;
    text-align: left !important;
    align-items: center !important;
  }

  .tpl-info24radio .album-art,
  body.tpl-info24radio .album-art {
    width: 104px !important;
    height: 104px !important;
    border-radius: 24px !important;
  }

  .tpl-info24radio .waves,
  body.tpl-info24radio .waves {
    height: 48px !important;
  }

  .tpl-info24radio .song-label,
  body.tpl-info24radio .song-label {
    font-size: .72rem !important;
    margin-bottom: .4rem !important;
  }

  .tpl-info24radio .song-title,
  body.tpl-info24radio .song-title {
    font-size: clamp(1.32rem, 5.2vw, 1.65rem) !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .tpl-info24radio .song-artist,
  body.tpl-info24radio .song-artist {
    font-size: 1rem !important;
    line-height: 1.35 !important;
  }

  .tpl-info24radio .progress,
  body.tpl-info24radio .progress {
    height: 6px !important;
    margin: 1.25rem 0 1.15rem !important;
  }

  .tpl-info24radio .play,
  body.tpl-info24radio .play {
    width: 68px !important;
    height: 68px !important;
  }

  .tpl-info24radio .play svg,
  body.tpl-info24radio .play svg {
    width: 24px !important;
    height: 24px !important;
  }

  .tpl-info24radio .control-left,
  body.tpl-info24radio .control-left {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .tpl-info24radio .volume,
  body.tpl-info24radio .volume {
    font-size: .95rem !important;
  }

  .tpl-info24radio .volume input,
  body.tpl-info24radio .volume input {
    width: 132px !important;
  }

  .tpl-info24radio .panel-actions,
  body.tpl-info24radio .panel-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: .65rem !important;
    margin-top: 1.1rem !important;
  }

  .tpl-info24radio .chip,
  body.tpl-info24radio .chip {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    padding: .78rem .75rem !important;
    font-size: .84rem !important;
    min-height: 44px !important;
  }

  .tpl-info24radio .band-title,
  body.tpl-info24radio .band-title {
    font-size: .84rem !important;
    letter-spacing: .05em !important;
    padding: .78rem 1.15rem !important;
  }

  .tpl-info24radio .ti,
  body.tpl-info24radio .ti {
    font-size: .91rem !important;
    padding: 0 1.6rem !important;
  }

  .tpl-info24radio .support-card,
  body.tpl-info24radio .support-card {
    min-width: 180px !important;
    height: 62px !important;
    font-size: .92rem !important;
    border-radius: 18px !important;
    padding: 0 1rem !important;
  }

  .tpl-info24radio .section,
  body.tpl-info24radio .section {
    padding: 4.4rem 1.15rem !important;
  }

  .tpl-info24radio .section-head h2,
  body.tpl-info24radio .section-head h2 {
    font-size: clamp(2.35rem, 8.8vw, 3.6rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
  }

  .tpl-info24radio .section-head p,
  body.tpl-info24radio .section-head p {
    font-size: 1.03rem !important;
    line-height: 1.62 !important;
  }

  .tpl-info24radio .service-grid,
  .tpl-info24radio .membership,
  .tpl-info24radio .video-grid,
  body.tpl-info24radio .service-grid,
  body.tpl-info24radio .membership,
  body.tpl-info24radio .video-grid {
    grid-template-columns: 1fr !important;
  }

  .tpl-info24radio .service-card,
  body.tpl-info24radio .service-card {
    min-height: auto !important;
    padding: 1.55rem !important;
    border-radius: 24px !important;
  }

  .tpl-info24radio .service-card h3,
  body.tpl-info24radio .service-card h3 {
    font-size: 1.22rem !important;
  }

  .tpl-info24radio .service-card p,
  body.tpl-info24radio .service-card p {
    font-size: 1rem !important;
    line-height: 1.62 !important;
  }

  .tpl-info24radio .member-card,
  .tpl-info24radio .auth-card,
  body.tpl-info24radio .member-card,
  body.tpl-info24radio .auth-card {
    padding: 1.5rem !important;
    border-radius: 26px !important;
  }

  .tpl-info24radio .member-card h3,
  body.tpl-info24radio .member-card h3 {
    font-size: 2.15rem !important;
    line-height: 1.03 !important;
    letter-spacing: -.045em !important;
  }

  .tpl-info24radio .benefit,
  body.tpl-info24radio .benefit {
    font-size: .98rem !important;
    line-height: 1.35 !important;
  }

  .tpl-info24radio .field label,
  body.tpl-info24radio .field label {
    font-size: .86rem !important;
  }

  .tpl-info24radio .field input,
  body.tpl-info24radio .field input {
    min-height: 52px !important;
    font-size: 1rem !important;
    border-radius: 16px !important;
  }

  .tpl-info24radio .submit,
  body.tpl-info24radio .submit {
    min-height: 54px !important;
    font-size: .96rem !important;
  }

  .tpl-info24radio .thumb,
  .tpl-info24radio .featured .thumb,
  body.tpl-info24radio .thumb,
  body.tpl-info24radio .featured .thumb {
    height: 235px !important;
  }

  .tpl-info24radio .video-card.featured,
  body.tpl-info24radio .video-card.featured {
    grid-row: auto !important;
  }

  .tpl-info24radio .video-info h3,
  .tpl-info24radio .featured .video-info h3,
  body.tpl-info24radio .video-info h3,
  body.tpl-info24radio .featured .video-info h3 {
    font-size: 1.25rem !important;
    line-height: 1.22 !important;
  }

  .tpl-info24radio .footer-inner,
  body.tpl-info24radio .footer-inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 1.7rem 1.25rem !important;
  }

  .tpl-info24radio .footer-inner > div:first-child,
  .tpl-info24radio .legal,
  body.tpl-info24radio .footer-inner > div:first-child,
  body.tpl-info24radio .legal {
    grid-column: 1 / -1 !important;
  }

  .tpl-info24radio .footer-inner h3,
  body.tpl-info24radio .footer-inner h3 {
    font-size: 1.15rem !important;
  }

  .tpl-info24radio .footer-inner p,
  .tpl-info24radio .footer-inner a,
  body.tpl-info24radio .footer-inner p,
  body.tpl-info24radio .footer-inner a {
    font-size: .95rem !important;
    line-height: 1.65 !important;
  }

  .tpl-info24radio .sticky-player,
  body.tpl-info24radio .sticky-player {
    left: .85rem !important;
    right: .85rem !important;
    bottom: .85rem !important;
    padding: .7rem .75rem !important;
    border-radius: 20px !important;
    gap: .65rem !important;
  }

  .tpl-info24radio .sticky-play,
  body.tpl-info24radio .sticky-play {
    width: 46px !important;
    height: 46px !important;
  }
}

@media (max-width: 560px) {
  .tpl-info24radio .brand-lockup img,
  body.tpl-info24radio .brand-lockup img {
    height: 32px !important;
    max-width: 205px !important;
  }

  .tpl-info24radio .hero,
  body.tpl-info24radio .hero {
    padding: 2.65rem .9rem 2.2rem !important;
  }

  .tpl-info24radio .kicker,
  body.tpl-info24radio .kicker {
    font-size: .68rem !important;
    padding: .58rem .68rem !important;
  }

  .tpl-info24radio .hero-copy h2,
  body.tpl-info24radio .hero-copy h2 {
    font-size: clamp(2.95rem, 15vw, 4.1rem) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
  }

  .tpl-info24radio .hero-copy p,
  body.tpl-info24radio .hero-copy p {
    font-size: 1rem !important;
    line-height: 1.58 !important;
  }

  .tpl-info24radio .player-shell,
  body.tpl-info24radio .player-shell {
    max-width: 96vw !important;
  }

  .tpl-info24radio .panel-main,
  body.tpl-info24radio .panel-main {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  .tpl-info24radio .album-art,
  body.tpl-info24radio .album-art {
    margin: auto !important;
    width: 122px !important;
    height: 122px !important;
  }

  .tpl-info24radio .source-pill,
  body.tpl-info24radio .source-pill {
    display: none !important;
  }

  .tpl-info24radio .song-title,
  body.tpl-info24radio .song-title {
    font-size: 1.46rem !important;
  }

  .tpl-info24radio .control-left,
  body.tpl-info24radio .control-left {
    flex-direction: column !important;
    justify-content: center !important;
    gap: .9rem !important;
  }

  .tpl-info24radio .volume,
  body.tpl-info24radio .volume {
    width: 100% !important;
    justify-content: center !important;
  }

  .tpl-info24radio .panel-actions,
  body.tpl-info24radio .panel-actions {
    grid-template-columns: 1fr !important;
  }

  .tpl-info24radio .section,
  body.tpl-info24radio .section {
    padding: 3.9rem 1rem !important;
  }

  .tpl-info24radio .footer-inner,
  body.tpl-info24radio .footer-inner {
    grid-template-columns: 1fr 1fr !important;
  }
}


/* v0.3.16 final-pass mobile overrides loaded after Joomla/Quix head assets */
@media (max-width: 767px) {
  html, body.tpl-info24radio {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body.tpl-info24radio .hero {
    padding-top: 2.25rem !important;
  }

  body.tpl-info24radio .hero-inner,
  body.tpl-info24radio .player-shell,
  body.tpl-info24radio .player,
  body.tpl-info24radio main,
  body.tpl-info24radio footer {
    max-width: 100% !important;
  }

  body.tpl-info24radio .hero-copy h2 {
    max-width: 100% !important;
  }

  body.tpl-info24radio .player-shell {
    width: calc(100vw - 24px) !important;
  }

  body.tpl-info24radio .section {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}


/* v0.3.16 mobile contrast and sponsor logo management */
@media (max-width: 900px) {
  body.tpl-info24radio .hero-copy h2 {
    color:#f7fbff !important;
    text-shadow:0 10px 34px rgba(0,0,0,.42), 0 0 20px rgba(58,176,240,.18) !important;
  }

  body.tpl-info24radio .member-card h3 {
    color:#f7fbff !important;
    text-shadow:0 10px 30px rgba(0,0,0,.38) !important;
  }

  body.tpl-info24radio .support-track .moduletable,
  body.tpl-info24radio .support-track .module,
  body.tpl-info24radio .support-track .mod-custom,
  body.tpl-info24radio .support-track .custom,
  body.tpl-info24radio .support-track > div:not(.support-card){
    min-width:180px !important;
    height:62px !important;
    font-size:.92rem !important;
    border-radius:18px !important;
    padding:.65rem 1rem !important;
  }

  body.tpl-info24radio .support-track img{
    max-width:140px !important;
    max-height:40px !important;
  }
}

@media (max-width: 560px) {
  body.tpl-info24radio .support-track .moduletable,
  body.tpl-info24radio .support-track .module,
  body.tpl-info24radio .support-track .mod-custom,
  body.tpl-info24radio .support-track .custom,
  body.tpl-info24radio .support-track > div:not(.support-card){
    min-width:165px !important;
    height:58px !important;
    font-size:.86rem !important;
  }

  body.tpl-info24radio .support-track img{
    max-width:128px !important;
    max-height:36px !important;
  }
}


/* v0.3.16 Performance Clean */
.i24-performance-mode .hero:before,
.i24-performance-mode .signal-ring,
.i24-performance-mode .signal-ring.r2{display:none!important}
.i24-performance-mode .hero:after{opacity:.18!important}
.i24-performance-mode .player,
.i24-performance-mode .sticky-player,
.i24-performance-mode .member-card,
.i24-performance-mode .auth-card{backdrop-filter:none!important}
.i24-performance-mode .progress span{animation:none!important;width:38%!important}
.i24-performance-mode .album-art:after{box-shadow:none!important}
.i24-performance-mode .waves i{animation-duration:1.8s!important}
@media(max-width:767px){
  .i24-performance-mode .hero{background:radial-gradient(circle at 20% 10%,rgba(58,176,240,.20),transparent 32%),radial-gradient(circle at 100% 10%,rgba(224,28,28,.18),transparent 34%),linear-gradient(135deg,#0c1525 0%,#101a2a 48%,#07111e 100%)!important}
  .i24-performance-mode .ticker-track,.i24-performance-mode .support-track{animation-duration:70s!important}
  .i24-performance-mode .service-card:hover,.i24-performance-mode .chip:hover,.i24-performance-mode .play:hover{transform:none!important}
}


/* v0.3.16 Audit Stable diagnostics */
.i24-diagnostics-panel{
  position:fixed;
  right:14px;
  bottom:88px;
  z-index:9999;
  width:280px;
  max-width:calc(100vw - 28px);
  padding:14px 16px;
  border-radius:16px;
  background:rgba(7,17,30,.92);
  border:1px solid rgba(58,176,240,.28);
  color:#eaf7ff;
  box-shadow:0 18px 54px rgba(0,0,0,.38);
  font-size:12px;
  line-height:1.55;
  backdrop-filter:blur(12px);
}
.i24-diagnostics-panel strong{
  display:block;
  margin-bottom:6px;
  color:#3ab0f0;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:11px;
}
.i24-diagnostics-panel span{color:#fff}
@media(max-width:560px){
  .i24-diagnostics-panel{
    left:10px;
    right:10px;
    width:auto;
    bottom:76px;
  }
}


/* v0.3.16 Modular Home */
.i24-modular-section{
  position:relative;
}

.i24-placeholder-card{
  border-radius:24px;
  background:#fff;
  border:1px dashed rgba(16,26,42,.18);
  color:#51677f;
  padding:1.25rem 1.35rem;
  text-align:center;
  box-shadow:0 18px 45px rgba(17,34,55,.06);
  font-weight:750;
}

.section.dark .i24-placeholder-card{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.16);
  color:#c4d4e6;
}

.i24-social-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:.9rem;
}

.i24-social-card{
  min-height:78px;
  display:grid;
  place-items:center;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.075);
  color:#fff;
  font-weight:900;
  box-shadow:0 20px 56px rgba(0,0,0,.20);
  transition:.25s ease;
}

.section:not(.dark) .i24-social-card{
  background:#fff;
  color:#122139;
  border-color:rgba(16,26,42,.08);
  box-shadow:0 18px 45px rgba(17,34,55,.08);
}

.i24-social-card:hover{
  transform:translateY(-4px);
  border-color:rgba(58,176,240,.45);
}

.i24-module-space{
  margin-top:1.2rem;
}

.i24-section-action{
  display:flex;
  justify-content:center;
  margin-top:1.35rem;
}

@media(max-width:900px){
  .i24-social-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .i24-social-grid{
    grid-template-columns:1fr;
  }
  .i24-social-card{
    min-height:64px;
  }
}


/* v0.3.16 Social cards refinement */
.i24-social-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  max-width:960px;
  margin:0 auto;
}

.i24-social-card{
  position:relative;
  min-height:108px;
  display:flex;
  align-items:center;
  gap:1rem;
  justify-content:flex-start;
  padding:1rem 1.15rem;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  color:#fff;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 22px 60px rgba(0,0,0,.22);
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
  overflow:hidden;
}
.i24-social-card::before{
  content:"";
  position:absolute;
  inset:auto -20% -45% auto;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(58,176,240,.28), rgba(58,176,240,0));
  pointer-events:none;
}
.section:not(.dark) .i24-social-card{
  background:linear-gradient(180deg, rgba(255,255,255,1), rgba(250,252,255,1));
  color:#122139;
  border-color:rgba(16,26,42,.08);
  box-shadow:0 18px 45px rgba(17,34,55,.08);
}
.i24-social-card:hover{
  transform:translateY(-6px);
  border-color:rgba(58,176,240,.5);
  box-shadow:0 26px 70px rgba(0,0,0,.28);
}
.i24-social-icon{
  flex:0 0 58px;
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(58,176,240,.22), rgba(228,36,48,.20));
  border:1px solid rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 10px 24px rgba(0,0,0,.18);
}
.section:not(.dark) .i24-social-icon{
  border-color:rgba(16,26,42,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 24px rgba(17,34,55,.08);
}
.i24-social-icon svg{
  width:28px;
  height:28px;
  display:block;
}
.i24-social-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.16rem;
  min-width:0;
}
.i24-social-copy strong{
  font-size:1.2rem;
  line-height:1.1;
  letter-spacing:-.02em;
}
.i24-social-copy small{
  font-size:.85rem;
  line-height:1.2;
  opacity:.74;
  font-weight:700;
}
.i24-social-arrow{
  margin-left:auto;
  font-size:1.15rem;
  opacity:.74;
  transform:translateX(0);
  transition:transform .28s ease, opacity .28s ease;
}
.i24-social-card:hover .i24-social-arrow{
  opacity:1;
  transform:translateX(3px) translateY(-1px);
}
.i24-social-instagram .i24-social-icon{background:linear-gradient(135deg, rgba(131,58,180,.38), rgba(253,29,29,.24) 50%, rgba(252,176,69,.25));}
.i24-social-facebook .i24-social-icon{background:linear-gradient(135deg, rgba(24,119,242,.34), rgba(58,176,240,.18));}
.i24-social-youtube .i24-social-icon{background:linear-gradient(135deg, rgba(255,0,0,.34), rgba(228,36,48,.20));}
.i24-social-tiktok .i24-social-icon{background:linear-gradient(135deg, rgba(37,244,238,.22), rgba(254,44,85,.28));}
.i24-social-whatsapp .i24-social-icon{background:linear-gradient(135deg, rgba(37,211,102,.34), rgba(58,176,240,.16));}

@media(max-width:900px){
  .i24-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .i24-social-grid{grid-template-columns:1fr;}
  .i24-social-card{min-height:92px;padding:.95rem 1rem;}
  .i24-social-icon{width:52px;height:52px;flex-basis:52px;border-radius:16px;}
  .i24-social-copy strong{font-size:1.08rem;}
}


/* v0.3.16 Schedule Cards */
.i24-schedule-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  align-items:stretch;
}

.i24-schedule-card{
  position:relative;
  min-height:230px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(16,26,42,.08);
  box-shadow:0 18px 45px rgba(17,34,55,.08);
  padding:1.35rem;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.i24-schedule-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 85% 0%,rgba(58,176,240,.18),transparent 38%),
    radial-gradient(circle at 0% 100%,rgba(224,28,28,.08),transparent 36%);
  pointer-events:none;
}

.i24-schedule-card > *{
  position:relative;
  z-index:1;
}

.i24-schedule-card:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 70px rgba(17,34,55,.14);
  border-color:rgba(58,176,240,.28);
}

.section.dark .i24-schedule-card{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
  color:#fff;
}

.section.dark .i24-schedule-card::before{
  background:
    radial-gradient(circle at 85% 0%,rgba(58,176,240,.16),transparent 40%),
    radial-gradient(circle at 0% 100%,rgba(224,28,28,.14),transparent 38%);
}

.i24-schedule-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:1.1rem;
}

.i24-schedule-time{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  min-height:34px;
  padding:.45rem .72rem;
  border-radius:999px;
  background:#eaf7ff;
  color:var(--sky2);
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.035em;
}

.section.dark .i24-schedule-time{
  background:rgba(58,176,240,.16);
  color:#bdeeff;
  border:1px solid rgba(58,176,240,.24);
}

.i24-schedule-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:.38rem .65rem;
  border-radius:999px;
  background:rgba(16,26,42,.06);
  color:#5c6f84;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}

.section.dark .i24-schedule-status{
  background:rgba(255,255,255,.08);
  color:#b9c9da;
}

.i24-schedule-card.is-live .i24-schedule-status{
  background:rgba(224,28,28,.13);
  color:var(--red);
  border:1px solid rgba(224,28,28,.22);
}

.section.dark .i24-schedule-card.is-live .i24-schedule-status{
  background:rgba(224,28,28,.18);
  color:#ffd6d6;
  border-color:rgba(224,28,28,.38);
}

.i24-schedule-card.is-live .i24-schedule-status::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--red);
  box-shadow:0 0 0 6px rgba(224,28,28,.12);
  margin-right:.42rem;
}

.i24-schedule-card h3{
  color:#111c2e;
  font-size:1.28rem;
  line-height:1.12;
  letter-spacing:-.035em;
  margin-bottom:.65rem;
}

.section.dark .i24-schedule-card h3{
  color:#fff;
}

.i24-schedule-card p{
  color:#566a80;
  line-height:1.6;
  font-size:.95rem;
  margin-bottom:1rem;
}

.section.dark .i24-schedule-card p{
  color:#b9c9da;
}

.i24-schedule-host{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:.6rem;
  padding-top:1rem;
  border-top:1px solid rgba(16,26,42,.08);
  color:#263850;
  font-size:.9rem;
  font-weight:850;
}

.section.dark .i24-schedule-host{
  border-top-color:rgba(255,255,255,.10);
  color:#e8f3ff;
}

.i24-schedule-host::before{
  content:"";
  width:34px;
  height:34px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(255,255,255,0) 32%),
    linear-gradient(135deg,var(--sky),var(--red));
  box-shadow:0 10px 24px rgba(17,34,55,.12);
  flex:0 0 34px;
}

.i24-schedule-note{
  margin-top:1.2rem;
  text-align:center;
  color:#5c6f84;
  font-size:.9rem;
  line-height:1.55;
}

.section.dark .i24-schedule-note{
  color:#aebfd2;
}

@media(max-width:900px){
  .i24-schedule-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:640px){
  .i24-schedule-grid{
    grid-template-columns:1fr;
  }
  .i24-schedule-card{
    min-height:auto;
    padding:1.2rem;
  }
  .i24-schedule-top{
    align-items:flex-start;
    flex-direction:column;
  }
  .i24-schedule-card h3{
    font-size:1.18rem;
  }
}


/* v0.3.16 Hosts / Conductores Cards */
.i24-hosts-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  align-items:stretch;
}

.i24-host-card{
  position:relative;
  min-height:430px;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(16,26,42,.08);
  box-shadow:0 18px 45px rgba(17,34,55,.08);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.i24-host-card:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 75px rgba(17,34,55,.15);
  border-color:rgba(58,176,240,.28);
}

.section.dark .i24-host-card{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}

.i24-host-photo{
  position:relative;
  height:250px;
  overflow:hidden;
  background:
    radial-gradient(circle at 25% 20%,rgba(58,176,240,.35),transparent 35%),
    radial-gradient(circle at 80% 80%,rgba(224,28,28,.35),transparent 36%),
    linear-gradient(135deg,#13233a,#1a8fd1 55%,#e01c1c);
}

.i24-host-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.32) 100%),
    radial-gradient(circle at 50% 35%,rgba(255,255,255,.12),transparent 42%);
  pointer-events:none;
}

.i24-host-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.02) contrast(1.02);
  transition:transform .38s ease;
}

.i24-host-card:hover .i24-host-photo img{
  transform:scale(1.045);
}

.i24-host-badge{
  position:absolute;
  left:1rem;
  top:1rem;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:.4rem .68rem;
  border-radius:999px;
  background:rgba(7,17,30,.66);
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  font-size:.70rem;
  line-height:1;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
  box-shadow:0 12px 30px rgba(0,0,0,.20);
}

.i24-host-info{
  position:relative;
  padding:1.25rem 1.25rem 1.35rem;
}

.i24-host-info::before{
  content:"";
  position:absolute;
  right:-42px;
  top:-42px;
  width:118px;
  height:118px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(58,176,240,.18),rgba(58,176,240,0) 70%);
  pointer-events:none;
}

.i24-host-role{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  color:var(--sky2);
  font-size:.76rem;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
  margin-bottom:.55rem;
}

.i24-host-role::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--red);
  box-shadow:0 0 0 6px rgba(224,28,28,.10);
}

.section.dark .i24-host-role{
  color:#85d8ff;
}

.i24-host-info h3{
  color:#111c2e;
  font-size:1.42rem;
  line-height:1.08;
  letter-spacing:-.045em;
  margin-bottom:.58rem;
}

.section.dark .i24-host-info h3{
  color:#fff;
}

.i24-host-info p{
  color:#566a80;
  line-height:1.6;
  font-size:.95rem;
  margin-bottom:1rem;
}

.section.dark .i24-host-info p{
  color:#b9c9da;
}

.i24-host-links{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:auto;
}

.i24-host-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:.55rem .78rem;
  border-radius:999px;
  background:#eaf7ff;
  color:var(--sky2);
  font-size:.78rem;
  font-weight:950;
  border:1px solid rgba(58,176,240,.20);
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}

.i24-host-link:hover{
  transform:translateY(-2px);
  background:#dff3ff;
  border-color:rgba(58,176,240,.36);
}

.section.dark .i24-host-link{
  background:rgba(255,255,255,.08);
  color:#e8f3ff;
  border-color:rgba(255,255,255,.14);
}

.i24-host-card.is-featured{
  border-color:rgba(224,28,28,.18);
}

.i24-host-card.is-featured .i24-host-badge{
  background:rgba(224,28,28,.78);
  border-color:rgba(255,255,255,.22);
}

.i24-host-card.is-featured .i24-host-photo{
  background:
    radial-gradient(circle at 25% 20%,rgba(58,176,240,.42),transparent 36%),
    radial-gradient(circle at 80% 80%,rgba(224,28,28,.42),transparent 38%),
    linear-gradient(135deg,#122139,#1a8fd1 52%,#e01c1c);
}

@media(max-width:980px){
  .i24-hosts-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:640px){
  .i24-hosts-grid{
    grid-template-columns:1fr;
  }

  .i24-host-card{
    min-height:auto;
  }

  .i24-host-photo{
    height:260px;
  }

  .i24-host-info{
    padding:1.15rem;
  }

  .i24-host-info h3{
    font-size:1.28rem;
  }
}


/* v0.3.16 Hosts image placeholder fix */
.i24-host-placeholder{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  z-index:1;
  color:rgba(255,255,255,.88);
}

.i24-host-placeholder::before{
  content:"";
  position:absolute;
  width:118px;
  height:118px;
  border-radius:32px;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.28),rgba(255,255,255,0) 32%),
    linear-gradient(135deg,rgba(58,176,240,.72),rgba(224,28,28,.68));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 24px 58px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.22);
}

.i24-host-placeholder::after{
  content:"";
  position:relative;
  z-index:2;
  width:54px;
  height:54px;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 34%,currentColor 0 11px,transparent 12px),
    radial-gradient(ellipse at 50% 82%,currentColor 0 22px,transparent 23px);
  opacity:.95;
}

.i24-host-photo img{
  position:relative;
  z-index:2;
}

.i24-host-photo img.is-hidden,
.i24-host-photo img[src=""]{
  display:none;
}


/* v0.3.16 Ticker Stability */
.recent-band{
  overflow:hidden;
}

.ticker-viewport{
  width:100%;
  overflow:hidden;
  position:relative;
}

.ticker-viewport::before,
.ticker-viewport::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:7vw;
  min-width:42px;
  z-index:2;
  pointer-events:none;
}

.ticker-viewport::before{
  left:0;
  background:linear-gradient(90deg,var(--sky) 0%,rgba(58,176,240,0) 100%);
}

.ticker-viewport::after{
  right:0;
  background:linear-gradient(270deg,var(--sky) 0%,rgba(58,176,240,0) 100%);
}

.ticker-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:200%;
  will-change:transform;
  animation:tickerMoveStable 48s linear infinite;
  transform:translate3d(0,0,0);
}

.ticker-track .ti{
  flex:0 0 auto;
  white-space:nowrap;
}

@keyframes tickerMoveStable{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

.i24-performance-mode .ticker-track{
  animation-duration:64s;
}

.ticker-track.is-paused{
  animation-play-state:paused;
}

@media(max-width:640px){
  .ticker-viewport::before,
  .ticker-viewport::after{
    width:10vw;
    min-width:28px;
  }

  .ticker-track{
    animation-duration:54s;
  }
}


/* v0.3.16 Ticker True Fade Fix */
.ticker-viewport{
  overflow:hidden !important;
  position:relative !important;
  width:100% !important;
  -webkit-mask-image:linear-gradient(
    90deg,
    transparent 0%,
    #000 9%,
    #000 91%,
    transparent 100%
  );
  mask-image:linear-gradient(
    90deg,
    transparent 0%,
    #000 9%,
    #000 91%,
    transparent 100%
  );
}

/* Disable the previous pseudo fades so they do not cover or clip text abruptly */
.ticker-viewport::before,
.ticker-viewport::after{
  display:none !important;
}

.ticker-track{
  display:flex !important;
  align-items:center !important;
  width:max-content !important;
  min-width:max-content !important;
  gap:0 !important;
  padding-left:12vw !important;
  padding-right:12vw !important;
  will-change:transform;
  animation:tickerMoveTrueFade 56s linear infinite !important;
  transform:translate3d(0,0,0);
}

.ticker-track .ti{
  flex:0 0 auto !important;
  white-space:nowrap !important;
  display:inline-flex !important;
  align-items:center !important;
  padding-left:2.2rem !important;
  padding-right:2.2rem !important;
}

@keyframes tickerMoveTrueFade{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

@media(max-width:640px){
  .ticker-viewport{
    -webkit-mask-image:linear-gradient(
      90deg,
      transparent 0%,
      #000 13%,
      #000 87%,
      transparent 100%
    );
    mask-image:linear-gradient(
      90deg,
      transparent 0%,
      #000 13%,
      #000 87%,
      transparent 100%
    );
  }

  .ticker-track{
    padding-left:18vw !important;
    padding-right:18vw !important;
    animation-duration:60s !important;
  }

  .ticker-track .ti{
    padding-left:1.45rem !important;
    padding-right:1.45rem !important;
  }
}


/* v0.3.16 Definitive ticker-window fade fix
   The real HTML wrapper is .ticker-window, not .ticker-viewport. */
.recent-band{
  overflow:hidden !important;
}

.ticker-window{
  position:relative !important;
  width:100% !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  -webkit-mask-image:linear-gradient(90deg,
    transparent 0%,
    #000 10%,
    #000 90%,
    transparent 100%
  ) !important;
  mask-image:linear-gradient(90deg,
    transparent 0%,
    #000 10%,
    #000 90%,
    transparent 100%
  ) !important;
}

/* Remove earlier pseudo fades if any were applied to old/unused wrappers */
.ticker-window::before,
.ticker-window::after,
.ticker-viewport::before,
.ticker-viewport::after{
  display:none !important;
  content:none !important;
}

.ticker-track{
  display:flex !important;
  align-items:center !important;
  width:max-content !important;
  min-width:max-content !important;
  white-space:nowrap !important;
  will-change:transform !important;
  transform:translate3d(0,0,0);
  animation:i24TickerWindowMove 58s linear infinite !important;
}

.ticker-track .ti{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  padding-left:2.6rem !important;
  padding-right:2.6rem !important;
}

@keyframes i24TickerWindowMove{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-50%,0,0)}
}

.i24-performance-mode .ticker-track{
  animation-duration:68s !important;
}

@media(max-width:640px){
  .ticker-window{
    -webkit-mask-image:linear-gradient(90deg,
      transparent 0%,
      #000 15%,
      #000 85%,
      transparent 100%
    ) !important;
    mask-image:linear-gradient(90deg,
      transparent 0%,
      #000 15%,
      #000 85%,
      transparent 100%
    ) !important;
  }

  .ticker-track{
    animation-duration:62s !important;
  }

  .ticker-track .ti{
    padding-left:1.6rem !important;
    padding-right:1.6rem !important;
  }
}


/* v0.3.16 Ticker Speed Sync
   Match recent songs ticker speed with sponsors slider rhythm. */
.ticker-track{
  animation-duration:90s !important;
}

.i24-performance-mode .ticker-track{
  animation-duration:90s !important;
}

@media(max-width:640px){
  .ticker-track{
    animation-duration:90s !important;
  }
}


/* v0.3.16 Podcast Cards */
.i24-podcast-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  align-items:stretch;
}

.i24-podcast-card{
  position:relative;
  min-height:360px;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(16,26,42,.08);
  box-shadow:0 18px 45px rgba(17,34,55,.08);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.i24-podcast-card:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 75px rgba(17,34,55,.15);
  border-color:rgba(58,176,240,.28);
}

.section.dark .i24-podcast-card{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}

.i24-podcast-cover{
  position:relative;
  height:190px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%,rgba(58,176,240,.38),transparent 34%),
    radial-gradient(circle at 82% 82%,rgba(224,28,28,.34),transparent 38%),
    linear-gradient(135deg,#102033,#1a8fd1 52%,#e01c1c);
}

.i24-podcast-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.28) 100%),
    radial-gradient(circle at 50% 28%,rgba(255,255,255,.13),transparent 42%);
  pointer-events:none;
}

.i24-podcast-cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.04) contrast(1.02);
  transition:transform .38s ease;
}

.i24-podcast-card:hover .i24-podcast-cover img{
  transform:scale(1.045);
}

.i24-podcast-play{
  position:absolute;
  left:1rem;
  bottom:1rem;
  z-index:2;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--red);
  color:#fff;
  box-shadow:0 18px 42px rgba(224,28,28,.32);
}

.i24-podcast-play svg{
  width:24px;
  height:24px;
  display:block;
  fill:currentColor;
  transform:translateX(1px);
}

.i24-podcast-badge{
  position:absolute;
  top:1rem;
  right:1rem;
  z-index:2;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.4rem .7rem;
  border-radius:999px;
  background:rgba(7,17,30,.68);
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  font-size:.70rem;
  line-height:1;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.i24-podcast-info{
  padding:1.25rem;
}

.i24-podcast-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.45rem;
  color:var(--sky2);
  font-size:.74rem;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.085em;
  text-transform:uppercase;
  margin-bottom:.58rem;
}

.i24-podcast-meta span{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
}

.i24-podcast-meta span::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--red);
  box-shadow:0 0 0 5px rgba(224,28,28,.10);
}

.section.dark .i24-podcast-meta{
  color:#85d8ff;
}

.i24-podcast-info h3{
  color:#111c2e;
  font-size:1.32rem;
  line-height:1.12;
  letter-spacing:-.04em;
  margin-bottom:.65rem;
}

.section.dark .i24-podcast-info h3{
  color:#fff;
}

.i24-podcast-info p{
  color:#566a80;
  line-height:1.6;
  font-size:.95rem;
  margin-bottom:1rem;
}

.section.dark .i24-podcast-info p{
  color:#b9c9da;
}

.i24-podcast-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1rem;
}

.i24-podcast-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:.55rem .82rem;
  border-radius:999px;
  background:#eaf7ff;
  color:var(--sky2);
  font-size:.78rem;
  font-weight:950;
  border:1px solid rgba(58,176,240,.20);
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}

.i24-podcast-link:hover{
  transform:translateY(-2px);
  background:#dff3ff;
  border-color:rgba(58,176,240,.36);
}

.i24-podcast-link.primary{
  background:var(--red);
  color:#fff;
  border-color:rgba(224,28,28,.26);
  box-shadow:0 14px 34px rgba(224,28,28,.18);
}

.section.dark .i24-podcast-link{
  background:rgba(255,255,255,.08);
  color:#e8f3ff;
  border-color:rgba(255,255,255,.14);
}

.section.dark .i24-podcast-link.primary{
  background:var(--red);
  color:#fff;
  border-color:rgba(224,28,28,.38);
}

.i24-podcast-card.is-featured{
  grid-column:span 2;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  min-height:330px;
}

.i24-podcast-card.is-featured .i24-podcast-cover{
  height:100%;
  min-height:330px;
}

.i24-podcast-card.is-featured .i24-podcast-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:1.5rem;
}

.i24-podcast-card.is-featured h3{
  font-size:1.7rem;
}

@media(max-width:980px){
  .i24-podcast-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .i24-podcast-card.is-featured{
    grid-column:1/-1;
  }
}

@media(max-width:640px){
  .i24-podcast-grid{
    grid-template-columns:1fr;
  }

  .i24-podcast-card,
  .i24-podcast-card.is-featured{
    display:block;
    grid-column:auto;
    min-height:auto;
  }

  .i24-podcast-card.is-featured .i24-podcast-cover,
  .i24-podcast-cover{
    height:210px;
    min-height:210px;
  }

  .i24-podcast-card.is-featured h3{
    font-size:1.35rem;
  }

  .i24-podcast-info,
  .i24-podcast-card.is-featured .i24-podcast-info{
    padding:1.15rem;
  }
}


/* v0.3.16 Podcast Mosaic Symmetry */
.i24-podcast-card.is-featured-reverse{
  grid-column:span 2;
  display:grid;
  grid-template-columns:1fr 1.05fr;
  min-height:330px;
}

.i24-podcast-card.is-featured-reverse .i24-podcast-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:1.5rem;
  order:1;
}

.i24-podcast-card.is-featured-reverse .i24-podcast-cover{
  height:100%;
  min-height:330px;
  order:2;
}

.i24-podcast-card.is-featured-reverse h3{
  font-size:1.7rem;
}

.i24-podcast-card.is-featured,
.i24-podcast-card.is-featured-reverse{
  isolation:isolate;
}

.i24-podcast-card.is-featured .i24-podcast-info,
.i24-podcast-card.is-featured-reverse .i24-podcast-info{
  position:relative;
}

.i24-podcast-card.is-featured .i24-podcast-info::after,
.i24-podcast-card.is-featured-reverse .i24-podcast-info::after{
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(58,176,240,.14),rgba(58,176,240,0) 70%);
  pointer-events:none;
  z-index:-1;
}

.i24-podcast-card.is-featured .i24-podcast-info::after{
  right:-42px;
  bottom:-42px;
}

.i24-podcast-card.is-featured-reverse .i24-podcast-info::after{
  left:-42px;
  top:-42px;
}

@media(max-width:980px){
  .i24-podcast-card.is-featured-reverse{
    grid-column:1/-1;
  }
}

@media(max-width:640px){
  .i24-podcast-card.is-featured-reverse{
    display:block;
    grid-column:auto;
    min-height:auto;
  }

  .i24-podcast-card.is-featured-reverse .i24-podcast-cover{
    height:210px;
    min-height:210px;
  }

  .i24-podcast-card.is-featured-reverse h3{
    font-size:1.35rem;
  }

  .i24-podcast-card.is-featured-reverse .i24-podcast-info{
    padding:1.15rem;
  }
}


/* v0.3.16 News / Portal Cards */
.i24-news-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:1rem;
  align-items:stretch;
}

.i24-news-main,
.i24-news-side{
  display:grid;
  gap:1rem;
}

.i24-news-card{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(16,26,42,.08);
  box-shadow:0 18px 45px rgba(17,34,55,.08);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.i24-news-card:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 75px rgba(17,34,55,.15);
  border-color:rgba(58,176,240,.28);
}

.section.dark .i24-news-card{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}

.i24-news-image{
  position:relative;
  height:230px;
  overflow:hidden;
  background:radial-gradient(circle at 18% 18%,rgba(58,176,240,.38),transparent 34%),radial-gradient(circle at 82% 82%,rgba(224,28,28,.34),transparent 38%),linear-gradient(135deg,#102033,#1a8fd1 52%,#e01c1c);
}

.i24-news-card.is-featured .i24-news-image{
  height:360px;
}

.i24-news-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 36%,rgba(0,0,0,.38) 100%),radial-gradient(circle at 50% 25%,rgba(255,255,255,.12),transparent 44%);
  pointer-events:none;
}

.i24-news-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  filter:saturate(1.02) contrast(1.02);
  transition:transform .38s ease;
}

.i24-news-card:hover .i24-news-image img{
  transform:scale(1.045);
}

.i24-news-badge{
  position:absolute;
  left:1rem;
  top:1rem;
  z-index:2;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.4rem .72rem;
  border-radius:999px;
  background:rgba(7,17,30,.70);
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  font-size:.70rem;
  line-height:1;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.i24-news-content{
  position:relative;
  padding:1.25rem;
}

.i24-news-card.is-featured .i24-news-content{
  padding:1.45rem;
}

.i24-news-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem .7rem;
  color:var(--sky2);
  font-size:.74rem;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.085em;
  text-transform:uppercase;
  margin-bottom:.58rem;
}

.i24-news-meta span{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
}

.i24-news-meta span::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--red);
  box-shadow:0 0 0 5px rgba(224,28,28,.10);
}

.section.dark .i24-news-meta{
  color:#85d8ff;
}

.i24-news-content h3{
  color:#111c2e;
  font-size:1.28rem;
  line-height:1.12;
  letter-spacing:-.04em;
  margin-bottom:.65rem;
}

.i24-news-card.is-featured h3{
  font-size:1.85rem;
  letter-spacing:-.055em;
}

.section.dark .i24-news-content h3{
  color:#fff;
}

.i24-news-content p{
  color:#566a80;
  line-height:1.6;
  font-size:.95rem;
  margin-bottom:1rem;
}

.section.dark .i24-news-content p{
  color:#b9c9da;
}

.i24-news-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:.55rem .82rem;
  border-radius:999px;
  background:var(--red);
  color:#fff;
  font-size:.78rem;
  font-weight:950;
  border:1px solid rgba(224,28,28,.26);
  box-shadow:0 14px 34px rgba(224,28,28,.18);
  transition:transform .22s ease, box-shadow .22s ease;
}

.i24-news-link:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(224,28,28,.24);
}

.i24-news-mini-list{
  display:grid;
  gap:.75rem;
}

.i24-news-mini{
  display:grid;
  grid-template-columns:108px 1fr;
  gap:.9rem;
  align-items:center;
  min-height:112px;
  padding:.75rem;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(16,26,42,.08);
  box-shadow:0 14px 36px rgba(17,34,55,.06);
}

.section.dark .i24-news-mini{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.12);
}

.i24-news-mini-img{
  height:92px;
  border-radius:18px;
  overflow:hidden;
  background:radial-gradient(circle at 20% 20%,rgba(58,176,240,.38),transparent 36%),radial-gradient(circle at 80% 80%,rgba(224,28,28,.34),transparent 40%),linear-gradient(135deg,#102033,#1a8fd1 52%,#e01c1c);
}

.i24-news-mini-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.i24-news-mini h4{
  color:#111c2e;
  font-size:1rem;
  line-height:1.18;
  letter-spacing:-.03em;
  margin-bottom:.35rem;
}

.section.dark .i24-news-mini h4{
  color:#fff;
}

.i24-news-mini span{
  color:var(--sky2);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.i24-news-portal-action{
  display:flex;
  justify-content:center;
  margin-top:1.5rem;
}

@media(max-width:980px){
  .i24-news-grid{
    grid-template-columns:1fr;
  }

  .i24-news-card.is-featured .i24-news-image{
    height:300px;
  }

  .i24-news-card.is-featured h3{
    font-size:1.55rem;
  }
}

@media(max-width:640px){
  .i24-news-card.is-featured .i24-news-image,
  .i24-news-image{
    height:210px;
  }

  .i24-news-content,
  .i24-news-card.is-featured .i24-news-content{
    padding:1.15rem;
  }

  .i24-news-card.is-featured h3{
    font-size:1.35rem;
  }

  .i24-news-mini{
    grid-template-columns:88px 1fr;
    gap:.75rem;
  }

  .i24-news-mini-img{
    height:78px;
    border-radius:16px;
  }
}


/* v0.3.16 Podcast RSS image safety */
.i24-podcast-cover img{
  position:relative;
  z-index:1;
}


/* v0.3.16 Podcast Compact Cards
   Reduce visual scale of podcast RSS cards without changing layout logic. */
.i24-podcast-grid{
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
  gap:.9rem;
}

.i24-podcast-card{
  min-height:310px;
  border-radius:24px;
}

.i24-podcast-card.is-featured,
.i24-podcast-card.is-featured-reverse{
  min-height:280px;
}

.i24-podcast-cover{
  height:158px;
}

.i24-podcast-card.is-featured .i24-podcast-cover,
.i24-podcast-card.is-featured-reverse .i24-podcast-cover{
  min-height:280px;
  height:100%;
}

.i24-podcast-info,
.i24-podcast-card.is-featured .i24-podcast-info,
.i24-podcast-card.is-featured-reverse .i24-podcast-info{
  padding:1.08rem;
}

.i24-podcast-card.is-featured h3,
.i24-podcast-card.is-featured-reverse h3{
  font-size:1.42rem;
  line-height:1.08;
}

.i24-podcast-info h3{
  font-size:1.12rem;
  line-height:1.12;
  margin-bottom:.48rem;
}

.i24-podcast-info p{
  font-size:.86rem;
  line-height:1.48;
  margin-bottom:.72rem;
}

.i24-podcast-meta{
  font-size:.66rem;
  letter-spacing:.075em;
  margin-bottom:.46rem;
}

.i24-podcast-badge{
  top:.72rem;
  right:.72rem;
  min-height:28px;
  padding:.34rem .58rem;
  font-size:.62rem;
}

.i24-podcast-play{
  width:48px;
  height:48px;
  left:.82rem;
  bottom:.82rem;
}

.i24-podcast-play svg{
  width:20px;
  height:20px;
}

.i24-podcast-link{
  min-height:34px;
  padding:.48rem .68rem;
  font-size:.72rem;
}

.i24-podcast-actions{
  gap:.45rem;
  margin-top:.72rem;
}

@media(max-width:980px){
  .i24-podcast-grid{
    max-width:860px;
  }

  .i24-podcast-card.is-featured,
  .i24-podcast-card.is-featured-reverse{
    min-height:260px;
  }

  .i24-podcast-card.is-featured .i24-podcast-cover,
  .i24-podcast-card.is-featured-reverse .i24-podcast-cover{
    min-height:260px;
  }
}

@media(max-width:640px){
  .i24-podcast-grid{
    max-width:none;
    gap:.85rem;
  }

  .i24-podcast-card{
    border-radius:22px;
  }

  .i24-podcast-card.is-featured,
  .i24-podcast-card.is-featured-reverse{
    min-height:auto;
  }

  .i24-podcast-cover,
  .i24-podcast-card.is-featured .i24-podcast-cover,
  .i24-podcast-card.is-featured-reverse .i24-podcast-cover{
    height:178px;
    min-height:178px;
  }

  .i24-podcast-info,
  .i24-podcast-card.is-featured .i24-podcast-info,
  .i24-podcast-card.is-featured-reverse .i24-podcast-info{
    padding:1rem;
  }

  .i24-podcast-card.is-featured h3,
  .i24-podcast-card.is-featured-reverse h3,
  .i24-podcast-info h3{
    font-size:1.12rem;
  }
}