/* Estilos para a imagem de fundo do hero */
.hero {
    background-image: linear-gradient(rgba(26, 43, 99, 0.8), rgba(26, 43, 99, 0.8)), url('../img/hero-bg.jpg');
    background-size: cover;
    background-position: center;
}

/* Fallback para quando a imagem não carrega */
.hero-fallback {
    background-image: linear-gradient(45deg, rgba(26, 43, 99, 0.9), rgba(0, 146, 180, 0.8));
}

@media (max-width: 768px) {
    .hero {
        background-position: center right;
    }
}