/* SOLO MENU RELINDO */

:root{
--color-menuMovil-00: #f9f5db;
--color-menuMovil-verde: #1C5515;

}

#menuMovil {
  display: none;
}

header.header--cabezote--menu_inicio nav#menuMovil a.cerrar{
border: 2px solid var(--color-menuMovil-verde);
padding: 1rem;
text-align: center;
font-size: 1rem;
font-family: Arial;
text-decoration: none;
border-radius: 0.6rem;
color: var(--color-menuMovil-verde);
}

header.header--cabezote--menu_inicio nav#menuMovil a.cerrar:hover{
background-color: var(--color-menuMovil-verde);
color: white;
}

#menuMovil:target {
    width: 85%;
    height: 100vh;
    background-color: white;
    padding: 30px 20px 0px 20px;
    transition: left 0.3s ease-in-out;
    display: block;
    user-select: none;
    z-index: 1;
    position: absolute;
    border-radius: 16px;
    margin: 0 auto;
    border: 2px solid silver;
}

#contenedor--NAV--movil{
display: none;
}

/* Accede a cada elemento <li> contenido 
en la clase .contenedor--LinksMovilPanel.

    Accede a los descendientes <li> 
    de la clase '.contenedor--LinksMovilPanel' del elemento <ul> */
    header.header--cabezote--menu_inicio nav#menuMovil ul[class="contenedor--LinksMovilPanel"] li a {
    list-style-type: none;
    font-family: Arial, sans-serif;
    font-size: 1.35rem;
    line-height: 3rem;
    color: var(--color-menuMovil-verde);
    text-decoration: none;
    }

    header.header--cabezote--menu_inicio ul[class="contenedor--LinksMovilPanel"] li:hover{
    color: var(--color-menuMovil-verde);
    text-decoration: underline;
    text-underline-offset: 3.5px;
    text-decoration-thickness: 2px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    }

    header.header--cabezote--menu_inicio ul[class="contenedor--LinksMovilPanel"] li{
    list-style-type: none;
    }

/* Contenedor de links movil */
.contenedor--LinksMovilPanel {
margin: 0px;
padding: 0px;
}