/*!
 * nrx-chrome.css — header (nav) e footer PADRAO do site, para as landing pages.
 *
 * Mesma altura, espacamento, tipografia e comportamento responsivo do nav e do
 * footer do index.html (antes disso cada LP trazia o header/rodape do
 * fornecedor e cada uma renderizava num tamanho diferente).
 *
 * DIFERENCA DELIBERADA: o nav aqui NAO tem os links de navegacao, o "Area do
 * Cliente" nem o toggle ES/EN do site. Estas paginas recebem trafego pago e
 * cada link desses e uma rota de fuga; sobra logo + CTA para /califica. As
 * medidas (68/60px, logo Lora 24/19px) continuam identicas ao site.
 *
 * GRADE UNICA: nav, rodape e o container da pagina usam max-width:1200px e o
 * MESMO padding lateral (24px; 20px em <=768px). Sem isto o logo do nav, o
 * texto do hero e o logo do rodape saem em tres alinhamentos diferentes na
 * mesma pagina — foi o defeito reportado em 2026-08-05.
 *
 * Fonte da verdade: index.html. Ao mexer no nav/footer de la, replicar aqui.
 * Depende dos tokens :root da pagina (--deep --elec --cream --sage --forest
 * --lora --out --r8) e das fontes Lora/Outfit/Geist Mono.
 */

/* As LPs declaram line-height:1.55 no body; o index.html nao declara nada e o
   chrome dele roda com 'normal'. Sem isto o CTA do nav sai 42px na LP contra
   39px no index e as listas do rodape ficam mais altas. Os paragrafos legais
   tem line-height proprio, entao nao sao afetados. */
nav,footer{line-height:normal;}

/* ── NAV ── */
nav{position:sticky;top:0;z-index:800;background:rgba(252,248,236,.95);backdrop-filter:blur(16px);border-bottom:1.5px solid rgba(22,78,46,.15);}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
/* `.nav-logo` (marcacao do index.html) e `.logo` (marcacao das LPs novas) sao
   o MESMO wordmark: sempre no mesmo seletor, nunca com valores duplicados. */
.nav-logo,.logo{font-family:var(--lora);font-size:24px;color:var(--deep);display:flex;align-items:baseline;gap:1px;text-decoration:none;}
.nav-logo span,.logo span{font-weight:400;line-height:1;}
.nav-logo strong,.logo strong{font-weight:700;color:var(--elec);font-size:26px;line-height:1;}
.nav-actions{display:flex;align-items:center;gap:14px;}
/* Selo de confianca no lugar dos links de navegacao: LP de trafego pago nao
   pode ter rota de fuga. Mesma altura/posicao do nav do site, so sem saidas. */
.nav-trust{font-size:13px;font-weight:600;color:var(--sage);white-space:nowrap;}
.btn-nav-primary{background:var(--deep);color:var(--cream);font-size:14px;font-weight:700;padding:10px 20px;border-radius:8px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;min-width:140px;text-align:center;white-space:nowrap;text-decoration:none;}
.btn-nav-primary:hover{background:var(--elec);color:var(--forest);}



/* ── FOOTER ── */
footer{background:var(--forest);padding:72px 0 40px;border-top:2px solid var(--deep);}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 24px;}
.footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.footer-brand .fl{font-family:var(--lora);font-size:26px;color:var(--cream);display:flex;align-items:baseline;gap:1px;margin-bottom:14px;}
.footer-brand .fl span{font-weight:400;}
.footer-brand .fl strong{font-weight:700;color:var(--elec);font-size:28px;}
.footer-brand p{font-size:13px;color:var(--sage);line-height:1.65;}
.footer-contact{margin-top:18px;display:flex;flex-direction:column;gap:8px;}
.fc-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sage);text-decoration:none;}
.fc-item svg{width:16px;height:16px;color:var(--elec);flex:none;}
.footer-col h5{font-family:var(--lora);font-weight:700;font-size:15px;color:var(--cream);margin-bottom:14px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0;}
.footer-col a{font-size:13px;color:var(--sage);transition:color .2s;text-decoration:none;}
.footer-col a:hover{color:var(--elec);}
.footer-seal{margin-top:18px;display:inline-block;}
.footer-seal img{display:block;}
/* ── SELOS DE CONFIANCA DO RODAPE ──
   LegitScript (selo oficial deles, imagem remota obrigatoria) + tres selos
   proprios em SVG inline. Inline e nao <img> de proposito: assim herdam a
   fonte Outfit, os tokens de cor e, no site principal, o swap ES/EN do
   lang.js, que troca texto e atributos mas nunca 'src'. */
.footer-badges{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.fb-seal{flex:none;display:block;line-height:0;}
.fb-seal img{display:block;height:79px;width:auto;}
.fb-item{flex:none;width:94px;height:79px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;border:1.5px solid rgba(252,248,236,.18);border-radius:var(--r8);text-align:center;text-decoration:none;transition:border-color .2s,background .2s;}
.fb-item:hover{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.07);}
.fb-item svg{width:22px;height:22px;color:var(--elec);flex:none;margin-bottom:6px;}
.fb-t{font-family:var(--out);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cream);line-height:1.2;}
.fb-s{font-family:var(--out);font-size:8.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--sage);line-height:1.2;margin-top:2px;}
.footer-rule{border:none;border-top:1px solid rgba(34,197,94,.1);margin-bottom:14px;}
.footer-bottom{display:flex;flex-direction:column;align-items:stretch;gap:14px;color:rgba(98,140,112,.7);}
.footer-legal{font-size:11.5px;color:var(--sage);line-height:1.7;max-width:none;}
.footer-legal strong{color:rgba(168,130,48,.75);}
.footer-copy{font-family:var(--out);font-size:11.5px;color:var(--sage);}

@media(max-width:768px){
  .nav-trust{display:none;}
  .nav-inner{padding:0 20px;height:60px;}
  .nav-logo,.logo{font-size:21px;}
  .nav-logo strong,.logo strong{font-size:23px;}
  .nav-actions .btn-nav-primary{font-size:13px;padding:12px 14px;min-width:130px;min-height:44px;}
  footer{padding:48px 0 32px;}
  .footer-inner{padding:0 20px;}
  .footer-grid{grid-template-columns:1fr;gap:32px;margin-bottom:32px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
  .footer-legal{font-size:11px;}
}
@media(max-width:420px){
  .nav-logo,.logo{font-size:19px;}
  .nav-actions .btn-nav-primary{font-size:12px;padding:12px 12px;min-width:115px;min-height:44px;}
}