/* Scroll personalizado para navegadores WebKit */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background-color: #007bff;
  border-radius: 6px;
  border: 2px solid #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #0056b3;
}

/* Estilo para contenido largo que permita el scroll */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  height: 100vh;
  overflow-y: scroll;
}

.contenido {
  padding: 20px;
  max-width: 800px;
  margin: auto;
}