/* PA'L MUNDO — Icon System: utilidades de uso
   Los íconos usan currentColor, así que heredan el color del texto
   por defecto. Estas clases son para cuando necesitas forzar un color
   de marca específico (ej. el sello Verificado siempre en lime). */

.pm-icon{
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}
.pm-icon--sm{ width:18px; height:18px; }
.pm-icon--lg{ width:32px; height:32px; }

/* Colores de marca — usar solo cuando el ícono representa un estado
   semántico específico, no como decoración general */
.pm-icon--lime      { color:#7BF004; }  /* verificado, éxito, confirmación */
.pm-icon--flamingo  { color:#FC05B8; }  /* alertas, error, favoritos activos */
.pm-icon--lemon     { color:#F7F200; }  /* nuevo, destacado */
.pm-icon--tangerine { color:#FA6B05; }  /* flash sale, urgencia */
.pm-icon--azure     { color:#0AA9E0; }  /* info, comunicación, soporte */
.pm-icon--purple    { color:#6B35D9; }  /* premium, plan superior */
.pm-icon--white     { color:#FFFFFF; }  /* navegación estándar sobre fondo negro */
.pm-icon--muted     { color:rgba(255,255,255,0.55); } /* inactivo/deshabilitado */

/* Guía rápida de qué color va con qué familia, por defecto:
   01 Navegación   → white (o muted si inactivo)
   02 Acciones     → white
   03 Ubicación    → white / lime si es "mi ubicación" activa
   04 Negocios     → white (heredan el color de categoría si aplica)
   05 Estados      → verificado=lime, destacado=lemon, patrocinado=tangerine
   06 Productos    → white
   07 Reputación   → estrella llena=lemon, estrella vacía=muted
   08 Promociones  → tangerine (urgencia/promo)
   09 Pagos        → white / lime en "pago seguro"
   10 Contenido    → white
   11 Comunicación → azure (whatsapp puede ir en su verde de marca si prefieres)
   12 Sistema      → error=flamingo, resto=white/muted
   13 Local        → lime (es la identidad de marca más fuerte) */