/* ============================================================
   NOTICIOSO AUTOMÁTICO — Ajustes del reproductor flotante
   Sobrescribe la piel del componente para que combine con el
   sitio: mismos colores de la paleta activa y misma tipografía.
   ============================================================ */

/* Base del dock: el azul profundo del pie del sitio */
#app-player .player::before {
  background: linear-gradient(120deg,
    color-mix(in srgb, var(--pie-fondo) 88%, transparent) 0%,
    color-mix(in srgb, var(--pie-fondo) 97%, transparent) 100%) !important;
}
#app-player .player {
  /* barra de punta a punta, pegada al borde inferior */
  --dock-bottom: 0px !important;
  width: 100% !important;
  max-width: none !important;
  inset: auto 0 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-top: 2px solid var(--marca) !important;
  box-shadow: 0 -8px 30px rgba(0, 0, 0, .35) !important;
  padding-inline: max(16px, calc((100% - 1240px) / 2)) !important;
  font-family: var(--f-texto) !important;
}

/* Color de identidad: el de la marca del portal, no el violeta del kit */
#app-player, #app-player .player { --player-primary: var(--marca); }

/* Tipografías del portal */
#app-player .player *,
.app-player .player-modal *,
.app-player .offcanvas-player * { font-family: var(--f-texto); }
#app-player .player-song-name,
#app-player .player-station-name,
.app-player .modal-title,
.app-player .offcanvas-title { font-family: var(--f-display) !important; letter-spacing: .01em; }
#app-player .player-live { font-family: var(--f-display) !important; letter-spacing: .1em; }

/* El punto de "en vivo" toma el rojo de los titulares */
#app-player .player-live-dot { background: var(--acento) !important; }

/* Los botones circulares se apoyan en el azul del portal */
#app-player .player-button:not(.player-button-play) {
  border-color: color-mix(in srgb, var(--marca) 40%, transparent) !important;
}

/* La tapa por defecto no compite con el logo del kit */
#app-player .player-cover, #app-player .player-thumb { border-radius: 8px !important; }

/* Sin tapa (o con una tapa apagada) el acento por defecto es el del portal;
   cuando la canción trae portada, el player pinta el suyo y este cede. */
#app-player.app-player { --accent: var(--marca); }