/* ============================================================
   LMR — NAV NOVO MENU (ISOLADO E SUPER-BLINDADO)
   ============================================================ */
:root{
  --lmr-cream:#FCF7F0;
  --lmr-cream-2:#F6EFE5;
  --lmr-white:#FFFFFF;
  --lmr-ink:#221F1D;
  --lmr-ink-soft:#6E6660;
  --lmr-gold:#B08D57;
  --lmr-line:#E8DFD3;
  --lmr-black:#0D0D0D;
  --lmr-header-h:58px;
  --lmr-header-h-m:62px;
  --lmr-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --lmr-ease:cubic-bezier(.33,.68,.24,1);
  --lmr-dur:.34s;
}

/* Força anulação de resets globais no container do menu */
#lmr-nav-primary * { box-sizing: border-box; }
#lmr-nav-primary ul { margin: 0; padding: 0; list-style: none; }
#lmr-nav-primary li { margin: 0; padding: 0; border: none; }
#lmr-nav-primary a { background: none; text-shadow: none; box-shadow: none; }

/* Distância entre o logo e o menu (aumentar/diminuir aqui) */
#lmr-nav-primary { margin-top: 14px !important; } 

/* ---------- Nav primária ---------- */
.js-lmr-menu {
  list-style:none !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; height:var(--lmr-header-h) !important; gap:0 !important;
}
.js-lmr-menu > li { position:static !important; }
.js-lmr-menu > li > a { position:relative !important; }

/* Remove as barras verticais | do Genesis antigo */
.js-lmr-menu > li::before, .js-lmr-menu > li::after { display: none !important; content: none !important; }

.js-lmr-menu > li > a {
  display:flex !important; align-items:center !important; height:var(--lmr-header-h) !important; padding:0 32px !important;
  font-size:17px !important; font-weight:400 !important; letter-spacing:.03em !important; text-transform:uppercase !important;
  color:var(--lmr-ink) !important; text-decoration:none !important; background:transparent !important;
  border:0 !important; font-family:var(--lmr-font) !important; cursor:pointer !important; transition:color .2s,background-color .2s !important;
}

/* Primeiro item alinhado com o logo e o título do banner */
.js-lmr-menu > li:first-child > a { padding-left:0 !important; }

/* separador entre itens de topo */
.js-lmr-menu > li.mm-top + li.mm-top > a::before {
  content:"" !important; display:block !important; position:absolute !important; left:0 !important; top:50% !important; transform:translateY(-50%) !important;
  width:1px !important; height:14px !important; border-radius:0 !important; background:var(--lmr-gold) !important; opacity:.5 !important;
} 

/* RESOLVIDO: Fundo branco e linha DOURADA aplicados ao HOVER do rato e ao CLIQUE (.is-open) */
/* Limpa qualquer fundo, BORDAS e SOMBRAS que o Genesis tente aplicar no elemento pai (li) */
#lmr-nav-primary .js-lmr-menu > li:hover,
#lmr-nav-primary .js-lmr-menu > li.sfHover {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Hover do rato: Muda só a cor da letra para dourado, mantém tudo limpo (BLINDADO) */
#lmr-nav-primary .js-lmr-menu > li > a:hover,
#lmr-nav-primary .js-lmr-menu > li.sfHover > a,
#lmr-nav-primary .js-lmr-menu > li:hover > a,
#lmr-nav-primary .js-lmr-menu > li > a:focus-visible {
  color: var(--lmr-gold) !important; 
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Clique (.is-open): Aplica o fundo branco e a linha dourada inferior APENAS quando está aberto */
#lmr-nav-primary .js-lmr-menu > li.is-open > a {
  background: var(--lmr-white) !important; 
  background-color: var(--lmr-white) !important; 
  color: var(--lmr-gold) !important;
  border: none !important;
  box-shadow: 0 -1px 0 var(--lmr-line) inset !important;
  outline: none !important;
}

/* ============================================================
   BOTÃO MARCAR CONSULTA (DESKTOP) E LANG
   ============================================================ */

/* 1. Posicionamento logo a seguir ao último item (sem empurrar para a direita) */
#lmr-nav-primary .js-lmr-menu > li.nav-cta {
  margin-left: 44px !important; /* Espaço elegante entre "Casos Reais" e o botão */
}

/* 2. Remove completamente a bolinha dourada que aparece antes do botão */
#lmr-nav-primary .js-lmr-menu > li.mm-top + li.nav-cta > a::before,
#lmr-nav-primary .js-lmr-menu > li.nav-cta > a::before {
  display: none !important;
  content: none !important;
}

/* 3. Estado Normal: Fundo Preto, Letra Branca */
#lmr-nav-primary .js-lmr-menu > li.nav-cta > a {
  background: var(--lmr-black) !important;
  background-color: var(--lmr-black) !important;
  color: var(--lmr-white) !important;
  padding: 0 26px !important;
  height: 48px !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border-radius: 0 !important;
  border: 1px solid transparent !important;
  transition: all 0.25s ease !important;
  box-shadow: none !important;
}

/* 4. A Seta perfeita via SVG (Branca no estado normal) */
#lmr-nav-primary .js-lmr-menu > li.nav-cta > a::after {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 9px !important;
  background-color: var(--lmr-white) !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpolygon points='0,0 6,5 0,10'/%3E%3C/svg%3E") no-repeat center / contain !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpolygon points='0,0 6,5 0,10'/%3E%3C/svg%3E") no-repeat center / contain !important;
  transition: background-color 0.25s ease !important;
}

/* 5. Estado Hover: Fundo Dourado, Texto Branco, Borda Preta */
#lmr-nav-primary .js-lmr-menu > li.nav-cta > a:hover,
#lmr-nav-primary .js-lmr-menu > li.nav-cta.sfHover > a,
#lmr-nav-primary .js-lmr-menu > li.nav-cta:hover > a {
  background: var(--lmr-gold) !important;
  background-color: var(--lmr-gold) !important;
  color: var(--lmr-white) !important;
  border: 1px solid var(--lmr-black) !important;
  box-shadow: none !important;
}

/* Ao passar o rato, a seta fica Preta */
#lmr-nav-primary .js-lmr-menu > li.nav-cta > a:hover::after,
#lmr-nav-primary .js-lmr-menu > li.nav-cta.sfHover > a::after,
#lmr-nav-primary .js-lmr-menu > li.nav-cta:hover > a::after {
  background-color: var(--lmr-black) !important;
}

/* Ocultar o botão nos telemóveis (a gaveta mobile já tem os seus próprios CTAs) */
@media (max-width: 1024px) {
  #lmr-nav-primary .js-lmr-menu > li.nav-cta {
    display: none !important;
  }
}

/* ---------- Idioma (Lang) ---------- */
.js-lmr-menu > li.nav-lang { display:flex !important; align-items:center !important; padding-left:14px !important; font-size:11px !important; color:var(--lmr-line) !important; }
.js-lmr-menu > li.nav-lang > a {
  display:inline-flex !important; height:auto !important; padding:0 5px !important; font-size:11px !important; letter-spacing:.14em !important;
  text-transform:uppercase !important; color:var(--lmr-ink-soft) !important; text-decoration:none !important;
}
.js-lmr-menu > li.nav-lang > a[aria-current="true"] { color:var(--lmr-ink) !important; font-weight:600 !important; }
.js-lmr-menu > li.nav-lang > a:hover { color:var(--lmr-gold) !important; background: transparent !important; }

/* Ao passar o rato, a setinha fica Preta */
#lmr-nav-primary .js-lmr-menu > li.nav-cta > a:hover::after,
#lmr-nav-primary .js-lmr-menu > li.nav-cta.sfHover > a::after,
#lmr-nav-primary .js-lmr-menu > li.nav-cta:hover > a::after {
  color: var(--lmr-black) !important;
}

/* Ocultar o botão nos telemóveis (a gaveta mobile já tem os seus próprios CTAs) */
@media (max-width: 1024px) {
  #lmr-nav-primary .js-lmr-menu > li.nav-cta {
    display: none !important;
  }
}

/* ---------- Idioma (Lang) ---------- */
.js-lmr-menu > li.nav-lang { display:flex !important; align-items:center !important; padding-left:14px !important; font-size:11px !important; color:var(--lmr-line) !important; }
.js-lmr-menu > li.nav-lang > a {
  display:inline-flex !important; height:auto !important; padding:0 5px !important; font-size:11px !important; letter-spacing:.14em !important;
  text-transform:uppercase !important; color:var(--lmr-ink-soft) !important; text-decoration:none !important;
}
.js-lmr-menu > li.nav-lang > a[aria-current="true"] { color:var(--lmr-ink) !important; font-weight:600 !important; }
.js-lmr-menu > li.nav-lang > a:hover { color:var(--lmr-gold) !important; background: transparent !important; }

/* ---------- Mega painel ---------- */

/* 1. Libertar o menu das amarras do Genesis para esticar de ponta a ponta */
#lmr-nav-primary, 
#lmr-nav-primary .wrap, 
.js-lmr-menu > li { 
  position: static !important; 
}

/* 2. Esconder as setas inseridas pelo Genesis */
.js-lmr-menu .menu-item-has-children > a::after { display: none !important; content: none !important; }

/* 3. A Caixa Branca (Nível 2) - Bloqueada contra o jQuery e Superfish do Genesis */
#lmr-nav-primary .js-lmr-menu .sub-menu { list-style:none !important; margin:0 !important; padding:0 !important; }

/* Força a estar SEMPRE invisível por defeito e impede que o Genesis anime a altura (height) */
#lmr-nav-primary .js-lmr-menu > li > .sub-menu {
  position:absolute !important; left:0 !important; right:0 !important; width:100% !important; top:100% !important; 
  background:var(--lmr-white) !important; border-top:1px solid var(--lmr-line) !important; border-bottom:1px solid var(--lmr-line) !important;
  box-shadow:0 22px 40px -28px rgba(34,31,29,.35) !important;
  display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:0 40px !important;
  max-width:1440px !important; margin:0 auto !important; 
  
  /* AQUI: Espaçamento ajustado para 44px no topo, 46px nas laterais e 44px em baixo */
  padding:44px 46px 44px !important; 
  
  /* Blindagem contra scripts de animação inline do jQuery */
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  
  /* Escondido por defeito */
  opacity:0 !important; 
  visibility:hidden !important; 
  pointer-events:none !important; 
  z-index:-1 !important;
  transform:translateY(-8px) !important;
  transition:opacity .22s var(--lmr-ease),transform .22s var(--lmr-ease),visibility .22s !important;
}

/* Mostrar EXCLUSIVAMENTE ao clique (.is-open). Superfish é ignorado! */
#lmr-nav-primary .js-lmr-menu > li.is-open > .sub-menu { 
  opacity:1 !important; 
  visibility:visible !important; 
  pointer-events:auto !important; 
  z-index:9999 !important;
  transform:none !important; 
}

/* 4. As Colunas (MAMA, CORPO, ROSTO...) - Nível 2 */
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li { 
  border: none !important; position: relative !important; display: block !important; width: 100% !important; 
}
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li::before { display: none !important; }

#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li > a {
  display:block !important; font-size:15px !important; font-weight:500 !important; text-transform:uppercase !important;
  color:var(--lmr-gold) !important; text-decoration:none !important; padding: 0 0 12px 0 !important;
  border-bottom:1px solid var(--lmr-line) !important; margin-bottom:16px !important; height: auto !important; background: transparent !important;
}

/* 5. A LISTA DE TRATAMENTOS (Nível 3) - O "TANQUE DE GUERRA"
   Isto impede ABSOLUTAMENTE o Genesis de atirar as listas para fora da caixa branca */
#lmr-nav-primary .js-lmr-menu .sub-menu .sub-menu,
#lmr-nav-primary .js-lmr-menu .sub-menu .sub-menu > li {
  position: static !important; 
  display: block !important; 
  width: 100% !important; 
  float: none !important;
  clear: both !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important; 
  visibility: visible !important; 
  transform: none !important; 
  pointer-events: auto !important;
  background: transparent !important; 
  border: none !important; 
  box-shadow: none !important; 
  padding: 0 !important; 
  margin: 0 !important;
}

#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li > .sub-menu a {
  display:block !important; padding:7px 0 !important; font-size:15px !important; color:var(--lmr-ink) !important;
  text-decoration:none !important; line-height:1.4 !important; transition:color .18s,transform .18s !important;
  text-transform: none !important; letter-spacing: normal !important; border: none !important; font-weight: 400 !important; height: auto !important; background: transparent !important; margin: 0 !important;
}
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li > .sub-menu a:hover,
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li > .sub-menu a:focus-visible {
  color:var(--lmr-gold) !important; transform:translateX(3px) !important; background: transparent !important;
}

/* ============================================================
   RODAPÉ DO PAINEL (Nível 2 sem filhos)
   ============================================================ */
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-panel-foot {
  grid-column: 1 / -1 !important; 
  display: flex !important; 
  flex-wrap: wrap !important; 
  gap: 28px !important; 
  align-items: center !important;
  margin-top: 26px !important; 
  padding-top: 18px !important; 
  border-top: 1px solid var(--lmr-line) !important; 
  border-bottom: none !important;
  width: 100% !important;
}

/* Formatação do link: Texto pequeno, dourado, inline e com sublinhado suave */
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-panel-foot > a {
  display: inline-block !important;
  font-size: 12.5px !important; 
  font-weight: 500 !important; 
  letter-spacing: .1em !important; 
  text-transform: uppercase !important; 
  color: var(--lmr-gold) !important;
  text-decoration: none !important; 
  border: none !important;
  border-bottom: 1px solid var(--lmr-line) !important; /* O SEGREDO ESTÁ AQUI: alterado para a cor da linha suave */
  padding: 0 0 3px 0 !important; 
  margin: 0 !important; 
  height: auto !important; 
  width: auto !important; 
  background: transparent !important;
  transition: all 0.2s ease !important;
}

/* Matar setas fantasmas do tema */
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-panel-foot > a::after,
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-panel-foot > a::before {
  display: none !important; 
  content: none !important;
}

/* Hover: Fica com a cor de tinta escura e a linha acompanha */
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-panel-foot > a:hover {
  color: var(--lmr-ink) !important; 
  border-bottom-color: var(--lmr-ink) !important;
}

/* Caso exista alguma nota extra ao lado no rodapé */
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-panel-foot .mm-foot-note {
  margin-left: auto !important; 
  font-size: 12.5px !important; 
  color: var(--lmr-ink-soft) !important;
}
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-panel-foot .mm-foot-note a {
  border: 0 !important; 
  text-transform: none !important; 
  letter-spacing: 0 !important; 
  color: var(--lmr-gold) !important;
}

/* ---------- Link Global à Direita (CTA de Rodapé) ---------- */
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-panel-foot .mm-foot-cta {
  margin-left: auto !important; 
  display: flex !important;
  align-items: baseline !important; /* Garante que as palavras assentam na mesma linha invisível */
  gap: 4px !important; /* O espaçamento natural de um espaço entre palavras */
}

/* O estilo do texto inicial "Peça aqui" */
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-panel-foot .mm-foot-cta span.mm-cta-text {
  font-size: 13px !important; 
  color: var(--lmr-ink-soft) !important; 
  font-weight: 400 !important;
  font-family: var(--lmr-font) !important;
  text-transform: none !important; 
  letter-spacing: normal !important; 
}

/* O link modificado para continuar a frase naturalmente (sem sublinhado) */
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-panel-foot .mm-foot-cta a {
  display: inline-block !important;
  font-size: 13px !important; 
  font-weight: 400 !important; 
  letter-spacing: normal !important; 
  text-transform: none !important; 
  color: var(--lmr-gold) !important;
  text-decoration: none !important; 
  border: none !important; /* Removemos o sublinhado */
  padding: 0 !important; /* Removemos o espaço que o sublinhado ocupava */
  margin: 0 !important; 
  height: auto !important; 
  width: auto !important; 
  background: transparent !important;
  transition: color 0.2s ease !important; /* Transição apenas na cor agora */
}

/* Hover: Muda apenas a cor da letra para tinta escura */
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-panel-foot .mm-foot-cta a:hover {
  color: var(--lmr-ink) !important; 
}

/* Matar setas fantasmas no nosso novo CTA */
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-panel-foot .mm-foot-cta a::after,
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-panel-foot .mm-foot-cta a::before {
  display: none !important; 
  content: none !important;
}

/* ---------- Ajustes WordPress ---------- */
.js-lmr-menu .mm-desc { display:none !important; }
.js-lmr-menu .sub-menu-toggle { display:none !important; }

/* ---------- Drawer mobile (drill-down) ---------- */
.mm-drawer {
  position:fixed !important; inset:0 !important; z-index:999999 !important; background:var(--lmr-white) !important;
  display:flex !important; flex-direction:column !important;
  transform:translateX(100%); visibility:hidden;
  transition:transform .38s var(--lmr-ease),visibility .38s;
  font-family:var(--lmr-font) !important; border:none !important;
}
.mm-drawer.is-open { transform:none !important; visibility:visible !important; }

.mm-drawer__top {
  flex:0 0 auto !important; height:var(--lmr-header-h-m) !important; display:flex !important; align-items:center !important;
  justify-content:space-between !important; padding:0 16px 0 20px !important; border-bottom:1px solid var(--lmr-line) !important;
  background:var(--lmr-cream) !important;
}
.mm-drawer__logo {
  font-family:var(--lmr-font) !important; font-size:20px !important; font-weight:400;
  color:var(--lmr-ink) !important; text-decoration:none !important; letter-spacing:.02em !important;
  background:transparent !important; padding:0 !important; border:none !important; box-shadow:none !important;
}
.mm-drawer__close {
  width:44px !important; height:44px !important; border:none !important; background:transparent !important;
  font-size:30px !important; line-height:1 !important; color:var(--lmr-ink) !important; cursor:pointer !important;
  padding:0 !important; margin:0 !important; box-shadow:none !important; border-radius:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
}
.mm-drawer__close:hover { background:transparent !important; color:var(--lmr-gold) !important; }

.mm-stack { position:relative !important; flex:1 1 auto !important; overflow:hidden !important; }
.mm-track { position:absolute !important; inset:0 !important; transition:transform var(--lmr-dur) var(--lmr-ease); }
.mm-pane {
  position:absolute !important; top:0 !important; height:100% !important; width:100% !important; overflow-y:auto !important;
  -webkit-overflow-scrolling:touch; background:var(--lmr-white) !important; visibility:hidden;
}
.mm-pane.is-shown { visibility:visible !important; }
.mm-pane__head { position:sticky !important; top:0 !important; z-index:2 !important; background:var(--lmr-white) !important; border-bottom:1px solid var(--lmr-line) !important; }

/* ---------- Drawer mobile: Cabeçalho do Painel (Mesma Linha) ---------- */
.mm-pane__head { 
  position: sticky !important; 
  top: 0 !important; 
  z-index: 2 !important; 
  background: var(--lmr-white) !important; 
  border-bottom: 1px solid var(--lmr-line) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important; /* Espalha o Título e o Voltar para os cantos */
  flex-direction: row-reverse !important; /* TRUQUE: Título fica à esquerda, Voltar à direita. (Se apagares esta linha, o Voltar fica à esquerda) */
  min-height: 56px !important;
  padding: 0 20px !important;
}

.mm-back {
  display: flex !important; 
  align-items: center !important; 
  width: auto !important; /* Remove o 100% para não esmagar o título */
  min-height: auto !important; 
  padding: 0 !important; /* Limpa o padding antigo */
  border: none !important; 
  background: transparent !important; 
  font-family: var(--lmr-font) !important; 
  font-size: 11.5px !important; 
  letter-spacing: .14em !important;
  text-transform: uppercase !important; 
  color: var(--lmr-gold) !important; 
  cursor: pointer !important; 
  font-weight: 600 !important; 
  box-shadow: none !important;
  border-radius: 0 !important;
}

.mm-pane__title { 
  padding: 0 !important; 
  margin: 0 !important;
  font-size: 16px !important; 
  font-weight: 500 !important; 
  letter-spacing: .02em !important; 
  color: var(--lmr-ink) !important; 
  font-family: var(--lmr-font) !important; 
  text-transform: uppercase !important;
  text-decoration: none !important; /* <- Adiciona só isto! */
}

.mm-list { list-style:none !important; margin:0 !important; padding:0 0 40px !important; }
.mm-list li { border-bottom:1px solid var(--lmr-line) !important; padding:0 !important; margin:0 !important; }
.mm-row {
  display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; width:100% !important;
  min-height:58px !important; padding:14px 20px !important; border:none !important; background:transparent !important; text-align:left !important;
  font-family:var(--lmr-font) !important; font-size:15.5px !important; font-weight:400 !important; color:var(--lmr-ink) !important;
  text-decoration:none !important; cursor:pointer !important; box-shadow:none !important; border-radius:0 !important;
}
.mm-row:active { background:var(--lmr-cream) !important; }

.mm-row--all { color:var(--lmr-gold) !important; font-size:13px !important; letter-spacing:.1em !important; text-transform:uppercase !important; font-weight:600 !important; }

.mm-drawer__foot { 
  flex:0 0 auto !important; border-top:1px solid var(--lmr-line) !important; border-bottom:none !important; border-left:none !important; border-right:none !important; margin-bottom:0 !important; box-shadow:none !important;
  padding:16px 20px calc(16px + env(safe-area-inset-bottom)) !important; background:var(--lmr-cream) !important; display:grid !important; gap:10px !important; 
}

.mm-cta {
  display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; min-height:50px !important;
  background:var(--lmr-black) !important; color:#fff !important; text-decoration:none !important; font-size:12.5px !important;
  letter-spacing:.14em !important; text-transform:uppercase !important; font-family:var(--lmr-font) !important; font-weight:500 !important; border:none !important; border-radius:0 !important; box-shadow:none !important;
}
.mm-cta--ghost { background:transparent !important; color:var(--lmr-ink) !important; border:1px solid var(--lmr-ink) !important; }

.mm-quick { display:flex !important; gap:18px !important; justify-content:center !important; padding-top:4px !important; }
.mm-quick a { font-size:12.5px !important; color:var(--lmr-ink-soft) !important; text-decoration:none !important; font-family:var(--lmr-font) !important; border:none !important; background:transparent !important; box-shadow:none !important; }
.mm-quick a:hover { color:var(--lmr-gold) !important; }

/* Obriga a gaveta e todos os elementos lá dentro a respeitarem a largura do ecrã */
.mm-drawer, .mm-drawer * {
  box-sizing: border-box !important;
}

/* ---------- Burger (mobile) ---------- */
.mm-burger { 
  display:none; 
  margin-left:auto; 
  width:44px; 
  height:44px; 
  border:0; 
  background:var(--lmr-black); 
  cursor:pointer; 
  padding:0; 
  align-items:center; 
  justify-content:center; 
  flex-direction:column; 
  gap:5px; 
  border-radius: 0; 
}
.mm-burger span { 
  display:block; 
  width:22px; 
  height:2px; 
  background:var(--lmr-white); 
  transition:transform .3s,opacity .2s; 
}
.mm-burger[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.mm-burger[aria-expanded="true"] span:nth-child(2) { opacity:0; }
.mm-burger[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* ---------- Breakpoints ---------- */
@media (max-width:1440px){
  .js-lmr-menu > li > a { padding:0 24px !important; font-size:16px !important; letter-spacing:.03em !important; }
  .js-lmr-menu > li:first-child > a { padding-left:0 !important; }
}

@media (max-width:1200px){
  .js-lmr-menu > li > a { padding:0 15px !important; font-size:13px !important; letter-spacing:.04em !important; }
  .js-lmr-menu > li > .sub-menu { padding:36px 32px 20px !important; gap:0 28px !important; }
}

@media (max-width:1024px){
  #lmr-nav-primary, #genesis-mobile-nav-primary, .menu-toggle { display: none !important; }
  .header_right { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; justify-content: flex-end !important; }
  .mm-burger { 
    display: inline-flex !important; vertical-align: middle !important; margin: 0 0 0 15px !important; 
    width:44px !important; height:44px !important; border:none !important; background:var(--lmr-black) !important;
    cursor:pointer !important; padding:0 !important; align-items:center !important; justify-content:center !important; flex-direction:column !important; gap:5px !important; border-radius: 0 !important;
  }
  .mm-burger span { display:block !important; width:22px !important; height:2px !important; background:var(--lmr-white) !important; transition:transform .3s,opacity .2s !important; }
  .mm-burger[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg) !important; }
  .mm-burger[aria-expanded="true"] span:nth-child(2) { opacity:0 !important; }
  .mm-burger[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg) !important; }
}

@media (min-width:1025px){
  .mm-drawer { display: none !important; }
  .hide-on-desktop { display: none !important; }
}

/* ============================================================
   CORREÇÃO SETAS MOBILE (Imunes à Cache / Formato SVG)
   ============================================================ */

/* Seta de "Voltar" (Virada para a esquerda) */
.mm-back::before { 
  content: "" !important; 
  display: inline-block !important;
  width: 7px !important;
  height: 11px !important;
  background-color: var(--lmr-gold) !important;
  margin-right: 4px !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpolygon points='6,0 0,5 6,10'/%3E%3C/svg%3E") no-repeat center / contain !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpolygon points='6,0 0,5 6,10'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* Seta de "Avançar/Tem Filhos" (Virada para a direita) */
.mm-row[data-has-children]::after { 
  content: "" !important; 
  display: inline-block !important;
  width: 7px !important;
  height: 11px !important;
  background-color: var(--lmr-gold) !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpolygon points='0,0 6,5 0,10'/%3E%3C/svg%3E") no-repeat center / contain !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpolygon points='0,0 6,5 0,10'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* ============================================================
   AJUSTE ESTÉTICO: TOP BAR COMPACTA COM PONTOS
   ============================================================ */

/* 1. Força a barra a alinhar tudo à direita e de forma super compacta */
.header_right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
}

/* 2. Limpa espaçamentos "fantasmas" do Genesis e define o nosso próprio espaço */
.header_right > div {
  border: none !important;
  position: relative !important;
  margin: 0 0 0 16px !important; /* Aumentado para 16px (mais 2px antes) */
  padding: 0 0 0 16px !important; /* Aumentado para 16px (mais 2px depois) */
  display: flex !important;
  align-items: center !important;
}

/* O primeiro item (bandeira) não precisa de margens nem de pontos à esquerda */
.header_right > div:first-child {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Mata definitivamente as barras "|" antigas do tema */
.header_right > div::after {
  display: none !important;
  content: none !important;
}

/* Remove margens e paddings invisíveis nos links (e anula o style inline da bandeira) */
.header_right > div > a, 
.header_right > div > span,
.header_lang .seletor-idioma-inline a {
  padding: 0 !important;
  margin: 0 !important;
}

/* 3. Desenha a bolinha dourada matematicamente no centro do espaço */
.header_right > div + div::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: -3px !important; /* Puxa 3px para a esquerda (metade de 6px) para centrar perfeitamente */
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 5px !important; /* Bolinha aumentada para 6px */
  height: 5px !important; /* Bolinha aumentada para 6px */
  border-radius: 50% !important;
  background: var(--lmr-gold) !important;
  opacity: 0.5 !important;
}

/* ============================================================
   CORREÇÃO MOBILE: Telefone, Ponto e Hambúrguer alinhados
   ============================================================ */
@media (max-width: 1024px) {
  /* 1. Esconde tudo exceto o telefone */
  .header_right > div:not(.header_phone) {
    display: none !important;
  }
  
  /* 2. Remove TODOS os pontos dourados das divs no formato mobile */
  .header_right > div + div::before,
  .header_right > div::before {
    display: none !important;
    content: none !important;
  }
  
  /* 3. Limpa o telefone para não ter espaços desnecessários */
  .header_phone {
    display: flex !important;
    margin: 0 !important; 
    padding: 0 !important;
  }
  
  /* Esconde o texto do número, deixando só o ícone */
  .header_phone .phone_number,
  .header_phone .phone_txt {
    display: none !important;
  }
  
  /* Ajusta o tamanho do ícone do telefone para mobile */
  .header_phone .fa-phone {
    font-size: 18px !important;
    color: var(--lmr-gold) !important;
  }

  /* 4. Ajusta o botão hambúrguer, dá margem e IMPEDE que seja esmagado */
  .mm-burger {
    position: relative !important;
    margin-left: 28px !important; /* Podes ajustar este espaço como preferires */
    flex-shrink: 0 !important; /* O truque mágico que o impede de encolher! */
    width: 38px !important; 
    height: 38px !important;
  }

  /* 5. Desenha o ponto perfeitamente a meio dos 20px de espaço */
  .mm-burger::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: -17px !important; /* Puxa para a esquerda para ficar ao centro */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 5px !important; /* Ponto ligeiramente menor (4px) para ser elegante no mobile */
    height: 5px !important;
    border-radius: 50% !important;
    background: var(--lmr-gold) !important;
    opacity: 0.5 !important;
  }
}

/* ============================================================
   SCROLLBAR ELEGANTE NO MOBILE (Apenas para o Menu)
   ============================================================ */

/* Personalização para navegadores Webkit (Chrome, Safari, Edge, iOS) */
.mm-pane::-webkit-scrollbar {
  width: 4px !important; /* Super fininha (o padrão costuma ser 12px a 16px) */
}
.mm-pane::-webkit-scrollbar-track {
  background: transparent !important; /* Fundo da calha totalmente invisível */
}
.mm-pane::-webkit-scrollbar-thumb {
  background: var(--lmr-line) !important; /* Cor da linha bege suave para não gritar muito */
  border-radius: 10px !important; /* Cantos arredondados e suaves */
}

/* Personalização para Firefox (usa regras diferentes) */
.mm-pane {
  scrollbar-width: thin !important;
  scrollbar-color: var(--lmr-line) transparent !important;
}
/* ============================================================
   DESTAQUE: ÚLTIMO CASO TV (4.ª coluna do painel "Casos Reais")
   ============================================================ */
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-feature {
  grid-column: -2 !important; grid-row: 1 !important;
  justify-self: end !important; width: 100% !important; max-width: 260px !important;
}
#lmr-nav-primary .js-lmr-menu > li > .sub-menu > li.mm-feature > a {
  display: block !important; height: auto !important; padding: 0 !important; margin: 0 !important;
  border: none !important; background: transparent !important; text-transform: none !important;
  color: var(--lmr-ink) !important; text-decoration: none !important;
}
#lmr-nav-primary .mm-feature__media {
  display: block !important; overflow: hidden !important; aspect-ratio: 3 / 4 !important; background: var(--lmr-cream-2) !important;
}
#lmr-nav-primary .mm-feature__img {
  display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important;
  transition: transform .6s var(--lmr-ease) !important;
}
#lmr-nav-primary .mm-feature > a:hover .mm-feature__img { transform: scale(1.04) !important; }
/* Título no estilo "kicker" + linha dourada que cresce no hover */
#lmr-nav-primary .mm-feature__title {
  display: flex !important; align-items: center !important; gap: 14px !important; margin-top: 18px !important;
  font-size: 11.5px !important; font-weight: 500 !important; letter-spacing: .1em !important;
  text-transform: uppercase !important; color: var(--lmr-gold) !important;
}
#lmr-nav-primary .mm-feature__title::after {
  content: "" !important; display: block !important; flex-shrink: 0 !important; width: 38px !important; height: 1px !important;
  background: var(--lmr-gold) !important; transform: scaleX(.74) !important; transform-origin: left !important;
  transition: transform .35s var(--lmr-ease) !important;
}
#lmr-nav-primary .mm-feature > a:hover .mm-feature__title::after { transform: scaleX(1) !important; }
/* Etiqueta "TV" sobre a imagem */
#lmr-nav-primary .mm-feature__media { position: relative !important; }
#lmr-nav-primary .mm-feature__badge {
  position: absolute !important; top: 14px !important; left: 14px !important; z-index: 1 !important;
  padding: 5px 9px 4px !important; background: var(--lmr-white) !important; color: var(--lmr-gold) !important;
  font-size: 10.5px !important; font-weight: 600 !important; letter-spacing: .16em !important; line-height: 1 !important; text-transform: uppercase !important;
}