body{

    background:var(--background);

    color:var(--texto);

    font-family:var(--texto-fonte);

    transition:background-color .35s ease, color .35s ease;

}

/* Troca de tema mais suave nos blocos que têm fundo/borda próprios */

.navbar,
.footer,
.sidebar,
.conta-drawer,
[class*="card"],
[class*="painel"],
section{

    transition:background-color .35s ease, color .35s ease, border-color .35s ease;

}

.container{

    width:min(1200px,92%);

    margin:auto;

}

section{

    padding:90px 0;

}

.grid-2{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:60px;

}

.grid-3{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.grid-4{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

.center{

    text-align:center;

}

.hidden{

    display:none;

}