/* ===== INÍCIO — Fonte principal ===== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap'
);

/* ===== FIM — Fonte principal ===== */



/* ===== INÍCIO — Eyebrow ===== */

.eyebrow {

    font-size:
        var(--font-eyebrow);

    letter-spacing:
        .18em;

    text-transform:
        uppercase;

    color:
        var(--muted);

    margin-bottom:
        var(--space-eyebrow);

    display:
        flex;

    align-items:
        center;

    gap:
        9px;
}


.eyebrow:before {

    content:
        "";

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        var(--terracotta);

}

/* ===== FIM — Eyebrow ===== */



/* ===== INÍCIO — Títulos de seção ===== */

h2 {

    font-size:
        var(--font-section-title);

    line-height:
        1.04;

    letter-spacing:
        -.055em;

    margin:
        0 0 var(--space-heading);

    font-weight:
        600;

}

/* ===== FIM — Títulos de seção ===== */



/* ===== INÍCIO — Texto de destaque ===== */

.lead {

    font-size:
        var(--font-lead);

    line-height:
        1.5;

    max-width:
        var(--text-max);

    color:
        #434a47;

}

/* ===== FIM — Texto de destaque ===== */