html:has(.menuOn) {
 overflow-y: hidden; 
}


#menu-borderlands{display:none;width: 0;height: 0;z-index:-1;}
#menu-borderlands.menuBorderlandsOn{display:block;position: fixed; top:0; left:0;width: 100vw;height: 100vh;z-index:2; background-color:rgba(4, 4, 4, 0.4);}
header{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: fit-content; 
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
   border-bottom: solid 1px #60606047; 
}
header > nav { 
   height: 0px;
   overflow:hidden;
   transition:0.3s;
}  
.menuOn > nav {
   height: fit-content;
   margin-top:30px;
   margin-bottom:30px;
   transition:0.3s; 
}
header > nav > ul{
   padding: 0px;
   margin: 0px;
   display: flex; 
   flex-direction: column; 
   justify-content: center;
   width: 100%; 
   text-align: left;
   padding-left: 15px;
}
header > nav > ul > li{ 
   
}
header > nav > ul > li > a > span, header > nav > ul > li > span{
   position: relative;
   width: auto;
   padding:10px 10px 10px 10px;  
   display: inline-block; 
   cursor:pointer;
}
header > nav > ul > li > a > span::after, header > nav > ul > li > span::after {
   content: '';
   position: absolute;
   /* left: 25%; */
   left: 10px;
   bottom: 8px;
   width: 0;
   height: 1px;
   background-color: #d5c29e;
   transition:0.5s;
}
header > nav > ul > li > a > span:hover::after, header > nav > ul > li > span:hover::after{
   /* width: 50%; */
   width: 30px;
   transition:0.5s;
}
/* submenú */
.subopcionTitreOn::after{
   width: 30px;
   transition:0.5s;
}
.submenu-content{
   padding-left:0px;
   position: relative;
   /* top: 40;
   left: 0;  */
   padding-left: 25px;
   overflow:hidden;
   display: none;
} 
.subopcionTitreOn+.submenu-content{
   display: block;
}
.submenu-content > li > span, .submenu-content > li > a > span{
   position: relative;
   width: auto;
   padding-bottom:10px;  
   display: inline-block; 
   cursor:pointer;
}
.submenu-content > li > span::after, .submenu-content > li > a > span::after{
   content: '';
   position: absolute;
   right: 10%;
   bottom: 8px;
   width: 0;
   height: 1px;
   background-color: #d5c29e;
   transition:0.5s;
}
.submenu-content > li > span:hover::after, .submenu-content > li > a > span:hover::after{
   width: 35%;
   transition:0.5s;
}
 
/* burguer */
header > #menu-burger{ 
   position: relative; 
   width: 100%;
   height: 50px;
   margin-left: auto;
   margin-right: auto; 
   text-align: center; 
} 
.menuOn > #menu-burger{   
   border-bottom: solid 1px #b1c696;
}  
header > #menu-burger > span{   
    width: auto;
    height: 50px;
    padding-top: 8px;
    cursor: pointer;
    font-size: 22px; 
} 
 
#abrir-menu {display:inline-block;} 
.menuOn #abrir-menu {display:none;} 
#cerrar-menu {display:none;}
.menuOn #cerrar-menu {display:inline-block;}
/* social */
header > .menu-2-social{ 
   position: fixed;
   top: 6px; 
} 
header > .menu-2-social > a > span, header > .menu-2-social > span{ 
   display: inline-block;
   width: auto;
   height: 35px; 
   padding-left:1px;
} 
header > .menu-2-social > a > span:hover, header > .menu-2-social > span:hover{   
   padding-left: 0px; 
} 
header > .menu-2-social > a > span om-icon-phone-1, 
header > .menu-2-social > a > span om-icon-facebook, 
header > .menu-2-social > a > span om-icon-instagram, 
header > .menu-2-social > span om-icon-map-1{ 
   width: 26px;
} 
header > .menu-2-social > a > span:hover om-icon-phone-1, 
header > .menu-2-social > a > span:hover om-icon-facebook, 
header > .menu-2-social > a > span:hover om-icon-instagram, 
header > .menu-2-social > span:hover om-icon-map-1{ 
   width: 28px;
}  
/* fin - social */ 
 
@media only screen and (min-width: 576px) {
   header > nav > ul{ 
      padding-left: 15px;
   }
   .submenu-content{
      padding-left: 40px;
   }
}
@media only screen and (min-width: 992px) {
html:has(.menuOn) {
 overflow-y: unset !important; 
}
#menu-borderlands{display:none;width: 0;height: 0;z-index:-1;}
#menu-borderlands.menuBorderlandsOn{display:none;width: 0;height: 0;z-index:-1;}

header{ 
   top: 0; 
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
   border-top: unset;
   /* border-bottom: solid 1px #888; */
} 

header > nav,.menuOn > nav {
   height: fit-content;
   margin-top: unset;
   margin-bottom: unset;
   overflow:unset;
   transition:unset; 
}
header > nav > ul{ 
   flex-direction: row;  
   text-align: center;
   padding-left: 0px;
}
header > nav > ul > li{ 
   
}
header > nav > ul > li > a > span, header > nav > ul > li > span{
   padding:13px;  
   display: block;
   transition:0.5s;
}
header > nav > ul > li > a > span:hover, header > nav > ul > li > span:hover{ 
   
} 

header > nav > ul > li > a > span::after, header > nav > ul > li > span::after { 
   left: 25px; 
}
header > nav > ul > li > a > span:hover::after, header > nav > ul > li > span:hover::after{ 
   width: 30px;   
}
 
/* submenú */
.submenu-content{
   position: absolute;
   top:56px; 
   left: 50%; 
   min-width: calc(100% + 25px);
   padding: 25px;
   transform: translatex(-50%);
} 

header > #menu-burger{
   display: none;
   overflow: hidden;
}

/* social */
header > .menu-2-social{   
   top: 2px; 
} 
header > .menu-2-social > a > span, header > .menu-2-social > span{  
   width: auto;
   height: 50px;
   padding-left: 5px;
   padding-top: 8px;
} 
header > .menu-2-social > a > span:hover, header > .menu-2-social > span:hover{   
   padding-left: 3px; 
} 
header > .menu-2-social > a > span om-icon-phone-1, 
header > .menu-2-social > a > span om-icon-facebook, 
header > .menu-2-social > a > span om-icon-instagram, 
header > .menu-2-social > span om-icon-map-1{ 
   width: 26px;
} 
header > .menu-2-social > a > span:hover om-icon-phone-1, 
header > .menu-2-social > a > span:hover om-icon-facebook, 
header > .menu-2-social > a > span:hover om-icon-instagram, 
header > .menu-2-social > span:hover om-icon-map-1{ 
   width: 28px;
}  
/* fin
/* fin - social */ 
}