/* GrupoDirectorio — CSS base (Tailwind se carga vía CDN en layout.php) */
/* Este archivo se usará cuando compiles Tailwind con el CLI standalone para producción */

/* Variables de color personalizadas */
:root {
  --color-telegram: #0088cc;
  --color-whatsapp: #25D366;
  --color-primary: #7c3aed;   /* violet-600 */
  --color-primary-dark: #6d28d9;
}

/* Transiciones globales */
*, *::before, *::after {
  transition-property: color, background-color, border-color, box-shadow, transform, opacity;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Badge platform */
.badge-telegram { background-color: var(--color-telegram); color: #fff; }
.badge-whatsapp { background-color: var(--color-whatsapp); color: #fff; }

/* Scrollbar sutil */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }