/* Este archivo es para ESTILOS PERSONALIZADOS.
  No se usa para las clases de utilidad de Tailwind (ej. flex, text-white, etc).
  Es perfecto para cosas como:
  - Estilos de scroll-behavior.
  - Ocultar scrollbars (como ya tienes).
  - Definir estilos complejos que Tailwind no cubre.
*/

/* Estilos adicionales para un scroll suave */
html {
    scroll-behavior: smooth;
}

/* Ocultar scrollbar en el cuerpo del modal (para Webkit) */
.modal-body::-webkit-scrollbar {
    display: none;
}

/* Ocultar scrollbar (para Firefox) */
.modal-body {
    -ms-overflow-style: none;  /* IE y Edge */
    scrollbar-width: none;     /* Firefox */
}