/* HEADER GLOBAL · convertido de gloda-header.html (sem Elementor) */
:root{
  --navy-900:#011630; --navy-800:#04294F; --blue:#015AFF; --blue-600:#0047CC;
  --ink:#121212; --ink-2:#3D434B; --muted:#71767E; --paper:#FFFFFF; --paper-2:#F8F8F8;
  --paper-3:#ECECEA; --line:#E4E4DF; --accent:#0BD48F;
  --nav-pill:#D9D9D9;            /* MEDIDO no print (Solucoes/Produtos2): pill do item ativo */
  --content:1200px; --gutter:48px; --radius-sm:8px;
  --fs-26:26px; --fs-20:20px; --fs-17:17px; --fs-16:16px; --fs-15:15px; --fs-13:13px;
  --hdr-h:120px;                 /* 81px no print ÷ 0,635 de escala (1200 de conteúdo) */
  --sub-h:60px;                  /* submenu fundido, translúcido (08/10/2026). Era 72px (45px no print ÷ 0,635) */
  --adm:0px;
}

/* ---------- raiz do header (fora do .lp-root da página) ---------- */
.lp-hdr{
  width:100%;
  display:block!important; gap:0!important; padding:0!important;
  position:relative; z-index:999;
  font-family:"Rethink Sans",system-ui,sans-serif; font-size:var(--fs-17); color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
.lp-hdr *,.lp-hdr *::before,.lp-hdr *::after{box-sizing:border-box;}
.lp-hdr ul{list-style:none; margin:0; padding:0;}
.lp-hdr a{text-decoration:none; color:inherit;}
.lp-hdr a:focus-visible,.lp-hdr button:focus-visible{outline:2px solid var(--blue); outline-offset:2px; border-radius:var(--radius-sm);}
.lp-hdr .lp-wrap{width:100%; max-width:calc(var(--content) + 2*var(--gutter)); margin:0 auto; padding:0 var(--gutter);}
html{overflow-x:hidden;}
body.admin-bar{--adm:32px;}

/* ---------- bug 6.2: botão nasce sem fundo; autorizados abaixo ---------- */
.lp-hdr button{background-color:transparent!important; background-image:none!important; border:0; padding:0; margin:0; color:inherit; font:inherit; cursor:pointer; box-shadow:none!important;}
.lp-hdr button:hover,.lp-hdr button:focus,.lp-hdr button:active,.lp-hdr button:visited{background-color:transparent!important;}
.lp-hdr ::selection{background:var(--blue); color:var(--paper);}
.lp-hdr ::-moz-selection{background:var(--blue); color:var(--paper);}
.lp-hdr ::target-text{background:transparent;}
.lp-hdr mark{background:transparent; color:inherit;}
.lp-hdr a,.lp-hdr button{-webkit-tap-highlight-color:transparent;}

/* ---------- barra principal ---------- */
.lp-hdr .lp-bar{background:var(--paper);}
.lp-hdr .lp-bar-in{height:var(--hdr-h); display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:24px;}   /* 08/10/2026: a direita ganhou idioma + conta; o menu centraliza no espaço que sobra */
.lp-hdr .lp-nav{justify-self:center; min-width:0;}
.lp-hdr .lp-logo{display:inline-flex; align-items:center; justify-self:start; color:var(--ink); line-height:1;}
.lp-hdr .lp-logo img{height:32px; width:auto; display:block;}
.lp-hdr .lp-logo-txt{font-size:var(--fs-26); letter-spacing:-0.02em; white-space:nowrap;}
.lp-hdr .lp-logo-txt b{font-weight:600;}
.lp-hdr .lp-logo-txt span{font-weight:400;}
.lp-hdr .lp-logo-txt sup{font-size:var(--fs-13); font-weight:400; color:var(--muted); vertical-align:top; margin-left:2px;}
@media (max-width:768px){ .lp-hdr .lp-logo img{height:26px;} }   /* logo oficial, 08/10/2026 */

.lp-hdr .lp-nav ul{display:flex; gap:16px; align-items:center;}
.lp-hdr .lp-nav a{display:inline-flex; align-items:center; height:36px; padding:0 12px; border-radius:var(--radius-sm);
  font-size:var(--fs-16); font-weight:500; letter-spacing:-0.01em; color:var(--ink-2); white-space:nowrap; transition:background-color .2s,color .2s;}
.lp-hdr .lp-nav a:hover{background:var(--paper-3); color:var(--ink);}
.lp-hdr .lp-nav a[aria-current="page"],.lp-hdr .lp-nav a.is-on{background:var(--nav-pill); color:var(--ink);}

.lp-hdr .lp-cta{display:inline-flex; align-items:center; gap:12px; height:48px; padding:0 40px; border-radius:var(--radius-sm);
  font-size:var(--fs-16); font-weight:600; letter-spacing:-0.01em; line-height:1; white-space:nowrap; color:var(--paper)!important; transition:background-color .2s;}
.lp-hdr .lp-cta svg{width:16px; height:16px; flex:0 0 auto;}
.lp-hdr .lp-cta--navy{background:var(--navy-900);}
.lp-hdr .lp-cta--navy:hover{background:var(--navy-800);}
.lp-hdr .lp-cta--azul{background:var(--blue);}
.lp-hdr .lp-cta--azul:hover{background:var(--blue-600);}

/* ---------- ações à direita: CTA + idioma + conta (08/10/2026) ---------- */
.lp-hdr .lp-acoes{justify-self:end; display:flex; align-items:center; gap:12px;}
.lp-hdr .lp-idioma,.lp-hdr .lp-conta{width:40px; height:40px; flex:0 0 auto; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; transition:background-color .2s,border-color .2s,color .2s;}
.lp-hdr .lp-idioma{border:1px solid var(--line); font-size:var(--fs-13); font-weight:600; letter-spacing:0.02em; line-height:1; color:var(--ink-2);}
.lp-hdr .lp-idioma:hover{background-color:var(--paper-3)!important; border-color:var(--paper-3); color:var(--ink);}   /* autorizado (bug 6.2) */
.lp-hdr .lp-conta{background:var(--paper-3); color:var(--ink-2);}
.lp-hdr .lp-conta:hover{background:var(--nav-pill); color:var(--ink);}
.lp-hdr .lp-conta svg{width:20px; height:20px;}

.lp-hdr .lp-burger{display:none; width:44px; height:44px; justify-self:end; align-items:center; justify-content:center; color:var(--ink);}
.lp-hdr .lp-burger svg,.lp-hdr .lp-x svg{width:24px; height:24px;}

/* ---------- submenu fundido ao menu (Daniel, 08/10/2026) ----------
   1ª dobra: só o menu normal. Passou do hero: o submenu desce do topo (slide), grudado,
   com fundo branco translúcido, e acompanha até o fim da página. Quem decide é o header.js
   (classe .is-fixo, observando o 1º bloco do <main>). Só transform anima. */
.lp-hdr .lp-sub-ph,.lp-hdr .lp-sub-sent{display:none;}
.lp-hdr .lp-sub{position:fixed; top:var(--adm); left:0; right:0; z-index:999;
  background:rgba(255,255,255,.8); -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px);
  color:var(--ink); box-shadow:0 1px 0 rgba(18,18,18,.08);
  transform:translate3d(0,-100%,0); visibility:hidden;
  transition:transform .45s cubic-bezier(.22,1,.36,1), visibility 0s linear .45s;}
.lp-hdr.is-fixo .lp-sub{transform:translate3d(0,0,0); visibility:visible; transition:transform .45s cubic-bezier(.22,1,.36,1);}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){ .lp-hdr .lp-sub{background:rgba(255,255,255,.96);} }
/* Desktop (Daniel, 08/10/2026): o menu tradicional fica grudado no topo enquanto o hero aparece e
   sobe quando o submenu desce; ao voltar para o hero, ele desce de novo. A classe .tem-sub vem do
   header.js (só páginas com submenu). O header continua no fluxo; só transform anima. */
@media (min-width:1025px){
  .lp-hdr.tem-sub{position:sticky; top:var(--adm);}
  .lp-hdr.tem-sub .lp-bar{transform:translate3d(0,0,0); transition:transform .45s cubic-bezier(.22,1,.36,1);}
  .lp-hdr.tem-sub.is-fixo{pointer-events:none;}
  .lp-hdr.tem-sub.is-fixo .lp-bar{transform:translate3d(0,-100%,0);}
  .lp-hdr.tem-sub.is-fixo .lp-sub,.lp-hdr.tem-sub .lp-panel{pointer-events:auto;}
}
.lp-hdr .lp-sub[hidden]{display:none!important;}
.lp-hdr .lp-sub-in{height:var(--sub-h); display:flex; align-items:center; justify-content:space-between; gap:24px; min-width:0;}
.lp-hdr .lp-sub-tit{font-size:var(--fs-20); font-weight:600; letter-spacing:-0.01em; line-height:1.2; white-space:nowrap; flex:0 0 auto; color:var(--ink);}
.lp-hdr .lp-sub-scr{min-width:0; overflow-x:auto; scrollbar-width:none; touch-action:pan-x pan-y; overscroll-behavior-x:contain;}
.lp-hdr .lp-sub-scr::-webkit-scrollbar{display:none;}
.lp-hdr .lp-sub-scr ul{display:flex; gap:48px; align-items:center;}
.lp-hdr .lp-sub-scr a{position:relative; display:inline-flex; align-items:center; gap:8px; height:40px; font-size:var(--fs-15); font-weight:500; letter-spacing:-0.01em; white-space:nowrap;
  color:var(--ink-2); opacity:.72; transition:opacity .2s,color .2s;}
.lp-hdr .lp-sub-scr a::after{content:""; position:absolute; left:0; right:0; bottom:4px; height:2px; border-radius:2px; background:var(--sub-bg,var(--navy-900)); transform:scaleX(0); transition:transform .25s;}
.lp-hdr .lp-sub-scr a:hover{opacity:1; color:var(--ink);}
.lp-hdr .lp-sub-scr a.is-on{opacity:1; color:var(--ink);}
.lp-hdr .lp-sub-scr a.is-on::after{transform:scaleX(1);}
.lp-hdr .lp-sub-scr a.lp-sub-destaque{opacity:1; font-weight:600; color:var(--sub-bg,var(--navy-900));}
.lp-hdr .lp-sub-scr a svg{width:14px; height:14px;}
.lp-hdr .lp-sub-burger{display:none!important;}

/* ---------- gaveta do celular — padrão Starlink (Daniel, 08/10/2026) ----------
   Abre da direita para a esquerda; fundo da página escurece; gaveta em vidro navy.
   Topo: idioma + Entrar + X. Grupos com rótulo pequeno em caixa alta. Pé: CTA do header. */
.lp-hdr .lp-panel{position:fixed; inset:0; top:var(--adm); z-index:1000; visibility:hidden; transition:visibility 0s linear .3s;}
.lp-hdr .lp-panel.is-open{visibility:visible; transition:none;}
.lp-hdr .lp-panel-fundo{position:absolute; inset:0; background:rgba(0,0,0,.5); opacity:0; transition:opacity .3s;}
.lp-hdr .lp-panel.is-open .lp-panel-fundo{opacity:1;}
.lp-hdr .lp-gaveta{position:absolute; top:0; right:0; bottom:0; width:min(100%,420px); display:flex; flex-direction:column;
  background:rgba(1,22,48,.9); -webkit-backdrop-filter:saturate(160%) blur(40px); backdrop-filter:saturate(160%) blur(40px);
  color:var(--paper); overflow-y:auto; overscroll-behavior:contain;
  transform:translate3d(100%,0,0); transition:transform .3s cubic-bezier(0,0,.2,1);}
.lp-hdr .lp-panel.is-open .lp-gaveta{transform:translate3d(0,0,0);}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){ .lp-hdr .lp-gaveta{background:var(--navy-900);} }
.lp-hdr .lp-gaveta-top{flex:0 0 auto; display:flex; align-items:center; gap:12px; height:72px; padding:0 24px;}
.lp-hdr .lp-gaveta .lp-idioma{border-color:rgba(255,255,255,.3); color:var(--paper);}
.lp-hdr .lp-gaveta .lp-idioma:hover{background-color:rgba(255,255,255,.12)!important; border-color:rgba(255,255,255,.5); color:var(--paper);}   /* autorizado (bug 6.2) */
.lp-hdr .lp-gaveta-conta{display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 4px; font-size:var(--fs-16); font-weight:600; letter-spacing:-0.01em; color:var(--paper);}
.lp-hdr .lp-gaveta-conta svg{width:22px; height:22px;}
.lp-hdr .lp-x{width:44px; height:44px; margin-left:auto; margin-right:-10px; display:inline-flex; align-items:center; justify-content:center; color:var(--paper);}
.lp-hdr .lp-gaveta-nav{flex:1 0 auto; padding:16px 24px 8px;}
.lp-hdr .lp-gaveta-grupo + .lp-gaveta-grupo{margin-top:28px;}
.lp-hdr .lp-gaveta-rot{margin:0 0 4px; font-size:var(--fs-13); font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255,255,255,.6);}
.lp-hdr .lp-gaveta-nav a{display:flex; align-items:center; gap:8px; min-height:44px; font-size:var(--fs-20); font-weight:500; letter-spacing:-0.01em; color:var(--paper); transition:opacity .2s;}
.lp-hdr .lp-gaveta-nav a:hover{opacity:.72;}
.lp-hdr .lp-gaveta-nav a svg{opacity:.6;}
.lp-hdr .lp-gaveta-nav a[aria-current="page"]{color:var(--accent);}
.lp-hdr .lp-gaveta-pe{flex:0 0 auto; padding:24px 24px 32px;}
.lp-hdr .lp-gaveta-pe .lp-cta{display:flex; justify-content:center; width:100%; background:var(--paper); color:var(--navy-900)!important;}
.lp-hdr .lp-gaveta-pe .lp-cta:hover{background:var(--paper-3);}
.lp-hdr .lp-gaveta a:focus-visible,.lp-hdr .lp-gaveta button:focus-visible{outline-color:var(--paper);}

/* ---------- breakpoints (CSS e JS usam o MESMO 1024, bug 6.19) ---------- */
@media (max-width:1279px) and (min-width:1025px){   /* faixa apertada: menu + CTA + idioma + conta cabem em 1025 */
  .lp-hdr .lp-bar-in{gap:16px;}
  .lp-hdr .lp-nav ul{gap:0;}
  .lp-hdr .lp-nav a{padding:0 10px; font-size:var(--fs-15);}
  .lp-hdr .lp-cta{padding:0 20px;}
  .lp-hdr .lp-acoes{gap:8px;}
}
@media (max-width:1140px) and (min-width:1025px){ .lp-hdr .lp-nav a{padding:0 8px;} .lp-hdr .lp-cta{padding:0 16px;} }
@media (max-width:1024px){
  :root{--hdr-h:72px; --sub-h:52px;}
  .lp-hdr .lp-wrap{padding:0 24px;}
  .lp-hdr .lp-bar-in{grid-template-columns:minmax(0,1fr) auto;}
  .lp-hdr .lp-bar .lp-nav,.lp-hdr .lp-bar .lp-acoes{display:none;}
  .lp-hdr .lp-burger{display:inline-flex;}
  .lp-hdr .lp-sub-burger{display:inline-flex!important; flex:0 0 auto; margin-right:-10px;}
  .lp-hdr .lp-sub-tit{font-size:var(--fs-17);}
  .lp-hdr .lp-sub-scr ul{gap:24px;}
  .lp-hdr .lp-sub-scr{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%); padding:0 24px; margin-right:-24px;}
}
@media (max-width:782px){ body.admin-bar{--adm:46px;} }
@media (max-width:420px){
  .lp-hdr .lp-wrap{padding:0 16px;}
  .lp-hdr .lp-gaveta-top,.lp-hdr .lp-gaveta-nav{padding-left:16px; padding-right:16px;}
  .lp-hdr .lp-gaveta-pe{padding:24px 16px 32px;}
  .lp-hdr .lp-logo-txt{font-size:var(--fs-20);}
  .lp-hdr .lp-sub-scr{margin-right:-16px;}
}
/* submenu sem título (Home V2, 24/09/2026): os itens ocupam 100% da largura, alinhados às bordas
   do conteúdo; no celular a fita rola de ponta a ponta da tela. */
.lp-hdr .lp-sub--cheio .lp-sub-scr{flex:1 1 auto;}
.lp-hdr .lp-sub--cheio .lp-sub-scr ul{min-width:100%;width:max-content;justify-content:space-between;gap:32px;}
@media (max-width:1024px){
  .lp-hdr .lp-sub--cheio .lp-sub-in{padding:0 24px 0 0; gap:4px;}
  .lp-hdr .lp-sub--cheio .lp-sub-scr{margin:0;padding:0 24px;scroll-snap-type:x proximity;}
  .lp-hdr .lp-sub--cheio .lp-sub-scr li{scroll-snap-align:center;}
}
@media (max-width:420px){ .lp-hdr .lp-sub--cheio .lp-sub-scr{padding:0 16px;} .lp-hdr .lp-sub--cheio .lp-sub-in{padding-right:16px;} }
@media (forced-colors:active){ .lp-hdr .lp-cta{border:1px solid ButtonText;} }
@media (prefers-reduced-motion:reduce){ .lp-hdr *{transition:none!important; animation:none!important; scroll-behavior:auto!important;} }
@media print{
  .lp-hdr .lp-sub,.lp-hdr .lp-panel,.lp-hdr .lp-burger,.lp-hdr .lp-idioma,.lp-hdr .lp-conta{display:none!important;}
}

/* ---------- header de LP: só logo + CTA ---------- */
.lp-hdr .lp-bar-in--lp{grid-template-columns:minmax(0,1fr) auto;}
.lp-hdr .lp-bar-in--lp > .lp-cta{justify-self:end;}
@media (max-width:1024px){ .lp-hdr .lp-bar-in--lp .lp-cta{display:inline-flex;padding:0 20px;height:44px;} }

/* =====================================================================
   NAVEGAÇÃO 2 — doc "Ajustes gloda.tech 18/10" (19/10/2026)
   Itens 01.3 e 13: Mega Menu inspirado na Starlink, cabeçalho em vidro ao rolar,
   barra secundária flutuante com logo, CTA em contorno, idioma escuro, gaveta em accordion.
   ===================================================================== */
.lp-hdr{position:sticky; top:var(--adm);}                       /* fica no topo em todas as larguras */
.lp-hdr .lp-bar{position:relative; transition:background-color .3s ease, box-shadow .3s ease, transform .45s cubic-bezier(.22,1,.36,1);}
.lp-hdr.is-rolado .lp-bar{background:rgba(255,255,255,.82); -webkit-backdrop-filter:saturate(180%) blur(16px); backdrop-filter:saturate(180%) blur(16px); box-shadow:0 1px 0 rgba(18,18,18,.07);}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){ .lp-hdr.is-rolado .lp-bar{background:rgba(255,255,255,.97);} }
/* passou do hero (páginas com submenu): o menu principal sobe e a barra flutuante desce — em todas as larguras */
.lp-hdr.tem-sub.is-fixo{pointer-events:none;}
.lp-hdr.tem-sub.is-fixo .lp-bar{transform:translate3d(0,-100%,0);}
.lp-hdr.tem-sub.is-fixo .lp-sub,.lp-hdr.tem-sub .lp-panel{pointer-events:auto;}

/* ---------- itens do menu com chevron ---------- */
.lp-hdr .lp-nav-l{display:flex; gap:2px; align-items:center;}
.lp-hdr .lp-nav-it{position:relative; display:flex; align-items:center; border-radius:10px; transition:background-color .2s;}
.lp-hdr .lp-nav-it > a{height:36px; padding:0 12px; background:transparent!important;}
.lp-hdr .lp-nav-it.tem-mega > a{padding-right:0;}
.lp-hdr .lp-nav-tg{width:24px; height:36px; display:inline-flex; align-items:center; justify-content:center; color:var(--muted); border-radius:0 10px 10px 0!important;}
.lp-hdr .lp-nav-tg svg{width:14px; height:14px; transition:transform .25s ease;}
.lp-hdr .lp-nav-it:hover,.lp-hdr .lp-nav-it.is-aberto{background:#f0f0f2;}
.lp-hdr .lp-nav-it.is-aberto .lp-nav-tg{color:var(--ink);}
.lp-hdr .lp-nav-it.is-aberto .lp-nav-tg svg{transform:rotate(180deg);}
.lp-hdr .lp-nav-it > a[aria-current="page"],.lp-hdr .lp-nav-it > a.is-on{color:var(--ink); font-weight:600;}
.lp-hdr .lp-nav-it:has(> a[aria-current="page"]),.lp-hdr .lp-nav-it:has(> a.is-on){background:#ececee;}

/* ---------- painel do Mega Menu: vidro fosco, cantos 18, sombra quase nula ---------- */
.lp-hdr .lp-nav{position:static;}
.lp-hdr .lp-mega{position:absolute; left:50%; top:calc(100% - 8px); width:min(1200px, calc(100% - 48px)); z-index:5;
  opacity:0; visibility:hidden; transform:translate3d(-50%,-6px,0);
  transition:opacity .22s ease, transform .22s ease, visibility 0s linear .22s;}
.lp-hdr .lp-mega.is-on{opacity:1; visibility:visible; transform:translate3d(-50%,0,0); transition:opacity .22s ease, transform .22s ease;}
.lp-hdr .lp-mega-in{background:rgba(255,255,255,.86); -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px);
  border:1px solid rgba(18,18,18,.06); border-radius:18px; box-shadow:0 18px 50px rgba(1,22,48,.08); padding:36px 40px 40px;}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){ .lp-hdr .lp-mega-in{background:#fff;} }
.lp-hdr .lp-mega-p{display:flex; gap:0; animation:lpMegaEntra .22s ease both;}
.lp-hdr .lp-mega-p[hidden]{display:none;}
@keyframes lpMegaEntra{from{opacity:0}to{opacity:1}}
.lp-hdr .lp-mega-g{min-width:200px; padding:0 40px;}
.lp-hdr .lp-mega-g:first-child{padding-left:0;}
.lp-hdr .lp-mega-g + .lp-mega-g{border-left:1px solid rgba(18,18,18,.08);}
.lp-hdr .lp-mega-t{margin:0 0 14px; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--muted);}
.lp-hdr .lp-mega-g ul{display:grid; gap:10px;}
.lp-hdr .lp-mega-g ul.lp-mega-2c{grid-template-columns:repeat(2,minmax(160px,auto)); column-gap:40px;}
.lp-hdr .lp-mega-g a{display:inline-block; font-size:var(--fs-20); font-weight:500; letter-spacing:-0.01em; line-height:1.3; color:var(--ink); transition:color .2s, opacity .2s;}
.lp-hdr .lp-mega-g a:hover{color:var(--blue);}

/* ---------- CTA em contorno (Agendar Demonstração) e idioma escuro ---------- */
.lp-hdr .lp-cta{border-radius:999px;}
.lp-hdr .lp-cta--contorno{background:var(--paper); color:var(--ink)!important; box-shadow:inset 0 0 0 1px #d2d2d7; height:44px; padding:0 20px; gap:10px;}
.lp-hdr .lp-cta--contorno:hover{background:#f5f5f7; box-shadow:inset 0 0 0 1px #b8b8be;}
.lp-hdr .lp-idioma{background-color:#292929!important; border:0; color:var(--paper);}
.lp-hdr .lp-idioma:hover{background-color:#3a3a3a!important; color:var(--paper);}
.lp-hdr .lp-gaveta .lp-idioma{background-color:#292929!important; border:1px solid rgba(255,255,255,.3);}

/* ---------- barra secundária flutuante (vidro, logo, âncoras) ---------- */
.lp-hdr .lp-sub{top:calc(var(--adm) + 12px); left:50%; right:auto; width:min(1200px, calc(100% - 48px));
  border-radius:18px; border:1px solid rgba(18,18,18,.07);
  background:rgba(255,255,255,.82); -webkit-backdrop-filter:saturate(180%) blur(16px); backdrop-filter:saturate(180%) blur(16px);
  box-shadow:0 10px 30px rgba(1,22,48,.07);
  transform:translate3d(-50%,calc(-100% - 24px),0);}
.lp-hdr.is-fixo .lp-sub{transform:translate3d(-50%,0,0);}
.lp-hdr .lp-sub-in{height:var(--sub-h); padding:0 12px 0 24px; gap:32px;}
.lp-hdr .lp-sub-logo{flex:0 0 auto; display:inline-flex; align-items:center; color:var(--ink);}
.lp-hdr .lp-sub-logo img{height:24px; width:auto; display:block;}
.lp-hdr .lp-sub-logo .lp-logo-txt{font-size:var(--fs-20);}
.lp-hdr .lp-sub--cheio .lp-sub-scr ul{gap:40px;}
.lp-hdr .lp-sub-scr a{color:#6e6e73; opacity:1;}
.lp-hdr .lp-sub-scr a:hover,.lp-hdr .lp-sub-scr a.is-on{color:#1d1d1f;}
.lp-hdr .lp-sub-scr a.is-on{font-weight:600;}
.lp-hdr .lp-sub-scr a::after{bottom:2px; background:#1d1d1f;}
.lp-hdr .lp-sub-scr{padding-right:12px;}

/* ---------- gaveta: categorias em accordion ---------- */
.lp-hdr .lp-gav-cats > li + li{border-top:1px solid rgba(255,255,255,.12);}
.lp-hdr .lp-gav-linha{display:flex; align-items:center; justify-content:space-between; gap:8px;}
.lp-hdr .lp-gav-linha > a{flex:1 1 auto; min-height:52px; font-size:22px!important;}
.lp-hdr .lp-gav-tg{width:44px; height:44px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; color:var(--paper)!important; margin-right:-10px;}
.lp-hdr .lp-gav-tg svg{width:20px; height:20px; transition:transform .25s ease;}
.lp-hdr .lp-gav-tg[aria-expanded="true"] svg{transform:rotate(180deg);}
.lp-hdr .lp-gav-sub{padding:4px 0 16px 12px;}
.lp-hdr .lp-gav-sub[hidden]{display:none;}
.lp-hdr .lp-gav-sub .lp-gaveta-rot{margin-top:8px;}
.lp-hdr .lp-gav-sub a{min-height:44px; font-size:var(--fs-17)!important; opacity:.86;}
.lp-hdr .lp-gav-eco{margin-top:28px;}

@media (max-width:1439px) and (min-width:1025px){
  .lp-hdr .lp-bar-in{gap:16px;}
  .lp-hdr .lp-nav-l{gap:0;}
  .lp-hdr .lp-nav-it > a{padding:0 0 0 10px; font-size:var(--fs-15);}
  .lp-hdr .lp-nav-tg{width:22px;}
  .lp-hdr .lp-cta--contorno{padding:0 16px; font-size:var(--fs-15);}
  .lp-hdr .lp-acoes{gap:8px;}
}
@media (max-width:1180px) and (min-width:1025px){
  .lp-hdr .lp-nav-it > a{padding:0 0 0 8px; font-size:14px;}
  .lp-hdr .lp-nav-tg{width:20px;}
  .lp-hdr .lp-cta--contorno{padding:0 14px; font-size:14px;}
  .lp-hdr .lp-cta--contorno svg{display:none;}
  .lp-hdr .lp-idioma,.lp-hdr .lp-conta{width:36px; height:36px;}
}
@media (max-width:1024px){
  .lp-hdr .lp-mega{display:none;}
  .lp-hdr .lp-sub{width:calc(100% - 24px); top:calc(var(--adm) + 8px); border-radius:16px;}
  .lp-hdr .lp-sub-in{padding:0 4px 0 16px; gap:12px;}
  .lp-hdr .lp-sub-logo img{height:20px;}
  .lp-hdr .lp-sub--cheio .lp-sub-in{padding:0 4px 0 16px; gap:12px;}
  .lp-hdr .lp-sub--cheio .lp-sub-scr{padding:0 16px;}
  .lp-hdr .lp-sub--cheio .lp-sub-scr ul{gap:24px; justify-content:flex-start;}
  .lp-hdr .lp-sub-scr a{height:44px;}
  .lp-hdr .lp-sub-burger{margin-right:0!important;}
}
@media (max-width:420px){
  .lp-hdr .lp-sub{width:calc(100% - 16px);}
  .lp-hdr .lp-sub-logo img{height:18px;}
}
@media (max-width:360px){ .lp-hdr .lp-sub-logo{display:none;} }
@media (prefers-reduced-motion:reduce){ .lp-hdr .lp-mega-p{animation:none;} }
.lp-hdr .lp-nav .lp-mega-g a,.lp-hdr .lp-nav .lp-mega-g a:hover{height:auto; padding:2px 0; border-radius:4px; background:transparent!important; white-space:nowrap;}
.lp-hdr .lp-nav .lp-mega-g a:hover{color:var(--blue);}
.lp-hdr .lp-sub:not(.lp-sub--cheio) .lp-sub-logo{display:none;}   /* página com título próprio no submenu (ex.: Solução): o título já faz o papel do logo */

/* =====================================================================
   SELETOR DE IDIOMA — doc "Ajustes 22/10" (item 05)
   Mesmo botão escuro em cápsula; cresce só o necessário para a bandeira.
   Lista em vidro branco (blur 16px), borda cinza-claro, bandeira à esquerda e sigla à direita.
   ===================================================================== */
.lp-hdr .lp-idi{position:relative; flex:0 0 auto;}
.lp-hdr .lp-idi .lp-idioma{width:auto; min-width:40px; padding:0 12px 0 10px; gap:6px;}
.lp-hdr .lp-flag{width:18px; height:auto; border-radius:2px; flex:0 0 auto; display:block; box-shadow:0 0 0 .5px rgba(0,0,0,.18);}
.lp-hdr .lp-idi-menu{position:absolute; top:calc(100% + 8px); right:0; z-index:20; min-width:200px; margin:0; padding:6px; list-style:none;
  background:rgba(255,255,255,.88); -webkit-backdrop-filter:saturate(180%) blur(16px); backdrop-filter:saturate(180%) blur(16px);
  border:1px solid #e4e4df; border-radius:14px; box-shadow:0 12px 32px rgba(1,22,48,.10);
  animation:lpIdiEntra .18s ease both;}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){ .lp-hdr .lp-idi-menu{background:#fff;} }
.lp-hdr .lp-idi-menu[hidden]{display:none;}
.lp-hdr .lp-idi.abre-esq .lp-idi-menu,.lp-hdr .lp-idi--gaveta .lp-idi-menu{right:auto; left:0;}
.lp-hdr .lp-idi--gaveta .lp-idi-menu{background:#fff; box-shadow:0 16px 40px rgba(0,0,0,.35);}   /* na gaveta escura o vidro deixaria o menu de trás aparecer */
@keyframes lpIdiEntra{from{opacity:0; transform:translateY(-4px)}to{opacity:1; transform:none}}
.lp-hdr .lp-idi-menu a{display:flex; align-items:center; gap:10px; min-height:44px; padding:0 12px; border-radius:10px;
  color:var(--ink)!important; font-size:var(--fs-15); font-weight:500; line-height:1.2; transition:background-color .15s;}
.lp-hdr .lp-idi-menu a:hover,.lp-hdr .lp-idi-menu a:focus-visible{background:#f0f0f2;}
.lp-hdr .lp-idi-menu a:focus-visible{outline-offset:-2px;}
.lp-hdr .lp-idi-nome{flex:1 1 auto; color:var(--ink-2);}
.lp-hdr .lp-idi-sigla{font-size:var(--fs-13); font-weight:600; letter-spacing:.04em; color:var(--muted);}
.lp-hdr .lp-idi-menu a[aria-current="true"]{background:#f5f5f7;}
.lp-hdr .lp-idi-menu a[aria-current="true"] .lp-idi-nome{color:var(--ink); font-weight:600;}
.lp-hdr .lp-idi-menu a[aria-current="true"] .lp-idi-sigla{color:var(--blue);}
.lp-hdr .lp-idi-menu a[aria-current="true"]::after{content:""; width:6px; height:6px; border-radius:50%; background:var(--blue); flex:0 0 auto; margin-left:-4px;}
@media (max-width:1180px) and (min-width:1025px){ .lp-hdr .lp-idi .lp-idioma{width:auto; padding:0 10px 0 8px;} }
@media (prefers-reduced-motion:reduce){ .lp-hdr .lp-idi-menu{animation:none;} }

/* Chinês: a Rethink Sans não tem ideogramas; cai para a fonte CJK do sistema, mantendo a Rethink nos números e no latim */
html:lang(zh-CN) body,html:lang(zh-CN) .lp-hdr,html:lang(zh-CN) .lp-root,html:lang(zh-CN) .lp-ftr{font-family:"Rethink Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Source Han Sans SC",system-ui,sans-serif;}
/* Espanhol tem os rótulos mais longos do menu: entre 1025 e 1100 px o menu encolhe um pouco para não encostar no logo */
@media (max-width:1100px) and (min-width:1025px){ html:lang(es-ES) .lp-hdr .lp-nav-it > a{font-size:13px; padding-left:6px;} html:lang(es-ES) .lp-hdr .lp-nav-tg{width:18px;} }

/* =====================================================================
   MENU FLUTUANTE EM DOIS GRUPOS — doc "Ajustes 22/10" (item 01)
   Logo (ou título da página) à esquerda, links juntos à direita. O espaço livre
   fica entre os dois grupos, nunca entre cada link. Vale para toda página com submenu
   (um componente só: header.php). Vidro, altura, borda, sombra, raio e sticky não mudam.
   ===================================================================== */
.lp-hdr .lp-sub{width:min(1280px, calc(100% - 40px));}
.lp-hdr .lp-sub-in{display:flex; align-items:center; justify-content:space-between; gap:32px; padding:0 16px 0 32px;}
.lp-hdr .lp-sub-logo,.lp-hdr .lp-sub-tit{flex:0 0 auto;}
.lp-hdr .lp-sub-scr,
.lp-hdr .lp-sub--cheio .lp-sub-scr{flex:0 1 auto; min-width:0; margin-left:auto; padding:0 16px 0 0;}
.lp-hdr .lp-sub-scr ul,
.lp-hdr .lp-sub--cheio .lp-sub-scr ul{display:flex; justify-content:flex-start; width:max-content; min-width:0; margin-left:auto; gap:40px;}
.lp-hdr .lp-sub-scr li{flex:0 0 auto;}
@media (max-width:1280px) and (min-width:1025px){
  .lp-hdr .lp-sub-scr ul,.lp-hdr .lp-sub--cheio .lp-sub-scr ul{gap:32px;}
  .lp-hdr .lp-sub-in{padding-left:28px;}
}
@media (max-width:1024px){
  .lp-hdr .lp-sub{width:calc(100% - 24px);}
  .lp-hdr .lp-sub-in,.lp-hdr .lp-sub--cheio .lp-sub-in{padding:0 4px 0 20px; gap:16px;}
  .lp-hdr .lp-sub-scr,.lp-hdr .lp-sub--cheio .lp-sub-scr{padding:0 8px;}
  .lp-hdr .lp-sub-scr ul,.lp-hdr .lp-sub--cheio .lp-sub-scr ul{gap:24px;}
}
@media (max-width:600px){
  .lp-hdr .lp-sub-in,.lp-hdr .lp-sub--cheio .lp-sub-in{padding-left:16px; gap:8px;}
  .lp-hdr .lp-sub-scr ul,.lp-hdr .lp-sub--cheio .lp-sub-scr ul{gap:20px;}
}
@media (max-width:420px){
  .lp-hdr .lp-sub{width:calc(100% - 16px);}
  .lp-hdr .lp-sub-in,.lp-hdr .lp-sub--cheio .lp-sub-in{padding-left:14px;}
  .lp-hdr .lp-sub-scr ul,.lp-hdr .lp-sub--cheio .lp-sub-scr ul{gap:18px;}
}
/* o logo continua visível em qualquer largura (antes sumia abaixo de 360px) */
@media (max-width:360px){ .lp-hdr .lp-sub--cheio .lp-sub-logo{display:inline-flex;} .lp-hdr .lp-sub-logo img{height:16px;} .lp-hdr .lp-sub-logo .lp-logo-txt{font-size:16px;} }

/* =====================================================================
   BOTÃO DO CABEÇALHO ÚNICO — doc "Ajustes 22/10" (item 03)
   Todas as páginas usam o botão da Home (lp-cta--contorno). As antigas variantes navy/azul
   não saem mais do header-cta.php. Altura do menu e espaçamentos não mudam.
   ===================================================================== */
.lp-hdr .lp-cta--contorno:focus-visible{outline:2px solid var(--blue); outline-offset:2px;}

/* =====================================================================
   MENU DO CELULAR BRANCO — doc "Ajustes 22/10" (item 11)
   Fundo #FFFFFF em toda a gaveta; links pretos/cinza-escuro, divisórias cinza-claro,
   ativo em #2F6BFF, X preto. Botão do pé em azul #2F6BFF, cápsula, texto e seta brancos.
   Itens, ordem, accordion e animações não mudam.
   ===================================================================== */
.lp-hdr .lp-gaveta{background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none; color:#1d1d1f;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){ .lp-hdr .lp-gaveta{background:#fff;} }
.lp-hdr .lp-gaveta-top{border-bottom:1px solid #e5e5ea;}
.lp-hdr .lp-x{color:#1d1d1f;}
.lp-hdr .lp-gaveta-conta{color:#1d1d1f;}
.lp-hdr .lp-gaveta-rot{color:#6e6e73;}
.lp-hdr .lp-gaveta-nav a{color:#1d1d1f;}
.lp-hdr .lp-gaveta-nav a svg{opacity:1; color:#1d1d1f;}
.lp-hdr .lp-gaveta-nav a:hover{opacity:1; color:#2F6BFF;}
.lp-hdr .lp-gaveta-nav a[aria-current="page"]{color:#2F6BFF;}
.lp-hdr .lp-gav-cats > li + li{border-top:1px solid #e5e5ea;}
.lp-hdr .lp-gav-tg{color:#1d1d1f!important;}
.lp-hdr .lp-gav-sub a{color:#3d434b; opacity:1;}
.lp-hdr .lp-gav-eco{border-top:1px solid #e5e5ea; padding-top:20px;}
.lp-hdr .lp-gaveta a:focus-visible,.lp-hdr .lp-gaveta button:focus-visible{outline:2px solid #2F6BFF; outline-offset:2px;}
.lp-hdr .lp-gaveta-pe{background:#fff; border-top:1px solid #e5e5ea;}
.lp-hdr .lp-gaveta-pe .lp-cta,
.lp-hdr .lp-gaveta-pe .lp-cta--gaveta{display:flex; justify-content:center; width:100%; height:52px; padding:0 24px; gap:10px;
  border-radius:999px; background:#2F6BFF; color:#fff!important; box-shadow:none;}
.lp-hdr .lp-gaveta-pe .lp-cta svg{color:#fff;}
.lp-hdr .lp-gaveta-pe .lp-cta:hover{background:#1f57e0;}
.lp-hdr .lp-gaveta-pe .lp-cta:focus-visible{outline:2px solid #1d1d1f; outline-offset:3px;}

/* =====================================================================
   MENU COMPLETO EM TODAS AS DOBRAS (Daniel, 24/10/2026)
   O menu principal (logo, categorias, CTA, idioma, conta) fica grudado no topo do começo ao fim
   da página, em todas as larguras. A barra flutuante de âncoras (só logo + seções) não substitui
   mais o menu: some de vez. Ao rolar, a barra vira vidro e fica mais baixa no desktop.
   No celular, o CTA do cabeçalho aparece ao lado do menu (antes ficava só dentro da gaveta).
   ===================================================================== */
.lp-hdr .lp-sub{display:none!important;}
.lp-hdr.tem-sub.is-fixo{pointer-events:auto;}
.lp-hdr.tem-sub.is-fixo .lp-bar{transform:none!important;}
@media (min-width:1025px){
  .lp-hdr .lp-bar-in{transition:height .35s cubic-bezier(.22,1,.36,1);}
  .lp-hdr.is-rolado .lp-bar-in{height:88px;}
}
@media (max-width:1024px){
  .lp-hdr .lp-bar-in{grid-template-columns:minmax(0,1fr) auto auto; gap:10px;}
  .lp-hdr .lp-bar .lp-acoes{display:flex; align-items:center;}
  .lp-hdr .lp-bar .lp-acoes > :not(.lp-cta){display:none!important;}
  .lp-hdr .lp-bar .lp-acoes .lp-cta{height:40px; padding:0 14px; gap:8px; font-size:14px; white-space:nowrap;}
  .lp-hdr .lp-bar .lp-acoes .lp-cta svg{width:14px; height:14px;}
}
@media (max-width:359px){
  .lp-hdr .lp-bar .lp-acoes .lp-cta{padding:0 11px; font-size:13px;}
  .lp-hdr .lp-bar .lp-acoes .lp-cta svg{display:none;}
}