:root{font-family:Comfortaa,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--brand:#ff3300}
*,*::before,*::after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0c1016;color:#fff}
a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
.page{max-width:1050px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}
.top{padding:24px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff24}
.title{font-size:1.1rem;font-weight:800;letter-spacing:-.025em}
.live-badge,.eyebrow{font-size:.67rem;letter-spacing:.09em;font-weight:800;color:var(--brand)}
.live-badge{border:1px solid var(--brand);border-radius:99px;padding:9px}
main{flex:1;padding:26px}
.hero{display:flex;align-items:center;gap:28px;margin:18px 0 30px}
.artwork{width:185px;height:185px;flex:none;display:grid;place-items:center;border:2px dashed var(--brand);border-radius:20px;background:#ffffff08;color:var(--brand)}
.artwork img{width:100%;height:100%;object-fit:contain;border-radius:18px}
.headline h1{font-size:clamp(2rem,5vw,4rem);line-height:1.1;letter-spacing:-.06em;margin:9px 0}
.headline p{line-height:1.7;color:#b9c4d3}
.live-player{display:flex;justify-content:space-between;gap:25px;align-items:center;border:1px solid #ffffff27;border-radius:19px;background:#ffffff0e;padding:22px}
.live-player small{color:var(--brand);font-weight:800;letter-spacing:.09em}
.live-player h2{font-size:1rem;margin:10px 0}.play-button{background:var(--brand);color:#fff;border:none;border-radius:99px;padding:18px 26px;font-weight:800;cursor:pointer}
.play-button:disabled{opacity:.4;cursor:not-allowed}.media-player{max-width:100%;max-height:360px}
.player-status{color:#c5cad2;font-size:.74rem}
.extra{margin:35px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.extra article{padding:20px;border:1px solid #ffffff25;border-radius:13px;background:#ffffff08}
.extra article span{color:var(--brand);font-size:.7rem}
.extra article h2{font-size:1rem;margin:9px 0}.extra article p{font-size:.78rem;color:#bac1ce;line-height:1.6}
footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 25px;border-top:1px solid #ffffff20;color:#aeb6c1;font-size:.75rem}
footer a{text-decoration:underline}
.template-radio-essential{background:radial-gradient(circle at 70% 16%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 45%),#090c11}
.template-radio-essential .hero{min-height:320px;justify-content:center}
.template-radio-essential .artwork{border-radius:50%}
.template-radio-magazine{background:#f5f3ee;color:#20242b}
.template-radio-magazine .top,.template-radio-magazine footer{border-color:#d9d9d9}
.template-radio-magazine .headline p,.template-radio-magazine .extra article p,.template-radio-magazine footer{color:#606771}
.template-radio-magazine .live-player{background:#242a33;color:#fff}
.template-radio-magazine .extra article{background:#fff;border-color:#e2e2e2}
.template-radio-visual{background:linear-gradient(135deg,#203048,#10131b 70%)}
.template-radio-visual .hero{background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--brand) 30%,transparent),transparent 55%),#ffffff07;padding:27px;border-radius:21px}
.template-radio-visual .artwork{width:210px;height:210px}
.template-radio-immersive{background:linear-gradient(150deg,color-mix(in srgb,var(--brand) 49%,#152234),#0c1018 67%)}
.template-radio-immersive .hero{min-height:440px}
.template-radio-immersive .headline h1{text-transform:uppercase;font-weight:900;font-size:clamp(2.8rem,7vw,6rem)}
.template-radio-immersive .live-player{background:#0006}
.template-video-live{background:#0c1119}
.template-video-live .hero{background:linear-gradient(120deg,#14293c,color-mix(in srgb,var(--brand) 26%,#151b27));border-radius:22px;padding:20px}
.template-video-live .live-player{display:block}
.template-video-live video{display:block;margin:15px auto;width:100%;max-height:420px;background:#000;border-radius:12px}
.suspended{padding:60px 22px;text-align:center}
.suspended h2{font-size:1.4rem}.suspended p{color:#bec6d0}
@media(max-width:700px){.top{padding:15px}.hero{flex-direction:column;text-align:center;gap:15px}.artwork,.template-radio-visual .artwork{width:155px;height:155px}.live-player{flex-direction:column;text-align:center;padding:19px}.extra{grid-template-columns:1fr}main{padding:13px}.template-radio-immersive .hero{min-height:330px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}

.install-button{background:transparent;border:1px solid var(--brand);border-radius:30px;color:var(--brand);font:inherit;font-size:.74rem;padding:10px 16px;cursor:pointer}
.install-button[hidden]{display:none!important}.install-button:focus-visible{outline:3px solid var(--brand);outline-offset:3px}

.app-menu{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;padding:8px;border:1px solid #ffffff1d;border-radius:14px;background:#ffffff08}
.menu-link{appearance:none;border:1px solid transparent;border-radius:999px;background:transparent;color:inherit;padding:10px 14px;font:inherit;font-size:.74rem;cursor:pointer}
.menu-link:hover,.menu-link.active{background:var(--brand);color:#fff}
.social-icons{display:flex;align-items:center;gap:9px;margin-top:14px;flex-wrap:wrap}
.social-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff38;background:#0003;color:#fff;font-weight:900;font-size:.9rem;transition:transform .15s ease,background .15s ease}
.social-icon:hover{transform:translateY(-2px);background:var(--brand)}
.content-panel{margin:18px 0;padding:28px;border:1px solid #ffffff25;border-radius:18px;background:#ffffff08}
.content-panel h2{font-size:clamp(1.5rem,4vw,2.5rem);margin:8px 0 16px}
.content-panel p{white-space:normal;line-height:1.85;color:#c5ccd7}
.wave-visualizer{width:min(260px,100%);height:54px;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border-radius:12px;background:#0003}
.wave-visualizer i{display:block;width:4px;min-height:6px;border-radius:8px;background:var(--brand);transform-origin:center;animation:wavePulse .75s ease-in-out infinite alternate;animation-play-state:paused}
.wave-visualizer.is-playing i{animation-play-state:running}
.wave-visualizer i:nth-child(2){animation-delay:.08s}.wave-visualizer i:nth-child(3){animation-delay:.16s}.wave-visualizer i:nth-child(4){animation-delay:.24s}.wave-visualizer i:nth-child(5){animation-delay:.32s}.wave-visualizer i:nth-child(6){animation-delay:.4s}.wave-visualizer i:nth-child(7){animation-delay:.48s}.wave-visualizer i:nth-child(8){animation-delay:.56s}.wave-visualizer i:nth-child(9){animation-delay:.64s}.wave-visualizer i:nth-child(10){animation-delay:.72s}.wave-visualizer i:nth-child(11){animation-delay:.8s}.wave-visualizer i:nth-child(12){animation-delay:.88s}
.wave-visualizer[data-wave="1"] i:nth-child(3n){height:30px}.wave-visualizer[data-wave="1"] i:nth-child(2n){height:20px}.wave-visualizer[data-wave="1"] i:nth-child(3n+1){height:12px}
.wave-visualizer[data-wave="2"] i:nth-child(odd){height:38px}.wave-visualizer[data-wave="2"] i:nth-child(even){height:16px}
.wave-visualizer[data-wave="3"] i{height:10px}.wave-visualizer[data-wave="3"] i:nth-child(5),.wave-visualizer[data-wave="3"] i:nth-child(6),.wave-visualizer[data-wave="3"] i:nth-child(7),.wave-visualizer[data-wave="3"] i:nth-child(8){height:42px}.wave-visualizer[data-wave="3"] i:nth-child(4),.wave-visualizer[data-wave="3"] i:nth-child(9){height:26px}
.wave-visualizer[data-wave="4"] i:nth-child(1),.wave-visualizer[data-wave="4"] i:nth-child(12){height:8px}.wave-visualizer[data-wave="4"] i:nth-child(2),.wave-visualizer[data-wave="4"] i:nth-child(11){height:14px}.wave-visualizer[data-wave="4"] i:nth-child(3),.wave-visualizer[data-wave="4"] i:nth-child(10){height:22px}.wave-visualizer[data-wave="4"] i:nth-child(4),.wave-visualizer[data-wave="4"] i:nth-child(9){height:30px}.wave-visualizer[data-wave="4"] i:nth-child(5),.wave-visualizer[data-wave="4"] i:nth-child(8){height:38px}.wave-visualizer[data-wave="4"] i:nth-child(6),.wave-visualizer[data-wave="4"] i:nth-child(7){height:46px}
.wave-visualizer[data-wave="5"] i{width:6px}.wave-visualizer[data-wave="5"] i:nth-child(3n+1){height:40px}.wave-visualizer[data-wave="5"] i:nth-child(3n+2){height:25px}.wave-visualizer[data-wave="5"] i:nth-child(3n){height:14px}
.wave-visualizer[data-wave="6"] i{height:7px}.wave-visualizer[data-wave="6"] i:nth-child(5),.wave-visualizer[data-wave="6"] i:nth-child(6),.wave-visualizer[data-wave="6"] i:nth-child(7),.wave-visualizer[data-wave="6"] i:nth-child(8){height:18px}
@keyframes wavePulse{from{transform:scaleY(.55);opacity:.65}to{transform:scaleY(1.2);opacity:1}}
.start-video-full .hero{display:none}
.start-video-full .live-player{min-height:calc(100vh - 190px);display:flex;flex-direction:column;align-items:stretch;justify-content:center}
.start-video-full .media-player{width:100%;max-height:calc(100vh - 280px)}
@media(max-width:700px){.app-menu{overflow-x:auto;flex-wrap:nowrap}.menu-link{white-space:nowrap}.content-panel{padding:20px}.wave-visualizer{width:100%}}

/* Editor test cycle: compact hamburger + player artwork. */
.top{position:relative;z-index:30}
.top-actions{display:flex;align-items:center;gap:10px}
.menu-shell{position:relative}
.menu-toggle{width:44px;height:42px;display:grid;place-content:center;gap:4px;border:1px solid #ffffff35;border-radius:12px;background:#ffffff0d;color:inherit;cursor:pointer}
.menu-toggle span{display:block;width:20px;height:2px;border-radius:4px;background:currentColor}
.app-menu{display:none;position:absolute;right:0;top:52px;min-width:220px;margin:0;padding:8px;z-index:40;flex-direction:column;overflow:visible;border:1px solid #ffffff2c;border-radius:14px;background:#111720f5;box-shadow:0 18px 45px #0008}
.app-menu.open{display:flex}
.app-menu .menu-link{width:100%;text-align:left;border-radius:9px;white-space:nowrap}
.template-radio-magazine .menu-toggle{border-color:#ccd0d5;background:#fff}
.template-radio-magazine .app-menu{background:#fff;color:#20242b;border-color:#ddd;box-shadow:0 18px 45px #0002}
.live-player{display:grid;grid-template-columns:minmax(130px,210px) minmax(180px,1fr) auto;align-items:center;gap:20px}
.player-art{aspect-ratio:1/1;overflow:hidden;border-radius:18px;background:#0b0e13;border:1px solid #ffffff1f;display:grid;place-items:center}
.player-art img{display:block;width:100%;height:100%;object-fit:cover}
.player-art-placeholder{color:var(--brand);font-weight:900;letter-spacing:.12em}
.live-player .wave-visualizer,.live-player .media-player,.live-player .player-status{grid-column:1/-1}
.play-button{min-width:180px;min-height:68px;font-size:.88rem}
.social-icon{width:48px;height:48px;font-size:1rem}
.social-icon svg{width:24px;height:24px;display:block;fill:currentColor}
.template-video-live .live-player{display:grid}
@media(max-width:700px){
 .title{max-width:55vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .live-badge{display:none}
 .app-menu{right:0;top:50px;width:min(280px,calc(100vw - 30px))}
 .live-player{grid-template-columns:1fr;text-align:center;justify-items:center}
 .player-art{width:min(78vw,280px)}
 .live-player .wave-visualizer,.live-player .media-player,.live-player .player-status{grid-column:1}
 .play-button{width:min(86%,280px)}
 .social-icons{justify-content:center}
}

/* Product model split: 3 radio models + 2 video models. */
body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}
.video-direct-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;min-height:46px;padding:0 18px;border-radius:999px;background:var(--brand);color:#fff;font-size:.76rem;font-weight:800}
.fullscreen-button{min-height:44px;padding:10px 16px;border:1px solid #ffffff35;border-radius:999px;background:#fff;color:#151a22;font-weight:800;cursor:pointer}
.media-player:fullscreen,
.media-player:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  background:#000!important;
}
.live-player:fullscreen,
.live-player:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#000!important;
}
.live-player:fullscreen>.media-player,
.live-player:-webkit-full-screen>.media-player{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  background:#000!important;
}
.live-player:fullscreen>:not(.media-player),
.live-player:-webkit-full-screen>:not(.media-player){
  display:none!important;
}
html.video-fullscreen-active,
html.video-fullscreen-active body{
  margin:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#000!important;
}
.video-player-first #panel-home,.video-stage-full #panel-home{display:flex;flex-direction:column}
.video-player-first .live-player,.video-stage-full .live-player{order:-1;display:flex;flex-direction:column;align-items:stretch;padding:16px;background:#07090d}
.video-player-first .live-player .media-player,.video-stage-full .live-player .media-player{order:-3;width:100%;max-width:none;margin:0 auto;background:#000;aspect-ratio:16/9;object-fit:contain;border-radius:14px}
.video-player-first .live-copy,.video-stage-full .live-copy{order:-2;display:flex;align-items:center;justify-content:space-between;gap:12px}
.video-player-first .fullscreen-button,.video-stage-full .fullscreen-button{align-self:flex-end}
.video-player-first .hero{margin-top:18px}
.template-video-stage{background:#050609}
.template-video-stage .page{max-width:1400px}
.template-video-stage main{padding:16px}
.template-video-stage .hero{margin:14px 0;padding:18px;border:1px solid #ffffff1c;border-radius:18px;background:#11151c}
.video-stage-full .live-player{min-height:min(78vh,900px);justify-content:center}
.video-stage-full .live-player .media-player{max-height:72vh}
@media(min-width:1100px){
 .page{max-width:1180px}
 .template-video-stage .page{max-width:1500px}
}
@media(min-width:701px) and (max-width:1099px){
 .page{max-width:920px}
 main{padding:20px}
 .hero{gap:22px}
 .live-player{gap:16px}
}
@media(max-width:700px){
 .video-player-first .live-player,.video-stage-full .live-player{padding:10px}
 .video-player-first .live-player .media-player,.video-stage-full .live-player .media-player{border-radius:10px}
 .video-stage-full .live-player{min-height:auto}
 .fullscreen-button{width:100%;align-self:stretch}
}
/* 06/10/2026 · MI-02 staff + stronger separation between radio models. */
.team-section{width:100%;max-width:1000px;margin:28px auto;padding:28px;border:1px solid #dedbd3;border-radius:18px;background:#fff;color:#20242b}
.section-heading span{font-size:.68rem;font-weight:800;letter-spacing:.12em;color:var(--brand)}
.section-heading h2{font-size:1.55rem;margin:7px 0 18px}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.team-card{padding:14px;border:1px solid #e3e0d8;border-radius:14px;background:#f8f7f2;text-align:center}
.team-card img,.team-avatar{display:grid;width:100%;aspect-ratio:1/1;object-fit:cover;place-items:center;border-radius:12px;background:#242a33;color:#fff}
.team-avatar{font-size:2.1rem;font-weight:900}
.team-card h3{margin:12px 0 4px}.team-card p{margin:0;color:#6d737c;font-size:.78rem}
.template-radio-magazine .hero{display:grid;grid-template-columns:210px minmax(0,1fr);padding:28px;background:#fff;border:1px solid #dedbd3;border-radius:18px}
.template-radio-magazine .artwork{width:190px;height:190px;border-radius:14px}
.template-radio-visual .hero{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);padding:34px;border-radius:24px;background:linear-gradient(135deg,#17283d,#0d121a 74%)}
.template-radio-visual .artwork{width:100%;max-width:330px;height:auto;aspect-ratio:16/10;border-radius:18px}
.template-radio-visual .headline h1{font-size:clamp(2.4rem,6vw,5rem)}
.template-radio-visual .video-direct-cta{min-height:54px;padding:0 22px}
@media(max-width:760px){
 .team-grid{grid-template-columns:1fr}
 .template-radio-magazine .hero,.template-radio-visual .hero{grid-template-columns:1fr;text-align:center}
 .template-radio-magazine .artwork,.template-radio-visual .artwork{margin:auto}
}

/* 06/10/2026 · social brands in one line + visible interaction actions. */
.social-icons{display:flex;align-items:center;gap:clamp(6px,1.8vw,10px);margin-top:14px;flex-wrap:nowrap;max-width:100%;width:max-content}
.social-icon{flex:0 0 42px;width:42px;height:42px}
.social-icon svg{width:22px;height:22px;display:block;fill:currentColor}
.social-facebook{color:#1877F2}.social-instagram{color:#E4405F}.social-youtube{color:#FF0000}
.social-tiktok,.social-x,.social-web{color:#fff}
.template-radio-magazine .social-tiktok,.template-radio-magazine .social-x,.template-radio-magazine .social-web{color:#20242b}
@media(max-width:700px){
 .social-icons{width:100%;justify-content:center;gap:6px}
 .social-icon{flex-basis:36px;width:36px;height:36px}
 .social-icon svg{width:19px;height:19px}
}


/* 06/10/2026 · metadata, audiencia, WhatsApp y footer de marca. */
.live-copy{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}
.live-copy>div{min-width:0}.now-playing-title{margin:5px 0 0;color:#cbd3dd;font-size:.72rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(60vw,580px)}
.audience-badge{display:inline-flex;align-items:center;gap:5px;flex:none;padding:7px 10px;border-radius:999px;background:#153c2d;color:#baf0ce;font-size:.66rem;font-weight:800}
.audience-badge[hidden]{display:none!important}
.social-whatsapp{color:#25D366}
.footer-brand{font-weight:800;color:#fff}
.player-art[data-dynamic-cover="1"] img{transition:opacity .2s ease}
@media(max-width:700px){
 .live-copy{align-items:flex-start;flex-direction:column}
 .now-playing-title{max-width:100%}
}


/* 06/10/2026 · redes visibles en video. */
.video-social-bar{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0 24px;padding:12px 16px;border:1px solid #ffffff1c;border-radius:14px;background:#ffffff08}
.video-social-bar>span{font-size:.68rem;font-weight:800;color:#aeb8c5;text-transform:uppercase;letter-spacing:.08em}
.video-social-bar .social-icons{margin:0}
@media(max-width:700px){.video-social-bar{flex-direction:column;gap:8px}.video-social-bar .social-icons{width:auto}}

.video-social-bar:not(:has(.social-icon)){display:none}

/* 07/10/2026 · reproductor profesional compartido por MI-01 / MI-02 / MI-03. */
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-badge{display:none}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) main{padding-top:18px}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-player{
  width:min(100%,720px);
  margin:0 auto 28px;
  padding:clamp(20px,4vw,34px);
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
  align-items:center;
  gap:16px;
  text-align:center;
  border:1px solid #ffffff20;
  border-radius:28px;
  background:linear-gradient(180deg,#171c24f2,#10141bf5);
  box-shadow:0 24px 70px #0005,inset 0 1px #ffffff0d;
  overflow:hidden;
}
.template-radio-magazine .live-player{
  background:linear-gradient(180deg,#242a33,#191e26);
  border-color:#151a2230;
  box-shadow:0 22px 50px #19202a20;
}
.template-radio-visual .live-player{
  background:linear-gradient(160deg,color-mix(in srgb,var(--brand) 10%,#151b25),#0b1017 72%);
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .player-art{
  width:min(76vw,310px);
  aspect-ratio:1/1;
  border-radius:24px;
  border:1px solid #ffffff18;
  background:#0b0e13;
  box-shadow:0 18px 42px #0007;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .player-art img{
  border-radius:23px;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-copy{
  width:min(100%,560px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-copy-main{
  width:100%;
  min-width:0;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-copy h2{
  margin:0 0 9px;
  font-size:clamp(1.05rem,3.4vw,1.35rem);
  line-height:1.25;
  letter-spacing:-.025em;
  color:#fff;
}
.now-playing-slider{
  position:relative;
  width:min(100%,520px);
  min-height:26px;
  margin:0 auto;
  overflow:hidden;
  text-align:center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.now-playing-title{
  display:inline-block;
  min-width:max-content;
  margin:0;
  padding:2px 14px;
  color:#d9e0e9;
  font-size:clamp(.73rem,2.4vw,.86rem);
  line-height:1.55;
  white-space:nowrap;
  text-overflow:clip;
  max-width:none;
}
.now-playing-slider.has-overflow{text-align:left}
.now-playing-title.is-scrolling{
  animation:metadataSlide 8.5s ease-in-out infinite alternate;
  will-change:transform;
}
@keyframes metadataSlide{
  0%,12%{transform:translateX(0)}
  88%,100%{transform:translateX(calc(-1 * var(--metadata-shift)))}
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .audience-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 11px;
  border:1px solid #7ce9a326;
  border-radius:999px;
  background:#173b2b;
  color:#c7f4d7;
  box-shadow:inset 0 1px #ffffff0b;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .audience-badge i{
  width:7px;height:7px;border-radius:50%;
  background:#38d878;
  box-shadow:0 0 0 0 #38d87870;
  animation:listenerPulse 1.8s ease-out infinite;
}
@keyframes listenerPulse{
  0%{box-shadow:0 0 0 0 #38d87870}
  75%,100%{box-shadow:0 0 0 7px #38d87800}
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .wave-visualizer{
  width:min(88%,330px);
  height:68px;
  gap:5px;
  padding:11px 18px;
  border:1px solid #ffffff0b;
  border-radius:18px;
  background:#080b1090;
  box-shadow:inset 0 1px 18px #0004;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .wave-visualizer i{
  width:4px;
  box-shadow:0 0 14px color-mix(in srgb,var(--brand) 55%,transparent);
}
.play-control{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-top:2px;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .play-button{
  position:relative;
  display:grid;
  place-items:center;
  width:88px;
  min-width:88px;
  height:88px;
  min-height:88px;
  padding:0;
  border:1px solid color-mix(in srgb,var(--brand) 70%,#fff);
  border-radius:50%;
  background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 82%,#fff),var(--brand));
  color:#fff;
  box-shadow:0 16px 36px color-mix(in srgb,var(--brand) 34%,transparent),inset 0 1px #ffffff55;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .play-button:hover{
  transform:translateY(-2px) scale(1.025);
  filter:brightness(1.05);
  box-shadow:0 20px 44px color-mix(in srgb,var(--brand) 42%,transparent),inset 0 1px #ffffff66;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .play-button:active{
  transform:scale(.97);
}
.play-icon{display:grid;place-items:center;width:42px;height:42px}
.play-icon svg{display:block;width:100%;height:100%;fill:currentColor}
.play-icon-start{transform:translateX(3px)}
.play-icon-pause{display:none}
.play-button.is-playing .play-icon-start{display:none}
.play-button.is-playing .play-icon-pause{display:grid}
.play-button.is-loading .play-icon{visibility:hidden}
.play-button.is-loading::after{
  content:"";
  position:absolute;
  width:31px;height:31px;
  border:3px solid #ffffff55;
  border-top-color:#fff;
  border-radius:50%;
  animation:playerSpin .8s linear infinite;
}
@keyframes playerSpin{to{transform:rotate(360deg)}}
.play-action-label{
  min-height:18px;
  color:#d5dce5;
  font-size:.69rem;
  font-weight:800;
  letter-spacing:.015em;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .player-status{
  min-height:18px;
  margin:0;
  color:#8793a2;
  font-size:.65rem;
  line-height:1.45;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .hero{
  margin:0 auto 32px;
}
.template-radio-essential .hero{
  min-height:0;
  width:min(100%,720px);
  flex-direction:column;
  justify-content:center;
  text-align:center;
  padding:22px 18px;
}
.template-radio-essential .hero .artwork{
  width:126px;height:126px;
  border-radius:28px;
  border-style:solid;
  border-width:1px;
}
.template-radio-essential .hero .artwork img{border-radius:27px}
.template-radio-essential .headline h1{font-size:clamp(1.75rem,5vw,2.7rem);margin-top:14px}
.template-radio-essential .headline .tagline{margin:5px auto 0;max-width:620px}
.template-radio-essential .headline .social-icons{margin:16px auto 0}
.template-radio-magazine .hero{width:min(100%,820px);margin-top:0}
.template-radio-visual .hero{width:min(100%,900px);margin-top:0}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .social-icons{
  justify-content:center;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .social-icon{
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .social-icon:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 22px #0003;
}
@media(max-width:700px){
  :is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) main{padding:10px 12px 16px}
  :is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .top{padding:13px 15px}
  :is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-player{
    margin-bottom:20px;
    padding:18px 14px 20px;
    gap:13px;
    border-radius:22px;
  }
  :is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .player-art{
    width:min(82vw,290px);
    border-radius:21px;
  }
  :is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .player-art img{border-radius:20px}
  :is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .wave-visualizer{
    width:min(92%,310px);
    height:62px;
  }
  :is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .play-button{
    width:82px;min-width:82px;height:82px;min-height:82px;
  }
  .template-radio-magazine .hero,.template-radio-visual .hero{padding:20px 16px}
  :is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .hero .artwork{
    width:120px;height:120px;aspect-ratio:1/1;
  }
  :is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .hero .artwork img{object-fit:contain}
  :is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .headline h1{
    font-size:clamp(1.55rem,8vw,2.2rem);
    letter-spacing:-.045em;
  }
}

@media(prefers-reduced-motion:reduce){
  .now-playing-title.is-scrolling{
    animation:none!important;
    transform:none!important;
    min-width:0;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  :is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .audience-badge i{
    animation:none!important;
    box-shadow:none;
  }
  .play-button.is-loading::after{animation:none!important}
}

/* Ambient art: reflejo desenfocado de la carátula detrás del reproductor. */
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-player{
  position:relative;
  isolation:isolate;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-player.has-ambient-art::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-22%;
  background-image:var(--ambient-art);
  background-size:cover;
  background-position:center;
  filter:blur(46px) saturate(1.18);
  opacity:.105;
  transform:scale(1.08);
  pointer-events:none;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-player>*{
  position:relative;
  z-index:1;
}


/* 07/10/2026 · ajuste final de centrado, marquee continuo y ondas integradas. */
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-player{
  width:min(calc(100% - 4px),680px);
  margin-left:auto;
  margin-right:auto;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-player>*{
  margin-left:auto;
  margin-right:auto;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .player-art{
  align-self:center;
  margin-left:auto;
  margin-right:auto;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-copy,
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-copy-main{
  width:min(100%,560px);
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.now-playing-slider{
  width:min(100%,520px);
  max-width:100%;
  min-height:27px;
  margin:0 auto;
  overflow:hidden;
  text-align:left!important;
}
.now-playing-title{
  display:inline-block;
  min-width:max-content;
  max-width:none!important;
  margin:0;
  padding:2px 0 2px 100%;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap;
}
.now-playing-title.is-scrolling{
  animation:metadataMarquee var(--marquee-duration,12s) linear infinite!important;
  will-change:transform;
}
@keyframes metadataMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-100%)}
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .wave-visualizer{
  width:min(90%,320px);
  height:58px;
  padding:0!important;
  margin:2px auto 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .wave-visualizer i{
  box-shadow:0 0 12px color-mix(in srgb,var(--brand) 52%,transparent);
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .hero{
  width:min(100%,680px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:14px;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .hero .artwork{
  width:124px!important;
  height:124px!important;
  max-width:124px!important;
  aspect-ratio:1/1;
  margin:0 auto!important;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .hero .artwork img{
  width:100%;
  height:100%;
  object-fit:contain!important;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .headline{
  width:100%;
  max-width:620px;
  margin:0 auto;
  text-align:center;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .headline .social-icons{
  margin-left:auto!important;
  margin-right:auto!important;
}
:is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .play-control{
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:700px){
  :is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .live-player{
    width:100%;
    padding-left:16px;
    padding-right:16px;
  }
  .now-playing-slider{width:100%}
  :is(.template-radio-essential,.template-radio-magazine,.template-radio-visual) .wave-visualizer{
    width:min(88%,290px);
  }
}
@media(prefers-reduced-motion:reduce){
  .now-playing-title.is-scrolling{
    animation:none!important;
    transform:none!important;
    min-width:0;
    max-width:100%!important;
    padding-left:0;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* Marquee definitivo: siempre activo, independientemente del largo del metadata. */
.now-playing-title{
  animation:metadataMarquee var(--marquee-duration,12s) linear infinite;
  will-change:transform;
}
@media(prefers-reduced-motion:reduce){
  .now-playing-title{
    animation:none!important;
    transform:none!important;
    min-width:0;
    max-width:100%!important;
    padding-left:0;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* 07/10/2026 · Video 1.0: títulos proporcionados + MI-05 realmente distinto. */
:is(.template-video-live,.template-video-stage) .headline h1{
  font-size:clamp(1.55rem,4.2vw,2.85rem);
  line-height:1.08;
  letter-spacing:-.045em;
  margin:8px 0 6px;
}
:is(.template-video-live,.template-video-stage) .headline .tagline{
  margin:5px 0 0;
  font-size:clamp(.83rem,2vw,1.02rem);
}
:is(.template-video-live,.template-video-stage) .media-player{
  background:#000;
}
:is(.template-video-live,.template-video-stage) .player-status{
  min-height:18px;
  margin:8px 0 0;
  text-align:center;
  color:#9ba5b3;
  font-size:.66rem;
}

/* MI-04 · Video Directo: canal clásico con video y una portada de marca amplia. */
.template-video-live.video-player-first .live-player{
  border:1px solid #ffffff18;
  border-radius:22px;
  background:linear-gradient(180deg,#090d13,#05070a);
  box-shadow:0 24px 70px #0006;
}
.template-video-live.video-player-first .hero{
  width:min(100%,980px);
  margin:20px auto 28px;
}
.template-video-live.video-player-first .hero .artwork{
  width:clamp(110px,19vw,165px);
  height:clamp(110px,19vw,165px);
}
.template-video-live.video-player-first .headline{
  max-width:620px;
}

/* MI-05 · Video Pantalla: escenario audiovisual, video protagonista + identidad compacta. */
.template-video-stage{
  background:
    radial-gradient(circle at 50% -15%,color-mix(in srgb,var(--brand) 17%,transparent),transparent 42%),
    #040609;
}
.template-video-stage .page{
  max-width:1440px;
}
.template-video-stage main{
  padding:clamp(10px,2vw,22px);
}
.template-video-stage #panel-home{
  display:grid!important;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
  position:relative;
}
.template-video-stage.video-stage-full .live-player{
  order:0!important;
  position:relative;
  width:100%;
  min-height:0!important;
  margin:0 auto;
  padding:0!important;
  display:block!important;
  overflow:hidden;
  border:1px solid #ffffff1b;
  border-radius:26px;
  background:#000;
  box-shadow:0 30px 90px #0009;
}
.template-video-stage.video-stage-full .live-player .media-player{
  order:0!important;
  display:block;
  width:100%;
  max-width:none;
  max-height:min(76vh,900px);
  margin:0;
  aspect-ratio:16/9;
  object-fit:contain;
  border-radius:0!important;
  background:#000;
}
.template-video-stage.video-stage-full .live-copy{
  display:none!important;
}
.template-video-stage.video-stage-full .fullscreen-button{
  position:absolute;
  z-index:4;
  right:14px;
  bottom:14px;
  align-self:auto;
  min-height:40px;
  padding:9px 13px;
  border-color:#ffffff40;
  background:#080b10cc;
  color:#fff;
  box-shadow:0 8px 22px #0007;
  backdrop-filter:blur(8px);
}
.template-video-stage.video-stage-full .player-status{
  position:absolute;
  z-index:3;
  left:14px;
  bottom:16px;
  max-width:calc(100% - 180px);
  margin:0;
  padding:7px 10px;
  border-radius:999px;
  background:#080b10b8;
  color:#d8dde5;
  backdrop-filter:blur(8px);
}
.template-video-stage .hero,
.template-video-stage.start-video-full .hero{
  order:1;
  width:100%;
  min-height:0;
  margin:0!important;
  padding:16px 18px!important;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  align-items:center!important;
  gap:16px!important;
  text-align:left!important;
  border:1px solid #ffffff18;
  border-radius:20px;
  background-image:none!important;
  background:
    linear-gradient(120deg,color-mix(in srgb,var(--brand) 12%,#111720),#0d1118 66%)!important;
  box-shadow:inset 0 1px #ffffff08;
}
.template-video-stage .hero .artwork{
  width:88px!important;
  height:88px!important;
  max-width:88px!important;
  margin:0!important;
  border:1px solid #ffffff26;
  border-radius:18px;
  background:#080b10;
}
.template-video-stage .hero .artwork img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  border-radius:17px;
}
.template-video-stage .headline{
  width:100%;
  max-width:none;
  margin:0;
  text-align:left!important;
}
.template-video-stage .headline h1{
  font-size:clamp(1.25rem,3.2vw,2.15rem);
  margin:5px 0 3px;
  letter-spacing:-.035em;
}
.template-video-stage .headline .tagline{
  margin:2px 0 0;
  color:#aeb8c7;
  font-size:clamp(.76rem,1.8vw,.94rem);
}
.template-video-stage .eyebrow{
  font-size:.59rem;
  letter-spacing:.08em;
}
.template-video-stage .video-direct-cta{
  margin-top:10px;
  min-height:38px;
  padding:0 14px;
  font-size:.67rem;
}
.template-video-stage .video-social-bar{
  order:2;
  width:max-content;
  max-width:100%;
  margin:0 auto 10px;
  padding:9px 13px;
  border:1px solid #ffffff18;
  border-radius:999px;
  background:#0b0f15c9;
}
.template-video-stage .video-social-bar>span{
  display:none;
}
.template-video-stage .video-social-bar .social-icons{
  margin:0;
}
.template-video-stage .video-social-bar .social-icon{
  width:40px;
  height:40px;
}

@media(max-width:700px){
  :is(.template-video-live,.template-video-stage) .headline h1{
    font-size:clamp(1.4rem,7vw,2rem);
    letter-spacing:-.04em;
  }
  .template-video-live.video-player-first .hero{
    padding:18px 15px;
  }
  .template-video-stage main{
    padding:8px;
  }
  .template-video-stage.video-stage-full .live-player{
    border-radius:18px;
  }
  .template-video-stage.video-stage-full .live-player .media-player{
    max-height:62vh;
  }
  .template-video-stage .hero,
  .template-video-stage.start-video-full .hero{
    grid-template-columns:66px minmax(0,1fr)!important;
    gap:12px!important;
    padding:12px!important;
    border-radius:16px;
  }
  .template-video-stage .hero .artwork{
    width:66px!important;
    height:66px!important;
    max-width:66px!important;
    border-radius:14px;
  }
  .template-video-stage .hero .artwork img{
    border-radius:13px;
  }
  .template-video-stage .headline h1{
    font-size:clamp(1.15rem,5.5vw,1.6rem);
  }
  .template-video-stage .headline .tagline{
    font-size:.72rem;
    line-height:1.45;
  }
  .template-video-stage.video-stage-full .fullscreen-button{
    right:9px;
    bottom:9px;
    width:auto;
    min-height:36px;
    padding:7px 10px;
    font-size:.65rem;
  }
  .template-video-stage.video-stage-full .player-status{
    left:9px;
    bottom:10px;
    max-width:calc(100% - 145px);
    padding:6px 8px;
    font-size:.58rem;
  }
}


/* Instalación PWA visible en app e iframe. */
.install-icon-button{
  min-height:40px;
  padding:8px 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-color:#ffffff38;
  background:#ffffff0b;
  color:inherit;
  white-space:nowrap;
}
.install-icon-button svg{
  width:19px;
  height:19px;
  fill:currentColor;
  flex:0 0 auto;
}
.install-icon-button:hover,
.install-icon-button.install-ready{
  border-color:var(--brand);
  background:color-mix(in srgb,var(--brand) 13%,transparent);
  color:#fff;
}
.install-icon-button.install-ready{
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent);
}
.install-icon-button.install-attention{
  animation:installAttention 1.3s ease-in-out 2;
}
@keyframes installAttention{
  50%{transform:translateY(-2px);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 20%,transparent)}
}
.install-help{
  position:fixed;
  z-index:100;
  right:18px;
  bottom:18px;
  width:min(360px,calc(100vw - 36px));
  padding:16px 42px 16px 17px;
  border:1px solid #ffffff30;
  border-radius:16px;
  background:#10151df5;
  color:#fff;
  box-shadow:0 20px 55px #0009;
  backdrop-filter:blur(12px);
}
.install-help[hidden]{display:none!important}
.install-help strong{display:block;margin-bottom:5px;font-size:.9rem}
.install-help p{margin:0;color:#cbd2dc;font-size:.74rem;line-height:1.55}
.install-help button{
  position:absolute;
  top:7px;
  right:9px;
  width:30px;
  height:30px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#fff;
  font-size:1.25rem;
  cursor:pointer;
}
@media(max-width:700px){
  .top-actions{gap:7px}
  .install-icon-button{
    width:40px;
    min-width:40px;
    height:40px;
    padding:0;
    border-radius:12px;
  }
  .install-icon-button span{display:none}
  .install-help{right:10px;bottom:10px;width:calc(100vw - 20px)}
}


/* 07/10/2026 · Distribución por dispositivo, equivalente al flujo histórico. */
.installer-home .page{padding-bottom:0}
.platform-installers{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 flex-wrap:wrap;
 padding:18px 24px 22px;
 border-top:1px solid #ffffff20;
 background:linear-gradient(180deg,#ffffff05,#00000012);
}
.platform-installers-copy{display:grid;gap:3px}
.platform-installers-copy span{font-size:.58rem;letter-spacing:.16em;color:var(--brand);font-weight:800}
.platform-installers-copy strong{font-size:.82rem}
.platform-installers-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.platform-install-link{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:50px;
 border-radius:12px;
 transition:transform .15s ease,filter .15s ease;
}
.platform-install-link:hover{transform:translateY(-2px);filter:brightness(1.08)}
.platform-install-link:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.platform-install-link img{display:block;width:150px;height:50px;object-fit:contain}

.install-gateway-page{
 margin:0;
 min-height:100vh;
 background:
  radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 38%),
  #0e1116;
 color:#fff;
 font-family:Comfortaa,system-ui,sans-serif;
}
.install-gateway{min-height:100vh;display:grid;place-items:center;padding:24px}
.install-gateway-card{
 width:min(440px,100%);
 display:grid;
 justify-items:center;
 gap:14px;
 padding:30px 24px;
 text-align:center;
 border:1px solid #ffffff24;
 border-radius:22px;
 background:#171c24f2;
 box-shadow:0 24px 70px #0008;
}
.install-gateway-logo{
 width:150px;
 height:150px;
 object-fit:contain;
 border-radius:24px;
 background:#fff;
 padding:8px;
}
.install-gateway-platform{width:150px;height:50px;object-fit:contain}
.install-gateway-card h1{margin:4px 0 0;font-size:1.25rem}
.install-gateway-card>p{margin:0;color:#c4ccd6;font-size:.78rem;line-height:1.55}
.install-gateway-action{
 width:min(320px,100%);
 min-height:50px;
 border:0;
 border-radius:14px;
 padding:12px 18px;
 background:var(--brand);
 color:#fff;
 font:800 .82rem/1.2 Comfortaa,system-ui,sans-serif;
 cursor:pointer;
 box-shadow:0 10px 30px color-mix(in srgb,var(--brand) 25%,transparent);
}
.install-gateway-action.install-ready{outline:4px solid color-mix(in srgb,var(--brand) 25%,transparent)}
.install-gateway-status{min-height:1.2em}
.install-gateway-open{font-size:.68rem;color:#aeb8c5;text-decoration:underline}
@media(max-width:700px){
 .platform-installers{justify-content:center;text-align:center;padding:16px 12px 20px}
 .platform-installers-copy{width:100%}
 .platform-installers-buttons{width:100%;justify-content:center;gap:7px}
 .platform-install-link img{width:132px;height:auto}
 .install-gateway{padding:14px}
 .install-gateway-card{padding:24px 17px}
}


/* 08/10/2026 · Programación semanal en tarjetas para radio y video. */
.schedule-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(155px,1fr));
 gap:12px;
 margin-top:18px;
}
.schedule-day-card{
 min-width:0;
 padding:14px;
 border:1px solid color-mix(in srgb,var(--brand) 28%,#ffffff1d);
 border-radius:15px;
 background:linear-gradient(160deg,color-mix(in srgb,var(--brand) 9%,#171c24),#121720);
 box-shadow:0 10px 28px #00000020;
}
.schedule-day-card h3{
 margin:0 0 10px;
 color:var(--brand);
 font-size:.78rem;
 letter-spacing:.02em;
}
.schedule-day-items{display:grid;gap:8px}
.schedule-item{
 display:grid;
 grid-template-columns:auto minmax(0,1fr);
 gap:8px;
 align-items:start;
 padding-top:8px;
 border-top:1px solid #ffffff12;
}
.schedule-item:first-child{padding-top:0;border-top:0}
.schedule-item time{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:48px;
 padding:4px 6px;
 border-radius:999px;
 background:#ffffff0d;
 color:#dce4ed;
 font-size:.62rem;
 font-weight:800;
}
.schedule-item span{
 min-width:0;
 color:#e8edf3;
 font-size:.68rem;
 line-height:1.45;
 overflow-wrap:anywhere;
}
@media(max-width:620px){
 .schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .schedule-day-card{padding:11px}
}
@media(max-width:390px){
 .schedule-grid{grid-template-columns:1fr}
}