.elementor-3307 .elementor-element.elementor-element-b9ea861{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-87cd0ea *//* ==========================================================================
   CSS CORRIGIDO E FINAL PARA A PÁGINA "ABOUT US"
   ========================================================================== */

/* --- 1. Container Geral e Layout --- */
.about-us-page-content {
    max-width: 900px; /* Limita a largura do conteúdo para leitura fácil */
    margin: 60px auto 80px auto; /* Espaço acima/abaixo e centraliza na página */
    padding: 0 20px; /* Espaçamento lateral para telas menores */
    font-family: "Helvetica", Arial, sans-serif; /* Fonte padrão para parágrafos */
    color: #333333; /* Cor de texto padrão (cinza escuro) para parágrafos */
    line-height: 1.7;
}

/* --- 2. Tipografia (Títulos com Fonte Rufina e Parágrafos) --- */
.about-us-page-content h1,
.about-us-page-content h2,
.about-us-page-content h3 {
    font-family: "Rufina", serif !important; /* Fonte Rufina para os títulos */
    color: #000000; /* Títulos em PRETO */
    font-weight: 700;
    line-height: 1.3;
}
.about-us-page-content h1 {
    font-size: 50px;
    text-align: center;
    margin-bottom: 30px;
}
.about-us-page-content h2 {
    font-size: 38px;
    margin-top: 60px;
    margin-bottom: 20px;
}
.about-us-page-content h3 {
    font-size: 28px;
    margin-top: 40px;
    margin-bottom: 15px;
}
.about-us-page-content p {
    font-size: 17px;
    margin-bottom: 1em;
}

/* --- 3. Linha Divisória --- */
.about-us-page-content hr {
    border: 0;
    height: 1px;
    background: #e0e0e0; /* Cinza claro para a linha */
    margin: 70px 0;
}

/* --- 4. Botões de CTA (Estilo Correto da Marca) --- */
.about-us-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 50px;
    flex-wrap: wrap;
}

/* Aplica o estilo de botão correto que já criamos para o resto do site */
.about-us-cta-buttons .elementor-button {
    /* Tipografia e Arredondamento */
    border-radius: 40px !important;
    font-family: "Helvetica", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #000000 !important;
    
    /* Aparência (Fundo Transparente, Borda Preta e Sombra) */
    background-color: transparent !important;
    border: 2px solid #000000 !important;
    box-shadow: 4px 5px 0px 0px #000000;
    
    /* Layout e Transição */
    padding: 12px 25px !important;
    min-width: 250px;
    transition: transform 0.15s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
}

/* Efeito Hover para os botões */
.about-us-cta-buttons .elementor-button:hover {
    background-color: #F0FD8A !important;
    transform: scale(0.98);
    box-shadow: 2px 3px 0px 0px #000000;
}/* End custom CSS */