/* css\hero.css */

/* --- 1. Seção Hero --- */
#hero {
    /* ATUALIZAÇÃO DE FUNDO:
     Usamos 'linear-gradient' para criar a sobreposição escura.
     Isso aplica um 'filme' preto (rgba(0,0,0,0.6)) SOBRE a imagem de fundo.
     Isso evita que o fundo verde do <body> tinja a imagem.
    */
    background: 
        linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
        url('../img/hero/background.png') no-repeat center center;
    
    background-size: cover;
    position: relative;
    color: white;

    /* ATUALIZAÇÃO DE PADDING:
     - 120px no topo: (70px para o menu fixo + 50px de respiro)
     - 80px embaixo: (Para dar espaço para o 'emblema' do Compromisso 
       que vai "invadir" esta seção)
    */
    padding: 50px 0 80px 0;
    
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

#hero .logos-topo img {
    max-height: 100px; 
    margin: 0 25px;
}

/* Ícone/Logo principal da UCE */
#hero .hexagon-icon {
    width: 350px; 
    margin-bottom: 20px;
}