/* =========================
    RESET GLOBAL
    ========================= */
    * {
        margin: 0;              /* Remove margens padrão */
        padding: 0;             /* Remove espaçamentos internos padrão */
        box-sizing: border-box; /* Inclui padding e border dentro da largura */
    }

    /* =========================
    ESTILO GLOBAL DO SITE
    ========================= */
    body {
        background-color: #f3efe8; /* Cor de fundo geral do site */
    }

    .container-quem-somos {
        width: 100%;                 /* Ocupa toda a largura da tela */
        min-height: 500px;           /* Altura mínima da seção */
        
        background-color: #E6E2D8;   /* Cor de fundo suave */

        display: flex;               /* Ativa o Flexbox */
        flex-direction: column;      /* Organiza os elementos em coluna */

        justify-content: center;     /* Centraliza verticalmente */
        align-items: center;         /* Centraliza horizontalmente */

        text-align: center;          /* Centraliza o texto */

        padding: 80px 20px;          /* Espaçamento interno (topo/baixo | laterais) */
    }

    .tag {
        background-color: #c9d2c6;        /* Cor de fundo suave */
        color: #2b2b2b;                   /* Cor do texto */      
        width: 300px;                     /* Largura fixa */
        height: 50px;                     /* Altura fixa */       
        display: flex;                    /* Ativa Flexbox */
        justify-content: center;          /* Centraliza horizontalmente */
        align-items: center;              /* Centraliza verticalmente */       
        font-size: 20px;                  
        font-family: 'Trajan Pro', serif;       
        border-radius: 30px;              /* Bordas arredondadas */
        border: none;       
        margin: 20px auto;                /* Espaço externo + centraliza */       
        cursor: pointer;                  /* Cursor de botão */
    }


    .titulo {
        font-size: 48px;                 /* Tamanho da fonte */
        font-weight: 500;                /* Peso da fonte (semi-medium) */
        color: #3a2a1a;                  /* Cor marrom escuro elegante */
        line-height: 1.2;                /* Altura entre linhas */
        letter-spacing: 1px;             /* Espaçamento entre letras */
        
        margin: 0 0 20px 0;              /* Espaço apenas abaixo do título */
        
        font-family: 'Trajan Pro', serif; /* Fonte principal + fallback */
    }

    .descricao {
        max-width: 650px;          /* Limita a largura máxima do texto */
        font-size: 18px;           /* Tamanho da fonte */
        color: #7a6f63;            /* Cor do texto */
        line-height: 1.5;          /* Espaçamento entre linhas (mais elegante e legível) */
        text-align: left;          /* Alinhamento do texto */
        text-indent: 40px;         /* Espaço no início da primeira linha */
        margin: 0 auto;            /* Centraliza o bloco horizontalmente */   
        font-family: Questrial, sans-serif;/* Define a fonte */

    }

    /* =========================
    RESPONSIVIDADE
    ========================= */
    @media (max-width: 768px) {

        .titulo {
            font-size: 32px;   /* Reduz tamanho do título em telas menores */
        }

        .descricao {
            font-size: 18px;   /* Reduz tamanho do texto para melhor leitura */
        }

    }


    /* =========================
    IMPORTAÇÃO DA FONTE
    ========================= */
    @font-face {
        font-family: 'Trajan Pro';
        src: url('./fontes/TrajanPro-Bold.otf') format('opentype');
        font-weight: bold;
        font-style: normal;
    }