html {
    scroll-behavior: smooth;
}

/* Ocultar barra de scroll en elementos donde no sea necesaria visualmente */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Estados de error en inputs */
.input-error {
    border-color: #ef4444 !important; /* Tailwind red-500 */
    box-shadow: 0 0 0 2px #fecaca !important; /* Tailwind red-200 */
}

/* Animaciones personalizadas si Tailwind config falla por alguna razón de carga */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}