/* Ajuste para diminuir a altura do hero section e garantir responsividade */
.hero {
    min-height: 50vh !important; /* Altura padrão para telas maiores */
    padding-top: 80px !important; /* Mantém um padding no topo para o header */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Garante que o conteúdo dentro do hero section se ajuste */
.hero-content {
    padding-top: 0 !important; /* Remove o padding extra se houver */
    width: 100%;
    max-width: 800px; /* Limita a largura do conteúdo para melhor leitura */
    margin: 0 auto;
}

/* Media Queries para responsividade */
@media (max-width: 768px) {
    .hero {
        min-height: 40vh !important; /* Reduz a altura em telas menores */
        padding-top: 60px !important;
    }

    .hero-content {
        padding: 0 15px; /* Adiciona padding lateral em telas menores */
    }

    .hero-title img {
        max-width: 80%; /* Reduz o tamanho do logo em telas menores */
    }
}

@media (max-width: 480px) {
    .hero {
        min-height: 30vh !important; /* Reduz ainda mais a altura em telas muito pequenas */
        padding-top: 50px !important;
    }

    .hero-title img {
        max-width: 70%; /* Reduz ainda mais o tamanho do logo */
    }

    .hero-description {
        font-size: 1rem !important; /* Diminui o tamanho da fonte da descrição */
    }
}