:root {
    --grunner-green: #395A32;
    --font-title: 'Inter', sans-serif;
    --font-body: 'Lato', sans-serif;
    --text-dark: #212529;
    --text-body: #495057;
}

body {
    background-color: #f8f9fa !important;
    font-family: var(--font-body), sans-serif !important;
}

h1.display-4 {
    /* Cor e Fonte */
    color: #212529; /* Um preto suave, como na imagem */
    font-family: 'Inter', sans-serif; /* Fonte forte e moderna */
    
    /* Tamanho e Peso */
    font-size: 3rem; /* Tamanho grande e impactante */
    font-weight: 800; /* Peso "ExtraBold" ou "Black" para a fonte Inter */
    
    /* Formato e Espaçamento */
    text-transform: uppercase; /* Garante que o texto esteja em caixa alta */
    letter-spacing: 0.05em;  /* Adiciona um leve espaçamento entre as letras */
    text-align: center; /* Centraliza o título */
    
    /* Margens */
    margin-top: 5rem; /* Espaço acima do título */
    margin-bottom: 3rem; /* Espaço abaixo do título */
}

.card {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    border: 1px solid #e9ecef;
}

.card .card-header.bg-success {
    background-color: var(--grunner-green) !important;
}

.document-section {
    background-color: #fff;
    padding: 2rem 2.5rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    border: 1px solid #e9ecef;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

.document-section h2 {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 1.75rem;
    color: var(--text-dark);
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
        border-bottom: 2px solid var(--grunner-green);
    }

    .content-body p {
        font-size: 1.05rem;
        line-height: 1.8;
        color: var(--text-body);
        text-align: left;
        margin-bottom: 1.5rem;
    }

    .content-body .custom-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 1.5rem;
    }

    .content-body .custom-list li {
        position: relative;
        padding-left: 1.5rem;
        margin-bottom: 0.75rem;
        line-height: 1.7;
        color: var(--text-body);
        text-align: left;
}

.content-body .custom-list li::before {
    content: '–';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--text-dark);
    font-weight: 700;
}

.content-body strong {
    color: var(--text-dark);
}