/* ============================================
   COMUNICADOS - MOBILE (<768px)
   Sistema de Administración de Condominios
   ============================================

   CONTENIDO:
   - Stats panel: repeat(4,1fr) → repeat(2,1fr)

   ============================================ */

/* ============================================
   STATS PANEL
   ============================================ */

/* ============================================
   HEADER - TÍTULO
   ============================================ */

@media screen and (max-width: 768px) {
    #moduleContainer[data-module="comunicados"] h2 {
        font-size: 20px !important;
        color: #0a2463 !important;
        font-weight: 700 !important;
        margin: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    #moduleContainer > div:first-child h2 {
        font-size: 1.2rem !important;
    }
}

/* ============================================
   STATS PANEL
   ============================================ */

@media screen and (max-width: 768px) {
    /*
     * Stats de comunicados: repeat(4,1fr) → 2 columnas.
     * SCOPE: limitado a [data-module="comunicados"] para no
     * afectar otros módulos con grids de 4 columnas.
     * NOTA: global/mobile.css Grupo B cubre el caso general (→ 1 col).
     * Esta regla sobreescribe a 2 cols dentro de comunicados.
     */
    #moduleContainer[data-module="comunicados"] div[style*="grid-template-columns: repeat(4, 1fr)"],
    #moduleContainer[data-module="comunicados"] div[style*="grid-template-columns:repeat(4, 1fr)"],
    #moduleContainer[data-module="comunicados"] div[style*="grid-template-columns:repeat(4,1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}