.contenedor-navegacion {
    /* background-color: rgba(0, 128, 0, 0.215); */
    width: var( --ancho-pagina );
    height: 8%;
    display: flex;
    /* El borde no se pega tanto al menu navegacion */
    gap: 1rem;
    align-items: center;
}

.contenedor-borde {
    background-color: var( --gris-oscuro );
    height: 50%;
    border-radius: 8px;
    background-image: var(--franjas-estilo);
    background-size: 90px 100%;
    background-repeat: no-repeat;
    /* El borde se estira para llenar todo sin pisar al menu navegacion */
    flex-grow: 1;
}

nav {
    display: flex;
    gap: 2rem;
    
    & a {
        text-decoration: none;
        color: var( --rojo-fuente );
    }

}