/* TeAvisa — Estilos personalizados */
/* Este archivo complementa las utilitys de Tailwind CDN */

/* ─── Colores WhatsApp ─── */
.text-whatsapp-green { color: #25D366; }
.bg-whatsapp-green { background-color: #25D366; }
.bg-whatsapp-green\/10 { background-color: rgba(37, 211, 102, 0.1); }
.bg-whatsapp-green\/20 { background-color: rgba(37, 211, 102, 0.2); }
.border-whatsapp-green { border-color: #25D366; }
.ring-whatsapp-green { --tw-ring-color: #25D366; }
.shadow-whatsapp-green { --tw-shadow-color: #25D366; }

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

/* ─── Focus visible para accesibilidad ─── */
:focus-visible {
  outline: 2px solid #25D366;
  outline-offset: 2px;
}

/* ─── Botones activos ─── */
button:active {
  transform: scale(0.98);
}