/*HEADER*/
.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav {
    display: flex;
    justify-items: flex-end;
    background: url(imagenes/fondo.jpg);
    background-size: content;
    height: 12em;

}

.navegacion {
    background-color: rgba(255, 248, 220)
}

/* Estilos de la barra de navegación */
nav ul {
    list-style: none;
    display: flex;
    align-items: center;
}

nav a {
    color: #6e6d6d;
    text-decoration: none;
}

.li-principal {
    font-size: larger;
    font-weight: bold;
    color: red !important;
}

.li-submenu {
    font-size: medium;
    font-weight: normal;
    color: #6e6d6d !important;
}

.nav-item {
    color: #6e6d6d !important;
}

/* Estilos del menú desplegable y submenú */
.dropdown {
    position: relative;
}

.dropdown .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #e9e5e5;
    padding: 10px;
    color: black;
}

.dropdown:hover .submenu {
    display: block;
}

/* Cambiar el color del enlace al pasar el ratón por encima */
nav a:hover {
    text-decoration: underline;
}

/* Cambiar el color del enlace al pasar el ratón por encima */
nav a:hover {
    text-decoration: underline;
}
@media only screen and (max-width: 600px) {
    
    nav {
        display: flex;
        justify-items: flex-end;
        background: url(imagenes/multimarca3.png);
        height: 7em;
        width: 100%;
        background-size: cover;   
    }
    

}