/* Estilos para el scroll */
html {
    scrollbar-width: thin; /* Para Firefox */
    scrollbar-color: #36B98C #030712; /* Color del thumb y del track */
  }
  
  /* Para navegadores basados en WebKit (Chrome, Edge, Safari) */
  ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }
  
  ::-webkit-scrollbar-track {
    background: #030712; /* Color de fondo del scroll */
    border-radius: 20px; /* Redondeo más suave */
  }
  
  ::-webkit-scrollbar-thumb {
    background: #36B98C; /* Color de la barra de desplazamiento */
    border-radius: 10px;
    transition: background 0.3s ease; /* Transición suave */
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #304166; /* Color cuando se pasa el mouse */
  }