/* --- CONFIGURAÇÕES BASE --- */
body {
    font-family: 'Poppins', sans-serif;
    padding-top: 180px; /* Espaço inicial para o logo grande */
    background-color: #f8f9fa;
    transition: padding 0.4s ease;
}

/* --- HEADER DINÂMICO --- */
.main-header {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 20px 0;
    /* Sombra azul inicial bem leve */
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.05); 
    overflow: hidden; /* Garante que o vídeo não saia do header */
    background-color: transparent !important; /* Torna o fundo do nav transparente para ver o vídeo */
}

/* Garante que o conteúdo fique acima do vídeo */
.header-content {
    position: relative;
    z-index: 10;
}

/* --- VÍDEO DE FUNDO --- */
.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Atrás do conteúdo */
}

.video-background video {
    min-width: 100%; 
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover; /* Cobre a área sem distorcer */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centraliza o vídeo */
}

/* Overlay sutil para dar contraste ao menu e logo */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* Preto com 20% de opacidade */
    z-index: 2; /* Acima do vídeo, abaixo do conteúdo */
}

/* --- ESTILOS DO MENU (AJUSTADO PARA CONTRASTE) --- */
.main-header .nav-link {
    color: white !important; /* Links brancos para contrastar com o vídeo */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* Sombra no texto para leitura */
    font-weight: 500;
}

#logo-caipira {
    height: 120px; /* Tamanho inicial imponente */
    transition: all 0.5s ease;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3)); /* Sombra no logo */
}

/* --- ESTADO AO ROLAR (SCROLLED) --- */
.main-header.scrolled {
    padding: 8px 0;
    /* SOMBRA AZUL FORTE E ELEGANTE */
    box-shadow: 0 10px 30px rgba(0, 86, 179, 0.4) !important;
}

/* Ao rolar, o fundo pode ficar um pouco mais escuro para focar no menu */
.main-header.scrolled .video-overlay {
    background-color: rgba(0, 0, 0, 0.4);
}

.main-header.scrolled #logo-caipira {
    height: 65px; /* Logo encolhe suavemente */
}

/* --- BOTÃO PERSONALIZADO (MANTIDO) --- */
.btn-menu-azul {
    background: linear-gradient(45deg, #007bff, #0056b3);
    color: white !important;
    border-radius: 25px;
    padding: 10px 25px;
    font-weight: 600;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
}

/* --- RESPONSIVIDADE (MOBILE CENTRALIZADO) --- */
@media (max-width: 991px) {
    .main-header .container {
        flex-direction: column;
    }
    .navbar-brand {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .navbar-nav {
        padding-top: 20px;
    }
    /* Mobile pode precisar de um padding diferente */
    body { padding-top: 220px; }
}

/* --- REVEAL ANIMATION (MANTIDO) --- */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s ease-out;
}
.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}