/* styles.css - Pequeños ajustes para complementar Tailwind */

/* Ocultar scrollbar en los chips pero mantener scroll */
.categories-nav {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.categories-nav::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

/* Efecto suave para el Sticky Header */
.categories-nav.sticky {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Ajustes de scroll suave para anclajes */
html {
    scroll-behavior: smooth;
}

/* Ajuste para que el input zoom no rompa el layout en iOS */
@media screen and (max-width: 768px) {
    input, select, textarea {
        font-size: 16px !important;
    }
}