/* Dentro de static/css/section-title.css - SUBSTITUA TODO O CONTEÚDO */

.section-title-wrapper {
    margin-top: -45px;

    /* Prepara para o empilhamento e garante que ele fique na FRENTE */
    position: relative;
    z-index: 2; /* Define como a camada de cima */

    /* Adicionamos um espaçamento inferior para empurrar o conteúdo seguinte para baixo */
    margin-bottom: 60px;
}

.section-title-pill {
    background: linear-gradient(270deg, rgba(115, 115, 115, 1) 0%, rgba(23, 56, 107, 1) 100%);;
    color: var(--cor-branca);

    /* Controla o tamanho da pílula */
    padding: 4vh 8vw;
    height: auto; /* Altura automática baseada no padding e conteúdo */

    border-radius: 0 50px 50px 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);

    /* Centraliza a pílula horizontalmente */
    display: table; /* Truque para centralizar com margem automática */

    text-align: center;
    white-space: nowrap;
}

.section-title-pill h2 {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
}