.elementor-528 .elementor-element.elementor-element-b044f76{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-528 .elementor-element.elementor-element-b044f76.e-con{--e-con-transform-scale:1;}.elementor-528 .elementor-element.elementor-element-d1fb180{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-528 .elementor-element.elementor-element-d1fb180.elementor-element{--align-self:center;}.elementor-528 .elementor-element.elementor-element-d1fb180 .elementor-icon-wrapper{text-align:center;}.elementor-528 .elementor-element.elementor-element-d1fb180.elementor-view-stacked .elementor-icon{background-color:#AA0000;}.elementor-528 .elementor-element.elementor-element-d1fb180.elementor-view-framed .elementor-icon, .elementor-528 .elementor-element.elementor-element-d1fb180.elementor-view-default .elementor-icon{color:#AA0000;border-color:#AA0000;}.elementor-528 .elementor-element.elementor-element-d1fb180.elementor-view-framed .elementor-icon, .elementor-528 .elementor-element.elementor-element-d1fb180.elementor-view-default .elementor-icon svg{fill:#AA0000;}.elementor-528 .elementor-element.elementor-element-d1fb180 .elementor-icon{font-size:19px;}.elementor-528 .elementor-element.elementor-element-d1fb180 .elementor-icon svg{height:19px;}.elementor-528 .elementor-element.elementor-element-6c449f2 > .elementor-widget-container{margin:37px 37px 0px 0px;padding:0px 0px 0px 0px;}.elementor-528 .elementor-element.elementor-element-07b2dea{--e-transform-scale:1.2;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 35px 0px 0px;}.elementor-528 .elementor-element.elementor-element-07b2dea img{width:93%;}.elementor-528 .elementor-element.elementor-element-80e0275{margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;}.elementor-528 .elementor-element.elementor-element-80e0275 .elementor-nav-menu .elementor-item{font-family:"Trebuchet MS", Sans-serif;font-size:17px;font-weight:500;}.elementor-528 .elementor-element.elementor-element-80e0275 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-528 .elementor-element.elementor-element-80e0275 .elementor-nav-menu--main .elementor-item:hover,
.elementor-528 .elementor-element.elementor-element-80e0275 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-528 .elementor-element.elementor-element-80e0275 .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-528 .elementor-element.elementor-element-80e0275 .elementor-nav-menu--main .elementor-item:focus{color:#585858;fill:#585858;}.elementor-528 .elementor-element.elementor-element-6783ad9{width:var( --container-widget-width, 8% );max-width:8%;margin:-10px -32px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:8%;--container-widget-flex-grow:0;}.elementor-528 .elementor-element.elementor-element-6783ad9.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-528 .elementor-element.elementor-element-f20d332{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-528 .elementor-element.elementor-element-f20d332.elementor-element{--align-self:center;}.elementor-528 .elementor-element.elementor-element-f20d332 .elementor-icon-wrapper{text-align:right;}.elementor-528 .elementor-element.elementor-element-f20d332.elementor-view-stacked .elementor-icon{background-color:#4E4E4E;}.elementor-528 .elementor-element.elementor-element-f20d332.elementor-view-framed .elementor-icon, .elementor-528 .elementor-element.elementor-element-f20d332.elementor-view-default .elementor-icon{color:#4E4E4E;border-color:#4E4E4E;}.elementor-528 .elementor-element.elementor-element-f20d332.elementor-view-framed .elementor-icon, .elementor-528 .elementor-element.elementor-element-f20d332.elementor-view-default .elementor-icon svg{fill:#4E4E4E;}.elementor-528 .elementor-element.elementor-element-f20d332.elementor-view-stacked .elementor-icon:hover{background-color:#A30D0D;}.elementor-528 .elementor-element.elementor-element-f20d332.elementor-view-framed .elementor-icon:hover, .elementor-528 .elementor-element.elementor-element-f20d332.elementor-view-default .elementor-icon:hover{color:#A30D0D;border-color:#A30D0D;}.elementor-528 .elementor-element.elementor-element-f20d332.elementor-view-framed .elementor-icon:hover, .elementor-528 .elementor-element.elementor-element-f20d332.elementor-view-default .elementor-icon:hover svg{fill:#A30D0D;}.elementor-528 .elementor-element.elementor-element-f20d332 .elementor-icon{font-size:19px;}.elementor-528 .elementor-element.elementor-element-f20d332 .elementor-icon svg{height:19px;}.elementor-528 .elementor-element.elementor-element-3e2a858{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-528 .elementor-element.elementor-element-3e2a858.elementor-element{--align-self:center;}.elementor-528 .elementor-element.elementor-element-3e2a858 .elementor-icon-wrapper{text-align:right;}.elementor-528 .elementor-element.elementor-element-3e2a858.elementor-view-stacked .elementor-icon{background-color:#4E4E4E;}.elementor-528 .elementor-element.elementor-element-3e2a858.elementor-view-framed .elementor-icon, .elementor-528 .elementor-element.elementor-element-3e2a858.elementor-view-default .elementor-icon{color:#4E4E4E;border-color:#4E4E4E;}.elementor-528 .elementor-element.elementor-element-3e2a858.elementor-view-framed .elementor-icon, .elementor-528 .elementor-element.elementor-element-3e2a858.elementor-view-default .elementor-icon svg{fill:#4E4E4E;}.elementor-528 .elementor-element.elementor-element-3e2a858.elementor-view-stacked .elementor-icon:hover{background-color:#A30D0D;}.elementor-528 .elementor-element.elementor-element-3e2a858.elementor-view-framed .elementor-icon:hover, .elementor-528 .elementor-element.elementor-element-3e2a858.elementor-view-default .elementor-icon:hover{color:#A30D0D;border-color:#A30D0D;}.elementor-528 .elementor-element.elementor-element-3e2a858.elementor-view-framed .elementor-icon:hover, .elementor-528 .elementor-element.elementor-element-3e2a858.elementor-view-default .elementor-icon:hover svg{fill:#A30D0D;}.elementor-528 .elementor-element.elementor-element-3e2a858 .elementor-icon{font-size:19px;}.elementor-528 .elementor-element.elementor-element-3e2a858 .elementor-icon svg{height:19px;}@media(max-width:1024px){.elementor-528 .elementor-element.elementor-element-b044f76{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-528 .elementor-element.elementor-element-d1fb180 .elementor-icon{font-size:16px;}.elementor-528 .elementor-element.elementor-element-d1fb180 .elementor-icon svg{height:16px;}.elementor-528 .elementor-element.elementor-element-07b2dea{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 310px;padding:0px 0px 0px 0px;}.elementor-528 .elementor-element.elementor-element-07b2dea img{width:50%;}.elementor-528 .elementor-element.elementor-element-80e0275{margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;}.elementor-528 .elementor-element.elementor-element-80e0275 .elementor-nav-menu .elementor-item{font-size:12px;}.elementor-528 .elementor-element.elementor-element-6783ad9{margin:0px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 200px;padding:0px 0px 0px 0px;--container-widget-width:45px;--container-widget-flex-grow:0;width:var( --container-widget-width, 45px );max-width:45px;}.elementor-528 .elementor-element.elementor-element-6783ad9.elementor-element{--align-self:center;}.elementor-528 .elementor-element.elementor-element-f20d332{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-528 .elementor-element.elementor-element-f20d332 .elementor-icon{font-size:20px;}.elementor-528 .elementor-element.elementor-element-f20d332 .elementor-icon svg{height:20px;}.elementor-528 .elementor-element.elementor-element-3e2a858{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -7px;}.elementor-528 .elementor-element.elementor-element-3e2a858 .elementor-icon{font-size:20px;}.elementor-528 .elementor-element.elementor-element-3e2a858 .elementor-icon svg{height:20px;}}@media(max-width:767px){.elementor-528 .elementor-element.elementor-element-dfe3de4{--e-transform-translateX:-28px;--e-transform-translateY:37px;}.elementor-528 .elementor-element.elementor-element-d1fb180{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 22px;}.elementor-528 .elementor-element.elementor-element-07b2dea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 85px;padding:0px 0px 0px 0px;}.elementor-528 .elementor-element.elementor-element-6783ad9{margin:0px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for maxmegamenu, class: .elementor-element-6c449f2 *//***** NELA • TOP NAV — divisor 1em garantido (pseudo + gradient fallback) *****/
.elementor-528 .elementor-element.elementor-element-6c449f2{
--txt:#000;
--hover:#585858;
--px:16px;
--lh:42px; /* altura da barra */
--fs:16px; /* tamanho da fonte */
--fw:500; /* peso */
--div-color:#000; /* PRETO absoluto */
--div-w:2px; /* espessura */
--div-h:1em; /* ALTURA = altura do texto */
--div-nudge:0px; /* ajuste fino vertical: -1px/1px se precisar */
}
/* barra limpa */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu-wrap,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu{
background:transparent !important;
box-shadow:none !important;
border:0 !important;
margin:0 !important;
padding:0 !important;
}
/* containers sem corte */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item{
overflow:visible !important;
position:relative;
background:transparent !important;
}
/* links raiz (estilo) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > a.mega-menu-link{
font-family:"Trebuchet MS","Trebuchet",Arial,sans-serif;
font-size:var(--fs) !important;
font-weight:var(--fw) !important;
color:var(--txt) !important;
background:transparent !important;
height:var(--lh) !important;
line-height:var(--lh) !important;
padding:0 var(--px) !important;
display:inline-flex; align-items:center;
position:relative; z-index:2; overflow:visible !important;
}
/* hover/ativo só troca cor */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:hover > a.mega-menu-link,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-current-menu-item > a.mega-menu-link,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-current-menu-ancestor > a.mega-menu-link{
color:var(--hover) !important;
background:transparent !important;
}
/* remove bordas/“pipes” do tema */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item + li.mega-menu-item{
border-left:0 !important;
}
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu > li + li::after{ content:none !important; }
/* ===== DIVISOR NO PRÓPRIO (ALTURA = TEXTO) ===== */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item + li.mega-menu-item > a.mega-menu-link::before{
content:"";
position:absolute;
left:0;
top:calc(50% + var(--div-nudge));
transform:translateY(-50%);
width:var(--div-w);
height:var(--div-h); /* 1em = altura do texto */
background:var(--div-color);
pointer-events:none;
z-index:3;
}
/* ===== FALLBACK por GRADIENT (mostra mesmo se pseudo for bloqueado) ===== */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item + li.mega-menu-item > a.mega-menu-link{
background-image: linear-gradient(var(--div-color), var(--div-color)) !important;
background-repeat: no-repeat !important;
background-size: var(--div-w) var(--div-h) !important; /* 2px x 1em */
background-position: left calc(50% + var(--div-nudge)) !important; /* centralizado na linha do texto */
}
/* respiro do dropdown (sem estilizar o dropdown) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu{ margin-top:8px !important; }
/* responsivo */
@media (max-width:1024px){
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > a.mega-menu-link{
padding:0 12px !important;
}
}
/***** NELA • TOP NAV — divisor 1em com espessura 1.5px *****/
.elementor-528 .elementor-element.elementor-element-6c449f2{
--txt:#000;
--hover:#585858;
--px:16px;
--lh:42px; /* altura da barra */
--fs:16px; /* tamanho da fonte */
--fw:500; /* peso */
/* divisor */
--div-color:#000; /* preto absoluto */
--div-w:1.5px; /* <<< um pouco mais fino (antes 2px) */
--div-h:1em; /* altura = altura do texto */
--div-nudge:0px; /* ajuste vertical fino (-1px/1px se precisar) */
}
/* barra limpa */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu-wrap,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu{
background:transparent !important;
box-shadow:none !important;
border:0 !important;
margin:0 !important;
padding:0 !important;
}
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item{
overflow:visible !important;
position:relative;
background:transparent !important;
}
/* links raiz */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > a.mega-menu-link{
font-family:"Trebuchet MS","Trebuchet",Arial,sans-serif;
font-size:var(--fs) !important;
font-weight:var(--fw) !important;
color:var(--txt) !important;
background:transparent !important;
height:var(--lh) !important;
line-height:var(--lh) !important;
padding:0 var(--px) !important;
display:inline-flex; align-items:center;
position:relative; z-index:2; overflow:visible !important;
}
/* hover/ativo – só a cor do texto */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:hover > a.mega-menu-link,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-current-menu-item > a.mega-menu-link,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-current-menu-ancestor > a.mega-menu-link{
color:var(--hover) !important;
background:transparent !important;
}
/* remove bordas/“pipes” padrão */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item + li.mega-menu-item{
border-left:0 !important;
}
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu > li + li::after{ content:none !important; }
/* ===== Divisor no (altura = texto) ===== */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item + li.mega-menu-item > a.mega-menu-link::before{
content:"";
position:absolute;
left:0;
top:calc(50% + var(--div-nudge));
transform:translateY(-50%);
width:var(--div-w);
height:var(--div-h);
background:var(--div-color);
pointer-events:none;
z-index:3;
}
/* ===== Fallback por gradient (garantia extra) ===== */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item + li.mega-menu-item > a.mega-menu-link{
background-image: linear-gradient(var(--div-color), var(--div-color)) !important;
background-repeat: no-repeat !important;
background-size: var(--div-w) var(--div-h) !important;
background-position: left calc(50% + var(--div-nudge)) !important;
}
/* respiro do dropdown */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu{ margin-top:8px !important; }
/* responsivo */
@media (max-width:1024px){
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > a.mega-menu-link{
padding:0 12px !important;
}
}
/***** NELA • DROPDOWN (FORCE MODE p/ Max Mega Menu) — igual ao site antigo *****/
/* TOKENS */
.elementor-528 .elementor-element.elementor-element-6c449f2{
--panel-w:860px; --pad-x:36px; --pad-y:26px;
--radius:0px; --shadow:0 28px 90px rgba(0,0,0,.20);
--brand:#A30D0D; --ink:#1d1d1f;
--title-size:28px; --title-weight:600; --title-ls:.02em;
--item-fz:16px; --icon:22px; --gap:12px; --row:12px; --item-pad:6px 8px;
--hover-bg:rgba(163,13,13,.08); --arrow:10px;
}
/* RESET duro dentro do submenu (mata fundo/bordas/skins) */
.elementor-528 .elementor-element.elementor-element-6c449f2 :where(.mega-menu .mega-sub-menu, .mega-menu .mega-sub-menu *){
background:transparent !important; border:0 !important; box-shadow:none !important; text-shadow:none !important;
}
/* garante posicionamento e sem cortes */
.elementor-528 .elementor-element.elementor-element-6c449f2 :where(.mega-menu.mega-menu-horizontal, .mega-menu.mega-menu-horizontal > li.mega-menu-item){
position:relative; overflow:visible !important;
}
/* ========== PAINEL BRANCO (apenas quando aberto) ========== */
.elementor-528 .elementor-element.elementor-element-6c449f2 :where(.mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover, .mega-toggle-on) > ul.mega-sub-menu){
position:absolute !important; left:0 !important; right:auto !important; transform:none !important;
width:var(--panel-w) !important;
margin-top:14px !important;
padding:calc(var(--pad-y) + 44px) var(--pad-x) var(--pad-y) var(--pad-x) !important; /* espaço do título */
background:#fff !important; border-radius:var(--radius) !important; box-shadow:var(--shadow) !important;
z-index:99999 !important; overflow:visible !important;
opacity:1 !important; filter:none !important; mix-blend-mode:normal !important; backdrop-filter:none !important; isolation:isolate;
}
/* SETA branca no topo */
.elementor-528 .elementor-element.elementor-element-6c449f2 :where(.mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover, .mega-toggle-on) > ul.mega-sub-menu)::after{
content:""; position:absolute; top:calc(-1 * var(--arrow)); left:50%; transform:translateX(-50%);
border-left:var(--arrow) solid transparent; border-right:var(--arrow) solid transparent; border-bottom:var(--arrow) solid #fff;
}
/* ========== TÍTULO DINÂMICO (3 caminhos) ========== */
/* 1) por classe no item raiz (recomendado) */
.elementor-528 .elementor-element.elementor-element-6c449f2 li.menu-categories:is(:hover, .mega-toggle-on) > ul.mega-sub-menu{ --dd-title:"CATEGORIES"; }
.elementor-528 .elementor-element.elementor-element-6c449f2 li.menu-specialty:is(:hover, .mega-toggle-on) > ul.mega-sub-menu{ --dd-title:"SPECIALTY"; }
/* 2) por href do link raiz (fallback) */
.elementor-528 .elementor-element.elementor-element-6c449f2 li.mega-menu-item:is(:hover, .mega-toggle-on) > a.mega-menu-link[href*="categor"] + ul.mega-sub-menu{ --dd-title:"CATEGORIES"; }
.elementor-528 .elementor-element.elementor-element-6c449f2 li.mega-menu-item:is(:hover, .mega-toggle-on) > a.mega-menu-link[href*="special"] + ul.mega-sub-menu{ --dd-title:"SPECIALTY"; }
/* 3) por posição (fallback final — ajuste se a ordem for outra) */
.elementor-528 .elementor-element.elementor-element-6c449f2 > .mega-menu > li:nth-child(2):is(:hover, .mega-toggle-on) > ul.mega-sub-menu{ --dd-title:"CATEGORIES"; }
.elementor-528 .elementor-element.elementor-element-6c449f2 > .mega-menu > li:nth-child(3):is(:hover, .mega-toggle-on) > ul.mega-sub-menu{ --dd-title:"SPECIALTY"; }
/* desenha o título */
.elementor-528 .elementor-element.elementor-element-6c449f2 :where(.mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover, .mega-toggle-on) > ul.mega-sub-menu)::before{
content:var(--dd-title, "CATEGORIES") !important;
position:absolute; left:var(--pad-x); top:var(--pad-y);
font-family:"Trebuchet MS","Trebuchet",Arial,sans-serif;
font-size:var(--title-size); font-weight:var(--title-weight); letter-spacing:var(--title-ls);
color:var(--brand); line-height:1; pointer-events:none; z-index:1;
}
/* duas linhas vermelhas centralizadas logo abaixo do título */
.elementor-528 .elementor-element.elementor-element-6c449f2 :where(.mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover, .mega-toggle-on) > ul.mega-sub-menu > li:first-child){
position:relative;
}
.elementor-528 .elementor-element.elementor-element-6c449f2 :where(.mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover, .mega-toggle-on) > ul.mega-sub-menu > li:first-child)::before{
content:""; position:absolute; left:0; right:0; top:-44px; height:2px; pointer-events:none;
background-repeat:no-repeat;
background-image:linear-gradient(var(--brand),var(--brand)), linear-gradient(var(--brand),var(--brand));
background-size:54px 2px, 54px 2px;
background-position: calc(50% - 32px) 0, calc(50% + 32px) 0; /* 64px entre elas */
}
/* ========== LISTA 1 COLUNA (ícone 22px, hover vermelho) ========== */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu{ list-style:none !important; margin:0 !important; padding:0 !important; }
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu > li.mega-menu-item{ margin:var(--row) 0 !important; }
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
display:flex !important; align-items:center !important; gap:var(--gap) !important;
padding:var(--item-pad) !important; border-radius:10px !important;
font:400 var(--item-fz)/1.35 "Trebuchet MS","Trebuchet",Arial,sans-serif !important;
color:var(--ink) !important; text-decoration:none !important; white-space:nowrap !important;
background:transparent !important; border:0 !important; transition:color .12s ease, background .12s ease !important;
}
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover{
color:var(--brand) !important; background:var(--hover-bg) !important;
}
/* Ícone PNG ao lado do texto */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu > li.mega-menu-item > a.mega-menu-link img,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu > li.mega-menu-item > a.mega-menu-link .mega-menu-icon img{
width:var(--icon) !important; height:var(--icon) !important; object-fit:contain !important; display:block !important; flex:0 0 var(--icon) !important;
}
/* ========== FLYOUT (sub-submenu) com o mesmo look ========== */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu > li.mega-menu-item{ position:relative; }
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu{
position:absolute !important; left:calc(100% + 8px) !important; top:0 !important;
width:300px !important; padding:16px !important; display:none !important;
background:#fff !important; border-radius:0 !important; box-shadow:0 20px 60px rgba(0,0,0,.16) !important;
z-index:100000 !important;
}
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu > li.mega-menu-item:hover > ul.mega-sub-menu{ display:block !important; }
/* limpa interferências residuais dentro do dropdown */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu :where(li,a,span,div){ background:transparent !important; border:0 !important; box-shadow:none !important; }
/* ===== PATCH: mais espaço no topo + título dentro desse espaço ===== */
.elementor-528 .elementor-element.elementor-element-6c449f2{
/* altura reservada pro cabeçalho do dropdown (título + respiro) */
--title-space: 64px; /* antes ~44px — aumente/diminua aqui (ex.: 56 / 72) */
}
/* painel: aumenta o padding-top usando a nova reserva */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover, .mega-toggle-on) > ul.mega-sub-menu{
padding: calc(var(--pad-y) + var(--title-space)) var(--pad-x) var(--pad-y) var(--pad-x) !important;
}
/* título continua ancorado no topo do painel */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover, .mega-toggle-on) > ul.mega-sub-menu::before{
content: var(--dd-title,"CATEGORIES") !important;
position: absolute; left: var(--pad-x); top: var(--pad-y);
font-family:"Trebuchet MS","Trebuchet",Arial,sans-serif;
font-size: var(--title-size); font-weight: var(--title-weight);
letter-spacing: var(--title-ls); color: var(--brand); line-height: 1;
pointer-events: none; z-index: 1;
}
/* risquinhos vermelhos: reancora para ficarem logo ABAIXO do título,
proporcional à reserva do cabeçalho (title-space) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover, .mega-toggle-on) > ul.mega-sub-menu > li:first-child{
position: relative;
}
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover, .mega-toggle-on) > ul.mega-sub-menu > li:first-child::before{
content:""; position:absolute; left:0; right:0;
top: calc(-1 * (var(--title-space) - 18px)); /* ~18px abaixo do topo do título */
height:2px; pointer-events:none; background-repeat:no-repeat;
background-image:linear-gradient(var(--brand),var(--brand)), linear-gradient(var(--brand),var(--brand));
background-size:54px 2px, 54px 2px;
background-position: calc(50% - 32px) 0, calc(50% + 32px) 0; /* 64px entre elas */
}
/* seta permanece central — sem mudar nada além do tamanho se quiser */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover, .mega-toggle-on) > ul.mega-sub-menu::after{
border-left: var(--arrow) solid transparent;
border-right: var(--arrow) solid transparent;
border-bottom: var(--arrow) solid #fff;
}
/* ===== PATCH: título visível SEMPRE (CATEGORIES / SPECIALTY) ===== */
/* 0) espaço de cabeçalho do painel */
.elementor-528 .elementor-element.elementor-element-6c449f2{
--title-space: 64px; /* ajuste se quiser mais/menos teto */
}
/* 1) Garante padding-top suficiente para o título */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu{
padding: calc(var(--pad-y) + var(--title-space)) var(--pad-x) var(--pad-y) var(--pad-x) !important;
position: relative !important; /* ancora os pseudos */
}
/* 2) Define o texto do título DIRETO no UL (sem depender de hover) */
/* (a) por classe no item de 1º nível — RECOMENDADO */
.elementor-528 .elementor-element.elementor-element-6c449f2 > .mega-menu > li.menu-categories > ul.mega-sub-menu{ --dd-title:"CATEGORIES"; }
.elementor-528 .elementor-element.elementor-element-6c449f2 > .mega-menu > li.menu-specialty > ul.mega-sub-menu{ --dd-title:"SPECIALTY"; }
/* (b) fallback por URL do link pai */
.elementor-528 .elementor-element.elementor-element-6c449f2 > .mega-menu > li.mega-menu-item > a.mega-menu-link[href*="categor"] + ul.mega-sub-menu{ --dd-title:"CATEGORIES"; }
.elementor-528 .elementor-element.elementor-element-6c449f2 > .mega-menu > li.mega-menu-item > a.mega-menu-link[href*="special"] + ul.mega-sub-menu{ --dd-title:"SPECIALTY"; }
/* (c) fallback por posição (ajuste se a ordem for outra) */
.elementor-528 .elementor-element.elementor-element-6c449f2 > .mega-menu > li:nth-child(2) > ul.mega-sub-menu{ --dd-title:"CATEGORIES"; }
.elementor-528 .elementor-element.elementor-element-6c449f2 > .mega-menu > li:nth-child(3) > ul.mega-sub-menu{ --dd-title:"SPECIALTY"; }
/* 3) Desenha o TÍTULO no topo (FORTE, à prova de tema) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu::before{
content: var(--dd-title, "CATEGORIES") !important;
display: block !important; /* força a renderização */
position: absolute !important;
left: var(--pad-x); top: var(--pad-y);
font-family:"Trebuchet MS","Trebuchet",Arial,sans-serif !important;
font-size: var(--title-size) !important;
font-weight: var(--title-weight) !important;
letter-spacing: var(--title-ls) !important;
color: var(--brand) !important;
line-height: 1 !important;
pointer-events: none !important;
z-index: 1 !important;
}
/* 4) Risquinhos logo abaixo do título (alinhados ao novo cabeçalho) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li:first-child{ position: relative !important; }
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li:first-child::before{
content: "" !important;
position: absolute !important; left: 0; right: 0;
top: calc(-1 * (var(--title-space) - 18px)) !important; /* ~18px abaixo do título */
height: 2px !important; pointer-events: none !important;
background-repeat: no-repeat !important;
background-image: linear-gradient(var(--brand),var(--brand)), linear-gradient(var(--brand),var(--brand)) !important;
background-size: 54px 2px, 54px 2px !important;
background-position: calc(50% - 32px) 0, calc(50% + 32px) 0 !important; /* 64px entre elas */
}
/* 5) Segurança extra contra temas que matam pseudos (backup global) */
html body [id^="mega-menu-wrap-"] [id^="mega-menu-"].mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu::before{
content: var(--dd-title, "CATEGORIES") !important;
}
/******** NELA • DROPDOWN (SAFE REWRITE) — só Categories/Specialty quando aberto ********/
/* tokens */
.elementor-528 .elementor-element.elementor-element-6c449f2{
--panel-w:860px;
--pad-x:36px;
--pad-y:26px;
--title-space:64px; /* ↑ teto p/ caber o título (ajuste aqui) */
--radius:0px;
--shadow:0 28px 90px rgba(0,0,0,.20);
--brand:#A30D0D;
--ink:#1d1d1f;
--title-size:28px; --title-weight:600; --title-ls:.02em;
--item-fz:16px; --icon:22px; --gap:12px; --row:12px; --item-pad:6px 8px;
--hover-bg:rgba(163,13,13,.08);
--arrow:10px;
}
/* ---------- 0) NEUTRALIZADORES (tiram título/linhas de qualquer submenu genérico) ---------- */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu::before{ content:none !important; }
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu > li:first-child::before{ content:none !important; }
/* helper: define o “alvo” (categories/specialty) sem depender de classe */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item.nela-target,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:has(> a.mega-menu-link[href*="categor"]),
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:has(> a.mega-menu-link[href*="special"]),
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.menu-categories,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.menu-specialty{ position:relative; }
/* ---------- 1) PAINEL branco — APENAS quando aberto E apenas no alvo ---------- */
@media (hover:hover){
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
:is(:hover, .mega-toggle-on)
> ul.mega-sub-menu{
position:absolute !important;
left:0 !important; right:auto !important; transform:none !important;
width:var(--panel-w) !important;
margin-top:14px !important;
padding:calc(var(--pad-y) + var(--title-space)) var(--pad-x) var(--pad-y) var(--pad-x) !important;
background:#fff !important; border-radius:var(--radius) !important; box-shadow:var(--shadow) !important;
z-index:99999 !important; overflow:visible !important;
opacity:1 !important; filter:none !important; mix-blend-mode:normal !important; backdrop-filter:none !important;
isolation:isolate;
}
/* seta */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
:is(:hover, .mega-toggle-on)
> ul.mega-sub-menu::after{
content:"";
position:absolute; top:calc(-1 * var(--arrow)); left:50%; transform:translateX(-50%);
border-left:var(--arrow) solid transparent;
border-right:var(--arrow) solid transparent;
border-bottom:var(--arrow) solid #fff;
}
}
/* ---------- 2) TÍTULO dinâmico (definição) ---------- */
/* via classe (recomendado) */
.elementor-528 .elementor-element.elementor-element-6c449f2 > .mega-menu > li.menu-categories > ul.mega-sub-menu{ --dd-title:"CATEGORIES"; }
.elementor-528 .elementor-element.elementor-element-6c449f2 > .mega-menu > li.menu-specialty > ul.mega-sub-menu{ --dd-title:"SPECIALTY"; }
/* fallback por href */
.elementor-528 .elementor-element.elementor-element-6c449f2 > .mega-menu > li.mega-menu-item > a.mega-menu-link[href*="categor"] + ul.mega-sub-menu{ --dd-title:"CATEGORIES"; }
.elementor-528 .elementor-element.elementor-element-6c449f2 > .mega-menu > li.mega-menu-item > a.mega-menu-link[href*="special"] + ul.mega-sub-menu{ --dd-title:"SPECIALTY"; }
/* ---------- 3) Desenho do TÍTULO e das LINHAS (só no painel alvo e aberto) ---------- */
@media (hover:hover){
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
:is(:hover, .mega-toggle-on)
> ul.mega-sub-menu::before{
content: var(--dd-title,"CATEGORIES") !important;
display:block !important;
position:absolute !important; left:var(--pad-x); top:var(--pad-y);
font-family:"Trebuchet MS","Trebuchet",Arial,sans-serif !important;
font-size:var(--title-size) !important; font-weight:var(--title-weight) !important; letter-spacing:var(--title-ls) !important;
color:var(--brand) !important; line-height:1 !important; pointer-events:none !important; z-index:1 !important;
}
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
:is(:hover, .mega-toggle-on)
> ul.mega-sub-menu > li:first-child{
position:relative !important;
}
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
:is(:hover, .mega-toggle-on)
> ul.mega-sub-menu > li:first-child::before{
content:"" !important;
position:absolute !important; left:0; right:0;
top: calc(-1 * (var(--title-space) - 18px)) !important; /* ~18px abaixo do título */
height:2px !important; pointer-events:none !important;
background-repeat:no-repeat !important;
background-image:linear-gradient(var(--brand),var(--brand)), linear-gradient(var(--brand),var(--brand)) !important;
background-size:54px 2px, 54px 2px !important;
background-position: calc(50% - 32px) 0, calc(50% + 32px) 0 !important;
}
}
/* ---------- 4) Lista 1-coluna e flyout (só dentro do painel alvo) ---------- */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
ul.mega-sub-menu{ list-style:none !important; margin:0 !important; padding:0 !important; }
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
ul.mega-sub-menu > li.mega-menu-item{ margin:var(--row) 0 !important; }
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
display:flex !important; align-items:center !important; gap:var(--gap) !important;
padding:var(--item-pad) !important; border-radius:10px !important;
font:400 var(--item-fz)/1.35 "Trebuchet MS","Trebuchet",Arial,sans-serif !important;
color:var(--ink) !important; text-decoration:none !important; white-space:nowrap !important;
background:transparent !important; border:0 !important; transition:color .12s, background .12s !important;
}
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover{
color:var(--brand) !important; background:var(--hover-bg) !important;
}
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link img,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link .mega-menu-icon img{
width:var(--icon) !important; height:var(--icon) !important; object-fit:contain !important; display:block !important; flex:0 0 var(--icon) !important;
}
/* flyout do item dentro do painel alvo */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
ul.mega-sub-menu > li.mega-menu-item{ position:relative; }
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu{
position:absolute !important; left:calc(100% + 8px) !important; top:0 !important;
width:300px !important; padding:16px !important; display:none !important;
background:#fff !important; border-radius:0 !important; box-shadow:0 20px 60px rgba(0,0,0,.16) !important; z-index:100000 !important;
}
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal
> li.mega-menu-item:where(.nela-target, .menu-categories, .menu-specialty,
:has(> a.mega-menu-link[href*="categor"]),
:has(> a.mega-menu-link[href*="special"]))
ul.mega-sub-menu > li.mega-menu-item:hover > ul.mega-sub-menu{ display:block !important; }
/***** PATCH — compacta topo e impede o submenu de empurrar o layout *****/
/* 0) tokens de compactação (ajuste se quiser) */
.elementor-528 .elementor-element.elementor-element-6c449f2{
--lh: 38px; /* altura da barra do topo (deixa os itens coladinhos) */
--px: 16px; /* padding horizontal dos links do topo */
--title-space: 48px; /* teto do painel p/ caber o título (menos que antes) */
--row: 10px; /* espaço entre itens da lista */
}
/* 1) links do topo bem juntinhos (lado a lado) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > a.mega-menu-link{
height: var(--lh) !important;
line-height: var(--lh) !important;
padding: 0 var(--px) !important;
display: inline-flex !important;
align-items: center !important;
}
/* 2) submenus de 1º nível: SEMPRE absolutos e fora do fluxo (não empurram nada) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu{
position: absolute !important;
left: 0 !important;
right: auto !important;
top: 100% !important; /* começa logo abaixo do item */
margin-top: 14px !important; /* distância da barra */
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
/* mantém o que você já tinha de largura/padding/sombra — não repeti aqui */
}
/* 3) mostrar o painel SÓ quando aberto (hover ou toggle) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover, .mega-toggle-on) > ul.mega-sub-menu{
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
/* teto p/ o título mais compacto */
padding-top: calc(var(--pad-y) + var(--title-space)) !important;
}
/* 4) título no topo — reaponta pro novo teto compacto */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu::before{
content: var(--dd-title,"CATEGORIES") !important;
position: absolute !important;
left: var(--pad-x); top: var(--pad-y);
font-family: "Trebuchet MS","Trebuchet",Arial,sans-serif !important;
font-size: var(--title-size) !important;
font-weight: var(--title-weight) !important;
letter-spacing: var(--title-ls) !important;
color: var(--brand) !important;
line-height: 1 !important;
pointer-events: none !important;
z-index: 1 !important;
display: block !important;
}
/* 5) risquinhos logo abaixo do título (alinhados ao novo teto) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li:first-child{ position: relative !important; }
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu > li:first-child::before{
content:"" !important;
position:absolute !important; left:0; right:0;
top: calc(-1 * (var(--title-space) - 18px)) !important; /* ~18px abaixo do título */
height:2px !important; pointer-events:none !important;
background-repeat:no-repeat !important;
background-image: linear-gradient(var(--brand),var(--brand)), linear-gradient(var(--brand),var(--brand)) !important;
background-size: 54px 2px, 54px 2px !important;
background-position: calc(50% - 32px) 0, calc(50% + 32px) 0 !important;
}
/* 6) lista um pouco mais compacta */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu > li.mega-menu-item{ margin: var(--row) 0 !important; }
/* 7) segurança extra: zera qualquer margem/padding do wrapper do plugin dentro do widget */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu-wrap,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu{ margin:0 !important; padding:0 !important; }
/* 8) seta continua central (ajusta com --arrow se quiser menor/maior) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover, .mega-toggle-on) > ul.mega-sub-menu::after{
border-left: var(--arrow) solid transparent;
border-right: var(--arrow) solid transparent;
border-bottom: var(--arrow) solid #fff;
}
/* === PATCH: retângulo menor + sem transparência + por cima da imagem === */
.elementor-528 .elementor-element.elementor-element-6c449f2{
/* reduz um pouco a largura e o respiro */
--panel-w: 820px; /* antes 860px */
--pad-x: 30px; /* antes 36px */
--pad-y: 22px; /* antes 26px */
--title-space: 52px; /* antes 64px */
/* seta um z-index alto no widget inteiro (acima de imagens do header) */
--dropdown-z: 100000; /* pode subir se algo ainda passar por cima */
}
/* garante a pilha acima de qualquer banner/imagem do header */
.elementor-528 .elementor-element.elementor-element-6c449f2{ position:relative; z-index:var(--dropdown-z) !important; }
/* painel de 1º nível SEM transparência (sólido e opaco) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu{
background:#fff !important; /* branco sólido */
opacity:1 !important; /* sem fade */
filter:none !important;
mix-blend-mode:normal !important;
backdrop-filter:none !important;
z-index:calc(var(--dropdown-z) + 1) !important;
/* aplica o novo respiro mais compacto */
padding: calc(var(--pad-y) + var(--title-space)) var(--pad-x) var(--pad-y) var(--pad-x) !important;
width: var(--panel-w) !important;
}
/* seta branca também sólida (sem qualquer translucidez) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu::after{
border-left: var(--arrow) solid transparent;
border-right: var(--arrow) solid transparent;
border-bottom: var(--arrow) solid #fff; /* sólido */
opacity:1 !important;
filter:none !important;
mix-blend-mode:normal !important;
}
/* sub-submenus (flyouts) igualmente sólidos e acima de imagens */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu{
background:#fff !important;
opacity:1 !important; filter:none !important; mix-blend-mode:normal !important; backdrop-filter:none !important;
z-index:calc(var(--dropdown-z) + 2) !important;
}
/* por via das dúvidas: remove qualquer RGBA herdado do tema dentro do dropdown */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu .mega-sub-menu :where(li,a,span,div){
background-color: transparent !important;
}
/* mantém a sombra (opaca) – ajuste se quiser mais leve */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu{
box-shadow: 0 24px 72px rgba(0,0,0,.18) !important; /* levemente mais compacta */
}
/* ===== PATCH FINAL: título apenas no 1º nível; NUNCA nos flyouts ===== */
/* 1) ZERA qualquer título/linhas/seta dentro de submenus aninhados */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu ul.mega-sub-menu::before,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu ul.mega-sub-menu::after,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu ul.mega-sub-menu > li:first-child::before{
content:none !important;
border:0 !important;
}
/* 2) Sub-submenus NÃO reservam espaço pro título */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > ul.mega-sub-menu ul.mega-sub-menu{
padding-top:16px !important; /* seu padding normal do flyout */
}
/* 3) Título SÓ no 1º nível (definição do texto) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.menu-categories > ul.mega-sub-menu{ --dd-title:"CATEGORIES"; }
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.menu-specialty > ul.mega-sub-menu{ --dd-title:"SPECIALTY"; }
/* fallback por URL, ainda no 1º nível */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > a.mega-menu-link[href*="categor"] + ul.mega-sub-menu{ --dd-title:"CATEGORIES"; }
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item > a.mega-menu-link[href*="special"] + ul.mega-sub-menu{ --dd-title:"SPECIALTY"; }
/* 4) Desenha título/linhas/seta APENAS no 1º nível (quando aberto) */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover,.mega-toggle-on) > ul.mega-sub-menu::before{
content:var(--dd-title,"CATEGORIES") !important;
display:block !important;
position:absolute !important; left:var(--pad-x); top:var(--pad-y);
font-family:"Trebuchet MS","Trebuchet",Arial,sans-serif !important;
font-size:var(--title-size) !important; font-weight:var(--title-weight) !important; letter-spacing:var(--title-ls) !important;
color:var(--brand) !important; line-height:1 !important; pointer-events:none !important; z-index:1 !important;
}
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover,.mega-toggle-on) > ul.mega-sub-menu > li:first-child{ position:relative !important; }
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover,.mega-toggle-on) > ul.mega-sub-menu > li:first-child::before{
content:"" !important;
position:absolute !important; left:0; right:0;
top: calc(-1 * (var(--title-space) - 18px)) !important;
height:2px !important; pointer-events:none !important;
background-repeat:no-repeat !important;
background-image:linear-gradient(var(--brand),var(--brand)), linear-gradient(var(--brand),var(--brand)) !important;
background-size:54px 2px, 54px 2px !important;
background-position: calc(50% - 32px) 0, calc(50% + 32px) 0 !important;
}
/* seta do 1º nível apenas */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.mega-menu-item:is(:hover,.mega-toggle-on) > ul.mega-sub-menu::after{
content:"" !important;
position:absolute !important; top:calc(-1 * var(--arrow)); left:50%; transform:translateX(-50%);
border-left:var(--arrow) solid transparent; border-right:var(--arrow) solid transparent; border-bottom:var(--arrow) solid #fff;
}
/* === PATCH — retângulo (painel) menor e mais compacto === */
@media (min-width:1025px){
.elementor-528 .elementor-element.elementor-element-6c449f2{
--panel-w: 780px; /* antes 820/860 — mude aqui se quiser */
--pad-x: 28px; /* antes 30–36px */
--pad-y: 18px; /* antes 22–26px */
--title-space: 44px;/* antes 52–64px (espaço do topo pro título) */
--arrow: 8px; /* seta um tico menor */
--shadow: 0 20px 64px rgba(0,0,0,.16); /* sombra levemente mais compacta */
}
/* aplica o novo tamanho só nos painéis de 1º nível */
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.menu-categories:is(:hover,.mega-toggle-on) > ul.mega-sub-menu,
.elementor-528 .elementor-element.elementor-element-6c449f2 .mega-menu.mega-menu-horizontal > li.menu-specialty:is(:hover,.mega-toggle-on) > ul.mega-sub-menu{
width: var(--panel-w) !important;
padding: calc(var(--pad-y) + var(--title-space)) var(--pad-x) var(--pad-y) var(--pad-x) !important;
box-shadow: var(--shadow) !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b044f76 *//* === HEADER (no próprio Container) — central + empurrão à DIREITA === */
/* Ajustes rápidos aqui: */
.elementor-528 .elementor-element.elementor-element-b044f76{
--header-max: 1200px; /* largura visual alvo do conteúdo do header */
--pad-x: 16px; /* respiro lateral interno */
--nudge-right: 135px; /* quanto empurrar p/ DIREITA (aumente/diminua) */
}
/* Neutraliza o "Stretch Section" se o header for SECTION e estiver esticado */
.elementor-528 .elementor-element.elementor-element-b044f76.elementor-section.elementor-section-stretched{
left: 0 !important;
right: 0 !important;
width: 100% !important;
transform: none !important;
}
/* DESKTOP */
@media (min-width: 1025px){
/* Se esse header for CONTAINER (e-con) */
.elementor-528 .elementor-element.elementor-element-b044f76{
display: flex; /* centraliza o miolo */
justify-content: center;
}
/* CONTAINER (e-con) com inner */
.elementor-528 .elementor-element.elementor-element-b044f76 > .e-con-inner{
max-width: var(--header-max);
width: 100%;
padding-left: var(--pad-x);
padding-right: var(--pad-x);
/* Centraliza pelo viewport e empurra um pouco à direita */
margin-left: calc((100vw - var(--header-max)) / 2 + var(--nudge-right));
margin-right: auto;
transform: none !important; /* anula qualquer translateX do Elementor */
}
/* SECTION (modo antigo): se o header for SECTION ao invés de CONTAINER */
.elementor-528 .elementor-element.elementor-element-b044f76 > .elementor-container{
max-width: var(--header-max);
width: 100%;
padding-left: var(--pad-x);
padding-right: var(--pad-x);
margin-left: calc((100vw - var(--header-max)) / 2 + var(--nudge-right));
margin-right: auto;
transform: none !important;
}
}
/* TABLET/MOBILE: ocupa 100% e não empurra */
@media (max-width: 1024px){
.elementor-528 .elementor-element.elementor-element-b044f76 > .e-con-inner,
.elementor-528 .elementor-element.elementor-element-b044f76 > .elementor-container{
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: var(--pad-x);
padding-right: var(--pad-x);
transform: none !important;
}
}
/* --- OPCIONAL: "modo simples" só de empurrar sem centralizar (use um dos dois) ---
@media (min-width:1025px){
.elementor-528 .elementor-element.elementor-element-b044f76 > .e-con-inner,
.elementor-528 .elementor-element.elementor-element-b044f76 > .elementor-container{
position: relative;
left: var(--nudge-right); /* só empurra */
}
}
*/
nela-header-solid/* End custom CSS */