.elementor-26 .elementor-element.elementor-element-d362211{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-be0f8f3.elementor-element{--align-self:center;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-be0f8f3 *//* =======================================================
   CÓDIGO CSS COMPLETO E CORRIGIDO PARA O MEGATEMPLATE
   (Substitua o CSS do megamenu anterior por este)
   ======================================================= */

/* --- 1. Container Principal (o "card" branco) --- */
/* (Esta regra não precisa de mudança) */
.megamenu-template-content {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  padding: 20px;
  max-width: 300px;
  box-sizing: border-box;
}

.megamenu-template-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* --- 2. Correção de Conflito do Header --- */
/* Reseta a linha animada e o padding do header */
.header-menu-nav .megamenu-template-content a {
    padding-bottom: 0;
}
.header-menu-nav .megamenu-template-content a::after {
    display: none !important;
}

/* --- 3. Itens Principais (Lista) --- */
/* (Esta regra não precisa de mudança) */
.megamenu-main-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* --- 4. Links dos Itens Principais (COM CORREÇÃO) --- */
/* ATUALIZADO: Seletor mais específico para vencer o conflito */
.header-menu-nav .megamenu-main-list > li > a {
  /* Layout (Corrige alinhamento e espaço) */
  display: flex;
  align-items: center;
  gap: 12px;
  
  /* Estilo */
  text-decoration: none;
  font-size: 16px;
  font-family: var(--e-global-typography-secondary-font-family, "Geometria");
  font-weight: 500;
  transition: color 0.3s ease;
  
  /* Cor (Corrige links invisíveis) */
  color: var(--e-global-color-primary, #721C65);
}

/* --- 5. Ícone SVG --- */
/* ATUALIZADO: Seletor mais específico */
.header-menu-nav .megamenu-item-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  transition: transform 0.3s ease-out;
}
.header-menu-nav .megamenu-item-icon rect,
.header-menu-nav .megamenu-item-icon path {
  stroke: currentColor;
}

/* --- 6. Efeitos Hover (Itens Principais) --- */
/* ATUALIZADO: Seletor mais específico */
.header-menu-nav .megamenu-main-list > li > a:hover {
  color: var(--e-global-color-secondary, #004478);
}
.header-menu-nav .megamenu-main-list > li.has-submenu > a:hover .megamenu-item-icon {
  transform: rotate(90deg);
}

/* --- 7. Submenu (Regulatório Educacional) --- */
/* (Esta regra não precisa de mudança) */
.megamenu-sub-list {
  display: block;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: max-height 0.4s ease-out, opacity 0.3s ease, transform 0.4s ease-out;
  padding-left: 32px !important; /* 20px do ícone + 12px de gap */
  margin-top: 0;
}

/* --- 8. Estado Aberto do Submenu --- */
/* ATUALIZADO: Seletor mais específico */
.header-menu-nav .megamenu-main-list > li.has-submenu:hover .megamenu-sub-list {
  opacity: 1;
  max-height: 200px;
  transform: translateY(0);
  margin-top: 15px;
}

/* --- 9. Itens e Links do Submenu (COM CORREÇÃO) --- */
.megamenu-sub-list li {
  margin-bottom: 12px;
}
.megamenu-sub-list li:last-child {
  margin-bottom: 0;
}

/* ATUALIZADO: Seletor mais específico para corrigir cor do sub-item */
.header-menu-nav .megamenu-sub-list li a {
  text-decoration: none;
  font-size: 16px;
  font-family: var(--e-global-typography-secondary-font-family, "Geometria");
  font-weight: 400;
  transition: color 0.3s ease;

  /* Cor (Corrige links invisíveis) */
  color: var(--e-global-color-primary, #721C65);
}

/* ATUALIZADO: Seletor mais específico */
.header-menu-nav .megamenu-sub-list li a:hover {
  color: var(--e-global-color-secondary, #004478);
}/* End custom CSS */