/* Hero e Footer - Aplicação do Azul Naval */

/* Hero Background com azul naval */


/* Hero Title Highlight com amarelo */
.hero-title .highlight {
    color: #f8e874 !important;
    text-shadow: 2px 2px 4px rgba(2, 36, 61, 0.3) !important;
}

/* Footer com azul naval */
.footer,
footer {
    background: linear-gradient(135deg, #02243d 0%, #01182a 100%) !important;
}

/* Overlay da imagem com azul naval */
.image-overlay {
    background: linear-gradient(transparent, rgba(2, 36, 61, 0.8)) !important;
}

/* Header integrado no hero */
/* .header-integrated {
    background: rgba(2, 36, 61, 0.1) !important;
    backdrop-filter: blur(10px) !important;
} */

/* Navigation links */
.nav-link:hover,
.nav-link.active {
    color: #f8e874 !important;
}

/* Countdown com cores atualizadas */
.countdown-number {
    color: #f8e874 !important;
    text-shadow: 2px 2px 4px rgba(2, 36, 61, 0.3) !important;
}

.countdown-item {
    background: rgba(248, 232, 116, 0.1) !important;
    border: 1px solid rgba(248, 232, 116, 0.3) !important;
}

/* Scroll indicator */
.scroll-indicator .scroll-mouse {
    border: 2px solid #f8e874 !important;
}

.scroll-indicator .scroll-wheel {
    background: #f8e874 !important;
}