/* ===========================
   Documentos Oficiais
   Scope: body.docs-page
   =========================== */

.docs-page{
    background: #fafafa;
}

/* dá espaço consistente entre o banner e o conteúdo */
.docs-page #container .page-content{
    padding-top: 26px;
}

/* Título e texto introdutório */
.docs-page .classic-title{
    margin-top: 0;
    margin-bottom: 12px;
}

.docs-page .classic-title span{
    font-weight: 800;
}

/* Cards (reaproveita o visual “clean” que já tens) */
.docs-page .jv-card{
    border-radius: 14px;
    border: 1px solid #eee;
    box-shadow: 0 14px 40px rgba(0,0,0,.06);
}

/* Botão */
.docs-page .jv-cta{
    border-radius: 12px;
}

.docs-page .jv-cta small{
    font-size: 12px;
}

/* Ajuste mobile */
@media (max-width: 767px){
    .docs-page #container .page-content{
        padding-top: 18px;
    }
}