/* ============================= */
/*     Estilos para About Us     */
/* ============================= */

/* Estilo para o cabeçalho */
.about-header {
    background-color: var(--background-color-secondary); /* Fundo suave */
    color: var(--text-color); /* Cor do texto */
    padding: 5rem;
    text-align: center;
    font-size: 8rem !important;
}

/* Estilo para seções */
.about-section {
    background-color: #ffffff; /* Fundo branco */
    color: var(--text-color); /* Cor do texto */
    padding: 5rem; /* Espaçamento interno */
    border-radius: 2rem; /* Bordas arredondadas */
    box-shadow: 0px 1rem 2rem rgba(0, 0, 0, 0.1); /* Sombra */
    margin: 5rem auto; /* Centralização e espaçamento */
    max-width: 200rem; /* Largura máxima */
    text-align: left; /* Alinha o texto à esquerda */
}

/* Estilo para títulos dentro das seções */
.about-section h2 {
    font-size: 5rem; /* Tamanho do título */
    font-weight: bold; /* Negrito */
    margin-bottom: 4rem; /* Espaçamento inferior */
    color: var(--text-color); /* Cor principal do texto */
}

/* Estilo para parágrafos */
.about-section p {
    font-size: 4rem; /* Tamanho do texto */
    line-height: 1.6; /* Espaçamento entre linhas */
    color: var(--text-color-secondary); /* Cor secundária do texto */
    margin-bottom: 1rem; /* Espaçamento inferior */
}