@media(min-width:1025px){
.menu-principal.elementor-sticky--active,
        .menu-principal.menu-open{
            padding-left: 50px;
            padding-right:50px;
        }
}

/* Bloquear scroll do body quando o menu mobile está aberto */
body.mobile-menu-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
}

html.mobile-menu-open {
    overflow: hidden !important;
}

.menu-top ul li {
        transition: all 0.5s ease-in-out;
}




.menu-top ul li:not(:last-child):hover .elementor-item::before, .menu-top ul li:not(:last-child) .elementor-item-active::before{
    background-color:transparent !important;
    position:absolute;
    left:-5px;
    opacity:1;
    
}
.menu-top ul li .elementor-item::before{
    
    content:url(https://splw.zyrgon.dev/wp-content/uploads/2026/02/logo-simbolo-hover-menu.png);
    background-color:transparent !important;
    position:absolute;
    left:-5px;
    opacity:0;
    transition: opacity 0.5s ease-in-out !important;
}
.menu-top ul li:hover .elementor-item{
    position:relative;
}


 .elementor-nav-menu--dropdown .elementor-nav-menu{
    padding:50px 30px 0px 30px;

    min-height:70vh;
    background-image: url();
    background-repeat: no-repeat;
    background-position: top right ;
}
.elementor-nav-menu--dropdown{
  
  
    min-height:100vh;
    background-color:rgba(26, 26, 26, 0.60) !important;
    backdrop-filter: blur(3px);
    background-repeat: no-repeat;
    background-position: top right ;
}
.sub-menu.elementor-nav-menu--dropdown {
    background-color:#ffffff00!important;
}

    /* Menu - "Contactos" como botão laranja pill */
    .menu-item-257 > a {
        background-color: #FF4500 !important;
        color: #fff !important;
        border-radius: 100px;
        padding: 8px 24px !important;
        transition: background-color 0.3s ease;
    }
    .menu-item-257 > a:hover {
        background-color: #1A1A1A !important;
        color: #fff !important;
    }
.elementor-nav-menu--dropdown .elementor-nav-menu{
    gap: 60px;
    display: flex;
    flex-direction: column;
    background-image:url(https://splw.zyrgon.dev/wp-content/uploads/2026/01/Quem-somos-BG-Padrao-hexagonal-2.webp);
    background-color:#fff;
        align-items: center;
}


.elementor-nav-menu--dropdown  ul li, .elementor-nav-menu--dropdown  ul li .elementor-item{
    max-width:fit-content !important;
        display: flex;
    flex-direction: column;
    align-items: center;
}

.menu-principal:not(.menu-open) .e-con-inner .elementor-element:last-child.scroll,
.menu-principal:not(.elementor-sticky--active) .e-con-inner .elementor-element:last-child.scroll{
    justify-content:center;
}

.menu-top .elementor-nav-menu--dropdown{
    z-index:90 !important;
    top:50px !important;
}

.menu-top .elementor-menu-toggle{
    z-index:99;
}

@media (min-width:1025px) and (max-width:1207px){
    .menu-principal .e-flex:first-child{
        width:15%!important;
    }
}
@media (min-width:1025px) and (max-width:1179px){
    .menu-principal .e-flex:first-child{
        width:15%!important;
    }
    .menu-principal .elementor-nav-menu--main .elementor-item{
        padding-left:15px!important;
        padding-right:15px!important;
    }
    .menu-top ul li:not(:last-child):hover .elementor-item::before,
.menu-top ul li:not(:last-child) .elementor-item-active::before{

    left:0px;
    opacity:1;
    
}
.menu-top ul li .elementor-item::before{

    left:0px;


}
}


@media (min-width:1210px){
        /* Menu inner - padding conforme aplicado */
    .menu-principal.e-con.e-flex > .e-con-inner {

        padding-bottom: 10px;
        max-width: min(100%, 1270px) !important;
    }
}

@media (min-width:1025px){
    .page-id-519 .elementor-location-header,
.page-id-516 .elementor-location-header,
.error404 .elementor-location-header {
    padding-top:15px ;
    padding-bottom:15px ;
}
    .menu-top ul li:not(:last-child):hover .elementor-item::before, .menu-top ul li:not(:last-child) .elementor-item-active::before{
        bottom:10px;
    }
        /* Header overlay - menu sobrepõe o hero */
.elementor-location-header {
        position: absolute;
        width: 100%;
        z-index: 100;

    }





    /* Topo branco 60px + hero alinhado com o menu (Figma y=60) */
    body.home .top-banner-inicial-teste {
        margin-top: 60px !important;
    }
        /* Menu links - font Urbanist, weight regular, mais espaçamento */
    .menu-principal .elementor-nav-menu > li > a {

             padding: 12px 15px !important;
    }
    



}
@media(min-width:1560px){
    
    /* Menu links - font Urbanist, weight regular, mais espaçamento */
    .menu-principal .elementor-nav-menu > li > a {

             padding: 12px 30px !important;
    }
    .menu-top ul li:not(:last-child):hover .elementor-item::before, .menu-top ul li:not(:last-child) .elementor-item-active::before{
    left:10px;

    
}
.menu-top ul li .elementor-item::before{
    left:10px;

}
    
}

.page-id-519 .menu-principal,
    .page-id-516 .menu-principal,
    .error404 .menu-principal{
            --content-width:100%!important;
        }
@media (max-width:1024px){
        
.page-id-519 .menu-principal>.e-con-inner,
    .page-id-516 .menu-principal>.e-con-inner,
    .error404 .menu-principal>.e-con-inner,
    .menu-principal.elementor-sticky--active.e-con>.e-con-inner,
    .menu-principal.menu-open>.e-con-inner
    {

        margin:0px!important;
    }
    .menu-principal.menu-open>.e-con-inner{
        background-image:url(https://splw.zyrgon.dev/wp-content/uploads/2026/01/Quem-somos-BG-Padrao-hexagonal-2.webp);
    }
        .menu-principal.elementor-sticky--active,
        .menu-principal.menu-open{
            --content-width:100%!important;
        }
}

.has-submenu .sub-arrow{
    display:none!important;
}

.menu-principal .sub-menu.elementor-nav-menu--dropdown{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    min-height: fit-content;
    padding: 0px 0px 10px;
   
}