@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@layer utilities {
  .delay-500 {
    animation-delay: 0.5s;
  }
  .delay-1000 {
    animation-delay: 1s;
  }
}
::-webkit-scrollbar {
  width: 4px; /* Anchura de la barra de desplazamiento */
}

/* Personalizar el riel de la barra de desplazamiento (el track) */
::-webkit-scrollbar-track {
  background: #1D2124; /* Color de fondo */
}

/* Personalizar el manejo de la barra de desplazamiento (el thumb) */
::-webkit-scrollbar-thumb {
  background: #00A3FF; /* Color del thumb */
  border-radius: 20px;
}

/* Cambiar el color del thumb al pasar el mouse */
::-webkit-scrollbar-thumb:hover {
  background: #00A3FF; /* Color del thumb al hacer hover */
}
body {
  color: rgb(var(--foreground-rgb));
  /* background: linear-gradient(148deg, rgba(196,202,221,1) 0%, rgba(255,255,255,1) 100%); */
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
html{
  font-family: "Poppins", sans-serif;
}

@keyframes Loading{
0%{
  opacity: 1;
  height: 1rem;

}
50%{
  opacity: 0;
  height: 3rem;
}
100%{
  opacity: 1;
  height: 1rem;
}
} 

input::-ms-reveal,
  input::-ms-clear {
    display: none;
  }
.moveCircle{
  animation: moveCircle 10s linear infinite;

}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Oculta las flechas para Firefox */
input[type="number"]::-moz-focus-inner {
  border: 0;
}

input[type="number"] {
  -moz-appearance: textfield; /* Firefox */
  appearance: none; /* Resto de navegadores */
}