/*
Theme Name: Audiorama Network
Theme URI: https://audiorama.mx/
Author: SMASH COMUNICACIONES
Author URI: https://audiorama.mx/
Description: Tema principal estático para Audiorama Network con selector por marcas/estados/ciudades, carruseles, noticias (WordPress) y mapa de cobertura.
Version: 2.4.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: audiorama-network
Tags: custom-logo, news, one-column, responsive-layout
*/

:root{
  --bg1:#f7f2ec;
  --bg2:#efe4d6;
  --card:rgba(255,255,255,.82);
  --card2:rgba(255,255,255,.68);
  --text:#2c2319;
  --muted:#6d5f53;
  --accent:#8c1d23;
  --accent2:#b38740;
  --shadow: 0 18px 60px rgba(44,35,25,.14);
  --radius: 22px;
  --aud-topbar-bg:#dcc8ad;
  --aud-topbar-text:#2b2118;
  --aud-header-bg-start:#7b1f24;
  --aud-header-bg-end:#4a1618;
  --aud-light-bg-start:#f7f2ec;
  --aud-light-bg-mid:#efe4d6;
  --aud-light-bg-end:#e4d3be;
  --aud-light-text:#2c2319;
  --aud-dark-bg-start:#3b1d1e;
  --aud-dark-bg-mid:#241717;
  --aud-dark-bg-end:#171010;
  --aud-dark-text:#f5ede3;
  --aud-font-body:"Source Sans 3","Segoe UI",Roboto,Arial,sans-serif;
  --aud-font-headings:"Montserrat","Segoe UI",Arial,sans-serif;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: var(--aud-font-body);
  font-size: 17px;
  line-height: 1.65;
  letter-spacing: .01em;
  color:var(--aud-light-text);
  background: radial-gradient(1200px 700px at 50% 0%, var(--aud-light-bg-start) 0%, var(--aud-light-bg-mid) 42%, var(--aud-light-bg-end) 100%);
  overflow-x:hidden;
  transition: background .35s ease, color .35s ease;
}
body[data-theme="light"]{
  --text: var(--aud-light-text);
  --muted:#6d5f53;
  --card: rgba(255,255,255,.82);
  --card2: rgba(255,255,255,.68);
  --shadow: 0 18px 60px rgba(44,35,25,.14);
  background: radial-gradient(1200px 700px at 50% 0%, var(--aud-light-bg-start) 0%, var(--aud-light-bg-mid) 42%, var(--aud-light-bg-end) 100%);
}
body[data-theme="dark"]{
  --text: var(--aud-dark-text);
}
a{color:inherit}
img{max-width:100%;height:auto}

h1,h2,h3,h4,h5,h6,.news-feature-main .news-title,.news-mini .news-title,.brand-panel-title,.coverage-station-btn__name,.station-name,.topvideos-nowtitle,.store-name{
  font-family:var(--aud-font-headings);
  letter-spacing:-.01em;
}

p, li, input, select, textarea, .section-sub, .card p, .news-excerpt, .coverage-station-btn__radius, .coverage-station-btn__city{
  font-family:var(--aud-font-body);
}
.container{width:min(1100px, calc(100% - 32px)); margin:0 auto;}
/* Header */
.site-topbar{
  background: var(--aud-topbar-bg, #7b1f24);
  font-size:13px;
  color: var(--aud-topbar-text, rgba(255,255,255,.92));
}
.site-topbar a{ color: inherit; }
.site-topbar .container{
  display:flex; gap:16px; align-items:center; justify-content:space-between;
  padding:10px 0;
}
.site-header{
  position:sticky; top:0; z-index:50;
  background: linear-gradient(180deg, var(--aud-header-bg-start) 0%, var(--aud-header-bg-end) 100%);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.site-header .container{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 0;
  gap:18px;
}
.brand{
  display:flex; align-items:center; gap:12px; text-decoration:none;
}
.brand img{height:42px; width:auto}
.brand .title{font-family:var(--aud-font-headings); font-weight:800; letter-spacing:.02em; font-size:22px; text-transform:uppercase}
.nav{
  display:flex; align-items:center; gap:22px;
}
.nav a{ font-family:var(--aud-font-headings); text-decoration:none; font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:14px; opacity:.95 }
.nav a:hover{opacity:1; text-decoration:underline}
.nav-toggle{
  display:none;
  border:1px solid rgba(255,255,255,.25);
  background: rgba(0,0,0,.18);
  color:white; border-radius:12px;
  padding:8px 10px;
}
@media (max-width: 820px){
  .nav{display:none}
  .nav-toggle{display:inline-flex}
  .nav.is-open{
    display:flex;
    position:absolute;
    left:0; right:0; top:100%;
    flex-direction:column;
    background: rgba(57,25,26,.98);
    padding:12px 18px 18px;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .site-header .container{position:relative}
}

.theme-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
  color:#fff;
  cursor:pointer;
  font-weight:800;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.theme-toggle:hover{ background:rgba(255,255,255,.18); }
.theme-toggle__icon{ font-size:16px; line-height:1; }
body[data-theme="light"] .theme-toggle{
  background:rgba(16,33,63,.08);
  border-color:rgba(16,33,63,.12);
  color:var(--aud-light-text);
  box-shadow:0 10px 24px rgba(16,33,63,.10);
}
body[data-theme="light"] .site-topbar{
  color: var(--aud-light-text);
}
body[data-theme="light"] .site-header{
  border-bottom-color: rgba(16,33,63,.10);
}
body[data-theme="light"] .section-card{
  background: linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.74) 100%);
  border:1px solid rgba(16,33,63,.08);
}
body[data-theme="light"] .nav a,
body[data-theme="light"] .brand,
body[data-theme="light"] .section-sub,
body[data-theme="light"] .social,
body[data-theme="light"] .topbar-cta-link,
body[data-theme="light"] .site-topbar a{
  color: inherit;
}
body[data-theme="light"] .nav-toggle{
  color:var(--aud-light-text);
  border-color:rgba(16,33,63,.18);
  background:rgba(255,255,255,.72);
}

/* Sections */
.section-card{
  background: linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.03) 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow);
  border-radius: var(--radius);
  padding:26px;
  margin:26px 0;
}
.section-title{
  margin:0 0 10px;
  font-family:var(--aud-font-headings);
  font-size:clamp(32px, 4vw, 44px);
  line-height:1.1;
  letter-spacing:-.02em;
  text-wrap:balance;
}
.section-sub{margin:0 0 18px; color:var(--muted)}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  background: var(--aud-btn-bg, #8c1d23);
  color:var(--aud-btn-text, #ffffff); text-decoration:none;
  padding:12px 18px;
  min-height:56px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  font-family:var(--aud-font-headings);
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
  box-shadow: 0 10px 28px rgba(0,0,0,.25);
  cursor:pointer;
}
.btn:hover{filter:brightness(1.04)}
.btn:active{transform:translateY(1px)}
.btn-secondary{
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:none;
}
.btn-secondary:hover{background: rgba(255,255,255,.12)}
.small-help{margin-top:8px; font-size:12px; color:rgba(255,255,255,.72)}

/* Brand carousel */
.brand-carousel{
  position:relative;
  margin-top:12px;
}
.swiper{width:100%;}
.brand-slide{
  display:flex; align-items:center; justify-content:center;
  padding:10px 0;
}
.brand-tile{
  width:300px; height:300px;
  border-radius:18px;
  background: rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
  transition: transform .18s ease, filter .18s ease;
}
.brand-tile:hover{transform:scale(1.05)}
.brand-tile img{
  width:300px; height:300px; object-fit:contain;
  display:block;
}
.brand-label{
  position:absolute;
  bottom:12px;
  left:12px;
  font-weight:800;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.16);
}
.swiper-button-next,.swiper-button-prev{
  width:44px;height:44px;border-radius:14px;
  background: rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(8px);
}
.swiper-button-next:after,.swiper-button-prev:after{font-size:16px;color:white}
.swiper-pagination-bullet{background:rgba(255,255,255,.65)}
.swiper-pagination-bullet-active{background:white}

/* Explore */
.explore-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}
.pill-row{
  display:flex; flex-wrap:wrap; gap:10px;
}
.pill{
  min-width:160px;
  min-height:48px;
  padding:10px 14px;
  border-radius:14px;
  background: var(--aud-btn-bg, #8c1d23);
  color:var(--aud-btn-text, #ffffff);
  border:1px solid rgba(255,255,255,.14);
  cursor:pointer;
  user-select:none;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow: 0 10px 28px rgba(0,0,0,.20);
}
.pill:hover{filter:brightness(1.04)}
.pill.is-active{filter:brightness(.94); border-color: rgba(255,255,255,.34)}
.list{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
@media (max-width: 900px){ .list{grid-template-columns: repeat(2, minmax(0,1fr));}}
@media (max-width: 560px){ .list{grid-template-columns: 1fr;}}
.card{
  border-radius:18px;
  padding:14px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  transition: transform .18s ease;
}
.card:hover{transform:scale(1.02)}
.card h4{margin:0 0 6px}
.card p{margin:0; color:rgba(255,255,255,.78); font-size:13px}

.explore-radio-tile{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  text-decoration:none;
  min-height:94px;
  padding:14px 18px;
  border-radius:18px;
  background: var(--aud-radio-btn-bg, #c81e1e);
  color:var(--aud-radio-btn-text, #ffffff);
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.explore-radio-tile:hover{
  transform: translateY(-2px);
  filter: brightness(1.04);
  box-shadow: 0 18px 40px rgba(0,0,0,.30);
}
.explore-radio-title{
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.01em;
  text-align:center;
  text-shadow: 0 1px 0 rgba(0,0,0,.18);
  opacity:.98;
}
.explore-radio-sub{
  margin-top:8px;
  font-size:20px;
  font-weight:1000;
  line-height:1.15;
  opacity:1;
  text-align:center;
  text-shadow: 0 1px 0 rgba(0,0,0,.18);
}

/* News */
.news-head{
  display:flex; align-items:end; justify-content:space-between; gap:10px; flex-wrap:wrap;
}
.tabs{
  display:flex; flex-wrap:wrap; gap:8px;
}
.tab{
  padding:8px 12px;
  border-radius:14px;
  background: var(--aud-btn-bg, #8c1d23);
  color:var(--aud-btn-text, #ffffff);
  border:1px solid rgba(255,255,255,.12);
  cursor:pointer;
  font-weight:800;
  font-size:12px;
}
.tab.is-active{filter:brightness(.94); border-color: rgba(255,255,255,.34)}
.news-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
@media (max-width: 900px){ .news-grid{grid-template-columns: repeat(2, minmax(0,1fr));}}
@media (max-width: 560px){ .news-grid{grid-template-columns: 1fr;}}
.news-card{
  border-radius:18px;
  overflow:hidden;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  transition: transform .18s ease;
}
.news-card:hover{transform:scale(1.03)}
.news-thumb{aspect-ratio: 16 / 10; background: rgba(0,0,0,.20)}
.news-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.news-body{padding:12px}
.news-title{margin:0 0 6px; font-family:var(--aud-font-headings); font-size:18px; line-height:1.2;}
.news-meta{font-size:12px; color:rgba(255,255,255,.72)}


/* News mosaic (1 principal + 4 secundarias) */
.news-panel{margin-top:14px;}
.news-mosaic,
.news-mosaic--five{
  display:grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap:14px;
  align-items:stretch;
}
@media (max-width: 980px){
  .news-mosaic,
  .news-mosaic--five{grid-template-columns:1fr; }
}
.news-feature,
.news-feature-slide,
.news-feature-main,
.news-mini{
  position:relative;
  display:block;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
}
.news-feature-main{min-height:408px;}
.news-mini{border-radius:20px; min-height:196px;}
.news-feature .news-thumb,
.news-feature-slide .news-thumb,
.news-feature-main .news-thumb,
.news-mini .news-thumb{
  position:absolute;
  inset:0;
}
.news-feature .news-thumb img,
.news-feature-slide .news-thumb img,
.news-feature-main .news-thumb img,
.news-mini .news-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
@media (max-width: 980px){ .news-feature-main{min-height:320px;} }
.news-mini-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
  min-height:408px;
}
@media (max-width: 980px){ .news-mini-grid{min-height:auto;} }
@media (max-width: 640px){ .news-mini-grid{grid-template-columns:1fr;} .news-mini{min-height:180px;} }
.news-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.28) 38%, rgba(0,0,0,.82) 100%);
}
.news-content{
  position:absolute;
  left:18px;
  right:18px;
  bottom:16px;
  z-index:2;
  color:#fff;
}
.news-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:800;
  padding:7px 12px;
  border-radius:999px;
  background:#e11212;
  box-shadow:0 10px 24px rgba(225,18,18,.28);
  margin-bottom:10px;
}
.news-title{margin:0; line-height:1.05; text-wrap:balance;}
.news-feature-main .news-title{font-size:clamp(22px, 2.4vw, 34px); font-weight:800; max-width:15ch; letter-spacing:.01em;}
.news-mini .news-title{font-size:clamp(16px, 1.25vw, 22px); font-weight:800; max-width:18ch; line-height:1.12; letter-spacing:.01em;}
.news-feature-main .news-title,
.news-mini .news-title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.news-feature-main .news-title{ -webkit-line-clamp: 4; }
.news-mini .news-title{ -webkit-line-clamp: 3; }
.news-excerpt,
.news-meta-inline{
  margin:12px 0 0;
  font-size:14px;
  opacity:.96;
  max-width:56ch;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}
.news-mini .news-excerpt{display:none;}
@media (max-width: 980px){
  .news-feature-main .news-title{max-width:18ch;}
  .news-mini .news-title{max-width:20ch;}
}
@media (max-width: 560px){
  .news-feature-main .news-title{font-size:22px;}
  .news-mini .news-title{font-size:16px;}
  .news-excerpt{font-size:13px;}
}
.news-circle{
  position:absolute;
  width:190px;
  height:190px;
  border-radius:50%;
  border:8px solid rgba(255, 201, 68, .85);
  left:50%;
  top:55%;
  transform: translate(-50%, -50%);
  z-index:1;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.35));
  pointer-events:none;
}
@media (max-width: 980px){
  .news-circle{width:180px;height:180px;border-width:7px; left:50%; top:52%;}
}

/* Banners carousel */
.banner-slide{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}
.banner-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}


/* Promociones (Banners) Swiper sizing */
.swiper[data-aud-swiper="banners"]{
  aspect-ratio: 21 / 9;
  /* Ensure inner slides stretch to the computed height so the banner
     doesn't sit on top leaving empty space below. */
  overflow: visible;
}

/* Stretch banner content to fill the Swiper height (desktop + mobile) */
.swiper[data-aud-swiper="banners"] .swiper-wrapper,
.swiper[data-aud-swiper="banners"] .swiper-slide,
.swiper[data-aud-swiper="banners"] .banner-slide,
.swiper[data-aud-swiper="banners"] .banner-slide > a{
  height: 100%;
}

.swiper[data-aud-swiper="banners"] .banner-slide{
  display: flex;
}

.swiper[data-aud-swiper="banners"] .banner-slide > a{
  display: flex;
  width: 100%;
}

.swiper[data-aud-swiper="banners"] .banner-slide img{
  width: 100%;
  height: 100%;
}

@media (max-width: 768px){
  /* En móvil mostramos el banner completo (sin recorte) */
  .swiper[data-aud-swiper="banners"]{
    /* Keep the banner large enough to appreciate details on mobile */
    aspect-ratio: 16 / 9;
    overflow: visible; /* permite que las flechas queden fuera sin recortarse */
    min-height: 260px;
  }
  .swiper[data-aud-swiper="banners"] .banner-slide{
    height: 100%;
  }
  .swiper[data-aud-swiper="banners"] .banner-slide img{
    object-fit: contain;
  }

  /* Flechas más pequeñas y fuera del contenido */
  .swiper[data-aud-swiper="banners"] .swiper-button-prev,
  .swiper[data-aud-swiper="banners"] .swiper-button-next{
    width: 28px;
    height: 28px;
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .55;
  }
  .swiper[data-aud-swiper="banners"] .swiper-button-prev{ left: -14px; }
  .swiper[data-aud-swiper="banners"] .swiper-button-next{ right: -14px; }
  .swiper[data-aud-swiper="banners"] .swiper-button-prev:after,
  .swiper[data-aud-swiper="banners"] .swiper-button-next:after{
    font-size: 12px;
  }
}


/* Coverage map */
.map-wrap{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  height:440px;
  background: rgba(0,0,0,.25);
}
@media (max-width: 700px){ .map-wrap{height:360px}}
.pulse-dot{
  width:16px;height:16px;border-radius:50%;
  background: rgba(140,29,35,.92);
  box-shadow: 0 0 0 rgba(140,29,35,.52);
  animation: pulse 1.6s infinite;
  border:2px solid rgba(255,255,255,.9);
}
@keyframes pulse{
  0%{ box-shadow: 0 0 0 0 rgba(140,29,35,.44)}
  70%{ box-shadow: 0 0 0 16px rgba(30,123,255,0)}
  100%{ box-shadow: 0 0 0 0 rgba(30,123,255,0)}
}

/* Footer */
.site-footer{
  margin-top:34px;
  padding:22px 0 34px;
  border-top:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.80);
  text-align:center;
}

/* ===== 3D Button ===== */
.btn-3d{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(140,29,35,.95), rgba(95,22,27,.86));
  color:#fff;
  font-weight:700;
  letter-spacing:.2px;
  box-shadow: 0 10px 0 rgba(67,27,29,.82), 0 18px 30px rgba(0,0,0,.35);
  transform: translateY(0);
  transition: transform .12s ease, box-shadow .12s ease;
}
.btn-3d:hover{ transform: translateY(-1px); }
.btn-3d:active{
  transform: translateY(8px);
  box-shadow: 0 2px 0 rgba(67,27,29,.82), 0 10px 22px rgba(0,0,0,.30);
}
.btn-3d[disabled]{ opacity:.65; pointer-events:none; }

/* ===== Mexico Map Pins ===== */
.mx-map{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}
.mx-map-img{
  width:100%;
  height:auto;
  display:block;
}
.mx-map-pins{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.mx-pin{
  position:absolute;
  width:18px;
  height:18px;
  border-radius:999px;
  background: rgba(140,29,35,.95);
  border:2px solid rgba(255,255,255,.9);
  box-shadow: 0 10px 30px rgba(140,29,35,.26);
  transform: translate(-50%,-50%);
  pointer-events:auto;
  cursor:pointer;
}
.mx-pin::after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:44px;
  height:44px;
  border-radius:999px;
  transform: translate(-50%,-50%);
  background: rgba(140,29,35,.18);
  animation: mxPulse 1.7s infinite ease-in-out;
}
@keyframes mxPulse{
  0%{ transform: translate(-50%,-50%) scale(.65); opacity:.65; }
  70%{ transform: translate(-50%,-50%) scale(1.1); opacity:.18; }
  100%{ transform: translate(-50%,-50%) scale(1.25); opacity:0; }
}
.mx-pin span{
  position:absolute;
  left:50%;
  top:-10px;
  transform: translate(-50%,-100%);
  background: rgba(0,0,0,.75);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-size:12px;
  padding:6px 8px;
  border-radius:12px;
  white-space:nowrap;
  opacity:0;
  transition: opacity .15s ease;
  pointer-events:none;
}
.mx-pin:hover span{ opacity:1; }

/* ===== Top Videos ===== */
.topvideos-head{ display:flex; align-items:center; justify-content:space-between; }
.topvideos-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-weight:800;
  letter-spacing:.6px;
}
.topvideos-layout{
  display:grid;
  grid-template-columns: 360px 1fr;
  gap:16px;
  margin-top:14px;
}
.topvideos-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.topvideo-row{
  width:100%;
  display:grid;
  grid-template-columns: 34px 88px 1fr;
  align-items:center;
  gap:10px;
  border-radius:16px;
  padding:10px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  text-align:left;
  transition: transform .12s ease, background .12s ease;
}
.topvideo-row:hover{ transform: translateY(-1px); background: rgba(255,255,255,.07); }
.topvideo-row.is-active{ background: rgba(140,29,35,.16); border-color: rgba(140,29,35,.28); }
.topvideo-rank{
  width:30px; height:30px;
  display:flex; align-items:center; justify-content:center;
  border-radius:10px;
  font-weight:900;
  background: rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.10);
}
.topvideo-thumb img{
  width:88px; height:50px;
  object-fit:cover;
  border-radius:12px;
  display:block;
}
.topvideo-name{
  display:block;
  font-weight:800;
  font-size:14px;
  line-height:1.15;
  opacity:.95;
}
.topvideos-player-inner{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:#000;
}
.topvideos-player iframe{
  width:100%;
  height:420px;
  border:0;
  display:block;
}

/* ===== Contact ===== */
.contact-form label{ display:block; margin-bottom:12px; }
.contact-form span{ display:block; font-size:13px; opacity:.85; margin-bottom:6px; }
.contact-form input, .contact-form textarea{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.35);
  color:#fff;
  outline:none;
}
.contact-form input:focus, .contact-form textarea:focus{
  border-color: rgba(122,77,255,.55);
}
.contact-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
.contact-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.contact-status{ font-size:13px; opacity:.9; }

@media(max-width: 980px){
  .topvideos-layout{ grid-template-columns: 1fr; }
  .topvideos-player iframe{ height:320px; }
  .contact-grid{ grid-template-columns: 1fr; }
}

/* ===== Station carousel tiles ===== */
.station-slide{ padding:6px; }
.station-tile{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:12px;
  border-radius:18px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  text-decoration:none;
  color:#fff;
  height:100%;
}
.station-tile img{
  width:100%;
  height:54px;
  object-fit:contain;
  display:block;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,.35));
}
.station-fallback{
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background: rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.10);
  font-weight:900;
  letter-spacing:.3px;
}
.station-meta{ line-height:1.15; }
.station-name{ font-weight:900; font-size:13px; opacity:.98; }
.station-loc{ font-size:11px; opacity:.78; margin-top:2px; }

@media(max-width: 700px){
  .station-tile{ padding:10px; }
  .station-tile img, .station-fallback{ height:46px; }
}

/* ===== Top Videos: more pro container ===== */
#top-videos .topvideos-layout{
  grid-template-columns: 420px 1fr;
}
#top-videos .topvideos-list{
  padding:10px;
  border-radius:18px;
  background: rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.10);
}
#top-videos .topvideo-row{
  background: rgba(255,255,255,.04);
}
#top-videos .topvideos-player-inner{
  border-radius:22px;
  box-shadow: 0 26px 70px rgba(0,0,0,.55);
}
@media(max-width: 980px){
  #top-videos .topvideos-layout{ grid-template-columns: 1fr; }
}

/* ===== Top Videos PRO ===== */
.topvideos-title{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.topvideos-sub{ font-size:12px; opacity:.75; color:#fff; }

.topvideos-shell{
  display:grid;
  grid-template-columns: 420px 1fr;
  gap:16px;
  margin-top:14px;
}

.topvideos-left{
  border-radius:18px;
  background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
}
.topvideos-left-head{
  padding:12px 14px;
  font-weight:900;
  letter-spacing:.3px;
  background: rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.topvideos-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px;
  max-height: 520px;
  overflow:auto;
}
.topvideos-list::-webkit-scrollbar{ height:10px; width:10px; }
.topvideos-list::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.12); border-radius:999px; }

.topvideos-right .topvideos-player-card{
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  box-shadow: 0 26px 70px rgba(0,0,0,.55);
}
.topvideos-player-top{
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
}
.topvideos-now{ font-size:12px; opacity:.75; }
.topvideos-nowtitle{ font-size:16px; font-weight:900; margin-top:4px; }

.topvideos-player iframe{
  width:100%;
  aspect-ratio: 16/9;
  height:auto;
  border:0;
  display:block;
  background:#000;
}

@media(max-width: 980px){
  .topvideos-shell{ grid-template-columns: 1fr; }
  .topvideos-list{ max-height: 380px; }
}

/* ===== Station logo carousel (300x300) ===== */
.station-logo-tile{
  width:300px;
  height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  text-decoration:none;
  overflow:hidden;
  margin: 0 auto;
}

/* ===== Brand carousel (1 logo por marca) + panel de estaciones ===== */
.brand-logo-tile{
  appearance:none;
  padding:0;
  cursor:pointer;
  width:300px;
  height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  background: var(--aud-btn-bg, #8c1d23);
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  overflow:hidden;
  margin: 0 auto;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, border-color .16s ease;
}
.brand-logo-tile img{
  width: 92%;
  height: 92%;
  object-fit: contain;
  display:block;
  filter: drop-shadow(0 16px 22px rgba(0,0,0,.35));
}
.brand-logo-tile:hover{
  transform: translateY(-4px) scale(1.02);
  filter:brightness(1.04);
  box-shadow: 0 26px 60px rgba(0,0,0,.45);
}
.brand-logo-tile.is-active{
  border-color: rgba(255,255,255,.38);
  box-shadow: 0 30px 70px rgba(255,255,255,.08), 0 26px 60px rgba(0,0,0,.45);
  filter:brightness(.96);
}

@media(max-width: 520px){
  .brand-logo-tile{ width: 210px; height: 210px; border-radius:20px; }
}

.brand-panels{ margin-top: 16px; }
.brand-panel{
  border-radius: 22px;
  background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
  padding: 14px;
}
.brand-panel-head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.brand-panel-title{ font-weight: 900; letter-spacing: .2px; }
.brand-panel-sub{ font-size: 12px; opacity:.75; }

.brand-station-grid{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
@media(max-width: 1100px){
  .brand-station-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media(max-width: 820px){
  .brand-station-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media(max-width: 520px){
  .brand-station-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.brand-station-tile{
  text-decoration:none;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  color:var(--aud-radio-btn-text, #ffffff);
  border-radius: 18px;
  background: var(--aud-radio-btn-bg, #c81e1e);
  border:1px solid rgba(255,255,255,.12);
  padding: 12px 10px;
  min-height: 190px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 8px;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}

.brand-station-tile:hover{
  transform: translateY(-3px);
  filter:brightness(1.04);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
.brand-station-tile img{
  width: 120px;
  height: 120px;
  object-fit: contain;
  display:block;
  filter: drop-shadow(0 14px 20px rgba(0,0,0,.35));
}
@media(max-width:520px){
  .brand-station-tile img{ width: 100px; height: 100px; }
}
.brand-station-name{ font-size: 12px; font-weight: 800; text-align:center; opacity:.95; width:100%; }
.station-logo-tile img{
  width: 92%;
  height: 92%;
  object-fit: contain;
  display:block;
  filter: drop-shadow(0 16px 22px rgba(0,0,0,.35));
}
.station-logo-fallback{
  padding:14px 16px;
  border-radius:16px;
  background: rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:900;
}

@media(max-width: 520px){
  .station-logo-tile{
    width: 210px;
    height: 210px;
    border-radius:20px;
  }
}

/* ===== Carousel logos hover ===== */
.station-logo-tile{
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.station-logo-tile:hover{
  transform: translateY(-4px) scale(1.02);
  background: rgba(255,255,255,.07);
  box-shadow: 0 26px 60px rgba(0,0,0,.45);
}

/* ===== Social icons ===== */
.socials{ display:flex; align-items:center; gap:10px; }
.social{
  width:42px; height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}
.social svg{ width:20px; height:20px; fill: currentColor; opacity:.95; }
.social:hover{ background: rgba(140,29,35,.18); border-color: rgba(140,29,35,.28); }

/* ===== Top video main size (medium) ===== */
.topvideos-player iframe{ min-height: 240px; }
@media(min-width: 980px){
  .topvideos-player iframe{ min-height: 320px; }
}

/* ===== YouTube expand modal ===== */
.yt-modal{ position:fixed; inset:0; display:none; z-index:9999; }
.yt-modal.is-open{ display:block; }
.yt-modal-backdrop{ position:absolute; inset:0; background: rgba(0,0,0,.75); backdrop-filter: blur(6px); }
.yt-modal-card{
  position:relative;
  width:min(1100px, calc(100% - 24px));
  margin: 8vh auto 0 auto;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(10,10,14,.96);
  box-shadow: 0 40px 100px rgba(0,0,0,.65);
  overflow:hidden;
}
.yt-modal-x{
  position:absolute; top:10px; right:10px;
  width:42px; height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color:#fff;
  cursor:pointer;
  z-index:2;
}
.yt-modal-player iframe{ width:100%; aspect-ratio:16/9; border:0; display:block; background:#000; }

.topvideos-expand{
  margin-left:auto;
  width:38px; height:38px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color:#fff;
  cursor:pointer;
}

/* ===== Top Videos alignment tweaks ===== */
.topvideos-shell{ align-items: start; }
.topvideos-left, .topvideos-right{ min-height: 0; }
.topvideos-left{ display:flex; flex-direction:column; }
.topvideos-list{ gap: 8px; }
.topvideo-row{
  display:grid;
  grid-template-columns: 28px 86px 1fr;
  align-items:center;
  gap:10px;
}
.topvideo-thumb img{ width:86px; height:48px; object-fit:cover; border-radius:10px; display:block; }
.topvideo-meta{ overflow:hidden; }
.topvideo-name{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.topvideos-player-card{ display:flex; flex-direction:column; }
.topvideos-player-top{ display:flex; align-items:flex-start; gap:12px; }
.topvideos-expand{ margin-left:auto; flex:0 0 auto; }


/* ===== YouTube slider cards ===== */
[data-aud-swiper="yt"]{ margin-top:14px; }
.yt-card{
  width:100%;
  text-align:left;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  border-radius:18px;
  padding:10px;
  color:#fff;
  cursor:pointer;
}
.yt-thumb{ position:relative; display:block; border-radius:14px; overflow:hidden; }
.yt-thumb img{ width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.yt-play{
  position:absolute;
  left:12px; bottom:12px;
  width:42px; height:42px;
  display:flex; align-items:center; justify-content:center;
  border-radius:14px;
  background: rgba(255,0,0,.85);
  box-shadow: 0 14px 30px rgba(0,0,0,.35);
  font-weight:900;
}
.yt-title{
  display:block;
  margin-top:10px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Make yt modal full and "outside" page */
.yt-modal-card{ width:min(1200px, calc(100% - 24px)); }
.yt-open-new{
  display:inline-flex;
  margin: 10px 14px 14px 14px;
  color:#fff;
  opacity:.9;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.35);
  width:max-content;
}

/* ===== Coverage map: keep inside frame ===== */
.mx-map{
  position:relative;
  width:100%;
  max-width: 100%;
  overflow:hidden;
  border-radius:18px;
  background: rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.10);
}
.mx-map-img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  transform:none !important;
}

/* ===== Social buttons header/footer ===== */
.socials{ display:flex; align-items:center; gap:10px; }
.socials--header{ margin-left:12px; }
.socials--footer{ justify-content:center; margin-top:14px; }

.social{
  width:42px; height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff;
  box-shadow: 0 16px 34px rgba(0,0,0,.25);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.social svg{ width:20px; height:20px; fill: currentColor; opacity:.95; }
.social:hover{
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 24px 50px rgba(0,0,0,.35);
  border-color: rgba(255,255,255,.24);
}
.social--youtube:hover{ border-color: rgba(255,0,0,.55); box-shadow: 0 24px 60px rgba(255,0,0,.18); }
.social--facebook:hover{ border-color: rgba(24,119,242,.55); box-shadow: 0 24px 60px rgba(24,119,242,.18); }
.social--instagram:hover{ border-color: rgba(225,48,108,.55); box-shadow: 0 24px 60px rgba(225,48,108,.18); }
.social--x:hover{ border-color: rgba(255,255,255,.45); }
.social--tiktok:hover{ border-color: rgba(0,242,234,.55); box-shadow: 0 24px 60px rgba(0,242,234,.14); }

@media(max-width: 720px){
  .socials--header{ display:none; }
}

/* Final pin alignment refinement */
.mx-map-pins{
  inset:0;
  pointer-events:none;
}
.mx-pin{
  pointer-events:auto;
}

/* ===== App download buttons ===== */
.appbtns{ display:flex; align-items:center; gap:10px; }
.appbtns--header{ margin-left:12px; }
.appbtns--footer{ justify-content:center; margin-top:10px; flex-wrap:wrap; }
.appbtn{
  height:42px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  font-weight:900;
  box-shadow: 0 16px 34px rgba(0,0,0,.25);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.appbtn svg{ width:18px; height:18px; fill: currentColor; opacity:.95; }
.appbtn:hover{ transform: translateY(-2px); box-shadow: 0 24px 50px rgba(0,0,0,.35); border-color: rgba(255,255,255,.24); }
.appbtn--android:hover{ border-color: rgba(61,220,132,.55); }
.appbtn--ios:hover{ border-color: rgba(255,255,255,.45); }
@media(max-width: 720px){
  .appbtns--header{ display:none; }
}

/* ===== Header layout fixes (nav + apps + socials) ===== */
.site-header .header-inner{
  display:flex;
  align-items:center;
  gap:18px;
}
.site-nav{
  display:flex;
  align-items:center;
  gap:18px;
  flex: 1 1 auto;
  justify-content:center;
}
.site-nav a{ white-space:nowrap; }

.appwrap{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.appwrap--footer{ align-items:center; }
.appwrap-title{
  font-size:12px;
  font-weight:800;
  opacity:.9;
  letter-spacing:.2px;
}
.appbtns--header{ margin-left:0; }
.socials--header{ margin-left:0; }

@media(max-width: 1024px){
  .site-nav{ gap:12px; font-size:14px; }
  .appwrap-title{ display:none; } /* keep header clean on small */
}
@media(max-width: 720px){
  .site-nav{ display:none; } /* existing mobile menu not implemented */
}

/* ===== Store badges (Android / Apple) ===== */
.appwrap{ display:flex; flex-direction:column; gap:10px; }
.appwrap--header{ align-items:flex-end; }
.appwrap--footer{ align-items:center; }
.appwrap-title{
  font-size:13px;
  font-weight:900;
  letter-spacing:.2px;
  opacity:.95;
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.store-badges{ display:flex; gap:12px; align-items:center; }
.store-badges--footer{ flex-wrap:wrap; justify-content:center; }

.store-badge{
  height:54px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.28));
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  box-shadow: 0 18px 44px rgba(0,0,0,.35);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.store-badge:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 60px rgba(0,0,0,.45);
  border-color: rgba(255,255,255,.24);
}
.store-ico{
  width:34px; height:34px;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
.store-ico svg{ width:18px; height:18px; fill: currentColor; }
.store-txt{ display:flex; flex-direction:column; line-height:1.05; }
.store-kicker{ font-size:11px; opacity:.78; font-weight:800; }
.store-name{ font-size:16px; font-weight:1000; letter-spacing:.2px; }

.store-badge--gp:hover{ border-color: rgba(61,220,132,.55); box-shadow: 0 26px 70px rgba(61,220,132,.12); }
.store-badge--as:hover{ border-color: rgba(255,255,255,.40); }

@media(max-width: 1024px){
  .appwrap-title{ display:none; } /* keep header clean */
}
@media(max-width: 720px){
  .appwrap--header{ display:none; } /* keep mobile header clean */
}

/* ===== Store badges visibility fix ===== */
.appwrap--header{ min-width: 240px; }
.appwrap-title{ font-style: italic; font-size:14px; }

/* ===== Header apps refinement ===== */
.header-right{
  display:flex;
  align-items:center;
  gap:14px;
  flex: 0 0 auto;
}

.appwrap--header{
  align-items:flex-end;
  min-width: 260px;
}
.appwrap--header .appwrap-title{
  font-size:12px;
  font-weight:900;
  letter-spacing:.3px;
  opacity:.95;
  margin-right:2px;
}

/* Make header store badges smaller and cleaner */
.store-badges--header{ gap:10px; }
.store-badges--header .store-badge{
  height:46px;
  padding:0 12px;
  border-radius:14px;
  background: linear-gradient(180deg, rgba(0,0,0,.58), rgba(0,0,0,.32));
}
.store-badges--header .store-ico{
  width:30px; height:30px;
  border-radius:12px;
}
.store-badges--header .store-ico svg{
  width:18px; height:18px;
}
.store-badges--header .store-kicker{ font-size:10px; }
.store-badges--header .store-name{ font-size:14px; }

/* Prevent overlaps by giving nav room */
.site-header .header-inner{ gap:22px; }
.site-nav{ justify-content:center; }
.site-nav a{ padding:10px 2px; }

/* Keep socials compact */
.socials--header .social{ width:40px; height:40px; border-radius:14px; }
.socials--header{ gap:10px; }

/* On medium screens hide header app title but keep badges */
@media(max-width: 1100px){
  .appwrap--header .appwrap-title{ display:none; }
  .appwrap--header{ min-width: 220px; }
}
/* On small screens hide apps & socials (footer already has them) */
@media(max-width: 820px){
  .header-right{ display:none; }
}

/* Header: apps removed */
.header-right{ display:flex; align-items:center; gap:12px; }

/* ===== Normalize TOP VIDEOS container width ===== */
.section-card,
.videos-section,
.top-videos,
.top-videos-container{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.top-videos{
  padding-left: 16px;
  padding-right: 16px;
}

@media(max-width: 1280px){
  .section-card,
  .videos-section,
  .top-videos,
  .top-videos-container{
    max-width: 100%;
  }
}

.topbar-cta-link{color:inherit;text-decoration:none;}
.topbar-cta-link:hover{text-decoration:underline;}

/* ===== Mobile polish: app download badges (footer only) ===== */
@media(max-width: 520px){
  .appwrap--footer{ width:100%; padding: 0 12px; box-sizing:border-box; }
  .appwrap--footer .appwrap-title{
    text-align:center;
    width:100%;
    font-size:14px;
    margin-bottom:2px;
  }
  .store-badges--footer{
    width:100%;
    gap:10px;
  }
  .store-badges--footer .store-badge{
    width:100%;
    justify-content:center;
    height:56px;
    padding:0 14px;
    border-radius:16px;
    background: linear-gradient(180deg, rgba(0,0,0,.60), rgba(0,0,0,.34));
  }
  .store-badges--footer .store-ico{
    width:36px; height:36px;
    border-radius:14px;
    background: rgba(255,255,255,.10);
  }
  .store-badges--footer .store-ico svg{
    width:20px; height:20px;
  }
  .store-badges--footer .store-kicker{ font-size:11px; }
  .store-badges--footer .store-name{ font-size:16px; }
}
/* Extra small phones */
@media(max-width: 360px){
  .store-badges--footer .store-badge{ height:54px; }
  .store-badges--footer .store-name{ font-size:15px; }
}

/* ===== Single news post ===== */
.single-thumb{
  width:100%;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  margin: 0 0 16px;
}
.single-thumb img{
  width:100%;
  height:auto;
  display:block;
}
.single-content img{
  max-width:100%;
  height:auto;
}


/* Nearby + Player modals */
.aud-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999;padding:18px}
.aud-modal[aria-hidden="false"]{display:flex}
.aud-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}
.aud-modal__panel{position:relative;width:min(720px,100%);max-height:min(80vh,720px);overflow:auto;background:rgba(18,18,18,.92);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.55);padding:18px 18px 14px}
.aud-modal__panel--player{width:min(1100px,100%);max-height:min(88vh,900px);padding:12px}
.aud-modal__close{position:absolute;top:10px;right:12px;width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.aud-modal__title{margin:6px 0 6px;font-family:var(--aud-font-headings);font-size:22px;color:#fff}
.aud-modal__sub{margin:0 0 12px;color:rgba(255,255,255,.75);font-size:14px}
.aud-nearby-list{display:flex;flex-direction:column;gap:10px}
.aud-nearby-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}
.aud-nearby-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.aud-nearby-name{font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aud-nearby-loc{font-size:13px;color:rgba(255,255,255,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aud-nearby-km{font-size:12px;color:rgba(255,255,255,.7)}
.aud-nearby-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}
.aud-nearby-btn{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:var(--aud-btn-bg, #8c1d23);color:var(--aud-btn-text, #ffffff);font-weight:700;cursor:pointer;box-shadow: 0 10px 28px rgba(0,0,0,.25)}
.aud-nearby-btn:hover{filter:brightness(1.04)}
.aud-player-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 10px}
.aud-player-title{color:#fff;font-weight:800}
.aud-player-open{color:rgba(255,255,255,.85);text-decoration:none;font-size:13px;border:1px solid rgba(255,255,255,.16);padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.08)}
.aud-player-open:hover{background:rgba(255,255,255,.14)}
.aud-player-actions{display:flex;align-items:center;gap:10px}
.aud-modal--player .aud-modal__close--inline{position:static;top:auto;right:auto}
.aud-modal--player .aud-modal__close--inline{flex:0 0 auto}

.aud-player-iframe{width:100%;height:min(72vh,720px);border:0;border-radius:14px;background:#000}
@media (max-width:520px){
  .aud-modal__panel{border-radius:16px}
  .aud-nearby-item{flex-direction:column;align-items:stretch}
  .aud-nearby-actions{width:100%;justify-content:flex-end}
  .aud-player-iframe{height:min(74vh,640px)}
}



/* News featured rotation (only when 2-3 posts today) */
.news-feature-swiper,
.news-feature-swiper .swiper-wrapper,
.news-feature-swiper .swiper-slide{
  height:100%;
}
.news-feature-swiper .swiper-pagination{
  bottom:10px !important;
}

.brand-station-grid > *{height:100%;}


.btn:active,
.pill:active,
.tab:active,
.brand-logo-tile:active,
.brand-station-tile:active,
.explore-radio-tile:active,
.aud-nearby-btn:active,
.nav-toggle:active,
.appbtn:active,
.social:active{
  transform: translateY(1px) scale(.985);
  filter: brightness(.96);
}


.brand-station-tile--compact{
  min-height: 94px;
  padding: 12px 16px;
  gap: 6px;
  border-radius: 18px;
}
.brand-station-tile--compact img,
.brand-station-tile--compact .station-logo-fallback{display:none !important;}
.brand-station-location{
  width:100%;
  text-align:center;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.15;
  opacity: .98;
}
.brand-station-name--featured{
  width:100%;
  text-align:center;
  font-size: 18px;
  font-weight: 1000;
  line-height: 1.1;
  opacity: 1;
}
@media(max-width: 520px){
  .brand-station-tile--compact{
    min-height: 86px;
    padding: 10px 12px;
  }
  .brand-station-location{font-size:11px;}
  .brand-station-name--featured{font-size:16px;}
}


/* Coverage map v3 */
.coverage-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.55fr) minmax(300px, .85fr);
  gap:18px;
  margin-top:18px;
  align-items:stretch;
}
.coverage-map-shell,
.coverage-info-card{
  border-radius:28px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  box-shadow:0 22px 50px rgba(0,0,0,.22);
}
.coverage-map-shell{padding:14px;}
.coverage-map{
  height:640px;
  min-height:520px;
  border-radius:22px;
  overflow:hidden;
  background:radial-gradient(circle at 20% 18%, rgba(255,255,255,.26), rgba(255,255,255,.06) 28%, rgba(145,14,14,.34) 55%, rgba(95,0,0,.72) 100%);
}
.coverage-map .leaflet-container{background:transparent;}
.coverage-map .leaflet-control-zoom{
  border:none;
  box-shadow:0 10px 26px rgba(0,0,0,.22);
}
.coverage-map .leaflet-control-zoom a{
  width:36px;height:36px;line-height:36px;border:none;color:#2c2319;
}
.coverage-info-card{
  padding:18px;
  display:flex;
  flex-direction:column;
}
.coverage-info-eyebrow{
  display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;
  background:rgba(255,255,255,.12);color:#fff;font-size:11px;font-weight:800;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;
}
.coverage-info-card h3{margin:0 0 8px;font-family:var(--aud-font-headings);font-size:26px;line-height:1.05;}
.coverage-info-card p{margin:0 0 16px;color:rgba(255,255,255,.82);}
.coverage-station-list{display:grid;gap:10px;margin-top:auto;}
.coverage-station-empty{border-radius:18px;border:1px dashed rgba(255,255,255,.22);padding:18px;color:rgba(255,255,255,.78);text-align:center;background:rgba(0,0,0,.12);}
.coverage-station-btn{
  width:100%;text-align:left;border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  color:#fff;padding:14px 16px;border-radius:18px;cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  display:grid;grid-template-columns:16px 1fr;gap:12px;align-items:center;
}
.coverage-station-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.18);background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06));}
.coverage-station-btn:active{transform:translateY(1px) scale(.99)}
.coverage-station-btn__swatch{width:14px;height:14px;border-radius:999px;background:var(--swatch,#b38740);box-shadow:0 0 0 5px color-mix(in srgb, var(--swatch,#b38740) 18%, transparent);}
.coverage-station-btn__meta{display:block;min-width:0;}
.coverage-station-btn__city,.coverage-station-btn__name,.coverage-station-btn__radius{display:block;}
.coverage-station-btn__city{font-size:12px;font-weight:800;opacity:.8;margin-bottom:4px;}
.coverage-station-btn__name{font-size:18px;font-weight:900;line-height:1.15;}
.coverage-station-btn__radius{font-size:12px;opacity:.72;margin-top:6px;}
.coverage-marker-wrap{background:transparent !important;border:none !important;}
.coverage-marker{
  display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;
  border:3px solid rgba(255,255,255,.86);box-shadow:0 0 0 8px rgba(140,29,35,.14), 0 10px 20px rgba(0,0,0,.28);position:relative;
}
.coverage-marker::after{content:'';position:absolute;inset:-8px;border-radius:999px;border:1px solid rgba(179,135,64,.42);animation:coveragePulse 1.9s ease-out infinite;}
.coverage-marker--cluster{width:36px;height:36px;border-width:2px;box-shadow:0 0 0 10px rgba(140,29,35,.16), 0 10px 22px rgba(0,0,0,.28);}
.coverage-marker--cluster span{font-size:13px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);}
.coverage-tooltip{background:rgba(49,31,23,.94);border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:0 16px 30px rgba(0,0,0,.25);border-radius:14px;padding:10px 12px;}
.coverage-tooltip:before{display:none;}
@keyframes coveragePulse{0%{transform:scale(.85);opacity:.95}70%{transform:scale(1.25);opacity:0}100%{opacity:0}}
@media (max-width: 980px){.coverage-layout{grid-template-columns:1fr;}.coverage-map{height:520px;min-height:420px;}}
@media (max-width: 640px){.coverage-map-shell{padding:10px}.coverage-map{height:420px;min-height:360px;border-radius:18px}.coverage-info-card{padding:14px}.coverage-info-card h3{font-size:20px}.coverage-station-btn__name{font-size:16px}}

/* Mobile-only horizontal scroll for Explorar estaciones */
@media (max-width: 767px){
  #explorar .pill-row{
    display:flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding-bottom: 8px;
  }
  #explorar .pill-row::-webkit-scrollbar,
  #explorar .list::-webkit-scrollbar{height:6px;}
  #explorar .pill-row::-webkit-scrollbar-thumb,
  #explorar .list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px;}
  #explorar .pill-row .pill{
    flex: 0 0 calc((100% - 12px) / 2);
    min-width: calc((100% - 12px) / 2);
    max-width: calc((100% - 12px) / 2);
    scroll-snap-align: start;
    text-align:center;
  }

  #explorar .list{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 12px;
    grid-template-columns: none;
    align-items: stretch;
    padding-bottom: 8px;
  }
  #explorar .list > *{
    flex: 0 0 calc((100% - 12px) / 2);
    min-width: calc((100% - 12px) / 2);
    max-width: calc((100% - 12px) / 2);
    scroll-snap-align: start;
  }
  #explorar .list .explore-radio-tile,
  #explorar .list .card{
    min-height: 100%;
  }
}


/* Frontend day/night disabled in this corporate build */
.theme-toggle{display:none !important;}


/* ===== Corporate readability refresh ===== */
body,
body[data-theme="light"]{
  color:#2a241f;
  background:linear-gradient(180deg, #f7f1e8 0%, #eee5da 46%, #e7ddd0 100%);
}

body[data-theme="light"] .site-topbar,
.site-topbar{
  background:linear-gradient(180deg, #efe3d2 0%, #e4d2bd 100%) !important;
  color:#2b231d !important;
  border-bottom:1px solid rgba(86,63,46,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}

body[data-theme="light"] .site-header,
.site-header{
  background:linear-gradient(180deg, #f5ede3 0%, #e8d8c6 100%) !important;
  border-bottom:1px solid rgba(86,63,46,.12) !important;
  box-shadow:0 12px 34px rgba(86,63,46,.10);
}

body[data-theme="light"] .brand,
body[data-theme="light"] .brand .title,
body[data-theme="light"] .nav a,
body[data-theme="light"] .site-topbar a,
body[data-theme="light"] .topbar-cta-link,
.site-header .brand,
.site-header .brand .title,
.site-header .nav a{
  color:#2b231d !important;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
}

.site-header .nav a:hover{
  color:#7b1f24 !important;
  text-decoration:none;
}

body[data-theme="light"] .nav-toggle,
.nav-toggle{
  color:#2b231d;
  background:rgba(255,255,255,.72);
  border-color:rgba(86,63,46,.18);
}

.section-title,
.section-sub,
.card h4,
.news-title,
.yt-title,
.coverage-info-card h3,
.coverage-station-btn__name,
.topvideos-nowtitle,
.topvideo-name,
.news-feature-main .news-title,
.news-mini .news-title,
.brand-panel-title,
.store-name{
  color:#2b231d;
  text-shadow:0 1px 0 rgba(255,255,255,.62);
}

.section-sub,
.card p,
.news-meta,
.topvideos-sub,
.small-help,
.coverage-info-card p,
.coverage-station-empty,
.coverage-station-btn__city,
.coverage-station-btn__radius,
.brand-panel-sub,
.site-footer,
.site-footer p,
.site-footer small,
.site-footer a{
  color:#5f5347 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}

body[data-theme="light"] .section-card,
.section-card,
.card,
.news-card,
.brand-panel,
.topvideos-shell,
.topvideos-player-card,
.topvideos-list,
.coverage-map-shell,
.coverage-info-card,
.yt-card,
.explore-embed,
.aud-map-card,
.aud-contact-card,
.aud-player-hero,
.topvideos-list-card{
  background:linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(249,244,238,.92) 100%) !important;
  border:1px solid rgba(110,83,63,.10) !important;
  box-shadow:0 18px 45px rgba(86,63,46,.10) !important;
  backdrop-filter:blur(12px);
}

.card,
.news-card,
.yt-card,
.topvideo-row,
.coverage-station-btn,
.pill,
.tab{
  border-color:rgba(110,83,63,.12) !important;
}

.card:hover,
.news-card:hover,
.yt-card:hover,
.topvideo-row:hover,
.coverage-station-btn:hover{
  box-shadow:0 18px 36px rgba(86,63,46,.14);
}

.card p,
.news-meta,
.small-help{font-size:14px;}

.yt-card,
.topvideo-row,
.coverage-station-btn{
  color:#2b231d !important;
}

.yt-card{
  background:linear-gradient(180deg, #fffefe 0%, #f7f1eb 100%) !important;
}

.topvideo-row,
#top-videos .topvideo-row{
  background:rgba(255,255,255,.84) !important;
  color:#2b231d !important;
}

.topvideo-row.is-active,
#top-videos .topvideo-row.is-active{
  background:rgba(123,31,36,.10) !important;
  border-color:rgba(123,31,36,.24) !important;
}

.coverage-map-shell,
.coverage-info-card{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(244,238,231,.92)) !important;
}

.coverage-info-eyebrow{
  background:rgba(123,31,36,.10) !important;
  color:#7b1f24 !important;
}

.coverage-station-empty{
  border-color:rgba(110,83,63,.20) !important;
  background:rgba(255,255,255,.72) !important;
}

.coverage-station-btn{
  background:linear-gradient(180deg, #fffefe 0%, #f6efe8 100%) !important;
  color:#2b231d !important;
}

.coverage-map{
  background:radial-gradient(circle at 20% 18%, rgba(255,255,255,.95), rgba(250,244,237,.88) 28%, rgba(215,193,167,.75) 58%, rgba(194,171,147,.88) 100%);
}

.pill,
.tab,
.btn,
.btn-3d,
.aud-nearby-btn,
.explore-radio-tile,
.coverage-station-btn.is-active{
  background:linear-gradient(180deg, #9d2630 0%, #7b1f24 100%) !important;
  color:#fff !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18);
  box-shadow:0 12px 28px rgba(123,31,36,.24);
}

.explore-radio-tile{
  border:1px solid rgba(123,31,36,.18) !important;
}

.btn-secondary{
  background:rgba(255,255,255,.86) !important;
  color:#2b231d !important;
}

.swiper-button-next,
.swiper-button-prev{
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(110,83,63,.14) !important;
  box-shadow:0 10px 24px rgba(86,63,46,.12);
}

.swiper-button-next:after,
.swiper-button-prev:after{
  color:#7b1f24 !important;
}

.swiper-pagination-bullet{
  background:rgba(123,31,36,.28) !important;
}

.swiper-pagination-bullet-active{
  background:#7b1f24 !important;
}

.site-footer{
  border-top:1px solid rgba(110,83,63,.12);
  color:#5f5347 !important;
}

.site-footer .social,
.site-footer .socialbtn,
.site-footer .store-badge,
.appbtn,
.store-badge{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,239,232,.94)) !important;
  color:#2b231d !important;
  border-color:rgba(110,83,63,.12) !important;
}

.news-feature,
.news-feature-slide,
.news-feature-main,
.news-mini{
  box-shadow:0 18px 40px rgba(86,63,46,.12);
}

/* ===== Premium corporate refresh ===== */
:root{
  --aud-topbar-bg:#eadbc8;
  --aud-topbar-text:#2a241f;
  --aud-header-bg-start:#2f4758;
  --aud-header-bg-end:#203540;
  --aud-light-bg-start:#fbf7f1;
  --aud-light-bg-mid:#f2e7d9;
  --aud-light-bg-end:#e8d7c3;
  --aud-light-text:#231d18;
  --aud-btn-bg:#3e6074;
  --aud-btn-text:#fffdfa;
  --premium-gold:#c6a86a;
  --premium-gold-soft:#ead8b4;
  --premium-line:rgba(198,168,106,.24);
}

body{
  background:
    radial-gradient(1100px 520px at 8% 0%, rgba(255,255,255,.72) 0%, rgba(255,255,255,0) 55%),
    radial-gradient(900px 460px at 92% 8%, rgba(255,245,225,.38) 0%, rgba(255,245,225,0) 58%),
    linear-gradient(180deg, var(--aud-light-bg-start) 0%, var(--aud-light-bg-mid) 54%, var(--aud-light-bg-end) 100%);
}

.site-header{
  background:
    linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 18%),
    linear-gradient(180deg, var(--aud-header-bg-start) 0%, var(--aud-header-bg-end) 100%);
  box-shadow: 0 18px 48px rgba(28,46,58,.18);
}

.site-topbar{
  border-bottom:1px solid rgba(47,71,88,.10);
}

.nav a,
.brand,
.site-topbar a,
.topbar-cta-link{
  text-shadow:0 1px 0 rgba(255,255,255,.22), 0 8px 18px rgba(0,0,0,.08);
}

.section-card,
.card,
.news-card,
.brand-panel,
.topvideos-shell,
.topvideos-player-card,
.topvideos-list,
.coverage-map-shell,
.coverage-info-card,
.yt-card,
.explore-embed,
.aud-map-card,
.aud-contact-card,
.aud-player-hero,
.topvideos-list-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(250,245,239,.95) 100%) !important;
  border:1px solid rgba(120,93,67,.10) !important;
  box-shadow:
    0 20px 48px rgba(91,68,46,.10),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

.section-title,
.card h2,
.card h3,
.news-title,
.brand-panel-title,
.topvideos-nowtitle,
.station-name,
.coverage-info-title,
.coverage-station-btn__name,
.store-name{
  color:#241d18 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.82), 0 10px 20px rgba(88,61,38,.08);
}

.section-sub,
.card p,
.news-meta,
.news-excerpt,
.topvideos-sub,
.coverage-info-card p,
.coverage-station-btn__city,
.coverage-station-btn__radius,
.brand-panel-sub,
.site-footer,
.site-footer p,
.site-footer small,
.site-footer a{
  color:#5c4e42 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.58);
}

.btn,
.btn-3d,
.aud-nearby-btn,
.explore-radio-tile,
.coverage-station-btn.is-active,
.pill,
.tab{
  background:
    linear-gradient(180deg, #4e7389 0%, #355464 100%) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 16px 34px rgba(53,84,100,.20),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.btn:hover,
.btn-3d:hover,
.aud-nearby-btn:hover,
.explore-radio-tile:hover{
  filter:none;
  transform:translateY(-1px);
  box-shadow:
    0 18px 36px rgba(53,84,100,.24),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.btn-secondary{
  background:linear-gradient(180deg, #fffefd 0%, #f5ede4 100%) !important;
  border:1px solid rgba(120,93,67,.12) !important;
  box-shadow:0 12px 26px rgba(91,68,46,.08), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

/* premium social buttons */
.socials{ gap:12px; }
.social,
.socialbtn,
.site-footer .social,
.site-footer .socialbtn{
  position:relative;
  width:48px;
  height:48px;
  border-radius:16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,239,231,.96) 100%) !important;
  color:#382b22 !important;
  border:1px solid rgba(182,138,74,.20) !important;
  box-shadow:
    0 14px 30px rgba(94,70,49,.12),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -10px 18px rgba(182,138,74,.08) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease;
}

.social::before,
.socialbtn::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(182,138,74,.42));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  pointer-events:none;
}

.social svg,
.socialbtn svg{
  width:21px;
  height:21px;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.55));
}

.social:hover,
.socialbtn:hover,
.site-footer .social:hover,
.site-footer .socialbtn:hover{
  transform:translateY(-3px) scale(1.03);
  color:#355464 !important;
  border-color:rgba(182,138,74,.42) !important;
  box-shadow:
    0 22px 38px rgba(94,70,49,.18),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -12px 24px rgba(182,138,74,.12) !important;
}

.social--youtube:hover{ color:#355464 !important; }
.social--facebook:hover{ color:#355464 !important; }
.social--instagram:hover{ color:#355464 !important; }
.social--x:hover{ color:#203540 !important; }
.social--tiktok:hover{ color:#355464 !important; }

.site-footer{
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06));
  border-top:1px solid rgba(120,93,67,.12);
}

.site-footer .social,
.site-footer .socialbtn,
.site-footer .store-badge,
.appbtn,
.store-badge{
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,239,231,.96)) !important;
}

.swiper-button-next,
.swiper-button-prev{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,235,226,.95)) !important;
  border:1px solid rgba(182,138,74,.18) !important;
  box-shadow:0 14px 28px rgba(94,70,49,.10), inset 0 1px 0 rgba(255,255,255,.92);
}

.news-feature,
.news-feature-slide,
.news-feature-main,
.news-mini,
.coverage-station-btn,
.topvideo-row,
.yt-card{
  box-shadow:0 16px 32px rgba(94,70,49,.08) !important;
}


/* ===== Elegant sober palette override ===== */
:root{--aud-radio-btn-bg:#3e6074;--aud-radio-btn-text:#fffdfa;}
.explore-radio-tile,.coverage-station-btn.is-active,.btn,.btn-3d,.aud-nearby-btn,.pill,.tab,.brand-logo-tile.is-active{background:linear-gradient(180deg,#567a90 0%,#355464 100%) !important;color:#fffdf9 !important;}
.explore-radio-tile,.coverage-station-btn,.brand-station-tile,.brand-logo-tile,.btn,.btn-3d,.aud-nearby-btn{border-color:rgba(255,255,255,.18) !important;}
.explore-radio-tile:hover,.brand-station-tile:hover,.brand-logo-tile:hover,.btn:hover,.btn-3d:hover,.aud-nearby-btn:hover{box-shadow:0 20px 40px rgba(53,84,100,.22), inset 0 1px 0 rgba(255,255,255,.18) !important;}
.site-header .nav a:hover,.site-header .nav .current-menu-item > a{color:#f3e4c5 !important;}


/* ===== Premium graphite + champagne override ===== */
:root{
  --aud-topbar-bg:#ede3d3;
  --aud-topbar-text:#231f1b;
  --aud-header-bg-start:#3a454f;
  --aud-header-bg-end:#222b33;
  --aud-light-bg-start:#fbf8f3;
  --aud-light-bg-mid:#f2ebe2;
  --aud-light-bg-end:#e7ddd1;
  --aud-light-text:#221d18;
  --aud-btn-bg:#495864;
  --aud-btn-text:#fffdfa;
  --premium-gold:#c3ab84;
  --premium-gold-soft:#eadfc9;
  --premium-line:rgba(195,171,132,.22);
}

body{
  background:
    radial-gradient(1200px 560px at 8% 0%, rgba(255,255,255,.78) 0%, rgba(255,255,255,0) 58%),
    radial-gradient(900px 440px at 92% 8%, rgba(243,230,210,.34) 0%, rgba(243,230,210,0) 56%),
    linear-gradient(180deg, #fbf8f3 0%, #f2ebe2 54%, #e7ddd1 100%) !important;
}

.site-header{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 20%),
    linear-gradient(180deg, #46535e 0%, #29333b 100%) !important;
  border-bottom:1px solid rgba(34,43,51,.18) !important;
  box-shadow:0 18px 48px rgba(34,43,51,.18) !important;
}

.site-topbar{
  background:linear-gradient(180deg, #f0e6d8 0%, #e5d7c5 100%) !important;
  color:#241f1b !important;
}

.site-header .brand,
.site-header .brand .title,
.site-header .nav a,
.site-topbar a,
.topbar-cta-link{
  color:#f7f4ef !important;
  text-shadow:0 1px 0 rgba(0,0,0,.22), 0 8px 18px rgba(0,0,0,.14) !important;
}

.site-header .nav a:hover,
.site-header .nav a:focus{
  color:#eadfc9 !important;
}

.section-card,
.card,
.news-card,
.brand-panel,
.topvideos-shell,
.topvideos-player-card,
.topvideos-list,
.coverage-map-shell,
.coverage-info-card,
.yt-card,
.explore-embed,
.aud-map-card,
.aud-contact-card,
.aud-player-hero,
.topvideos-list-card{
  background:linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(250,246,240,.96) 100%) !important;
  border:1px solid rgba(114,92,67,.10) !important;
  box-shadow:0 22px 54px rgba(70,58,46,.10), inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.btn,
.btn-3d,
.aud-nearby-btn,
.explore-radio-tile,
.coverage-station-btn.is-active,
.pill,
.tab,
.aud-player-open{
  background:linear-gradient(180deg, #596874 0%, #3d4a55 100%) !important;
  color:#fffdfa !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 16px 34px rgba(41,51,59,.22), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.btn:hover,
.btn-3d:hover,
.aud-nearby-btn:hover,
.explore-radio-tile:hover,
.pill:hover,
.tab:hover,
.aud-player-open:hover{
  background:linear-gradient(180deg, #647481 0%, #46545f 100%) !important;
  box-shadow:0 20px 38px rgba(41,51,59,.26), inset 0 1px 0 rgba(255,255,255,.2) !important;
}

.topvideo-row.is-active,
#top-videos .topvideo-row.is-active,
.coverage-info-eyebrow{
  background:rgba(89,104,116,.10) !important;
  border-color:rgba(89,104,116,.24) !important;
  color:#36414a !important;
}

.swiper-pagination-bullet{ background:rgba(89,104,116,.24) !important; }
.swiper-pagination-bullet-active{ background:#4d5c67 !important; }
.swiper-button-next:after,
.swiper-button-prev:after{ color:#3d4a55 !important; }

/* News cards: better readability */
.news-feature,
.news-feature-slide,
.news-feature-main,
.news-mini{
  overflow:hidden;
  border:1px solid rgba(79,65,51,.08) !important;
  box-shadow:0 18px 40px rgba(58,48,38,.14) !important;
}

.news-overlay{
  background:linear-gradient(180deg, rgba(8,10,12,.12) 0%, rgba(8,10,12,.20) 26%, rgba(8,10,12,.50) 58%, rgba(8,10,12,.84) 100%) !important;
}

.news-content{ color:#fffdf9 !important; }
.news-feature-main .news-title,
.news-mini .news-title,
.news-title{
  color:#fffdf9 !important;
  text-shadow:0 2px 0 rgba(0,0,0,.28), 0 10px 26px rgba(0,0,0,.48) !important;
}
.news-excerpt,
.news-meta,
.news-meta-inline{
  color:rgba(255,250,244,.90) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.22), 0 8px 18px rgba(0,0,0,.32) !important;
}
.news-badge{
  background:linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(240,230,214,.92) 100%) !important;
  color:#2a2420 !important;
  box-shadow:0 12px 24px rgba(0,0,0,.16) !important;
}

/* Social icons more premium and sober */
.social,
.socialbtn,
.site-footer .social,
.site-footer .socialbtn{
  background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(245,239,231,.97) 100%) !important;
  color:#33404a !important;
  border:1px solid rgba(195,171,132,.24) !important;
  box-shadow:0 14px 28px rgba(70,58,46,.12), inset 0 1px 0 rgba(255,255,255,.96), inset 0 -8px 18px rgba(195,171,132,.08) !important;
}
.social:hover,
.socialbtn:hover,
.site-footer .social:hover,
.site-footer .socialbtn:hover{
  transform:translateY(-3px);
  color:#232b33 !important;
  border-color:rgba(195,171,132,.40) !important;
  box-shadow:0 22px 40px rgba(70,58,46,.18), inset 0 1px 0 rgba(255,255,255,.98), inset 0 -10px 20px rgba(195,171,132,.10) !important;
}

.site-footer{
  background:linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.08)) !important;
  border-top:1px solid rgba(114,92,67,.12) !important;
}

/* ===== Executive professional override ===== */
:root{
  --aud-topbar-bg:#efe6db;
  --aud-topbar-text:#1f2327;
  --aud-header-bg-start:#2f3b44;
  --aud-header-bg-end:#1f2830;
  --aud-light-bg-start:#fcfaf7;
  --aud-light-bg-mid:#f2ece5;
  --aud-light-bg-end:#e6ddd3;
  --aud-light-text:#20252a;
  --aud-btn-bg:#465661;
  --aud-btn-text:#fcfbf9;
  --premium-gold:#bda27a;
  --premium-gold-soft:#e9dcc9;
  --premium-line:rgba(189,162,122,.18);
}

body{
  background:
    radial-gradient(1100px 520px at 10% 0%, rgba(255,255,255,.80) 0%, rgba(255,255,255,0) 58%),
    radial-gradient(900px 420px at 88% 8%, rgba(233,220,201,.26) 0%, rgba(233,220,201,0) 56%),
    linear-gradient(180deg, #fcfaf7 0%, #f2ece5 54%, #e6ddd3 100%) !important;
}

.site-topbar{
  background:linear-gradient(180deg, #f2eadf 0%, #e6dacb 100%) !important;
  color:#1f2327 !important;
  border-bottom:1px solid rgba(47,59,68,.08) !important;
}

.site-header{
  background:
    linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 20%),
    linear-gradient(180deg, #34414a 0%, #232d35 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 16px 40px rgba(31,40,48,.16) !important;
}

.site-header .brand,
.site-header .brand .title,
.site-header .nav a,
.site-topbar a,
.topbar-cta-link{
  color:#f7f5f1 !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18), 0 8px 18px rgba(0,0,0,.10) !important;
}

.site-header .nav a{
  letter-spacing:.03em;
}

.site-header .nav a:hover,
.site-header .nav a:focus,
.site-header .nav .current-menu-item > a{
  color:#e7d7bf !important;
}

.section-card,
.card,
.news-card,
.brand-panel,
.topvideos-shell,
.topvideos-player-card,
.topvideos-list,
.coverage-map-shell,
.coverage-info-card,
.yt-card,
.explore-embed,
.aud-map-card,
.aud-contact-card,
.aud-player-hero,
.topvideos-list-card{
  background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,244,239,.965) 100%) !important;
  border:1px solid rgba(96,82,66,.09) !important;
  box-shadow:0 18px 42px rgba(57,48,40,.08), inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.section-title,
.card h2,
.card h3,
.news-title,
.brand-panel-title,
.topvideos-nowtitle,
.station-name,
.coverage-info-title,
.coverage-station-btn__name,
.store-name,
.news-feature-main .news-title,
.news-mini .news-title{
  color:#1f252b !important;
  text-shadow:0 1px 0 rgba(255,255,255,.90), 0 8px 18px rgba(60,50,42,.06) !important;
}

.section-sub,
.card p,
.news-meta,
.news-excerpt,
.topvideos-sub,
.coverage-info-card p,
.coverage-station-btn__city,
.coverage-station-btn__radius,
.brand-panel-sub,
.site-footer,
.site-footer p,
.site-footer small,
.site-footer a{
  color:#5a5148 !important;
  text-shadow:none !important;
}

.btn,
.btn-3d,
.aud-nearby-btn,
.explore-radio-tile,
.coverage-station-btn.is-active,
.pill,
.tab,
.aud-player-open,
.brand-logo-tile.is-active{
  background:linear-gradient(180deg, #556673 0%, #414f59 100%) !important;
  color:#fdfbf8 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 14px 30px rgba(41,51,59,.18), inset 0 1px 0 rgba(255,255,255,.16) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18) !important;
}

.btn:hover,
.btn-3d:hover,
.aud-nearby-btn:hover,
.explore-radio-tile:hover,
.pill:hover,
.tab:hover,
.aud-player-open:hover,
.brand-logo-tile.is-active:hover{
  background:linear-gradient(180deg, #60717e 0%, #495862 100%) !important;
  box-shadow:0 18px 34px rgba(41,51,59,.22), inset 0 1px 0 rgba(255,255,255,.18) !important;
  transform:translateY(-1px);
  filter:none !important;
}

.btn-secondary{
  background:linear-gradient(180deg, #fffefe 0%, #f4eee7 100%) !important;
  color:#20252a !important;
  border:1px solid rgba(96,82,66,.10) !important;
  box-shadow:0 10px 24px rgba(57,48,40,.07), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.explore-radio-tile,
.coverage-station-btn,
.brand-station-tile,
.brand-logo-tile{
  border-color:rgba(96,82,66,.10) !important;
}

.coverage-station-btn,
.topvideo-row,
.yt-card{
  background:linear-gradient(180deg, #fffefe 0%, #f7f1ea 100%) !important;
  color:#1f252b !important;
  box-shadow:0 12px 28px rgba(57,48,40,.08) !important;
}

.topvideo-row.is-active,
#top-videos .topvideo-row.is-active,
.coverage-info-eyebrow{
  background:rgba(85,102,115,.08) !important;
  border-color:rgba(85,102,115,.18) !important;
  color:#35424c !important;
}

.swiper-button-next,
.swiper-button-prev{
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(244,238,230,.96)) !important;
  border:1px solid rgba(96,82,66,.10) !important;
  box-shadow:0 12px 24px rgba(57,48,40,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
.swiper-button-next:after,
.swiper-button-prev:after{ color:#44535e !important; }
.swiper-pagination-bullet{ background:rgba(68,83,94,.22) !important; }
.swiper-pagination-bullet-active{ background:#44535e !important; }

.news-feature,
.news-feature-slide,
.news-feature-main,
.news-mini{
  overflow:hidden;
  border:1px solid rgba(57,48,40,.08) !important;
  box-shadow:0 16px 34px rgba(57,48,40,.12) !important;
}

.news-overlay{
  background:linear-gradient(180deg, rgba(11,14,18,.10) 0%, rgba(11,14,18,.18) 24%, rgba(11,14,18,.46) 56%, rgba(11,14,18,.80) 100%) !important;
}

.news-content{ color:#fffdfa !important; }
.news-feature-main .news-title,
.news-mini .news-title,
.news-title{
  color:#fffdfa !important;
  text-shadow:0 2px 0 rgba(0,0,0,.24), 0 10px 22px rgba(0,0,0,.42) !important;
}
.news-excerpt,
.news-meta,
.news-meta-inline{
  color:rgba(255,251,246,.90) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18), 0 6px 14px rgba(0,0,0,.28) !important;
}
.news-badge{
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(236,228,217,.93) 100%) !important;
  color:#24303a !important;
  border:1px solid rgba(189,162,122,.20) !important;
  box-shadow:0 10px 20px rgba(0,0,0,.14) !important;
}

.socials{ gap:12px; }
.social,
.socialbtn,
.site-footer .social,
.site-footer .socialbtn{
  position:relative;
  width:46px;
  height:46px;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(245,239,231,.97) 100%) !important;
  color:#41515d !important;
  border:1px solid rgba(96,82,66,.12) !important;
  box-shadow:0 12px 24px rgba(57,48,40,.09), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
.social::before,
.socialbtn::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(189,162,122,.24));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  pointer-events:none;
}
.social svg,
.socialbtn svg{
  width:20px;
  height:20px;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.55));
}
.social:hover,
.socialbtn:hover,
.site-footer .social:hover,
.site-footer .socialbtn:hover{
  transform:translateY(-2px);
  color:#22303a !important;
  border-color:rgba(189,162,122,.30) !important;
  box-shadow:0 16px 30px rgba(57,48,40,.13), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
.social--youtube:hover,
.social--facebook:hover,
.social--instagram:hover,
.social--x:hover,
.social--tiktok:hover{ color:#22303a !important; }

.site-footer{
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08)) !important;
  border-top:1px solid rgba(96,82,66,.10) !important;
}

/* ===== Corporate institutional group override ===== */
:root{
  --aud-topbar-bg:#f3eee6;
  --aud-topbar-text:#1f2730;
  --aud-header-bg-start:#2a3640;
  --aud-header-bg-end:#1a232b;
  --aud-light-bg-start:#fcfbf9;
  --aud-light-bg-mid:#f3eee8;
  --aud-light-bg-end:#e8dfd5;
  --aud-light-text:#202831;
  --aud-btn-bg:#3f5565;
  --aud-btn-text:#fbfaf8;
  --institutional-accent:#c8b28d;
  --institutional-accent-soft:#eee3d1;
}

body{
  background:
    radial-gradient(980px 480px at 10% 0%, rgba(255,255,255,.82) 0%, rgba(255,255,255,0) 58%),
    radial-gradient(760px 360px at 90% 10%, rgba(232,223,213,.28) 0%, rgba(232,223,213,0) 58%),
    linear-gradient(180deg, #fcfbf9 0%, #f3eee8 55%, #e8dfd5 100%) !important;
}

.site-topbar{
  background:linear-gradient(180deg,#f5f0e7 0%, #e9e0d2 100%) !important;
  color:#1f2730 !important;
  border-bottom:1px solid rgba(42,54,64,.08) !important;
}

.site-header{
  background:
    linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 20%),
    linear-gradient(180deg, #33424d 0%, #1d2831 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 14px 34px rgba(26,35,43,.16) !important;
}

.site-header .brand,
.site-header .brand .title,
.site-header .nav a,
.site-topbar a,
.topbar-cta-link{
  color:#f8f6f2 !important;
  text-shadow:0 1px 0 rgba(0,0,0,.15), 0 6px 16px rgba(0,0,0,.10) !important;
}

.site-header .nav a:hover,
.site-header .nav a:focus,
.site-header .nav .current-menu-item > a{
  color:#e7d8bf !important;
}

.section-card,
.card,
.news-card,
.brand-panel,
.topvideos-shell,
.topvideos-player-card,
.topvideos-list,
.coverage-map-shell,
.coverage-info-card,
.yt-card,
.explore-embed,
.aud-map-card,
.aud-contact-card,
.aud-player-hero,
.topvideos-list-card{
  background:linear-gradient(180deg, rgba(255,255,255,.995) 0%, rgba(248,245,240,.972) 100%) !important;
  border:1px solid rgba(80,67,54,.08) !important;
  box-shadow:0 14px 34px rgba(48,40,34,.07), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.section-title,
.card h2,
.card h3,
.brand-panel-title,
.topvideos-nowtitle,
.station-name,
.coverage-info-title,
.coverage-station-btn__name,
.store-name{
  color:#1d2730 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(60,50,42,.05) !important;
}

.section-sub,
.card p,
.topvideos-sub,
.coverage-info-card p,
.coverage-station-btn__city,
.coverage-station-btn__radius,
.brand-panel-sub,
.site-footer,
.site-footer p,
.site-footer small,
.site-footer a{
  color:#5b554d !important;
  text-shadow:none !important;
}

.btn,
.btn-3d,
.aud-nearby-btn,
.explore-radio-tile,
.coverage-station-btn.is-active,
.pill,
.tab,
.aud-player-open,
.brand-logo-tile.is-active{
  background:linear-gradient(180deg, #536a7a 0%, #3c5160 100%) !important;
  color:#fcfbf9 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 12px 24px rgba(28,42,52,.16), inset 0 1px 0 rgba(255,255,255,.18) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.16) !important;
}

.btn:hover,
.btn-3d:hover,
.aud-nearby-btn:hover,
.explore-radio-tile:hover,
.pill:hover,
.tab:hover,
.aud-player-open:hover,
.brand-logo-tile.is-active:hover{
  background:linear-gradient(180deg, #607789 0%, #47606f 100%) !important;
  box-shadow:0 16px 30px rgba(28,42,52,.20), inset 0 1px 0 rgba(255,255,255,.20) !important;
  transform:translateY(-1px);
}

.coverage-station-btn,
.topvideo-row,
.yt-card{
  background:linear-gradient(180deg, #fffefe 0%, #f8f4ee 100%) !important;
  color:#1d2730 !important;
  border:1px solid rgba(80,67,54,.08) !important;
  box-shadow:0 10px 22px rgba(48,40,34,.06) !important;
}

.topvideo-row.is-active,
#top-videos .topvideo-row.is-active,
.coverage-info-eyebrow{
  background:rgba(83,106,122,.08) !important;
  border-color:rgba(83,106,122,.18) !important;
  color:#334653 !important;
}

.news-feature,
.news-feature-slide,
.news-feature-main,
.news-mini{
  overflow:hidden;
  border:1px solid rgba(41,33,27,.08) !important;
  box-shadow:0 14px 30px rgba(41,33,27,.11) !important;
}

.news-overlay{
  background:linear-gradient(180deg, rgba(10,14,18,.08) 0%, rgba(10,14,18,.14) 22%, rgba(10,14,18,.40) 54%, rgba(10,14,18,.74) 100%) !important;
}

.news-content{ color:#fffdfa !important; }
.news-feature-main .news-title,
.news-mini .news-title,
.news-title{
  color:#fffdfa !important;
  text-shadow:0 2px 0 rgba(0,0,0,.22), 0 8px 20px rgba(0,0,0,.34) !important;
}
.news-excerpt,
.news-meta,
.news-meta-inline{
  color:rgba(255,251,246,.90) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18), 0 4px 12px rgba(0,0,0,.24) !important;
}
.news-badge,
.news-head .btn,
.news-head .pill,
.news-head .tab{
  background:linear-gradient(180deg,#526877 0%, #3a4f5e 100%) !important;
  color:#fffdfa !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 10px 20px rgba(28,42,52,.16), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.social,
.socialbtn,
.site-footer .social,
.site-footer .socialbtn{
  width:46px;
  height:46px;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.995) 0%, rgba(246,241,234,.975) 100%) !important;
  color:#415463 !important;
  border:1px solid rgba(80,67,54,.10) !important;
  box-shadow:0 10px 22px rgba(48,40,34,.08), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
.social:hover,
.socialbtn:hover,
.site-footer .social:hover,
.site-footer .socialbtn:hover{
  transform:translateY(-2px);
  color:#24333e !important;
  border-color:rgba(200,178,141,.34) !important;
  box-shadow:0 16px 28px rgba(48,40,34,.12), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.site-footer{
  background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.10)) !important;
  border-top:1px solid rgba(80,67,54,.10) !important;
}

/* ===== Light modal frames refinement =====
   Solo cambia color/contraste de los marcos de modales; no modifica estructura ni acomodo. */
.aud-modal__backdrop{
  background: rgba(20,20,20,.26);
  backdrop-filter: blur(2px);
}
.aud-modal__panel{
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(24,24,24,.08);
  box-shadow: 0 18px 55px rgba(24,24,24,.16);
  color: #17191f;
}
.aud-modal__title,
.aud-player-title{
  color: #17191f;
}
.aud-modal__sub,
.aud-nearby-loc,
.aud-nearby-km{
  color: rgba(23,25,31,.66);
}
.aud-modal__close{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(24,24,24,.10);
  color: #17191f;
  box-shadow: 0 8px 22px rgba(24,24,24,.08);
}
.aud-modal__close:hover{
  background: #ffffff;
}
.aud-nearby-item{
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(24,24,24,.09);
  box-shadow: 0 10px 30px rgba(24,24,24,.06);
}
.aud-nearby-name{
  color: #17191f;
}
.aud-player-open{
  color: #ffffff;
  border-color: rgba(50,76,96,.20);
  background: #526f84;
  box-shadow: 0 8px 22px rgba(24,24,24,.10);
}
.aud-player-open:hover{
  background: #486477;
}
.aud-player-iframe{
  background: #ffffff;
}