/* ============================================================
   CARDS Y GRIDS MÓVIL
   Sistema de Administración de Condominios
   ============================================================
   Contenido:
   - Stats grid (1 columna)
   - Quick actions (1 columna)
   - Report types (1 columna)
   - Directory grid (1 columna)
   - Card genérica (header/body/footer padding)
   - Comunicados (item, header, footer)
   ============================================================ */

@media screen and (max-width: 768px) {
    /* Stats */
    .stats-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .stat-card { padding: 16px !important; }
    .stat-value { font-size: 1.5rem !important; }

    /* Quick actions */
    .quick-actions {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    /* Report types */
    .report-types {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .report-card { padding: 16px !important; }

    /* Directory grid */
    .directory-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    /* Card genérica */
    .card { margin-bottom: 12px !important; }
    .card-header { padding: 14px !important; }
    .card-body   { padding: 14px !important; }
    .card-footer { padding: 12px 14px !important; }

    /* Comunicados */
    .comunicado-item { padding: 14px !important; }

    .comunicado-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .comunicado-footer {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }
}