@import url('./variables.css');

html,
body {
  margin: 0;
  padding: 0;
}

nav {
  display: block !important;
  margin-top: 0 !important;
  height: 6rem;
  z-index: 2;
  position: static !important; 
}

hr {
  margin: 0 !important;
  margin-top: 3rem;
  margin-bottom: 3rem !important;
}

.tab-content {
  padding: 0 !important;
  border: none !important;
}


/* Elimina el borde y espacio alrededor de la barra de scroll */
::-webkit-scrollbar {
  width: 4px;
  /* Ancho de la barra de desplazamiento */
  height: 4px;
  /* Altura de la barra de desplazamiento horizontal */
}

/* Estilo para el fondo de la barra de desplazamiento */
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  /* Color de fondo de la pista */
  border-radius: 0px;
  /* Bordes redondeados */
}

/* Estilo para el pulgar de la barra de desplazamiento (la parte que se mueve) */
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  /* Color del pulgar */
  border-radius: 0px;
  /* Bordes redondeados */
}

/* Estilo cuando el usuario pasa el cursor sobre el pulgar */
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.6);
  /* Color más oscuro al pasar el cursor */
}

/* Para la barra de desplazamiento horizontal */
::-webkit-scrollbar-thumb:horizontal {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0px;
}