/* WISS – Dropdown Soluciones: overflow visible en cadena de contenedores */
#masthead,.pagelayer-row,.pagelayer-col,.pagelayer-col-holder,.pagelayer-row-holder,
.pagelayer-wp-menu-holder,.pagelayer-wp-menu-container,.pagelayer-wp_menu,
.p-lao7253,.p-lao7253 *{overflow:visible!important}
/* Posición relativa para el li con hijos */
.p-lao7253 li.menu-item-has-children{position:relative!important}
/* Estilos base del dropdown (JS controla display) */
#wiss-soluciones-submenu{
position:absolute!important;
top:100%!important;
left:0!important;
min-width:285px!important;
background:#ffffff!important;
box-shadow:0 10px 30px rgba(0,0,0,0.16)!important;
border-top:3px solid #0B3D24!important;
border-radius:0 0 6px 6px!important;
padding:4px 0!important;
margin:0!important;
list-style:none!important;
z-index:999999!important;
display:none;
}
#wiss-soluciones-submenu.wiss-open{display:block!important}
#wiss-soluciones-submenu li{display:block!important;margin:0!important;padding:0!important}
#wiss-soluciones-submenu li a{
display:block!important;
padding:12px 20px!important;
font-family:'Montserrat','Monda',sans-serif!important;
font-size:13.5px!important;
font-weight:600!important;
color:#0B3D24!important;
text-decoration:none!important;
background:#fff!important;
border-bottom:1px solid #F0F2F1!important;
transition:all .15s ease!important;
white-space:nowrap!important;
line-height:1.5!important;
}
#wiss-soluciones-submenu li:last-child a{border-bottom:none!important}
#wiss-soluciones-submenu li a:hover,
#wiss-soluciones-submenu li a:focus{
background:#EBF3EF!important;
color:#B3121E!important;
padding-left:24px!important;
}
#wiss-soluciones-submenu li.current-menu-item a{
background:#F0F7F3!important;
border-left:3px solid #0B3D24!important;
font-weight:700!important;
}
/* Flecha indicadora */
#menu-item-78 > a .pagelayer-nav-menu-title::after,
#menu-item-78 > a::after{
content:" 25BE"!important;
font-size:10px!important;
margin-left:4px!important;
display:inline!important;
vertical-align:middle!important;
}
@media(max-width:780px){
#wiss-soluciones-submenu{
position:static!important;
box-shadow:none!important;
border-top:none!important;
border-left:3px solid #0B3D24!important;
border-radius:0!important;
min-width:unset!important;
margin:4px 0 8px 12px!important;
z-index:auto!important;
}
#wiss-soluciones-submenu li a{white-space:normal!important;font-size:13px!important}
}
(function(){
function initWissDropdown(){
var li = document.getElementById('menu-item-78');
if(!li) return;
/* Reusar el sub-menu nativo de WP ya existente en el DOM */
var submenu = li.querySelector('ul.sub-menu');
if(!submenu) return;
/* Asignar ID para que el CSS específico lo apunte */
submenu.id = 'wiss-soluciones-submenu';
var isMobile = function(){ return window.innerWidth <= 780; };
var timer = null;
function showMenu(){
clearTimeout(timer);
submenu.classList.add('wiss-open');
}
function hideMenu(delay){
timer = setTimeout(function(){ submenu.classList.remove('wiss-open'); }, delay||0);
}
if(isMobile()){
/* Móvil: toggle al hacer clic en el enlace/flecha */
li.addEventListener('click', function(e){
if(isMobile()){
var isOpen = submenu.classList.contains('wiss-open');
if(isOpen){
submenu.classList.remove('wiss-open');
} else {
e.preventDefault();
showMenu();
}
}
});
} else {
/* Desktop: hover con pequeño retardo para permitir mover el cursor */
li.addEventListener('mouseenter', function(){ showMenu(); });
li.addEventListener('mouseleave', function(){ hideMenu(200); });
submenu.addEventListener('mouseenter', function(){ clearTimeout(timer); });
submenu.addEventListener('mouseleave', function(){ hideMenu(200); });
}
/* Cerrar al hacer clic fuera */
document.addEventListener('click', function(e){
if(!li.contains(e.target)){
submenu.classList.remove('wiss-open');
}
});
/* Reejecutar si la ventana se redimensiona */
window.addEventListener('resize', function(){
submenu.classList.remove('wiss-open');
});
}
if(document.readyState === 'loading'){
document.addEventListener('DOMContentLoaded', initWissDropdown);
} else {
initWissDropdown();
}
})();
/* WISS – SUBMENÚ GLOBAL DEFINITIVO */
/* Overflow visible en TODOS los contenedores del header */
.pagelayer-row,
.pagelayer-col,
.pagelayer-col-holder,
.pagelayer-row-holder,
.pagelayer-wp-menu-holder,
.pagelayer-wp-menu-container,
.pagelayer-wp_menu,
.p-lao7253 { overflow: visible !important; }
/* Posición relativa en el li padre */
.p-lao7253 .pagelayer-menu-type-horizontal li.menu-item-has-children {
position: relative !important;
}
/* Flecha indicadora */
.p-lao7253 .pagelayer-menu-type-horizontal li.menu-item-has-children > a::after {
content: " 25BE" !important;
font-size: 10px !important;
margin-left: 4px !important;
display: inline !important;
vertical-align: middle !important;
}
/* SUB-MENÚ – ESTADO BASE (oculto visualmente pero sin afectar el display:none del core) */
.p-lao7253 .pagelayer-menu-type-horizontal ul.sub-menu {
position: absolute !important;
top: 100% !important;
left: 0 !important;
min-width: 285px !important;
background: #ffffff !important;
box-shadow: 0 10px 28px rgba(0,0,0,0.15) !important;
border-top: 3px solid #0B3D24 !important;
border-radius: 0 0 6px 6px !important;
padding: 4px 0 !important;
margin: 0 !important;
list-style: none !important;
z-index: 99999 !important;
}
/* HOVER – MOSTRAR el submenú (sobrescribe display:none del core) */
.p-lao7253 .pagelayer-wp-menu-container.pagelayer-menu-type-horizontal
li.menu-item-has-children:hover > ul.sub-menu,
.p-lao7253 .pagelayer-menu-type-horizontal
li.pagelayer-active-sub-menu > ul.sub-menu {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
/* Items del submenú */
.p-lao7253 .pagelayer-menu-type-horizontal ul.sub-menu > li {
display: block !important;
width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
}
/* Enlaces */
.p-lao7253 .pagelayer-menu-type-horizontal ul.sub-menu > li > a {
display: block !important;
padding: 12px 20px !important;
margin: 0 !important;
font-family: 'Montserrat', 'Monda', sans-serif !important;
font-size: 13.5px !important;
font-weight: 600 !important;
color: #0B3D24 !important;
text-align: left !important;
text-decoration: none !important;
background: #ffffff !important;
border-bottom: 1px solid #F0F2F1 !important;
line-height: 1.5 !important;
white-space: nowrap !important;
transition: all 0.15s ease !important;
}
.p-lao7253 .pagelayer-menu-type-horizontal ul.sub-menu > li:last-child > a {
border-bottom: none !important;
}
.p-lao7253 .pagelayer-menu-type-horizontal ul.sub-menu > li > a:hover {
background: #EBF3EF !important;
color: #B3121E !important;
padding-left: 24px !important;
}
.p-lao7253 .pagelayer-menu-type-horizontal ul.sub-menu > li.current-menu-item > a {
background: #F0F7F3 !important;
border-left: 3px solid #0B3D24 !important;
font-weight: 700 !important;
}
/* Móvil */
@media (max-width: 780px) {
.p-lao7253 ul.sub-menu {
position: static !important;
display: block !important;
background: #F7F9F8 !important;
box-shadow: none !important;
border-top: none !important;
border-left: 3px solid #0B3D24 !important;
border-radius: 0 !important;
padding-left: 12px !important;
min-width: unset !important;
z-index: auto !important;
}
.p-lao7253 ul.sub-menu > li > a {
white-space: normal !important;
font-size: 13px !important;
padding: 10px 14px !important;
}
}
