/* Barra de navegación */
.navbar {
    width: 100%;
    background-color: #2a62c2; /* Color de fondo de la barra */
    color: white;

}

.navbar ul {
    display: flex;
    justify-content: center; /* Centra los elementos en la barra */
    padding: 0;
    margin: 0;
    list-style: none;
}

.navbar li {
    margin: 0 15px; /* Espacio entre cada enlace */
}

.navbar a {
    color: #e11313; /* Color del texto */
    text-decoration: none;
    font-size: 1em;
    padding: 15px 25px;
    display: block;
    transition: color 0.3s ease, transform 0.3s ease;
}

.navbar a:hover {
    color: #F7931A; /* Color de resaltado al pasar el cursor */
    transform: scale(1.1);
}
/* Barra de navegación */
.navbar {
    width: 100%;
    background-color: #111721; /* Color de fondo de la barra */
    display: flex;
    justify-content: center; /* Centra el navbar en pantallas grandes */
}

.navbar ul {
    display: flex;
    justify-content: center; /* Centra los elementos en la barra */
    padding: 0;
    margin: 0;
    list-style: none;
}

.navbar li {
    margin: 0 15px; /* Espacio entre cada enlace */
}

.navbar a {
    color: #ffffff; /* Color del texto */
    text-decoration: none;
    font-size: 1em;
    padding: 15px 25px;
    display: block;
    transition: color 0.3s ease, font-size 0.3s ease;
}