:root{
    --color_principal:#0076A5;
}
header {
    position: sticky;
    top: 0; /* Esto hace que se pegue a la parte superior del área visible */
    background-color: #f8f9fa; /* Asegúrate de que tu cabecera tenga un fondo para que el contenido no se vea a través */
    z-index: 1000; /* Asegura que la cabecera permanezca por encima de otro contenido */
    width: 100%; /* Importante para que ocupe todo el ancho cuando esté fijo */
    background-color: var(--color_principal);
}
header .navbar a{
    color: #fff;
}
.navbar-toggler {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar-toggler i{
    margin: 0.15em 0.3em;
    color: #fff;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
}
.nav-link:focus, .nav-link:hover {
    color: #fff;
}