/* Estilos Oficiales para Radio La Voz del Altiplano 1030 AM */
:root {
    --bg-main: #041329;
    --bg-card: #0d1c32;
    --bg-header: #112036;
    --border-color: #1c2a41;
    --text-primary: #d6e3ff;
    --text-secondary: #c1c6d5;
    --text-muted: #8b919e;
    --brand-cyan: #00c1fd;
    --brand-blue: #0066cc;
    --brand-gold: #ffb955;
}

body {
    background-color: var(--bg-main) !important;
    color: var(--text-primary) !important;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

/* Grid & Layout Fallbacks */
.max-w-7xl { max-width: 80rem; }
.max-w-5xl { max-width: 64rem; }
.max-w-4xl { max-width: 56rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }

@keyframes ticker {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}

.animate-ticker {
    display: inline-block;
    white-space: nowrap;
    animation: ticker 30s linear infinite;
}

.animate-ticker:hover {
    animation-play-state: paused;
}

/* Scrollbar personalizado */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #041329;
}
::-webkit-scrollbar-thumb {
    background: #1c2a41;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #00c1fd;
}