/* CSS complementar: carregar APÓS style.css e landingPage.css */
.auxilio-conteudo {
    min-width: 0
}

.auxilio-conteudo h2 {
    margin: 0;
    font-family: "Playfair Display", Georgia, serif;
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -.015em
}

.auxilio-conteudo p {
    margin: 16px 0 0;
    font-size: 15px;
    line-height: 1.82
}

.auxilio-conteudo ul,
.auxilio-conteudo ol {
    margin: 22px 0 0;
    padding: 0;
    list-style: none
}

.auxilio-conteudo li {
    position: relative;
    padding: 12px 0 12px 23px;
    font-size: 14px;
    line-height: 1.65
}

.auxilio-conteudo li::before {
    position: absolute;
    left: 0;
    top: 22px;
    width: 8px;
    height: 2px;
    content: ""
}

.ue-card,
.ue-split,
.ue-highlight {
    padding: var(--espaco-secao) 0
}

@media(max-width:767px) {

    .ue-card,
    .ue-split,
    .ue-highlight {
        padding: 44px 0
    }

    .auxilio-conteudo h2 {
        font-size: 1.55rem !important
    }

    .auxilio-conteudo p {
        font-size: 14px;
        line-height: 1.75
    }
}

/* DIVÓRCIO — editorial sóbrio, leve e muito legível */
.ue-card {
    background: var(--branco)
}

.ue-card .auxilio-conteudo {
    max-width: 900px;
    padding: 30px 0 4px 34px;
    border-left: 2px solid var(--azul-principal)
}

.ue-card h2 {
    max-width: 24ch;
    font-size: clamp(1.7rem, 1.25rem + 1.35vw, 2.25rem);
    color: var(--azul-profundo)
}

.ue-card p {
    max-width: 780px;
    color: var(--texto)
}

.ue-card li {
    border-bottom: 1px solid var(--borda);
    color: var(--texto)
}

.ue-card li::before {
    background: var(--azul-principal)
}

.ue-split {
    background: var(--fundo-claro)
}

.ue-split .auxilio-conteudo {
    display: grid;
    grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr);
    gap: 64px;
    align-items: start
}

.ue-split h2 {
    font-size: clamp(1.7rem, 1.25rem + 1.35vw, 2.25rem);
    color: var(--azul-profundo)
}

.ue-split p,
.ue-split ul,
.ue-split ol {
    grid-column: 2;
    margin-top: 0;
    padding: 0 0 18px 32px;
    border-left: 1px solid var(--borda);
    color: var(--texto)
}

.ue-highlight {
    background: var(--azul-profundo);
    color: var(--branco)
}

.ue-highlight .auxilio-conteudo {
    max-width: 920px
}

.ue-highlight h2 {
    font-size: clamp(1.8rem, 1.3rem + 1.4vw, 2.35rem);
    color: var(--branco)
}

.ue-highlight p {
    max-width: 800px;
    color: rgba(255, 255, 255, .76)
}

.ue-highlight li {
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    color: rgba(255, 255, 255, .82)
}

.ue-highlight li::before {
    background: var(--azul-claro)
}

@media(max-width:767px) {
    .ue-card .auxilio-conteudo {
        padding: 22px 0 0 20px
    }

    .ue-split .auxilio-conteudo {
        display: block
    }

    .ue-split p,
    .ue-split ul,
    .ue-split ol {
        padding-left: 0;
        border-left: 0;
        margin-top: 16px
    }
}