/*
Theme Name: Mi Radio Web PRO (2 Estaciones)
Theme URI: https://smashcomunicaciones.com
Author: SMASH Comunicaciones
Description: Tema PRO con Splash + Selector de 2 estaciones y mini-web por estación (noticias, banners, videos, programas, locutores) editable en WordPress.
Version: 6.40
License: GPLv2 or later
Text Domain: miradiowebpro
*/

:root{
  --bg1:#0b2fc8;
  --bg2:#061a74;
  --card:rgba(255,255,255,.06);
  --card2:rgba(255,255,255,.09);
  --stroke:rgba(255,255,255,.14);
  --text:#eaf2ff;
  --muted:rgba(234,242,255,.72);
  --accent1:#ffea00;
  --accent2:#ffd400;
  --radius:22px;
  --shadow: 0 18px 60px rgba(0,0,0,.45);
  --glass: rgba(15,20,30,.55);
  --glass2: rgba(15,20,30,.38);
}

*{box-sizing:border-box}
html,body{height:100%; overflow-x:hidden}
body{
  margin:0;
  color:var(--text);
  font-family:Inter, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  overflow-x:hidden;

  /* Fondo configurable */
  background-color: var(--mrw-bg-solid, var(--bg1));
  background-image:
    var(--mrw-bg-img, none),
    radial-gradient(1200px 800px at 20% 0%, rgba(79,124,255,.22), transparent 55%),
    radial-gradient(900px 700px at 80% 10%, rgba(39,210,255,.18), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
  background-size: cover, auto, auto, auto;
  background-position: center, 20% 0%, 80% 10%, 0 0;
  background-repeat: no-repeat;
  padding-bottom: 98px; /* espacio para el player fijo */
}

/* Modos de fondo */
body.mrw-bg-color{ background-image:none; background-color: var(--mrw-bg-solid, var(--bg1)); }
body.mrw-bg-image{
  background-image:
    var(--mrw-bg-img, none),
    linear-gradient(180deg, rgba(5,11,20,.85), rgba(11,24,48,.85));
  background-size: cover, cover;
  background-position: center, 0 0;
  background-repeat:no-repeat;
}
body.mrw-bg-gradient{ /* default uses layers */ }

/* Layout para footer al fondo */

/* Hero (Inicio) */
.mrw-hero{
  position:relative;
  min-height:calc(100vh - 200px);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding: 54px 0 90px;
  background-image: var(--mrw-hero-img, none);
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
}
.mrw-hero::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(1200px 700px at 20% 0%, rgba(79,124,255,.18), transparent 55%),
    radial-gradient(900px 600px at 80% 10%, rgba(39,210,255,.14), transparent 60%),
    linear-gradient(180deg, rgba(5,11,20,.78), rgba(11,24,48,.78));
}
body.mrw-theme-light .mrw-hero::before{
  background:
    radial-gradient(1200px 700px at 20% 0%, rgba(79,124,255,.10), transparent 55%),
    radial-gradient(900px 600px at 80% 10%, rgba(39,210,255,.08), transparent 60%),
    linear-gradient(180deg, rgba(245,248,255,.78), rgba(220,230,248,.78));
}
.mrw-hero__inner{position:relative; z-index:1; max-width: 820px;}
.mrw-hero__title{margin:0 0 8px; font-size:38px; font-weight:1000; letter-spacing:.3px}
.mrw-hero--clean{}
.mrw-heroLogoWrap,.mrw-stationHeroLogoWrap{display:flex; justify-content:center;}
.mrw-heroLogo{width:min(520px, 82vw); height:auto; filter:drop-shadow(0 12px 28px rgba(0,0,0,.28));}
.mrw-stationHeroLogo{width:min(460px, 76vw); height:auto; filter:drop-shadow(0 12px 28px rgba(0,0,0,.28));}
.mrw-stationHeroName{margin:14px 0 6px; font-size:clamp(18px,2.2vw,26px); font-weight:1000; letter-spacing:.3px;}
.mrw-selector__brandLogo{width:min(300px, 58vw); height:auto; display:block; margin:0 0 6px;}
.mrw-hero__subtitle{margin:0 auto 18px; color:var(--muted); max-width:720px}

.mrw-page{min-height:calc(100vh - 90px); display:flex; flex-direction:column;}
.mrw-main{flex:1; display:block;}


a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}

.mrw-container{width:min(1180px, calc(100% - 40px)); margin:0 auto}

/* =============== TOP HEADER (glass) =============== */
.mrw-top{position:sticky; top:0; z-index:50; padding:14px 0}
.mrw-top__bar{
  display:flex; align-items:center; gap:16px;
  background:linear-gradient(180deg, var(--glass), var(--glass2));
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius:26px;
  padding:12px 14px;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}
.mrw-top__brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:160px;
}
/* Logo del header con el mismo look del player (cuadro + esquinas redondas) */
.mrw-top__logo{
  width:42px;
  height:42px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.mrw-top__nav{display:flex; gap:16px; flex-wrap:wrap; justify-content:center; flex:1; min-width:0}
.mrw-top__nav a{
  font-family:Inter, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight:800;
  letter-spacing:.01em;
  text-transform:none;
  font-size:17px;
  line-height:1;
  opacity:.96;
  padding:11px 14px;
  border-radius:14px;
}

.mrw-top__nav a:hover{background:rgba(255,255,255,.06); opacity:1}

/* Menú móvil separado (SOLO móvil). Por defecto siempre oculto. */
.mrw-top__navMobile{display:none !important;}
.mrw-top__navMobile a{font-family:Inter, 'Segoe UI', Roboto, Arial, sans-serif; font-weight:800; letter-spacing:.01em; text-transform:none; font-size:16px; opacity:.96; padding:10px 14px; border-radius:14px; white-space:nowrap;}
.mrw-top__navMobile a:hover{background:rgba(255,255,255,.06); opacity:1}
.mrw-top__actions{display:flex; align-items:center; gap:10px; min-width:210px; justify-content:flex-end}
.mrw-top__icon{
  width:38px; height:38px; display:grid; place-items:center;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  font-weight:1000;
}
.mrw-top__icon:hover{background:rgba(255,255,255,.08)}
.mrw-top__weather{
  padding:10px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05); font-weight:900; font-size:12px; white-space:nowrap;
  display:flex; align-items:center; gap:8px;
}
.mrw-top__wIcon{font-size:14px; line-height:1;}

/* Header en móvil: evita que clima/ubicación se salga */
#mrwWeatherText{max-width:160px; overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:bottom;}
@media (max-width: 640px){
  .mrw-top__brand{min-width:0}
  .mrw-top__actions{min-width:0}
  #mrwWeatherText{max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

  .mrw-top__bar{flex-wrap:wrap; justify-content:center}
  .mrw-top__brand{order:1}
  .mrw-top__actions{order:2; width:100%; justify-content:center}
  .mrw-top__nav{order:3; width:100%; justify-content:center; gap:8px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch}
  .mrw-top__nav a{flex:0 0 auto; font-size:16px; padding:10px 14px}


  .mrw-top__nav{display:none !important;}
  .mrw-top__navMobile{display:flex !important; order:3; width:100%; justify-content:center; flex-wrap:wrap; row-gap:8px; column-gap:10px; overflow:visible; padding-top:10px;}
  .mrw-top__navMobile a{flex:0 0 auto; font-size:16px; padding:10px 14px;}
}


/* =========================================================
   MOBILEFIX v11 — Ultimas Noticias
   - Elimina espacio fantasma entre nota 1 y 2
   - Asegura redondeo en TODAS las tarjetas (clip)
   SOLO móvil (<=640px)
========================================================= */
@media (max-width: 640px){
  /* Fuerza layout en columna (sin reservas de altura ni spans de grid) */
  .mrw-newsMosaic{
    --mosaicH: auto !important;
    --mosaicGap: 12px !important;
    display:flex !important;
    flex-direction:column !important;
    gap: 12px !important;
    grid-template-columns: none !important;
  }

  /* El contenedor de las 4 notas debe comportarse como lista, sin altura fija */
  .mrw-newsMosaic > .mrw-mosaicGrid{
    display:flex !important;
    flex-direction:column !important;
    gap: 12px !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }

  /* Quita cualquier separación extra que venga de estilos heredados */
  .mrw-newsMosaic > .mrw-mosaicTile--big{ margin:0 !important; }
  .mrw-newsMosaic > *{ max-width:100% !important; }

  /* Redondeo real: el que manda es el clip */
  .mrw-newsMosaic .mrw-mosaicTile__clip{
    border-radius: 26px !important;
    overflow: hidden !important;
  }

  /* Evita desbordes laterales (que “cuadran” esquinas) */
  .mrw-newsMosaic .mrw-mosaicTile,
  .mrw-newsMosaic .mrw-mosaicTile__media{
    overflow: visible !important;
  }

  .mrw-newsMosaic .mrw-mosaicTile__clip img{
    width:100% !important;
    height:100% !important;
    display:block !important;
  }
}

/* Blindaje extra: en escritorio JAMÁS mostrar el menú móvil */
@media (min-width: 641px){
  .mrw-top__nav{display:flex !important;}
  .mrw-top__navMobile{display:none !important;}
}


/* imagen extra del header (junto al clima) */
.mrw-top__badgeLink{display:inline-flex; align-items:center;}
.mrw-top__badge{
  width:38px; height:38px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  object-fit:cover;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}

/* =============== BUTTONS =============== */
.mrw-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px;
  padding:12px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:var(--text);
  font-weight:900;
  cursor:pointer;
  transition: transform .12s ease, background .12s ease;
}
.mrw-btn:hover{transform: translateY(-1px); background:rgba(255,255,255,.09)}
.mrw-btn--primary{
  border:0;
  background:linear-gradient(90deg,var(--accent1),var(--accent2));
  color:#06101b;
}
.mrw-btn--primary:hover{filter:brightness(1.05)}
.mrw-btn--media{background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.18)}
.mrw-btn--media:hover{background:rgba(255,255,255,.14)}

.mrw-btn--danger{background:rgba(255,80,80,.18); border-color:rgba(255,80,80,.35)}

/* =============== CARDS / GRID =============== */
.mrw-card{
  border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.11);
  box-shadow: var(--shadow);
}
.mrw-grid{display:grid; grid-template-columns:repeat(12, 1fr); gap:14px}
.mrw-tile{grid-column:span 4; overflow:hidden}
.mrw-tile__thumb{position:relative; aspect-ratio: 16/10; background:rgba(0,0,0,.2); overflow:hidden}
.mrw-tile__thumb img{width:100%; height:100%; object-fit:cover; transform:scale(1.02); transition:transform .25s ease}
.mrw-tile:hover .mrw-tile__thumb img{transform:scale(1.06)}
.mrw-tile__title{margin:12px 12px 6px; font-weight:1000; letter-spacing:.2px}
.mrw-tile__meta{margin:0 12px 14px; color:var(--muted); font-size:12px; font-weight:800}
.mrw-tile--empty{grid-column:span 12; padding:26px; text-align:center; color:var(--muted); font-weight:900}

@media (max-width: 980px){
  .mrw-tile{grid-column:span 6}
  /* En móvil/tablet SI mostramos el menú (scroll horizontal) */
  .mrw-top__bar{flex-wrap:wrap; justify-content:center}
  .mrw-top__nav{display:flex; order:3; width:100%; justify-content:center; gap:10px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch}
  .mrw-top__nav a{flex:0 0 auto; font-size:16px; padding:10px 14px}
  .mrw-top__brand{min-width:140px}
  .mrw-top__actions{min-width:auto}
}
@media (max-width: 640px){
  .mrw-top__brand{min-width:0}
  .mrw-top__actions{min-width:0}
  #mrwWeatherText{max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

  .mrw-top__bar{flex-wrap:wrap; justify-content:center}
  .mrw-top__brand{order:1}
  .mrw-top__actions{order:2; width:100%; justify-content:center}
  /* Forzar visible el menú en móvil */
  .mrw-top__nav{display:flex; order:3; width:100%; justify-content:center; gap:8px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch}
  .mrw-top__nav a{flex:0 0 auto; font-size:16px; padding:10px 14px}

}

/* =============== HERO =============== */
.mrw-hero2{padding:18px 0 10px}
.mrw-hero2__grid{display:grid; grid-template-columns: 1.1fr .9fr; gap:14px; align-items:stretch}
.mrw-hero2__copy{padding:12px 4px}

.mrw-hero2__copy.is-center{display:flex; flex-direction:column; align-items:center; text-align:center}
.mrw-hero2__copy.is-center .mrw-lead{margin-left:auto; margin-right:auto}
.mrw-hero2__copy.is-center .mrw-hero2__cta{justify-content:center}
.mrw-hero2__copy.is-center .mrw-social{justify-content:center}

.mrw-h1{margin:0 0 6px; font-size:42px; line-height:1.05; font-weight:1000; letter-spacing:.2px}
.mrw-lead{margin:0 0 14px; color:var(--muted); max-width:680px; font-weight:700}
.mrw-hero2__cta{display:flex; gap:10px; flex-wrap:wrap; margin:14px 0 10px}
.mrw-hero2__hint{color:rgba(234,242,255,.55); font-weight:800; font-size:12px}
@media (max-width: 980px){
  .mrw-hero2__grid{grid-template-columns:1fr; }
  .mrw-h1{font-size:34px}
}

/* =============== SLIDER =============== */
.mrw-slider--full{width:100%; max-width:100%; margin-left:0;}
@media (max-width:680px){.mrw-slider--full{width:100%; margin-left:0;}}

.mrw-slider{overflow:hidden; position:relative}
.mrw-slider__frame{position:relative; min-height:var(--mrw-slider-h, 240px)}
.mrw-slide{position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .4s ease}
.mrw-slide.is-active{opacity:1; pointer-events:auto}
.mrw-slide img{width:100%; height:100%; object-fit:cover}
.mrw-emptySlide{display:flex; align-items:center; justify-content:center; height:100%; padding:30px; color:var(--muted); font-weight:1000}
.mrw-slider__dots{display:flex; gap:8px; padding:12px; justify-content:center}
.mrw-dot{width:10px; height:10px; border-radius:99px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.08); cursor:pointer}
.mrw-dot.is-active{background:linear-gradient(90deg,var(--accent1),var(--accent2)); border-color:transparent}

@media (max-width: 680px){
  .mrw-slider__frame{min-height:var(--mrw-slider-h-sm, 240px)}
}

/* =============== SECTIONS =============== */
.mrw-section{padding:32px 0}
.mrw-sectionHead{position:relative; margin-bottom:10px}
.mrw-sectionHead h2{margin:0; font-size:34px; font-weight:1000; letter-spacing:.3px}
.mrw-sectionHead h2 span{color:var(--accent1)}
.mrw-water{
  position:absolute; left:-2px; top:-24px;
  font-size:84px; font-weight:1000;
  letter-spacing:2px;
  color:rgba(255,255,255,.05);
  pointer-events:none;
  user-select:none;
  white-space:nowrap;
  overflow:hidden;
  max-width:100%;
}
@media (max-width: 640px){
  .mrw-top__brand{min-width:0}
  .mrw-top__actions{min-width:0}
  #mrwWeatherText{max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

  .mrw-top__bar{flex-wrap:wrap; justify-content:center}
  .mrw-top__brand{order:1}
  .mrw-top__actions{order:2; width:100%; justify-content:center}
  .mrw-top__nav{order:3; width:100%; justify-content:center; gap:8px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch}
  .mrw-top__nav a{flex:0 0 auto; font-size:16px; padding:10px 14px}

}

/* =============== TV =============== */
.mrw-tv{overflow:hidden}
.mrw-tv__frame{aspect-ratio: 16/9; background:#000}
.mrw-tv__frame iframe{width:100%; height:100%; border:0}
.mrw-tv__empty{padding:26px; text-align:center; color:var(--muted); font-weight:900}

/* =============== OVERLAYS =============== */
.mrw-overlay{
  position:fixed; inset:0;
  display:none;
  align-items:center; justify-content:center;
  background:
    linear-gradient(180deg, rgba(5,11,20,.72), rgba(11,24,48,.78)),
    var(--mrw-bg-img, none),
    linear-gradient(180deg, var(--bg1), var(--bg2));
  background-size:cover, cover, auto;
  background-position:center, center, 0 0;
  z-index:99999;
  padding:20px;
  text-align:center;
}
.mrw-overlay.is-open{display:flex}
.mrw-splashLogo{
  width:min(420px, 78vw);
  height:auto;
  filter: drop-shadow(0 20px 80px rgba(0,0,0,.6));
  margin:0 auto;
  max-height:70vh;
  object-fit:contain;
}


/* Splash: centrar perfecto en móvil (evita que se vea bajado/desfasado) */
@media (max-width: 640px){
  .mrw-top__brand{min-width:0}
  .mrw-top__actions{min-width:0}
  #mrwWeatherText{max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

  .mrw-top__bar{flex-wrap:wrap; justify-content:center}
  .mrw-top__brand{order:1}
  .mrw-top__actions{order:2; width:100%; justify-content:center}
  .mrw-top__nav{order:3; width:100%; justify-content:center; gap:8px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch}
  .mrw-top__nav a{flex:0 0 auto; font-size:16px; padding:10px 14px}

}
.mrw-selector{width:min(760px, 100%); padding:22px; max-height:86vh; overflow:auto; background:linear-gradient(180deg, rgba(9,21,58,.88), rgba(10,26,78,.84)); border:1px solid rgba(255,255,255,.12); box-shadow:0 30px 90px rgba(0,0,0,.45)}
.mrw-selector__head{display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:12px}
.mrw-selector__title{font-weight:1000; font-size:18px}
.mrw-selector__sub{margin:10px 0 0; color:rgba(234,242,255,.82); font-weight:600; font-size:16px}
.mrw-close{border:0; background:rgba(255,255,255,.08); color:var(--text); width:38px; height:38px; border-radius:14px; cursor:pointer; font-weight:1000}
.mrw-stations{display:flex; flex-direction:column; gap:10px; margin-top:10px}

/* Selector móvil: scroll interno para que NUNCA se salga */
@media (max-width: 640px){
  .mrw-overlay{padding:12px}
  .mrw-selector{max-height:86vh; padding:14px}
  .mrw-stations{max-height:calc(86vh - 90px); overflow:auto; padding-right:4px}
}
.mrw-stationRow{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px; border-radius:20px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.05)}
.mrw-stationRow__left{display:flex; align-items:center; gap:12px; min-width:0}
.mrw-stationRow__logo{width:68px; height:68px; border-radius:20px; overflow:hidden; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.10); display:grid; place-items:center; padding:8px}
.mrw-stationRow__logo img{width:100%; height:100%; object-fit:cover}
.mrw-stationRow__name{margin:0; font-family:Inter, 'Segoe UI', Roboto, Arial, sans-serif; font-weight:800; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:360px}
.mrw-stationRow__desc{margin:4px 0 0; color:rgba(234,242,255,.72); font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:360px}

/* Selector en móvil: nunca se sale de pantalla, scroll interno */
@media (max-width: 640px){
  .mrw-top__brand{min-width:0}
  .mrw-top__actions{min-width:0}
  #mrwWeatherText{max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

  .mrw-top__bar{flex-wrap:wrap; justify-content:center}
  .mrw-top__brand{order:1}
  .mrw-top__actions{order:2; width:100%; justify-content:center}
  .mrw-top__nav{order:3; width:100%; justify-content:center; gap:8px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch}
  .mrw-top__nav a{flex:0 0 auto; font-size:16px; padding:10px 14px}

}


/* =============== STICKY PLAYER =============== */
.mrw-sticky{position:fixed; left:0; right:0; bottom:0; z-index:80; padding:10px 10px 12px}
.mrw-sticky__inner{
  width:min(1180px, calc(100% - 20px));
  margin:0 auto;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:linear-gradient(180deg, rgba(15,20,30,.72), rgba(15,20,30,.55));
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius:22px;
  padding:10px 10px;
  box-shadow: 0 20px 70px rgba(0,0,0,.45);
  max-width:100%;
  overflow:hidden;
}
.mrw-sticky__left{display:flex; align-items:center; gap:12px; min-width:0; flex:1; position:relative; z-index:2}
.mrw-sticky__play{
  width:44px; height:44px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  color:var(--text);
  font-weight:1000;
  cursor:pointer;
}
.mrw-sticky__play:hover{background:rgba(255,255,255,.09)}
.mrw-sticky__coverWrap{width:54px; height:54px; border-radius:18px; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.25)}
.mrw-sticky__cover{width:100%; height:100%; object-fit:cover; animation: mrwZoom 10s ease-in-out infinite}
@keyframes mrwZoom{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.mrw-sticky__station{display:flex; align-items:center; gap:8px; font-weight:1000; font-size:12px; letter-spacing:.4px}
.mrw-liveDot{width:8px; height:8px; border-radius:99px; background:#ff2d55; box-shadow:0 0 0 6px rgba(255,45,85,.16)}
.mrw-livePill{font-size:11px; padding:4px 10px; border-radius:99px; background:rgba(255,45,85,.15); border:1px solid rgba(255,45,85,.28)}
.mrw-sticky__meta{min-width:0}
.mrw-marquee{overflow:hidden; white-space:nowrap; max-width:540px}
.mrw-marquee__inner{
  display:inline-flex; align-items:center; gap:10px;
  animation: mrwMarquee 14s linear infinite;
}
.mrw-marquee__sep{opacity:.45}
.mrw-marquee__repeat{opacity:.7}
@keyframes mrwMarquee{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}
.mrw-sticky__mid{display:flex; align-items:center; justify-content:center; width:140px}
.mrw-eq{display:flex; align-items:flex-end; gap:3px; height:26px; opacity:.7}
.mrw-eq span{width:3px; height:6px; background:rgba(39,210,255,.75); border-radius:4px; animation: mrwEq 0.9s ease-in-out infinite}
.mrw-eq span:nth-child(2){animation-delay:.08s}
.mrw-eq span:nth-child(3){animation-delay:.16s}
.mrw-eq span:nth-child(4){animation-delay:.24s}
.mrw-eq span:nth-child(5){animation-delay:.32s}
.mrw-eq span:nth-child(6){animation-delay:.40s}
.mrw-eq span:nth-child(7){animation-delay:.48s}
.mrw-eq span:nth-child(8){animation-delay:.56s}
.mrw-eq span:nth-child(9){animation-delay:.64s}
.mrw-eq span:nth-child(10){animation-delay:.72s}
@keyframes mrwEq{0%,100%{height:6px}50%{height:26px}}
.mrw-sticky.is-paused .mrw-eq span{animation-play-state:paused; height:6px}

.mrw-sticky__right{position:relative; z-index:2;display:flex; align-items:center; gap:10px}
.mrw-storeBadges{display:flex; gap:8px}
.mrw-badge{
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  font-weight:900;
  font-size:12px;
  white-space:nowrap;
}
.mrw-badge:hover{background:rgba(255,255,255,.09)}
.mrw-vol2{display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:16px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.05)}
.mrw-vol2 input{width:120px}
.mrw-sticky__switch{
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  color:var(--text);
  font-weight:1000;
  cursor:pointer;
}
.mrw-sticky__switch:hover{background:rgba(255,255,255,.09)}

@media (max-width: 980px){
  .mrw-sticky__mid{display:none}
  .mrw-marquee{max-width:360px}
  .mrw-vol2 input{width:90px}
}

/* MÓVIL: sticky player compacto, sin overflow horizontal */
@media (max-width: 640px){
  .mrw-sticky{padding:8px 8px 10px}
  .mrw-sticky__inner{width:calc(100% - 16px); max-width:calc(100% - 16px); flex-wrap:wrap; gap:10px; padding:10px}
  .mrw-sticky__left{flex:1 1 100%}
  .mrw-sticky__coverWrap{width:48px; height:48px; border-radius:16px}
  .mrw-marquee{max-width:100%}
  .mrw-sticky__right{width:100%; justify-content:center}
  .mrw-sticky__switch{width:100%; text-align:center}
}
@media (max-width: 640px){
  .mrw-top__brand{min-width:0}
  .mrw-top__actions{min-width:0}
  #mrwWeatherText{max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

  .mrw-top__bar{flex-wrap:wrap; justify-content:center}
  .mrw-top__brand{order:1}
  .mrw-top__actions{order:2; width:100%; justify-content:center}
  .mrw-top__nav{order:3; width:100%; justify-content:center; gap:8px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch}
  .mrw-top__nav a{flex:0 0 auto; font-size:16px; padding:10px 14px}

}

/* avoid content hidden behind sticky */
body{padding-bottom:92px}

/* =============== FOOTER =============== */
.mrw-footer{padding:26px 0 18px; opacity:.9; text-align:center}
.mrw-footer__pill{
  display:inline-block;
  background:linear-gradient(90deg,var(--accent1),var(--accent2));
  color:#06101b;
  padding:8px 16px;
  border-radius:999px;
  font-weight:1000;
  margin-bottom:8px;
}
.mrw-footer__copy{font-size:12px; color:var(--muted); font-weight:800}


/* ===== Sticky Player Spectrum (igual al video: barras sutiles a todo lo ancho) ===== */
.mrw-sticky{ position:fixed; left:0; right:0; bottom:0; z-index:9999; }
.mrw-sticky{ overflow:hidden; }
.mrw-spectrum{
  position:absolute;
  left:0; right:0;
  bottom:0;
  height:64px;
  display:flex;
  gap:2px;
  padding:10px 10px 8px;
  align-items:flex-end;
  pointer-events:none;
  opacity:.55;
  z-index:0;
}
.mrw-spectrum .mrw-bar{
  flex:1 1 auto;
  min-width:2px;
  border-radius:6px 6px 2px 2px;
  background:rgba(255,255,255,.20);
  height:10%;
  transform-origin:bottom;
}
.mrw-sticky__inner{ position:relative; z-index:2; }


/* =============== DÍA / NOCHE =============== */
body.mrw-theme-light{
  --bg1:#f4f7ff;
  --bg2:#dfe9ff;
  --card:rgba(0,0,0,.05);
  --card2:rgba(0,0,0,.08);
  --stroke:rgba(0,0,0,.12);
  --text:#0b1730;
  --muted:rgba(11,23,48,.72);
  --glass: rgba(255,255,255,.70);
  --glass2: rgba(255,255,255,.52);
}
body.mrw-theme-light .mrw-top__icon{background:rgba(0,0,0,.06); border-color:rgba(0,0,0,.10)}
body.mrw-theme-light .mrw-sticky__inner{background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.62)); border-color:rgba(0,0,0,.10)}
body.mrw-theme-light .mrw-spectrum .mrw-bar{background:rgba(0,0,0,.14)}
/* v6.14 alignment fix: center hero content + slider within same block width */
.mrw-centerBlock{max-width:1120px; margin:0 auto; width:100%;}
.mrw-hero2__stack{display:flex; flex-direction:column; gap:16px; align-items:center;}
.mrw-hero2__copy{width:100%; max-width:1120px;}
.mrw-hero2__copy.is-center{align-items:center; text-align:center;}
.mrw-hero2__copy.is-center .mrw-hero2__cta{justify-content:center;}
.mrw-hero2__copy.is-center .mrw-social{justify-content:center;}
.mrw-slider{width:100%; margin-left:auto; margin-right:auto;}


/* Category badge (Noticias) */
.mrw-catbadge{
  position:absolute;
  top:12px;
  left:12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:14px;
  font-weight:900;
  letter-spacing:.3px;
  text-transform:uppercase;
  font-size:12px;
  line-height:1;
  color:rgba(255,255,255,.96);
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 26px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Inline badge for single post */
.mrw-catbadge--inline{
  position:static;
  top:auto; left:auto;
  margin:0;
}
.mrw-postCats{margin:0 0 10px}


/* =========================
   v6.30 Noticias en mosaico (tipo portada)
   - 1 grande izquierda + 4 pequeñas derecha (2x2)
   ========================= */

.mrw-newsMosaic{
  --mosaicH: clamp(260px, 32vw, 460px);
  --mosaicGap: 18px;
  display:grid;
  /* Make the main (left) story slightly smaller so the 4 featured tiles on the right
     get more room (requested). */
  grid-template-columns: 1.35fr 1fr;
  gap: var(--mosaicGap);
  align-items: stretch;
}

.mrw-mosaicGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: var(--mosaicGap);
  height: var(--mosaicH);
  align-content: stretch;
}

.mrw-mosaicTile{
  display:block;
  color:inherit;
  text-decoration:none;
}

.mrw-mosaicTile--big{ height: var(--mosaicH); }
.mrw-mosaicTile--small{ height: 100%; }

.mrw-mosaicTile__media{
  position:relative;
  height:100%;
  overflow:visible; /* allow floating category badge without covering the image */
}

.mrw-mosaicTile__clip{
  position:relative;
  overflow:hidden;
  border-radius: 26px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  height:100%;
}

.mrw-mosaicTile__clip img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.01);
}

.mrw-mosaicTile__shade{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.15) 35%, rgba(0,0,0,.78) 100%);
}

.mrw-mosaicTile__text{
  position:absolute;
  left:16px;
  right:16px;
  bottom:54px; /* leave room for category badge */
}

.mrw-mosaicTile__title{
  margin:0;
  font-weight:900;
  letter-spacing:.2px;
  line-height:1.12;
  font-size: 18px;
  color: rgba(255,255,255,.97);
  text-shadow: 0 8px 22px rgba(0,0,0,.55);
  display:-webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow:hidden;
}

.mrw-mosaicTile--big .mrw-mosaicTile__title{ font-size: 26px; -webkit-line-clamp: 3; }

.mrw-mosaicTile__meta{
  margin:8px 0 0;
  font-size: 12px;
  color: rgba(255,255,255,.76);
}

.mrw-mosaicTile__cat{
  position:absolute;
  left:14px;
  bottom:14px;
  top:auto;          /* IMPORTANT: prevent vertical stretching */
  right:auto;
  padding:7px 12px;
  border-radius: 999px;
  font-weight:900;
  letter-spacing:.4px;
  text-transform: uppercase;
  font-size: 11px;
  line-height:1;
  color: rgba(255,255,255,.98);
  background: rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.18);
  box-shadow: 0 10px 26px rgba(0,0,0,.35);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  display:inline-flex;
  align-items:center;
  max-width: calc(100% - 28px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 6;
}

/* Badge inside each mosaic tile (bottom-left) */
.mrw-mosaicTile__cat--inset{ }

/* Leave room for the bottom-left category badge so it never overlaps titles */
.mrw-mosaicTile__text{ bottom: 54px; }
.mrw-mosaicTile--big .mrw-mosaicTile__text{ bottom: 62px; }

@media (max-width: 980px){
  .mrw-newsMosaic{ grid-template-columns: 1.2fr 1fr; --mosaicH: clamp(240px, 42vw, 420px); }
  .mrw-mosaicTile--big .mrw-mosaicTile__title{ font-size: 22px; }
}

@media (max-width: 720px){
  .mrw-newsMosaic{ grid-template-columns: 1fr; --mosaicH: auto; }
  .mrw-mosaicTile--big .mrw-mosaicTile__media{ height:auto; aspect-ratio: 16/9; }
  .mrw-mosaicGrid{ grid-template-columns: 1fr 1fr; height:auto; grid-template-rows: auto; }
  .mrw-mosaicTile--small .mrw-mosaicTile__media{ height:auto; aspect-ratio: 16/9; }
  .mrw-mosaicTile--big .mrw-mosaicTile__title{ font-size: 20px; }
}

@media (max-width: 420px){
  .mrw-mosaicGrid{ grid-template-columns: 1fr; }
}


/* =========================
   v6.20 Mobile fixes
   - Selector no se sale
   - Player no se sale
   - Slider sin corte (contain en móvil)
   ========================= */

.mrw-selector{max-height:calc(100vh - 40px); overflow:auto;}
@media (max-width: 560px){
  .mrw-overlay{padding:14px;}
  .mrw-stationRow{flex-direction:column; align-items:flex-start;}
  .mrw-stationRow__name{max-width:100%;}
  .mrw-stationRow__desc{max-width:100%; white-space:normal;}
}

/* Sticky player responsive */
@media (max-width: 520px){
  .mrw-sticky{padding:8px 8px 10px;}
  .mrw-sticky__inner{
    width:calc(100% - 16px);
    flex-wrap:wrap;
    gap:10px;
    padding:10px;
  }
  .mrw-sticky__left{flex:1 1 100%;}
  .mrw-sticky__right{flex:1 1 100%; justify-content:center;}
  .mrw-marquee{max-width:100%;}
  .mrw-sticky__switch{width:100%; text-align:center;}
}

/* Slider: en móvil evitar corte fuerte */
@media (max-width: 640px){
  .mrw-top__brand{min-width:0}
  .mrw-top__actions{min-width:0}
  #mrwWeatherText{max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

  .mrw-top__bar{flex-wrap:wrap; justify-content:center}
  .mrw-top__brand{order:1}
  .mrw-top__actions{order:2; width:100%; justify-content:center}
  .mrw-top__nav{order:3; width:100%; justify-content:center; gap:8px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch}
  .mrw-top__nav a{flex:0 0 auto; font-size:16px; padding:10px 14px}

}



/* Seguridad: ocultar botones que no se usan en header (por si quedan en caché/HTML viejo) */
#mrwGoHome, #mrwOpenSelector, .mrw-top__icon.mrw-home, .mrw-top__icon.mrw-switch{display:none !important;}

/* Header: dejar solo el toggle Día/Noche (oculta cualquier otro icono residual) */
.mrw-top__actions .mrw-top__icon{display:none !important;}
#mrwThemeToggle{display:grid !important;}

/* Durante splash: evita scroll y oculta header para centrar perfecto */
body.mrw-splashing{overflow:hidden;}
body.mrw-splashing .mrw-top{visibility:hidden;}


/* ===== Mobile final hardening (splash / selector / sticky player) ===== */
body.mrw-splashing .mrw-top{opacity:0; pointer-events:none;}

#mrwSplash{
  /* inherits from .mrw-overlay; keep hidden until .is-open */
}
#mrwSplash.is-open{display:flex}
#mrwSplash .mrw-splashLogo{
  max-width:min(78vw, 420px);
  max-height:34vh;
  width:auto; height:auto;
  display:block;
}

/* Selector overlay responsive */
#mrwSelector .mrw-selector{
  width:min(760px, calc(100vw - 24px));
  max-height:86vh;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
@media (max-width: 640px){
  #mrwSelector .mrw-selector{border-radius:24px}
  #mrwSelector .mrw-stationRow{width:100%}
  #mrwSelector .mrw-btn{width:100%}
}

/* Sticky player: prevent horizontal overflow */
.mrw-sticky{left:0; right:0; width:100%; max-width:100vw; overflow:hidden}
.mrw-sticky__inner{max-width:1100px; margin:0 auto}
@media (max-width: 640px){
  .mrw-sticky__inner{padding:10px 10px}
  .mrw-sticky__left{flex-wrap:wrap}
  .mrw-sticky__meta{min-width:0; max-width:100%}
  #mrwStickyMarquee{max-width:100%}
  .mrw-sticky__right{width:100%; justify-content:center; gap:10px}
  .mrw-sticky__switch{width:100%}
  #mrwStickyVolume{width:100%; max-width:260px}
}


/* v6.38 Mosaic alignment fix: small tiles match big tile height */
.mrw-newsMosaic{ align-items: stretch; }
.mrw-mosaicGrid{
  height: var(--mosaicH);
  grid-template-rows: 1fr 1fr;
  align-content: stretch;
}
.mrw-mosaicTile--small{ height: 100%; }
.mrw-mosaicTile--small .mrw-mosaicTile__media{ height: 100% !important; }



/* =========================================================
   MOBILEFIX v10 — Ultimas Noticias: elimina hueco entre nota 1 y 2
   (Solo móvil, no afecta desktop)
========================================================= */
@media (max-width: 640px){

  /* Rompe el layout tipo "mosaic" de desktop para evitar espacios fantasmas */
  .mrw-newsMosaic,
  .mrw-newsMosaic .mrw-mosaicGrid{
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* Hueco entre big y el resto (por spans/rows fijos en desktop) */
  .mrw-newsMosaic{
    gap: 14px !important;
    grid-template-columns: none !important;
    grid-auto-rows: auto !important;
  }
  .mrw-newsMosaic .mrw-mosaicGrid{
    gap: 14px !important;
    grid-template-columns: none !important;
    grid-auto-rows: auto !important;
  }

  /* Asegura que la nota principal no reserve altura extra */
  .mrw-newsMosaic .mrw-mosaicTile--big{
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Redondeo + recorte EN TODAS las notas (no solo la primera) */
  .mrw-newsMosaic .mrw-mosaicTile,
  .mrw-newsMosaic .mrw-mosaicTile__media,
  .mrw-newsMosaic .mrw-mosaicTile__inner{
    border-radius: 26px !important;
    overflow: hidden !important;
  }

  /* Evita que imágenes/overlays se salgan y "cuadren" las esquinas */
  .mrw-newsMosaic img,
  .mrw-newsMosaic video{
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }
}


/* =========================================================
   MOBILE FIX v12 (solo <=640px) — NO toca desktop
   - Header compacto y pro (logo alineado, nav en 1 línea con scroll)
   - Player compacto (oculta EN VIVO + volumen, alinea Cambiar, swap play/logo)
   - Slider sin recorte (imagen completa)
   - NO modifica el mosaico de noticias (ya corregido arriba)
========================================================= */
@media (max-width: 640px){

  /* ---------- HEADER ---------- */
  .mrw-top{ padding: 8px 0 !important; }

  .mrw-top .mrw-top__bar{
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-areas:
      "brand actions"
      "nav   nav" !important;
    align-items: center !important;
    gap: 8px 10px !important;
    padding: 10px 12px !important;
    border-radius: 22px !important;
  }

  .mrw-top .mrw-top__brand{ grid-area: brand !important; justify-self: start !important; }
  .mrw-top .mrw-top__actions{ grid-area: actions !important; justify-self: end !important; display:flex !important; align-items:center !important; gap:10px !important; }
  .mrw-top .mrw-top__navMobile{ grid-area: nav !important; }

  /* Oculta nav desktop en móvil */
  .mrw-top .mrw-top__nav{ display:none !important; }

  /* Logo tamaño pro y alineado (ya no “arriba”) */
  .mrw-top .mrw-top__logo{
    width: 36px !important;
    height: 36px !important;
    border-radius: 14px !important;
    display:block !important;
  }

  /* Quita el badge extra del header en móvil (si existe) */
  .mrw-top .mrw-top__badge,
  .mrw-top .mrw-top__badgeLink{ display:none !important; }

  /* Toggle + clima compactos */
  .mrw-top .mrw-top__icon{
    width: 40px !important;
    height: 40px !important;
    border-radius: 16px !important;
  }
  .mrw-top .mrw-top__weather{
    padding: 8px 12px !important;
    border-radius: 16px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* Menú móvil: 1 sola línea (sin wrap) + scroll horizontal */
  .mrw-top .mrw-top__navMobile{
    display:flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 6px 2px 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
  }
  .mrw-top .mrw-top__navMobile::-webkit-scrollbar{ display:none !important; }
  .mrw-top .mrw-top__navMobile a{
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    border-radius: 16px !important;
  }

  /* ---------- SLIDER ---------- */
  .mrw-slider__frame,
  .mrw-slider{
    overflow: hidden !important;
    border-radius: 26px !important;
  }
  .mrw-slide img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  /* Mantén una altura elegante sin recortar */
  .mrw-slider__frame{ aspect-ratio: 16 / 9 !important; min-height: 0 !important; }

  /* ---------- PLAYER ---------- */
  .mrw-sticky{ padding: 6px 8px 10px !important; }
  .mrw-sticky .mrw-sticky__inner{
    padding: 8px 10px !important;
    border-radius: 22px !important;
    gap: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }

  /* Solo compacta el player móvil */
  .mrw-sticky .mrw-storeBadges,
  .mrw-sticky .mrw-vol2,
  .mrw-sticky .mrw-vol,
  .mrw-sticky .mrw-volume,
  .mrw-sticky .mrw-livePill,
  .mrw-sticky .mrw-marquee{ display:none !important; }

  .mrw-sticky .mrw-spectrum{
    height: 26px !important;
    border-radius: 16px !important;
  }

  .mrw-sticky .mrw-sticky__left{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }
  .mrw-sticky .mrw-sticky__coverWrap{
    order: 1 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
    flex: 0 0 40px !important;
  }
  .mrw-sticky .mrw-sticky__play{
    order: 2 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
    flex: 0 0 36px !important;
  }
  .mrw-sticky .mrw-sticky__meta{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .mrw-sticky .mrw-sticky__station{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    gap: 6px !important;
    font-size: 11px !important;
  }
  .mrw-sticky .mrw-liveDot{
    width: 7px !important;
    height: 7px !important;
    box-shadow: 0 0 0 4px rgba(255,45,85,.14) !important;
  }

  .mrw-sticky .mrw-sticky__right{
    width: auto !important;
    flex: 0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap: 0 !important;
  }
  .mrw-sticky .mrw-sticky__switch{
    width: auto !important;
    min-width: 0 !important;
    padding: 7px 10px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* Espacio inferior para que el sticky no tape contenido */
  body{ padding-bottom: 90px !important; }
}


/* Branding LA MEJOR FM COLIMA */
.mrw-top__logo,
.mrw-stationRow__logo img,
#mrwStickyCover{object-fit:contain; background:transparent;}
.mrw-top__nav a,
.mrw-top__navMobile a,
.mrw-btn--media,
.mrw-hero2__cta .mrw-btn--primary,
.mrw-selector__title,
.mrw-stationRow__name{
  color: var(--accent1);
}
.mrw-btn--media{
  border-color: rgba(255,234,0,.45);
  font-weight: 1000;
}
.mrw-btn--primary{
  color:#111;
}
.mrw-top__nav a:hover,
.mrw-top__navMobile a:hover,
.mrw-btn--media:hover{
  color:#fff27a;
}


body.home .mrw-hero::before, body.page-template-page-station .mrw-hero2::before{backdrop-filter:none;}
.page-template-page-station .mrw-hero2{position:relative;}
.page-template-page-station .mrw-hero2::before{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(5,11,20,.46), rgba(11,24,48,.54)); pointer-events:none;}
.page-template-page-station .mrw-hero2 > .mrw-container{position:relative; z-index:1;}


/* Professional menu + branding polish */
.mrw-top__nav{gap:10px;}
.mrw-top__nav a,.mrw-top__navMobile a{text-shadow:0 1px 0 rgba(0,0,0,.14);}
.mrw-top__nav a:hover,.mrw-top__navMobile a:hover{background:rgba(255,255,255,.08);}
.mrw-selector__brandLogo{width:min(340px, 64vw); margin:0 0 10px;}
.mrw-heroLogo{width:min(560px, 84vw);}
.mrw-stationHeroLogo{width:min(500px, 80vw);}
.mrw-hero__subtitle,.mrw-hero2__hint{font-weight:600;}
.mrw-top__brand,.mrw-stationRow__logo,.mrw-top__logo{background:transparent;}
.mrw-top__logo{width:52px;height:52px;padding:6px;object-fit:contain;border-radius:18px;}
body.home, body.page-template-page-station{background-color:var(--mrw-bg-solid, var(--bg1)); background-image: var(--mrw-bg-img, none), linear-gradient(180deg, rgba(5,11,20,.18), rgba(11,24,48,.28)); background-size:cover, cover; background-position:center, 0 0; background-repeat:no-repeat;}