/* Seu CSS local */

:root {
    --cor-primeira: #328C62; /* Verde escuro */
    --cor-segunda: #3A8C6E; /* Verde claro */
    --cor-terceira: #C9F2DF; /* Fundo claro */
    --cor-quarta: #2B8C55; /* Texto escuro */
    --fonte-principal: 'Arial', sans-serif; /* Fonte principal */
}
.cabecalho-principal {
    display: flex; /* Para alinhar imagem e h1 lado a lado */
    align-items: center; /* Para centralizar verticalmente */
    margin: 20px 0; /* Espaçamento do topo e das laterais */
}

.cabecalho-principal img {
    /* CORREÇÃO CRÍTICA: Uso de !important para garantir que o tamanho não seja sobrescrito */
    width: 50px !important; 
    height: 50px !important; 
    /* Garante que ela não ultrapasse o tamanho, mantendo a proporção */
    max-width: 100% !important; 
    margin-right: 15px;
}

.cabecalho-principal h1 {
    /* CORREÇÃO APLICADA AQUI: Diminuindo o tamanho da fonte */
    font-size: 1em; /* Tamanho base um pouco menor */
    color: var(--cor-primeira);
    
    /* Adicionando Media Query para telas MUITO pequenas (Opcional, mas recomendado) */
    @media (max-width: 576px) {
        font-size: 1em; /* Ainda menor em celulares */
    }
}