/* Estilo general del scrollbar */
:root {
    --naranja: #ef7f1b;
    --azul: #1b90cd;
    --azul-grisaceo: #192c51;
    --azul-acero: #2f5289;
    --negro: #000000;
    --cafe: #683409;
    --blanco: #fff;
    --gris: #F0F0F0;

    --desvanecido: #e2e2e2;

    --opens: "Open sans";
    --anton: "Anton";
    --montserrat: "Montserrat";

    --ancho: 1300px;
}

::-webkit-scrollbar {
    width: 10px; /* ancho vertical */
    height: 10px; /* alto horizontal */
    z-index: 99;
}  

  /* Fondo de la barra */
  ::-webkit-scrollbar-track {
    background: #f0f0f0; 
  }
  
  /* Color de la parte desplazable */
  ::-webkit-scrollbar-thumb {
    background: var(--azul); 
    border-radius: 4px;
  }
  
  /* Color al hacer hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--blanco);
  }
  

/* En Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--azul) #f0f0f0;
}