/* Estilos globales complementarios a Tailwind */

html {
  scroll-behavior: smooth;
}

/* Ocultar flechas en inputs number */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Transición suave en imágenes de producto */
img {
  transition: opacity 0.2s ease;
}

/* Scrollbar personalizado (webkit) */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}