/* Contenedor del menú */
    .menu {
        background-color: #173b65;
        padding: 15px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    /* Enlaces del menú */
    .menu a {
        color: white;
        text-decoration: none;
        padding: 12px 16px;
        border-radius: 6px;
        transition: background-color 0.3s;
    }

    /* Cambia el fondo con el cursor o el teclado */
    .menu a:hover,
    .menu a:focus-visible {
        background-color: #3067a5;
    }

    /* Enlace de la página actual */
    .menu a.activo {
        background-color: #3067a5;
        font-weight: bold;
    }