/*
Theme Name: Radio La Voz del Altiplano 1030 AM
Theme URI: https://lavozdelaltiplano.pe/
Author: Radio La Voz del Altiplano
Author URI: https://lavozdelaltiplano.pe/
Description: Plantilla oficial, moderna y responsive para WordPress de Radio La Voz del Altiplano (1030 AM y 95.5 FM). Incluye reproductor continuo de audio en vivo Icecast/Shoutcast, grilla periodística regional, señal de televisión, podcasts a la carta y guía de programación diaria.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: voz-altiplano
Tags: news, radio, live-stream, broadcast, entertainment, two-columns, full-width-template, theme-options
*/

:root {
  --primary-navy: #0e1c2f;
  --secondary-cyan: #3dbeff;
  --secondary-cyan-dark: #00658d;
  --accent-red: #ba1a1a;
  --surface-bg: #f9f9ff;
  --surface-card: #ffffff;
  --surface-alt: #f0f3ff;
  --border-color: #dee8ff;
  --text-main: #111c2d;
  --text-muted: #44474c;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--surface-bg);
  color: var(--text-main);
  font-family: 'Work Sans', system-ui, -apple-system, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.font-chivo { font-family: 'Chivo', sans-serif; }
.font-serif { font-family: 'Source Serif 4', Georgia, serif; }
.font-sans { font-family: 'Work Sans', sans-serif; }

@keyframes pulseDot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.3; transform: scale(0.85); }
}

@keyframes waveBar1 { 0%, 100% { height: 6px; } 50% { height: 22px; } }
@keyframes waveBar2 { 0%, 100% { height: 16px; } 50% { height: 6px; } }
@keyframes waveBar3 { 0%, 100% { height: 10px; } 50% { height: 26px; } }
@keyframes waveBar4 { 0%, 100% { height: 22px; } 50% { height: 8px; } }

.animate-pulse-dot { animation: pulseDot 1.4s ease-in-out infinite; }
.wave-bar-1 { animation: waveBar1 0.75s ease-in-out infinite; }
.wave-bar-2 { animation: waveBar2 1.1s ease-in-out 0.2s infinite; }
.wave-bar-3 { animation: waveBar3 0.85s ease-in-out 0.35s infinite; }
.wave-bar-4 { animation: waveBar4 1.25s ease-in-out 0.1s infinite; }

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}
.material-symbols-outlined.fill-1 {
  font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}