84884ccO/* Estilo para el scrollbar en navegadores WebKit (Chrome, Brave, Safari, Opera, Opera GX, Edge) */
::-webkit-scrollbar {
  width: 1em; /* Usamos 'em' en lugar de 'px' */
}

::-webkit-scrollbar-track {
  background: #444; /* Fondo oscuro para la pista */
}

::-webkit-scrollbar-thumb {
  background-color: #181818; /* Color del pulgar de la barra */
  border-radius: 0.5em; /* Bordes redondeados */
  border: 0.2em solid transparent; /* Bordes transparentes */
  background-clip: padding-box; /* Evita que el borde se mezcle con el color */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #141414; /* Color al pasar el ratón */
}

/* Media query para pantallas más pequeñas */
@media (max-width: 768px) {
  ::-webkit-scrollbar {
    width: 0.8em; /* Reduce el ancho del scrollbar */
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 0.4em; /* Bordes más pequeños */
  }
}

/* Media query para pantallas extra pequeñas */
@media (max-width: 480px) {
  ::-webkit-scrollbar {
    width: 0.6em; /* Scrollbar aún más fino */
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 0.3em;
  }
}

/* Firefox - Estilo alternativo para scrollbars en Firefox */
scrollbar {
  width: 1em;
}

scrollbar-track {
  background: #444;
}

scrollbar-thumb {
  background-color: #181818;
  border-radius: 0.5em;
  border: 0.2em solid transparent;
  background-clip: padding-box;
}

scrollbar-thumb:hover {
  background-color: #141414;
}

/* Internet Explorer y Edge Legacy */
::-ms-scrollbar {
  width: 1em;
}

::-ms-scrollbar-track {
  background: #444;
}

::-ms-scrollbar-thumb {
  background-color: #181818;
  border-radius: 0.5em;
  border: 0.2em solid transparent;
  background-clip: padding-box;
}

::-ms-scrollbar-thumb:hover {
  background-color: #141414;
}