/* Paleta de Cores Urbanas:
   Fundo Principal: #F0F2F5 (Cinza claro)
   Azul Escuro: #0D1B2A
   Azul Médio: #1B263B
   Laranja Vibrante: #FF851B
   Amarelo Ouro: #FFDC00
   Vermelho Alerta: #D90429
*/
html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Roboto', sans-serif;
    background-color: #F0F2F5;
    color: #0D1B2A;
    padding-top: 80px; /* Espaço para o header fixo */
}

.font-display {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

/* Estilo para títulos de seção */
.title-style {
    color: #FFDC00;
    -webkit-text-stroke: 2px #0D1B2A;
    text-shadow: 4px 4px 0px #FF851B;
}

/* Header fixo */
.fixed-header {
    background-color: rgba(13, 27, 42, 0.95); /* Azul Escuro com transparência */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 4px solid #FFDC00;
}

/* Cards de programação, artistas e fotógrafos */
.card-style {
    background-color: #FFFFFF;
    border: 2px solid #0D1B2A;
    box-shadow: 8px 8px 0px #1B263B;
    transition: all 0.3s ease;
}

.card-style:hover {
    transform: translate(-5px, -5px);
    box-shadow: 13px 13px 0px #FF851B;
}

.timeline-item {
    background-color: #fff;
    border-left: 5px solid #FF851B;
}

/* Animação */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}

/* Estilo para links ativos no menu (requer JS) */
.nav-link.active {
    color: #FFDC00;
    transform: scale(1.1);
}

/* Ícone do Instagram Colorido */
.insta-icon path {
    fill: url(#insta-gradient);
}

/* Ajuste para o Player de Vídeo */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Proporção 16:9 */
    height: 0;
    overflow: hidden;
    width: 100%;
    background-color: #000;
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}