/* ======================================================
   ESTILOS APENAS PARA DISPOSITIVOS TABLET
   ====================================================== */

@media (min-width: 769px) and (max-width: 1024px) {

    /* --- AJUSTES GERAIS --- */
    .main-content {
        padding: 20px; /* Um pouco menos de padding que no desktop */
    }

    /* --- AJUSTE NOS CARDS DO DASHBOARD --- */
    .cards-container {
        /* Força no máximo 3 colunas em telas de tablet */
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }

    .card-content h3 {
        font-size: 0.9rem;
    }

    .card-content p {
        font-size: 1.8rem;
    }

    /* --- AJUSTE NO TÍTULO DO CABEÇALHO --- */
    .main-header h1, .main-header div > h1 {
        font-size: 1.5rem;
    }
}