/* Activavida 3.0 - modo claro: portada, tarjeta y superficies de secciones.
   Los estilos comunes y el modo oscuro permanecen en style.css. */
body.av-light .av22-hero {
  background: #f7f8fa;
}
body.av-light .av22-intro h1 { color: #18202a; }
body.av-light .av22-intro p,
body.av-light .av22-hero-facts { color: #526070; }
body.av-light .av22-highlights { background: #f7f8fa; }
body.av-light .av22-highlights a { background: #fff; border-color: #e3e6ee; color: #17212e; }
body.av-light .av22-highlights small { color: #657080; }

/* Tarjeta de cristal claro: contraste alto para metadatos dinámicos. */
body.av-light .av22-featured {
  color: #192632;
  background: linear-gradient(145deg, rgba(255,255,255,.91), rgba(249,249,252,.76));
  border-color: rgba(255,255,255,.96);
  box-shadow: 0 24px 65px rgba(43,51,70,.13), inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}
body.av-light .av22-featured:before {
  background: radial-gradient(circle, rgba(243,112,35,.095), transparent 70%);
}
body.av-light .av22-featured h2 { color: #192632; }
body.av-light .av22-featured p,
body.av-light .av22-featured .av23-listeners { color: #586576; }
body.av-light .av22-featured-label { color: #c64b20; }
body.av-light .av22-featured .av22-onair { color: #b94b23; }
body.av-light .av22-featured .av22-scroll-link { color: #b94b23; }

/* Nosotros: contraste y espacios exclusivos del modo claro. */
body.av-light #nosotros {
  padding-top: 68px;
  padding-bottom: 68px;
  background: #f7f8fa;
}
body.av-light #nosotros .av31-about-copy h2 { color: #18212d; }
body.av-light #nosotros .av31-about-text { color: #465568; }
@media (max-width: 760px) {
  body.av-light #nosotros { padding-top: 46px; padding-bottom: 48px; }
}

/* Superficie perla uniforme del modo claro, sin franjas. */
body.av-light .av23-history-section {
  background: #f7f8fa;
}
body.av-light .av-programming {
  background: #f7f8fa;
}
body.av-light #contenido {
  background: #f7f8fa;
}

/* Fondos por sección: no existe una regla global que los anule. */
body.av-light #top10 {background:#f7f8fa;}

/* Tarjetas del blog: cristal claro, legibilidad y acento naranja. */
body.av-light #contenido .news-card {
  background: rgba(255,255,255,.9);
  border-color: #e1e6ee;
  box-shadow: 0 12px 30px rgba(29,42,61,.075);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
body.av-light #contenido .news-content h3 { color: #1c2837; }
body.av-light #contenido .news-content p { color: #5b687a; }
body.av-light #contenido .news-category { color: #a13d17; }
body.av-light #contenido .news-card:hover { box-shadow: 0 18px 36px rgba(29,42,61,.12); }

/* Controles del carrusel: mismo acabado glass del modo claro. */
body.av-light .av-news-controls button { background: rgba(255,255,255,.74); border-color: #dce3eb; color: #253348; }
body.av-light .av-news-controls button:not(:disabled):hover { background: #a13d17; border-color: #a13d17; color: #fff; }