/* Menu principal */
.main-menu{font-family: var(--menu-font);min-width: 65px;font-size:1.5em;opacity: 1;transition: opacity 0.3s}
.bgtransparent .main-menu{color:#fff}
.main-menu ul{position:relative;padding:0;white-space:nowrap;list-style:none}
.main-menu>ul{background:inherit;display:flex;align-items:center;justify-content:center;gap:1em;width:100%}
.main-menu li{display:inline-block;white-space:nowrap;position:relative;background-color:transparent;transition:background 0.3s, color 0.3s;max-width:100%;border-radius:10px;font-weight:bold;text-transform:uppercase;transforms: skewX(350deg);    border-top-right-radius: 5px;border-bottom-left-radius: 5px;}
.main-menu li:hover{background-color: var(--background-blue-color)}
.main-menu li a{position: relative;display:inline-block;padding:0 1em;cursor:pointer;vertical-align:top;box-sizing:border-box;color:inherit;line-height:40px}
.main-menu li span.text{display: inline-block;max-width: 100%;overflow: hidden;vertical-align: top;text-overflow: ellipsis;padding: 0 1px}
.main-menu li.icon{width:130px;position:relative;height:calc(30px + 0.6em);padding:0}
.main-menu li.icon a{display:block;width:100%;height:100%;position:relative;padding:0}
.main-menu li.icon a img{position:absolute;max-width:100%;height:auto;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
.main-menu li.icon span.text{display:none}

#main-menu>UL>li.option-hide{display:none}

/* Menu overflow */
.main-menu .more-button>a {display:inline-block;position:relative;white-space:nowrap}
/*
.main-menu .more-button>a>.text:after{display:inline-block;content:"\25BE";margin-left:0.3em;font-size: 30px;vertical-align: top}
*/
.main-menu .more-panel{position:absolute;max-height:500px;overflow:auto;padding:4px}
.main-menu .more-list li{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}
.main-menu .more-list a{display:block}

.page-header-collapsed #page-header-container>#header-follow-us{opacity: 0;visibility: hidden}
.page-header-collapsed #page-header-container>.main-menu{opacity: 0}

/* Sub menú */
UL.vsmmenu{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text}
UL.vsmmenu LI.more-button .more-panel,
UL.vsmmenu UL.vsmmenu{background-color:#fff;color:var(--background-third-color);margin-left:-10000px;opacity: 0;border-radius: var(--border-radius);padding:17px 10px;margin-top: 15px;position:absolute;float:left;left:50%;transform: translate(-50%,0);-webkit-transition:opacity 300ms linear 0ms,margin-left 0ms linear 300ms;-moz-transition:opacity 300ms linear 0ms,margin-left 0ms linear 300ms;transition:opacity 300ms linear 0ms,margin-left 0ms linear 300ms}
UL.vsmmenu LI.more-button .more-panel{margin-top: 0;background-color:transparent}
UL.vsmmenu LI.mitem:hover>UL.vsmmenu{transition: margin-left 0ms,opacity 300ms;-webkit-transition: margin-left 0ms,opacity 300ms;-moz-transition:margin-left 0ms,opacity 300ms} 
UL.vsmmenu LI.more-button UL:before,
UL.vsmmenu LI.mitem UL.vsmmenu:before{content:"";box-shadow:0 0 5px rgba(0,0,0,.5);position:absolute;left:50%;top:0;width:20px;height:20px;background:#fff;transform:translate(-50%,calc(-100% + 10px)) rotate(45deg);z-index:1;transition:none}
UL.vsmmenu LI.more-button UL:after,
UL.vsmmenu LI.mitem UL.vsmmenu:after{content:"";position:absolute;left:50%;top:0;width:33px;height:17px;background:#fff;transform:translate(-50%,0);z-index:1}
UL.vsmmenu LI .dropdown-panel LI.mitem{transform:skew(0);display:block;color:inherit;border-radius: 5px;background-color:transparent;transition: background 0.3s, color 0.3s} 
UL.vsmmenu LI .dropdown-panel LI.mitem A{display: block;font-size: 0.9em;border-radius: 0}    
UL.vsmmenu LI .dropdown-panel LI.mitem A.mitem{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select: none;user-select:none}       
UL.vsmmenu LI .dropdown-panel LI.mitem A.ddb{display: none}
UL.vsmmenu LI .dropdown-panel LI.mitem:hover{background-color:var(--background-third-color);color:#fff} 
UL.vsmmenu LI .dropdown-panel LI.mitem A:not(.ddb):before{background-color:transparent}
UL.vsmmenu LI .dropdown-panel LI.mitem A:not(.ddb):hover:before{background-color:transparent}

UL.vsmmenu LI.mitem A.mitem{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select: none;user-select:none}  
/*UL.vsmmenu LI.mitem A.dd{padding-right: 30px}*/       
/*
UL.vsmmenu LI.mitem A.ddb{padding: 0;position: absolute;right: calc(0.5em - 7px);width: 30px;height: 15px;display: flex;justify-content: center;align-items: center;top: 50%;transform: translate(0,-50%);background: transparent}       
*/
UL.vsmmenu LI.mitem A.ddb{display:none}       
UL.vsmmenu LI.mitem A.ddb span.ddb{display: none}
/*
UL.vsmmenu LI.mitem.arrow>A:after{content: "\25BE";font-size: 30px}        
UL.vsmmenu LI.mitem A.ddb:before{content: "\25BE";font-size: 30px}     
*/  
UL.vsmmenu LI.mitem.arrow .ddb{display: none}  
.main-menu-panel.dropdown-panel UL.vsmmenu A.ddb{display: none}
/* Flecha de menu cropdown */
/*UL.vsmmenu LI.mitem.arrow>a:after{content: "";display: inline-block;width: 9px;height: 9px;border: solid;border-width: 0 2px 2px 0;position: absolute;top: 50%;right: 5px;transform: rotate(45deg) translate(0, -50%);border-color: inherit;color: inherit;opacity: 0.8;transition: transform 0.2s}*/

UL.vsmmenu LI.more-button .more-panel.vsm-ddp,
UL.vsmmenu LI.mitem:hover>UL.vsmmenu,
UL.vsmmenu LI.mitem.visible>UL.vsmmenu{margin-left: 0px;opacity: 1;z-index: 0;left: 50%;transform: translate(-50%,0)}

UL.vsmmenu LI.more-button .more-panel.vsm-ddp UL{margin: 0;opacity: 1;position: unset;padding: 0 0 0 1em;white-space: normal;color: #999;float: none;box-shadow: none} 
UL.vsmmenu LI.more-button .more-panel.vsm-ddp UL LI{color: #000}
UL.vsmmenu LI.more-button:hover .more-panel.dropdown-panel{display:block !important;margin:0;opacity:1;float:none;box-shadow:unset}
/*UL.vsmmenu LI.more-button:hover .more-panel.dropdown-panel{display:block !important;margin:0;opacity:1;float:none}*/
UL.vsmmenu LI.more-button .more-panel.vsm-ddp UL UL LI{font-size:0.8em}  
UL.vsmmenu LI.more-button .more-panel UL{box-shadow:0 0 5px rgba(0, 0, 0, .5);background:#fff;border-radius:4px;padding:17px 10px}  


.search-box-focus .main-menu{opacity: 0; visibility: hidden}


.bglight #page-header-container .les .btn{border: 1px solid #000}
.bglight #page-header-container .les .login img{filter: invert(1)}


.bgdark UL.vsmmenu LI.mitem A.ddb:before{color: rgba(255,255,255,0.85)}

/* Main Menu Panel */ 
/*
#page-header .main-menu-panel .main-menu-wrapper{display:block;margin:0}
#page-header .main-menu-panel{display: none;width: 314px;height: 655px;min-height: 480px;max-height: 100vh;padding: 1em;box-sizing: border-box;overflow: auto}
#page-header .main-menu-panel[vsm-ddp-pos="bottom"],
#page-header .main-menu-panel[vsm-ddp-pos="top"],
#page-header .main-menu-panel[vsm-ddp-pos="right"]{max-width: 314px}
#page-header .main-menu-button{opacity: 1;width: 30px;padding: 0}
#page-header .main-menu-panel a[vsm-ddp-close]{background: unset;right: var(--margin-spacer);top: var(--margin-spacer)}
#page-header .main-menu-panel a[vsm-ddp-close]:after{font-size: 5em}
#page-header .main-menu-panel a[vsm-ddp-close]:hover{cursor: pointer}
#page-header .main-menu-panel .logo-wrapper{height: 60px;margin: 0 auto 20px auto}
#page-header .main-menu-panel .logo-wrapper .logo{display: block;width: 100%;height: 100%;position: relative}
#page-header .main-menu-panel .logo-wrapper img{width: auto;max-width: 100%;height: auto;max-height: 100%}
#page-header .main-menu-panel .search-box{transform: unset;left: unset;width: 100%;margin: 0 auto 20px auto;max-width: 200px}
#page-header .main-menu-panel .main-menu{display: flex;align-items: center;margin: 0;opacity: 1;visibility: visible;width: 100%;max-height: 370px;overflow: auto}
#page-header .main-menu-panel .main-menu>UL{padding: 0.3em 1em}
#page-header .main-menu-panel .main-menu>UL>LI{line-height: 40px}
#page-header .main-menu-panel .main-menu UL{line-height:40px;text-align:center}
#page-header .main-menu-panel .main-menu LI{white-space: normal;display:block}
#page-header .main-menu-panel .main-menu LI a:not(.ddb):before{width: 100%;left: 0}
#page-header .main-menu-panel .main-menu .vsmmenu{text-align: left}#page-header .main-menu-panel.dropdown-panel .main-menu .vsmmenu LI{color: inherit}
#page-header .main-menu-panel .main-menu .vsmmenu LI.mitem A{padding: 0}
#page-header .main-menu-panel .main-menu .vsmmenu LI span.text{padding: 0;margin: 0}
#page-header .main-menu-panel .main-menu .vsmmenu .vsmmenu{position: relative;opacity: 1;background-color: rgba(255, 255, 255, 0.2);margin: 0 20px 10px 20px;padding: 10px;float: unset;text-align: left}
#page-header .main-menu-panel .main-menu .vsmmenu .vsmmenu LI.mitem A{display: inline-block}    
#page-header .main-menu-panel .main-menu .vsmmenu .vsmmenu:before{display: none}
#page-header .main-menu-panel .main-menu .vsmmenu .vsmmenu:after{display: none}
#page-header .main-menu-panel .ddp-f{position: absolute;left: 1em;bottom: 1em;box-sizing: border-box;right: 1em}
#page-header .main-menu-panel .follow-us{width: 100%;max-width: 100%;margin: 0 auto 20px auto}
#page-header .main-menu-panel .follow-us UL{text-align: center}
#page-header .main-menu-panel .follow-us li {width:40px;height:40px;display:inline-block;box-sizing:border-box;margin:0 0.4em}
#page-header .main-menu-panel .follow-us li a {display:inline-block;box-sizing:border-box}
#page-header .main-menu-panel .follow-us li .svg-icon:before {border-radius:5px}
#page-header .main-menu-panel .sus-c{width: 100%;text-align: center;font-size: 1.4em;display: block;color: #000}
#page-header .main-menu-panel .sus-c:after{opacity: 0.8;background-color: var(--button-background-color);border: 1px solid var(--button-background-color)}
#page-header .main-menu-panel .sus-c:hover:after{opacity: 1}
#page-header .main-menu-panel[vsm-ddp-pos="modal"]{padding-top: 60px}
#page-header .main-menu-panel[vsm-ddp-pos="modal"] .main-menu{max-height: calc(100vh - 258px)}
.vincolo-topbar #page-header .main-menu-panel[vsm-ddp-pos="modal"] .main-menu{max-height: calc(100vh - 308px)}
*/

/* Menú hamburgueza */
html.dropdown-menu-opened{overflow:hidden}
#page-header .main-menu-panel.dropdown-panel{display:none;width:100vw;height:100vh;z-index:10000;overflow-y:scroll;padding:0;box-sizing:border-box;background-color:var(--background-main-color)}
#page-header .main-menu-panel.dropdown-panel .logo{display:block;width:100%;height:100%;max-width:300px;text-align:center}
#page-header .main-menu-panel.dropdown-panel .mmp-wrapper{display:flex;flex-direction:column;gap:6em;justify-content:center;align-items:center;margin:6em 0}
/* Botón de cerrar */
#page-header .main-menu-panel.dropdown-panel a[vsm-ddp-close]{background: unset;right: var(--margin-spacer);top: var(--margin-spacer);z-index:100000}
#page-header .main-menu-panel.dropdown-panel a[vsm-ddp-close]:after{font-size: 5em}
#page-header .main-menu-panel.dropdown-panel a[vsm-ddp-close]:hover{cursor: pointer}
/* Logo */
#page-header .main-menu-panel.dropdown-panel #page-header-logo-wrapper{height:var(--header-height);display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;margin:0;position:relative;box-sizing:border-box;padding:0 var(--margin-spacer)}
#page-header .main-menu-panel.dropdown-panel #page-header-logo-wrapper img{max-width:300px}
/* Menu*/
#page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu{height:min-content;padding:var(--margin-spacer);box-sizing:border-box;display:block;border-top:2px solid rgba(255,255,255,0.5);border-bottom:2px solid rgba(255,255,255,0.5);opacity:1;width:80%;margin:0;visibility:visible}
#page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu>UL{display:grid;grid-template-columns:33% 33% 33%;align-items:flex-start;gap:2em;white-space:normal;width:100%;max-width:800px}
#page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu UL LI{letter-spacing:0.05em;background-color:var(--background-second-color);text-align:center} 
#page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu UL LI A{font-weight:bold;color:#fff;padding:0}
#page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu UL LI A:after{display:none}
#page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu>UL UL{opacity:1;position:relative;float:unset;margin:0;left:unset;transform:unset;background-color:transparent;color:#fff}
#page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu UL.vsmmenu LI.more-button UL:after, 
#page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu UL.vsmmenu LI.mitem UL.vsmmenu:after{display:none}
#page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu>UL.vsmmenu LI.more-button UL:before,
#page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu>UL.vsmmenu LI.mitem UL.vsmmenu:before{display:none}
#page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu UL.vsmmenu LI .dropdown-panel LI.mitem A{font-weight:normal;font-size:0.8em;opacity:0.8}
#page-header .main-menu-button .main-menu-panel.dropdown-panel .ddp-f{display:flex;flex-direction:column;max-width:var(--page-width);justify-content:center;margin:0;align-items:center;width:80%;gap:6em}
#page-header .main-menu-button .main-menu-panel.dropdown-panel .ddp-f:hover{cursor:pointer}
#page-header .main-menu-button .main-menu-panel.dropdown-panel .ddp-f .btn{width:50%;text-align:center;font-size:1.8em;color:#000}
#page-header .main-menu-button .main-menu-panel.dropdown-panel .ddp-f .btn:after{border:1px solid var(--button-background-color);background-color:var(--button-background-color)}

#page-header .main-menu-button .main-menu-panel.dropdown-panel #page-header-search-box{width:300px;max-width:calc(100% - 4em);margin:0;display:block;position:relative;top:unset;right:unset;bottom:unset;left:unset}
#page-header .main-menu-button .main-menu-panel.dropdown-panel #page-header-search-box input{padding-left:50px;opacity:1}
#page-header .main-menu-button .main-menu-panel.dropdown-panel #page-header-search-box .svg-icon.search{transform:translate(-0%, -50%) rotate(90deg);left:5px;width:40px}
#page-header .main-menu-button .main-menu-panel.dropdown-panel #header-follow-us{width:50%;max-width:calc(100% - 4em);position:relative;right:unset;bottom:unset;left:unset;top:unset;margin:0;padding:0;display:flex;align-items:center;justify-content:center}
#page-header .main-menu-button .main-menu-panel.dropdown-panel #header-follow-us .follow-us-list{display:flex;gap:3em;opacity:1;visibility:visible}
#page-header .main-menu-button .main-menu-panel.dropdown-panel #header-follow-us .follow-us-list li{margin:0}
#page-header .main-menu-button .main-menu-panel.dropdown-panel #header-follow-us .follow-us-list li .svg-icon{width:40px;height:40px}

@media (max-width:1024px){
    #page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu>UL{grid-template-columns:50% 50%}
}

@media (max-width:768px){
    #page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu>UL{grid-template-columns:100%}
    #page-header .main-menu-panel.dropdown-panel .main-menu{font-size:1.3em}
    #page-header .main-menu-panel.dropdown-panel .mmp-wrapper{margin:6em 0 12em 0}
    #page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu{padding:var(--margin-spacer) 0}
    #page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu UL LI{min-height:40px;white-space:normal;font-size: 1.3em}
    #page-header .main-menu-button .main-menu-panel.dropdown-panel .principal-menu UL LI A{display:flex;justify-content:center;align-items:center}
}

@media (max-width: 599px){
   #page-header .main-menu-panel{width: 100%}
   #page-header .main-menu-panel .sus-c:after{opacity: 1}
}