/* Scrollbar en modo claro - navegadores WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }
  
  ::-webkit-scrollbar-track {
    background: #f1f5f9; /* pista clara */
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: #94a3b8; /* gris medio */
    border-radius: 6px;
    border: 2px solid #f1f5f9; /* separación visual */
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background-color: #64748b; /* al hacer hover */
  }