/* =====================================================================
   AGGalvão · Componente — Cartões e grade
   ===================================================================== */

.cartao {
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
}
.cartao-cabecalho {
    padding: .85rem 1.1rem;
    border-bottom: 1px solid var(--borda);
    display: flex; align-items: center; gap: .75rem; flex-wrap: wrap;
}
.cartao-cabecalho h2, .cartao-cabecalho h3 { flex: 1; min-width: 0; }
.cartao-corpo   { padding: 1.1rem; }
.cartao-rodape  {
    padding: .7rem 1.1rem; border-top: 1px solid var(--borda);
    background: var(--superficie-2);
    border-radius: 0 0 var(--raio) var(--raio);
    font-size: .78rem;
}

.grade { display: grid; gap: 1rem; }
.grade-2 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.grade-3 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }