/* GLOBAL */
html, body { max-width:100%; overflow-x:hidden; }
* { box-sizing:border-box; }

/* PAGE */
.formacao-page {
    display:flex;
    flex-direction:column;
    gap:32px;
}

/* HERO */
.formacao-hero {
    background:
        linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)),
        url("/images/fundo.jpeg") center center / cover no-repeat;
    background-color:#000;
    color:#fff;
    padding:36px 20px;
    border-radius:14px;
}

.formacao-hero h1 {
    font-size:26px;
    margin-bottom:10px;
}

.formacao-hero p {
    font-size:14px;
    line-height:1.5;
}

/* CONTEÚDO */
.formacao-grid {
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
}

.formacao-card {
    background:#fff;
    padding:20px;
    border-radius:14px;
    border-left:4px solid #dc2626;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.formacao-card.destaque {
    background:#fef2f2;
    border-left-color:#b91c1c;
}

.formacao-card h3 {
    font-size:16px;
}

.formacao-card span {
    font-size:13px;
    font-weight:600;
    color:#7f1d1d;
}

.formacao-card p {
    font-size:14px;
    line-height:1.5;
    color:#334155;
}

.btn-doc {
    margin-top:auto;
    display:inline-block;
    text-align:center;
    padding:10px;
    background:#dc2626;
    color:#fff;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
}

.btn-doc:hover {
    background:#b91c1c;
}

/* DESKTOP */
@media (min-width:1024px) {
    .formacao-hero {
        padding:60px 40px;
    }

    .formacao-hero h1 {
        font-size:34px;
    }

    .formacao-grid {
        grid-template-columns:repeat(2, 1fr);
        gap:32px;
    }
}