/* ============================================================================
   CHROME DO SITE, header + footer UNIFICADOS (home E páginas internas)
   Nível clr-new, tema do escritório (navy #1e1a18 / dourado #C8A46B). Sem serifa, sem
   itálico, sem linhas de grid no fundo. Namespace: .agc-*
   Carregado por base.php em TODAS as páginas → um só header/footer no site.
   ============================================================================ */
:root{
  --agc-navy:#1e1a18; --agc-navy-d:#241c17; --agc-navy-2:#352A24; --agc-navy-3:#3b2f2a;
  --agc-gold:#c8a46b; --agc-gold-l:#e0c184; --agc-gold-d:#7a5433;
  --agc-cream:#f5f3ed; --agc-ink:#241c17; --agc-paper:#fff;
  --agc-line:rgba(36,28,23,.10);
  --agc-bar:84px;       /* altura da barra principal (desktop) */
  --agc-top:44px;       /* altura da topbar utilitária */
  /* borda direita do CONTEÚDO do header (onde a busca termina), âncora dos
     mega-menus. O container é max-width:1320 centralizado c/ padding 44; esta
     expressão reproduz exatamente a borda direita dele. Uso `100%` (não `100vw`)
     de propósito: num elemento fixed ele resolve contra o viewport SEM a barra
     de rolagem, o mesmo eixo em que o container se centraliza,  então bate
     perfeito mesmo com scrollbar (100vw erraria por metade da barra). */
  --agc-menu-right:calc((100% - min(100%, 1320px)) / 2 + 44px);
  --agc-r:14px;
  --agc-sh:0 18px 50px rgba(22,17,14,.14);
  --agc-ease:cubic-bezier(.16,1,.3,1);
  --agc-wa:#25d366; --agc-wa-d:#128c7e;
}
.agc-header *,.agc-drawer *,.agc-footer *{box-sizing:border-box}

/* Offset do conteúdo nas páginas internas (topbar + header são fixed). Home = hero por baixo. */
body.is-internal .site-main{padding-top:calc(var(--agc-top) + var(--agc-bar))}
/* ≤960: header vira STICKY (in-flow, reserva os ~70px dele sozinho), então o
   conteúdo NÃO precisa de padding-top — qualquer valor aqui vira gap duplo.
   Era 64px e criava o "espaçamento estranho" entre header e conteúdo. */
@media(max-width:960px){ html body.is-internal .site-main{padding-top:0 !important} }

/* Some com QUALQUER header/footer legado do tema base (site.css), o AGC assume tudo */
.site-header,.site-topbar,.site-footer,.mob-drawer,.mob-overlay{display:none!important}

/* ═══════════════════ TOPBAR, a linha das duas frentes ═══════════════════
   O escritório atende por DUAS frentes, cada uma com o seu advogado e o seu
   número. A primeira linha do site é essa escolha: quem chegou por
   aposentadoria não deveria ligar para o número do agro.

   O fundo perdeu o gradiente de três paradas (escuro-claro-escuro), ele
   desenhava uma faixa mais clara no meio da tela que, na home, cortava o
   vídeo ao meio. Agora é chapado, e a separação com o header é um fio. */
.agc-topbar{
  position:fixed;top:0;left:0;right:0;z-index:1002;height:var(--agc-top);
  background:#171310;
  border-bottom:1px solid rgba(228,200,138,.10);
  transition:transform .5s var(--agc-ease),opacity .3s ease,background .3s ease;
}
/* Ao rolar a topbar recolhe para cima e o header sobe para o lugar dela: na
   leitura o topo passa de 128px para 68px. O comentário antigo prometia isso
   ("recolhe ao rolar") mas não havia regra nenhuma. */
body.agc-scrolled .agc-topbar{transform:translateY(-100%);opacity:0;pointer-events:none}
.agc-topbar__in{
  max-width:1320px;margin:0 auto;height:100%;padding:0 44px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12.5px;
}
.agc-topbar__l,.agc-topbar__r{display:flex;align-items:center;gap:16px;min-width:0}
.agc-tb-item{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.66);text-decoration:none;white-space:nowrap;transition:color .16s}
.agc-tb-item i{color:var(--agc-gold);font-size:12px;transition:color .16s}
a.agc-tb-item:hover{color:#fff}
a.agc-tb-item:hover i{color:var(--agc-gold-l)}

/* rótulo "Atendimento", ancora as duas frentes e evita que os números
   pareçam dois telefones soltos */
.agc-tb-lab{
  flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,255,255,.56);   /* .42 dava 4,09:1 em 10px, abaixo de AA */
}
@media(max-width:1240px){ .agc-tb-lab{display:none} }

/* ── UMA FRENTE ──
   A cor chega por --fr (inline, do PHP) e NUNCA é o único sinal: cada frente
   tem ícone, rótulo e número próprios. Quem não distingue creme de dourado
   ainda lê "Previdenciário" e "Bancário do Agro". */
.agc-fr{
  position:relative;display:inline-flex;align-items:center;gap:9px;
  padding:5px 2px;text-decoration:none;white-space:nowrap;
  color:rgba(255,255,255,.7);transition:color .2s var(--agc-ease);
}
.agc-fr__i{font-size:12px;color:var(--fr);transition:transform .3s var(--agc-ease)}
.agc-fr__l{font-weight:600;letter-spacing:.005em}
/* o número é a informação secundária: um pouco menor, tabular, e some antes
   do rótulo quando a largura aperta */
.agc-fr__n{
  font-size:12px;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.5);
  padding-left:9px;border-left:1px solid rgba(255,255,255,.14);
  transition:color .2s;
}
.agc-fr:hover{color:#fff}
.agc-fr:hover .agc-fr__n{color:var(--fr)}
.agc-fr:hover .agc-fr__i{transform:translateY(-1px) scale(1.08)}
/* fio na cor da frente que cresce no hover, o mesmo gesto do menu abaixo,
   para a topbar e a barra principal lerem como uma peça só */
.agc-fr::after{
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--fr);
  transform:scaleX(0);transform-origin:left;opacity:.85;
  transition:transform .32s var(--agc-ease);
}
.agc-fr:hover::after{transform:scaleX(1)}
.agc-fr:focus-visible{outline:2px solid var(--fr);outline-offset:3px;border-radius:3px}
@media(max-width:1180px){ .agc-fr__n{display:none} }
/* Central de Inteligência, chip dourado em destaque (o hub de ferramentas) */
.agc-tb-feature{
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;
  padding:5px 15px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em;
  color:var(--agc-gold-l);background:rgba(201,169,97,.1);border:1px solid rgba(201,169,97,.3);
  transition:background .18s,border-color .18s,color .18s,transform .18s;
}
.agc-tb-feature i{font-size:11px;color:var(--agc-gold-l)}
.agc-tb-feature:hover{background:rgba(201,169,97,.2);border-color:rgba(201,169,97,.55);color:#fff;transform:translateY(-1px)}
.agc-tb-feature:hover i{color:#fff}
/* Ticker de índices (substitui o ícone): gira dólar/soja/euro… com cor + mini gráfico up/down */
.agc-tk{display:inline-flex;align-items:center;height:20px;min-width:116px;padding:0 8px;border-radius:6px;overflow:hidden;
  background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.09);flex-shrink:0}
.agc-tk__slot{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1;white-space:nowrap;
  opacity:0;transform:translateY(6px);transition:opacity .24s var(--agc-ease),transform .24s var(--agc-ease)}
.agc-tk__slot.in{opacity:1;transform:none}
.agc-tk__slot b{color:#fff;font-weight:700;letter-spacing:.01em}
.agc-tk__slot span{font-weight:800;font-variant-numeric:tabular-nums}
.agc-tk__spk{width:20px;height:11px;flex-shrink:0}
.agc-tk__spk polyline{fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.agc-tk__slot.is-up span{color:#3ddc84}.agc-tk__slot.is-up .agc-tk__spk polyline{stroke:#3ddc84}
.agc-tk__slot.is-dn span{color:#ff6b6b}.agc-tk__slot.is-dn .agc-tk__spk polyline{stroke:#ff6b6b}
.agc-tk__slot.is-fl span{color:rgba(255,255,255,.72)}.agc-tk__slot.is-fl .agc-tk__spk polyline{stroke:rgba(255,255,255,.5)}
.agc-tb-div{width:1px;height:18px;background:rgba(255,255,255,.14);flex-shrink:0}
.agc-topbar__soc{display:flex;align-items:center;gap:7px}
.agc-topbar__soc a{
  width:28px;height:28px;border-radius:50%;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.72);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  font-size:12px;text-decoration:none;transition:background .18s,color .18s,transform .18s,border-color .18s;
}
.agc-topbar__soc a:hover{background:var(--agc-gold);color:var(--agc-navy-d);border-color:var(--agc-gold);transform:translateY(-1px)}
/* Topbar acompanha o header fixo ao rolar (permanece visível, não recolhe mais) */
/* .agc-tb-hide era da cidade na topbar, que saiu quando as duas frentes
   entraram, mas a classe fica: é o utilitário genérico "some antes dos
   outros" da topbar, e o fallback de telefone único ainda pode usá-la. */
@media(max-width:1024px){ .agc-tb-hide{display:none} }
/* ═══ Guias Completos, mega-submenu tecnológico ═══ */
.agc-guides{position:relative;display:flex;align-items:center;height:100%}
.agc-guides__trg{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;
  font-family:inherit;font-size:12.5px;color:rgba(255,255,255,.66);white-space:nowrap;transition:color .16s}
.agc-guides__trg-ic{color:var(--agc-gold);font-size:12px;transition:color .16s}
.agc-guides__cv{font-size:9px;opacity:.7;transition:transform .28s var(--agc-ease),color .16s}
.agc-guides__trg:hover,.agc-guides.is-open .agc-guides__trg{color:#fff}
.agc-guides__trg:hover .agc-guides__trg-ic,.agc-guides.is-open .agc-guides__trg-ic{color:var(--agc-gold-l)}
.agc-guides.is-open .agc-guides__cv{transform:rotate(180deg);color:var(--agc-gold-l)}

.agc-guides__panel{
  position:absolute;top:100%;right:0;margin-top:14px;z-index:5;
  width:min(788px,92vw);display:none;padding:18px;
  background:linear-gradient(180deg,rgba(34, 28, 25,.985),rgba(23, 17, 13,.99));
  border:1px solid rgba(228,200,138,.22);border-radius:16px;
  box-shadow:0 34px 80px rgba(0,0,0,.52),0 2px 0 rgba(228,200,138,.1) inset;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;
  text-align:left;cursor:default}
.agc-guides__panel::before{content:'';position:absolute;left:0;right:0;top:-18px;height:18px}
.agc-guides.is-open .agc-guides__panel{display:block;animation:agcPanelIn .3s var(--agc-ease) both}
.agc-guides__grid{position:absolute;inset:0;opacity:.55;pointer-events:none;
  background-image:linear-gradient(rgba(228,200,138,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(228,200,138,.05) 1px,transparent 1px);
  background-size:26px 26px;animation:agcGridPan 22s linear infinite}
.agc-guides__aura{position:absolute;top:-45%;right:-8%;width:360px;height:360px;pointer-events:none;
  background:radial-gradient(circle,rgba(201,169,97,.18),transparent 68%)}

.agc-guides__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.agc-guides__eye{display:inline-flex;align-items:center;gap:7px;margin:0 0 3px;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--agc-gold-l)}
.agc-guides__dot{width:6px;height:6px;border-radius:50%;background:var(--agc-gold-l);box-shadow:0 0 0 0 rgba(228,200,138,.5);animation:agcPulse 2s ease-in-out infinite}
.agc-guides__ttl{margin:0;font-size:15px;font-weight:800;color:#fff;line-height:1.15;letter-spacing:.005em}
.agc-guides__badge{display:inline-flex;align-items:center;gap:6px;flex:none;padding:5px 11px;border-radius:999px;font-size:10.5px;font-weight:700;
  color:rgba(255,255,255,.72);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.agc-guides__badge i{color:var(--agc-gold-l);font-size:10px}

.agc-guides__row{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}

.agc-gm{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:14px 14px 13px;border-radius:13px;text-decoration:none;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);
  transition:transform .24s var(--agc-ease),border-color .24s,box-shadow .24s}
.agc-gm--rj{--c:#f2a154;--cl:#f7c877;--cd:rgba(242,161,84,.15);--cb:rgba(242,161,84,.35)}
.agc-gm--cr{--c:#3fbf79;--cl:#7fe0a8;--cd:rgba(63,191,121,.15);--cb:rgba(63,191,121,.35)}
.agc-gm--md{--c:#c8a46b;--cl:#d4b478;--cd:rgba(200, 164, 107,.15);--cb:rgba(200, 164, 107,.35)}
.agc-gm:hover{transform:translateY(-4px);border-color:var(--cb);box-shadow:0 16px 34px rgba(0,0,0,.34)}
.agc-gm__glow{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .28s;
  background:radial-gradient(120% 80% at 50% 0,var(--cd),transparent 70%)}
.agc-gm:hover .agc-gm__glow{opacity:1}
.agc-gm__hd{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.agc-gm__ic{width:29px;height:29px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:9px;
  color:var(--c);background:var(--cd);border:1px solid var(--cb);font-size:13px;transition:transform .24s var(--agc-ease)}
.agc-gm:hover .agc-gm__ic{transform:scale(1.08) rotate(-4deg)}
.agc-gm__k{font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--c)}
.agc-gm__t{margin:0 0 11px;font-size:13px;font-weight:700;line-height:1.32;color:#fff;min-height:34px}

.agc-gm__chart{position:relative;overflow:hidden;border-radius:9px;padding:9px 10px;margin-bottom:11px;min-height:60px;
  background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06)}
.agc-gm__chart::after{content:'';position:absolute;inset:0;pointer-events:none;transform:translateX(-130%);
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);animation:agcSweep 3.6s ease-in-out infinite}
.agc-gm:hover .agc-gm__chart::after{animation-duration:1.5s}
/* spark */
.agc-gm__chart--spark svg{display:block;width:100%;height:42px}
.agc-sp__area{fill:var(--c);fill-opacity:.16}
.agc-sp__line{fill:none;stroke:var(--c);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:340;stroke-dashoffset:340;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4));animation:agcDraw 1.15s var(--agc-ease) .15s both}
.agc-sp__dot{fill:var(--cl);transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 5px var(--c));animation:agcDot 2s ease-in-out infinite}
.agc-gm:hover .agc-sp__dot{animation-duration:.9s}
/* bars */
.agc-gm__chart--bars,.agc-gm__chart--duo{display:flex;flex-direction:column;justify-content:center;gap:8px}
.agc-bg,.agc-du{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:8px}
.agc-bg__l,.agc-du__l{font-size:10px;font-weight:600;color:rgba(255,255,255,.62)}
.agc-bg__t,.agc-du__t{height:7px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.agc-bg__f,.agc-du__f{display:block;height:100%;width:var(--w);border-radius:4px;transform:scaleX(0);transform-origin:left;
  background:linear-gradient(90deg,var(--c),var(--cl));animation:agcBar .85s var(--agc-ease) both;animation-delay:calc(var(--i,0)*.12s + .12s)}
.agc-bg__v,.agc-du__v{font-size:10px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.agc-du--b .agc-du__f{background:linear-gradient(90deg,rgba(255,255,255,.32),rgba(255,255,255,.5))}
.agc-du--b .agc-du__l,.agc-du--b .agc-du__v{color:rgba(255,255,255,.5)}

.agc-gm__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto}
.agc-gm__num{display:flex;flex-direction:column;gap:1px;line-height:1}
.agc-gm__big{display:inline-flex;align-items:baseline;gap:1px}
.agc-gm__big b{font-size:19px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.agc-gm__u{font-size:12px;font-weight:800;color:var(--c)}
.agc-gm__num small{font-size:9px;color:rgba(255,255,255,.5);font-weight:600}
.agc-gm__chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:800;
  color:var(--c);background:var(--cd);border:1px solid var(--cb);white-space:nowrap}
.agc-gm__chip i{font-size:9px}
.agc-gm__cta{display:inline-flex;align-items:center;gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);
  font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--c)}
.agc-gm__cta i{transition:transform .22s var(--agc-ease)}
.agc-gm:hover .agc-gm__cta i{transform:translateX(4px)}

.agc-guides__all{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:13px;padding:11px;border-radius:11px;
  font-size:12px;font-weight:700;color:var(--agc-gold-l);text-decoration:none;
  background:rgba(201,169,97,.09);border:1px solid rgba(201,169,97,.24);transition:background .18s,border-color .18s}
.agc-guides__all i{font-size:11px}
.agc-guides__all:hover{background:rgba(201,169,97,.16);border-color:rgba(201,169,97,.45)}
.agc-guides__all-x{transition:transform .22s var(--agc-ease)}
.agc-guides__all:hover .agc-guides__all-x{transform:translateX(4px)}

@keyframes agcPanelIn{from{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes agcGridPan{from{background-position:0 0,0 0}to{background-position:26px 26px,26px 26px}}
@keyframes agcDraw{to{stroke-dashoffset:0}}
@keyframes agcBar{to{transform:scaleX(1)}}
@keyframes agcSweep{0%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}
@keyframes agcDot{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.55);opacity:.55}}
/* ── Guias Completos: tema CLARO, elegante e chamativo ── */
.agc-guides__panel{
  background:linear-gradient(180deg,#ffffff,#f7f3ea);
  border:1px solid rgba(201,169,97,.5);
  box-shadow:0 30px 72px rgba(22,17,14,.3),0 0 0 3px rgba(201,169,97,.12),0 2px 0 rgba(255,255,255,.8) inset;
}
.agc-guides__grid{opacity:.5;
  background-image:linear-gradient(rgba(30,26,24,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(30,26,24,.05) 1px,transparent 1px)}
.agc-guides__aura{background:radial-gradient(circle,rgba(201,169,97,.24),transparent 66%)}
.agc-guides__eye{color:var(--agc-gold-d)}
.agc-guides__dot{background:var(--agc-gold);box-shadow:0 0 0 0 rgba(201,169,97,.5)}
.agc-guides__ttl{color:var(--agc-navy)}
.agc-guides__badge{color:var(--agc-navy);background:rgba(30,26,24,.05);border-color:rgba(30,26,24,.12)}
.agc-guides__badge i{color:var(--agc-gold-d)}
.agc-gm--rj{--c:#e07f2e} .agc-gm--cr{--c:#26a05e} .agc-gm--md{--c:#a9853f}
.agc-gm{background:linear-gradient(180deg,#fff,#fbf9f3);border-color:rgba(30,26,24,.1);box-shadow:0 2px 9px rgba(22,17,14,.05)}
.agc-gm:hover{box-shadow:0 18px 38px rgba(22,17,14,.16)}
.agc-gm__t{color:var(--agc-navy)}
.agc-gm__chart{background:rgba(30,26,24,.035);border-color:rgba(30,26,24,.08)}
.agc-gm__chart::after{background:linear-gradient(105deg,transparent 35%,rgba(201,169,97,.22) 50%,transparent 65%)}
.agc-bg__t,.agc-du__t{background:rgba(30,26,24,.1)}
.agc-bg__l,.agc-du__l{color:rgba(30,26,24,.62)}
.agc-bg__v,.agc-du__v{color:var(--agc-navy)}
.agc-du--b .agc-du__f{background:linear-gradient(90deg,rgba(30,26,24,.28),rgba(30,26,24,.44))}
.agc-du--b .agc-du__l,.agc-du--b .agc-du__v{color:rgba(30,26,24,.46)}
.agc-gm__big b{color:var(--agc-navy)}
.agc-gm__num small{color:rgba(30,26,24,.52)}
.agc-gm__cta{border-top-color:rgba(30,26,24,.1)}
.agc-guides__all{color:var(--agc-gold-d);background:rgba(201,169,97,.11);border-color:rgba(201,169,97,.34)}
.agc-guides__all:hover{background:rgba(201,169,97,.2);border-color:rgba(201,169,97,.5)}

@media(prefers-reduced-motion:reduce){
  .agc-guides__grid,.agc-gm__chart::after,.agc-sp__dot{animation:none!important}
  .agc-sp__line{stroke-dashoffset:0!important;animation:none!important}
  .agc-bg__f,.agc-du__f{transform:scaleX(1)!important;animation:none!important}
  .agc-guides:hover .agc-guides__panel,.agc-guides:focus-within .agc-guides__panel{animation:none!important}
}

@media(max-width:960px){ .agc-topbar{display:none} }

/* ═══════════════════ HEADER (barra principal, fixed abaixo da topbar) ═══════════════════ */
.agc-header{
  position:fixed;left:0;right:0;top:var(--agc-top);z-index:1001;
  background:var(--agc-navy);
  border-bottom:1px solid rgba(228,200,138,.14);
  box-shadow:0 10px 34px rgba(22,17,14,.16);
  transition:top .5s var(--agc-ease),height .35s var(--agc-ease),
             background .3s ease,box-shadow .3s ease,border-color .3s ease;
}
/* Ao rolar: a topbar recolhe, o header ocupa o topo e a barra CONDENSA.
   O peso de "estou no topo" passa a ser um fio + desfoque, não uma sombra de
   40px, sombra pesada em barra fixa suja a leitura da primeira linha. */
body.agc-scrolled .agc-header{
  top:0;
  background:rgba(30,26,24,.86);
  backdrop-filter:saturate(140%) blur(16px);-webkit-backdrop-filter:saturate(140%) blur(16px);
  border-bottom-color:rgba(228,200,138,.22);
  box-shadow:0 1px 0 rgba(0,0,0,.3);
}
@supports not (backdrop-filter:blur(4px)){ body.agc-scrolled .agc-header{background:var(--agc-navy)} }
@media(max-width:960px){ .agc-header{top:0} }

/* Home: header e topbar transparentes sobre o vídeo. */
body.is-home .agc-header{
  background:transparent;border-bottom-color:transparent;box-shadow:none;
}
body.is-home:not(.agc-scrolled) .agc-topbar{border-bottom-color:transparent;background:transparent}

/* ── O VÉU DO TOPO NA HOME ──
   Sem véu, o texto do topo depende do vídeo continuar escuro naquele quadro:
   medido, o menu chegava a 2,6:1 se o quadro clareasse. A tentativa anterior
   foi um gradiente na TOPBAR, que terminava seco em 44px e desenhava uma
   faixa cortando o vídeo, o problema não era o véu, era a borda dele.

   Aqui o véu é UM só: nasce no alto da tela, atravessa topbar e barra, e
   chega a zero bem abaixo das duas. Sem aresta, portanto sem faixa.
   Mora no ::before do header com z-index negativo: fica acima do vídeo e
   abaixo do texto das duas barras, que estão em contextos superiores. */
body.is-home:not(.agc-scrolled) .agc-header::before{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  left:0;right:0;top:calc(-1 * var(--agc-top));height:calc(100% + var(--agc-top) + 78px);
  background:linear-gradient(180deg,
    rgba(16,12,10,.62) 0%, rgba(16,12,10,.46) 34%, rgba(16,12,10,.22) 68%, transparent 100%);
}
body.is-home.agc-scrolled .agc-header{
  background:rgba(30,26,24,.86);border-bottom-color:rgba(228,200,138,.22);
  box-shadow:0 1px 0 rgba(0,0,0,.3);
}

/* ── A BARRA ──
   `1fr auto 1fr` com as duas laterais iguais põe o menu no EIXO da tela. A
   versão anterior era `auto 1fr auto` com a nav em `justify-self:end`, então
   o menu ficava encostado na busca e a barra lia torta, o logo de um lado e
   tudo o mais amontoado do outro.
   `min-width:0` nas laterais: sem isso um logo largo empurra o eixo. */
.agc-bar{
  position:relative;
  max-width:1320px;margin:0 auto;height:var(--agc-bar);padding:0 44px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:26px;
  transition:height .35s var(--agc-ease);
}
body.agc-scrolled .agc-bar{height:68px}
@media(max-width:1180px){ .agc-bar{padding:0 32px;column-gap:18px} :root{--agc-menu-right:32px} }
@media(max-width:960px){ .agc-bar{height:64px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;column-gap:12px} }
/* Em 375px o logo mede 207px (a arte é 4,5:1) e o chip do ticker, 170: com o
   menu de 50 a barra pedia 439px numa faixa de 335 e estourava 84px para fora
   da tela, sem barra de rolagem horizontal, então passava despercebido.
   O ticker é informação acessória; sai primeiro. */
@media(max-width:560px){ .agc-mtel{display:none !important} }
@media(max-width:400px){ .agc-logo img{height:40px} }

.agc-logo{justify-self:start;min-width:0;display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none;gap:10px}
.agc-logo img{height:62px;width:auto;object-fit:contain;display:block;transition:height .35s var(--agc-ease);filter:drop-shadow(0 6px 16px rgba(0,0,0,.28))}
body.agc-scrolled .agc-logo img{height:46px}
.agc-logo__txt{color:#fff;font-size:19px;font-weight:800;letter-spacing:.02em}
/* Mobile: logo com folga no bar de 64px e SEM crescer/encolher no scroll
   (44/50 conflitavam e apertavam). Um tamanho só, confortável. */
@media(max-width:960px){ .agc-logo img,body.agc-scrolled .agc-logo img{height:42px} }

/* ═══ HOME MOBILE: header sólido em tema claro, vídeo ABAIXO do header, logo preta ═══
   Pedido: no celular o header não pode ficar por cima do vídeo. Vira uma barra
   sólida clara (papel), a logo escura aparece, e o vídeo começa abaixo dela. */
@media(max-width:960px){
  /* header STICKY ocupa o topo (in-flow): o vídeo vem logo abaixo, SEM espaço preto */
  .agc-header{ position:sticky !important; top:0 !important; }
  .agc-bar{ height:70px !important; }
  html body.is-home main.site-main{ padding-top:0 !important; }
  /* zero: a barra de vídeo cola no header sticky, sem faixa navy no meio
     (aquele "gap" era também a borda visível da película no topo do vídeo) */
  body.is-home .ah-hero{ padding-top:0 !important; }
  body.is-home .ah-hero::before{ display:none !important; }  /* véu escuro do topo era p/ header transparente */

  /* header: barra sólida em papel claro, em qualquer estado (home e scrolled) */
  .agc-header,
  body.is-home .agc-header,
  body.is-home:not(.agc-scrolled) .agc-header,
  body.is-home.agc-scrolled .agc-header,
  body.agc-scrolled .agc-header{
    background:linear-gradient(180deg,#FFFDF9,#F5EFE3) !important;
    border-bottom:1px solid #E7DDC9 !important;
    box-shadow:0 6px 20px -10px rgba(60,44,20,.28) !important;
    backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  }
  body.is-home:not(.agc-scrolled) .agc-header::before{ display:none !important; }  /* mata o véu do topo */

  /* logo PRETA (para fundo branco) sempre, um tico maior e sem a sombra escura (fica limpa no claro) */
  .agc-logo img.agc-logo__escuro{ display:none !important; }
  .agc-logo img.agc-logo__claro{ display:block !important; }
  .agc-logo img,
  body.agc-scrolled .agc-logo img{ height:56px !important; filter:none !important; }

  /* botão do menu: DOURADO sofisticado/tech (gradiente + brilho interno + anel sutil), linhas escuras */
  .agc-burger{
    background:linear-gradient(140deg,#EBD29A 0%,#C9A961 50%,#AD8B44 100%) !important;
    border:1px solid rgba(235,210,154,.6) !important;
    box-shadow:0 6px 18px -5px rgba(176,144,75,.6), 0 0 0 1px rgba(201,169,97,.22), inset 0 1px 0 rgba(255,255,255,.5) !important;
  }
  .agc-burger span{ background:#241C17 !important; height:2.5px !important; border-radius:2px !important; }
}

/* ── NAV ──
   O indicador era uma barra dourada de 2px com raio e gradiente, larga como o
   item inteiro, o sublinhado de qualquer template. Aqui é um FIO de 1px que
   cresce da esquerda, na largura do rótulo. E a página atual não muda só de
   cor: mantém o fio aceso, o que se lê à distância.

   O outro gesto: ao passar o mouse em um item, os IRMÃOS desmaiam. Custa uma
   regra e faz a barra parecer um instrumento, não uma lista de links. */
.agc-nav{justify-self:center;min-width:0}
.agc-nav__list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.agc-nav__list>li{position:relative}
.agc-nav__list>li>a,.agc-nav__drop{
  position:relative;display:inline-flex;align-items:center;gap:7px;
  padding:9px 12px;
  font-size:14.5px;font-weight:600;letter-spacing:-.005em;
  /* Rótulo de menu NUNCA quebra em duas linhas: "O Escritório" virava
     "O" + "Escritório" e desalinhava a barra inteira. */
  white-space:nowrap;
  color:rgba(255,255,255,.78);text-decoration:none;
  background:transparent;border:none;cursor:pointer;font-family:inherit;
  transition:color .22s var(--agc-ease),opacity .22s var(--agc-ease);
}
@media(min-width:1200px){ .agc-nav__list{gap:10px} .agc-nav__list>li>a,.agc-nav__drop{padding:9px 14px} }
.agc-nav__list>li>a::after,.agc-nav__drop::after{
  content:'';position:absolute;left:12px;right:12px;bottom:2px;height:1px;
  background:var(--agc-gold-l);
  transform:scaleX(0);transform-origin:left;
  transition:transform .34s var(--agc-ease);
}
@media(min-width:1200px){ .agc-nav__list>li>a::after,.agc-nav__drop::after{left:14px;right:14px} }
.agc-nav__list>li>a:hover,.agc-nav__drop:hover,
.agc-has-mega:hover .agc-nav__drop,.agc-nav__list>li>a.active{ color:#fff; }
.agc-nav__list>li>a:hover::after,.agc-nav__drop:hover::after,
.agc-has-mega:hover .agc-nav__drop::after{ transform:scaleX(1); }
/* item da página atual: dourado + fio aceso, sem depender do hover */
.agc-nav__list>li>a.active{color:var(--agc-gold-l)}
.agc-nav__list>li>a.active::after{transform:scaleX(1);background:var(--agc-gold)}
/* os irmãos desmaiam quando um item está sob o cursor */
.agc-nav__list:hover>li>a:not(:hover),
.agc-nav__list:hover>li:not(:hover)>.agc-nav__drop{opacity:.5}
.agc-caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .25s var(--agc-ease);opacity:.7}
.agc-has-mega.is-open .agc-caret{transform:rotate(-135deg);margin-top:2px}

/* ══ PAINEL DO BLOG, duas frentes editoriais lado a lado ══
   Mesma linguagem do mega de Soluções, mas cada coluna herda a cor da
   sua área via --ba/--ba2 (bronze no Previdenciário, dourado no Agro). */
.agc-has-bmega{position:relative}
.agc-has-bmega:hover .agc-nav__drop{color:#fff}
.agc-has-bmega:hover .agc-nav__drop::after{transform:scaleX(1);opacity:1}
.agc-has-bmega.is-open .agc-caret{transform:rotate(-135deg);margin-top:2px}

.agc-bmega{
  position:fixed;top:calc(var(--agc-top) + var(--agc-bar));left:auto;right:var(--agc-menu-right);
  transform-origin:top right;transform:translateY(-12px) scale(.985);
  width:min(920px,calc(100vw - 40px));
  background:linear-gradient(180deg,#ffffff,#f8f4ec);
  border:1px solid rgba(201,169,97,.42);border-radius:22px;
  box-shadow:0 44px 92px -34px rgba(22,17,14,.44),0 0 0 1px rgba(255,255,255,.7) inset;
  overflow:hidden;
  /* sem content-visibility aqui: ele colapsa a caixa do painel para ~2px
     enquanto está fechado, e o fundo/borda deixam de acompanhar o conteúdo */
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .24s ease,transform .32s var(--agc-ease),visibility .24s;
  z-index:1005;
}
.agc-bmega::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;z-index:3;
  background:linear-gradient(90deg,#7A5433 0%,#7A5433 50%,var(--agc-gold) 50%,var(--agc-gold-l) 100%)}
.agc-has-bmega.is-open .agc-bmega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
@media(max-width:960px){ .agc-bmega{display:none} }

.agc-bmega__head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 22px 13px;border-bottom:1px solid var(--agc-line)}
.agc-bmega__eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;color:var(--agc-navy)}
.agc-bmega__dot{width:7px;height:7px;border-radius:50%;background:var(--agc-gold);box-shadow:0 0 0 3px rgba(201,169,97,.22)}
.agc-bmega__all{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;
  color:var(--agc-gold-d);text-decoration:none}
.agc-bmega__all i{font-size:10px;transition:transform .16s}
.agc-bmega__all:hover{color:var(--agc-navy);text-decoration:none}
.agc-bmega__all:hover i{transform:translateX(3px)}

/* Duas colunas com filete divisor */
.agc-bmega__body{display:grid;grid-template-columns:1fr 1fr}
.agc-bcol{padding:20px 22px 18px;display:flex;flex-direction:column;position:relative}
.agc-bcol + .agc-bcol{border-left:1px solid var(--agc-line)}
/* halo suave na cor da área, no topo de cada coluna */
.agc-bcol::before{content:'';position:absolute;top:0;left:0;right:0;height:120px;pointer-events:none;
  background:radial-gradient(220px 110px at 22% 0%,color-mix(in srgb,var(--ba) 13%,transparent),transparent 70%)}

.agc-bcol__hd{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;margin:-4px -6px 0;
  border-radius:13px;text-decoration:none;transition:background .16s}
.agc-bcol__hd:hover{background:color-mix(in srgb,var(--ba) 9%,transparent);text-decoration:none}
.agc-bcol__ic{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  font-size:15px;color:#fff;background:linear-gradient(140deg,var(--ba),var(--ba2));
  box-shadow:0 8px 16px -9px color-mix(in srgb,var(--ba) 92%,transparent)}
.agc-bcol__tx{min-width:0;flex:1}
.agc-bcol__nm{display:block;font-family:'Sora',sans-serif;font-size:15.5px;font-weight:800;
  letter-spacing:-.018em;color:var(--agc-navy);line-height:1.2}
.agc-bcol__qt{display:block;margin-top:3px;font-size:11px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:color-mix(in srgb,var(--ba) 72%,var(--agc-navy))}
.agc-bcol__go{flex-shrink:0;font-size:11px;color:color-mix(in srgb,var(--ba) 66%,transparent);transition:transform .16s}
.agc-bcol__hd:hover .agc-bcol__go{transform:translateX(3px)}
.agc-bcol__ds{position:relative;margin:10px 2px 0;font-size:12.5px;line-height:1.55;color:rgba(36,28,23,.6)}

.agc-bcol__temas{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.agc-btema{padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;
  text-decoration:none;color:color-mix(in srgb,var(--ba) 74%,var(--agc-navy));
  background:color-mix(in srgb,var(--ba) 8%,#fff);
  border:1px solid color-mix(in srgb,var(--ba) 22%,transparent);
  transition:background .14s,border-color .14s,transform .14s}
.agc-btema:hover{background:color-mix(in srgb,var(--ba) 17%,#fff);
  border-color:color-mix(in srgb,var(--ba) 44%,transparent);transform:translateY(-1px);text-decoration:none}

.agc-bcol__cap{position:relative;margin:16px 0 8px;font-size:10px;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(36,28,23,.38);display:flex;align-items:center;gap:9px}
.agc-bcol__cap::after{content:'';flex:1;height:1px;background:var(--agc-line)}

.agc-bcol__posts{position:relative;display:flex;flex-direction:column;gap:2px}
.agc-bpost{display:flex;align-items:center;gap:11px;padding:8px;border-radius:11px;text-decoration:none;
  transition:background .14s}
.agc-bpost:hover{background:color-mix(in srgb,var(--ba) 8%,transparent);text-decoration:none}
.agc-bpost__img{flex-shrink:0;width:52px;height:40px;border-radius:8px;background:#ECE7DB center/cover no-repeat}
.agc-bpost__tx{min-width:0}
.agc-bpost__tt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:12.5px;font-weight:700;line-height:1.34;color:var(--agc-navy)}
.agc-bpost:hover .agc-bpost__tt{color:color-mix(in srgb,var(--ba) 66%,var(--agc-navy))}
.agc-bpost__dt{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:10.5px;color:rgba(36,28,23,.45)}

.agc-bcol__cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;
  padding:11px;border-radius:12px;font-size:12.5px;font-weight:800;text-decoration:none;color:#fff;
  background:linear-gradient(135deg,var(--ba),var(--ba2));
  box-shadow:0 10px 22px -13px color-mix(in srgb,var(--ba) 92%,transparent);
  transition:transform .15s,filter .15s}
.agc-bcol__cta{margin-top:16px}
.agc-bcol__cta:hover{transform:translateY(-2px);filter:brightness(1.06);color:#fff;text-decoration:none}
.agc-bcol__cta i{font-size:10px;transition:transform .15s}
.agc-bcol__cta:hover i{transform:translateX(3px)}

.agc-bmega__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 22px;border-top:1px solid var(--agc-line);background:rgba(201,169,97,.05);
  font-size:11.5px;color:rgba(36,28,23,.55)}
.agc-bmega__foot i{opacity:.6;margin-right:5px}
.agc-bmega__wa{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;
  font-size:12px;font-weight:800;text-decoration:none;color:#0f5132;
  background:rgba(37,211,102,.14);border:1px solid rgba(37,211,102,.34);transition:background .15s}
.agc-bmega__wa:hover{background:rgba(37,211,102,.24);color:#0f5132;text-decoration:none}
.agc-bmega__wa i{opacity:1;margin:0;color:#128c7e}

/* ══ SUBMENU SIMPLES (fallback p/ outros dropdowns do Menu Builder) ══
   Mesma linguagem do mega, em painel estreito ancorado no item. */
.agc-has-sub{position:relative}
.agc-has-sub:hover .agc-nav__drop{color:#fff}
.agc-has-sub:hover .agc-nav__drop::after{transform:scaleX(1);opacity:1}
.agc-has-sub.is-open .agc-caret{transform:rotate(-135deg);margin-top:2px}
.agc-sub{
  position:absolute;top:calc(100% + 12px);left:50%;
  transform:translateX(-50%) translateY(-8px) scale(.985);
  min-width:264px;padding:8px;
  background:linear-gradient(180deg,#ffffff,#f8f4ec);
  border:1px solid rgba(201,169,97,.42);border-radius:16px;
  box-shadow:0 34px 70px -28px rgba(22,17,14,.42),0 0 0 1px rgba(255,255,255,.7) inset;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,transform .28s var(--agc-ease),visibility .2s;
  z-index:1005;
}
.agc-sub::before{content:'';position:absolute;top:0;left:14px;right:14px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--agc-gold) 30%,var(--agc-gold-l) 50%,var(--agc-gold) 70%,transparent)}
.agc-has-sub.is-open .agc-sub{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.agc-sub__item{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 14px;border-radius:11px;
  color:var(--agc-navy);font-size:13.5px;font-weight:700;text-decoration:none;
  transition:background .16s ease,color .16s ease;
}
.agc-sub__item+.agc-sub__item{margin-top:2px}
.agc-sub__item:hover{background:rgba(201,169,97,.13);color:#1e1a18;text-decoration:none}
.agc-sub__item.is-active{background:rgba(201,169,97,.18)}
.agc-sub__n{min-width:0}
.agc-sub__go{flex-shrink:0;font-size:10px;opacity:.45;transition:transform .16s ease,opacity .16s ease}
.agc-sub__item:hover .agc-sub__go{opacity:.9;transform:translateX(3px)}
@media(max-width:960px){ .agc-sub{display:none} }

/* ══ MEGA MENU (Áreas), "command center" dark glass + hover-preview ══ */
.agc-mega{
  position:fixed;top:calc(var(--agc-top) + var(--agc-bar));left:auto;right:var(--agc-menu-right);transform-origin:top right;transform:translateY(-12px) scale(.985);
  width:min(1000px,calc(100vw - 40px));
  background:linear-gradient(180deg,#ffffff,#f8f4ec);
  border:1px solid rgba(201,169,97,.42);border-radius:22px;
  /* `content-visibility:auto` colapsava a caixa deste painel para ~2px de
     altura: o fundo, a borda e o raio paravam de acompanhar o conteúdo, que
     escapava por fora. O painel é pequeno, não há ganho de perf que compense. */
  box-shadow:0 44px 92px -34px rgba(22,17,14,.44),0 0 0 1px rgba(255,255,255,.7) inset;
  padding:0;overflow:hidden;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .24s ease,transform .32s var(--agc-ease),visibility .24s;
  z-index:1005;--mega-spot:50% -10%;
}
/* fio dourado no topo */
.agc-mega::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;z-index:3;background:linear-gradient(90deg,transparent,var(--agc-gold) 25%,var(--agc-gold-l) 50%,var(--agc-gold) 75%,transparent);opacity:1}
/* grade "tech" clara + spotlight que segue o cursor */
.agc-mega::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(340px 220px at var(--mega-spot),rgba(201,169,97,.14),transparent 68%),
    linear-gradient(rgba(30,26,24,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,26,24,.045) 1px,transparent 1px);
  background-size:auto,32px 32px,32px 32px;
  -webkit-mask-image:radial-gradient(130% 130% at 50% 0,#000,transparent 82%);mask-image:radial-gradient(130% 130% at 50% 0,#000,transparent 82%)}
@media(max-width:960px){ .agc-mega{display:none} }
.agc-has-mega.is-open .agc-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}

.agc-mega__head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px 14px;border-bottom:1px solid var(--agc-line)}
.agc-mega__eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--agc-navy)}
.agc-mega__dot{width:7px;height:7px;border-radius:50%;background:var(--agc-gold);box-shadow:0 0 0 3px rgba(201,169,97,.22)}
.agc-mega__all{font-size:12.5px;font-weight:800;color:var(--agc-navy);text-decoration:none;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid rgba(201,169,97,.55);border-radius:999px;transition:background .2s,gap .2s,box-shadow .2s}
.agc-mega__all:hover{background:rgba(201,169,97,.16);gap:10px;box-shadow:0 6px 16px -8px rgba(201,169,97,.5)}

/* ══ CORPO DO MEGA · uma coluna por FRENTE ═══════════════════════════════
   Cada coluna herda a cor da sua frente em --fa/--fa2 (bronze no
   Previdenciário, dourado no Bancário Agro), os mesmos tokens que o painel
   do Blog e a home já usam. O visitante identifica a especialidade pela cor
   antes de ler qualquer título. */
.agc-mega__body{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr}

.agc-fcol{position:relative;display:flex;flex-direction:column;padding:20px 20px 18px;min-width:0}
.agc-fcol + .agc-fcol{border-left:1px solid var(--agc-line)}
/* halo na cor da frente, ancorado no topo da coluna */
.agc-fcol::before{content:'';position:absolute;top:0;left:0;right:0;height:150px;pointer-events:none;z-index:0;
  background:radial-gradient(260px 130px at 24% 0%,color-mix(in srgb,var(--fa) 15%,transparent),transparent 72%)}

/* ── Cabeçalho da frente ── */
.agc-fcol__hd{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:12px;
  border-bottom:1px solid color-mix(in srgb,var(--fa) 22%,var(--agc-line))}
.agc-fcol__ic{flex-shrink:0;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  font-size:16px;color:#fff;background:linear-gradient(140deg,var(--fa),var(--fa2));
  box-shadow:0 10px 20px -10px color-mix(in srgb,var(--fa) 92%,transparent)}
.agc-fcol__tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.agc-fcol__nm{font-size:15.5px;font-weight:800;letter-spacing:-.01em;color:var(--agc-navy-d);line-height:1.2}
.agc-fcol__qt{font-size:12px;font-weight:600;color:color-mix(in srgb,var(--fa) 78%,var(--agc-navy))}

/* ── Lista de áreas da frente ── */
.agc-fcol__list{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;flex:1}
.agc-fitem{
  position:relative;display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:11px;
  text-decoration:none;color:var(--agc-navy-d);
  transition:background .16s var(--agc-ease),transform .16s var(--agc-ease);
}
/* filete que cresce na cor da frente ao passar o mouse */
.agc-fitem::before{content:'';position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;
  background:linear-gradient(180deg,var(--fa),var(--fa2));transform:scaleY(0);transform-origin:center;
  transition:transform .2s var(--agc-ease)}
.agc-fitem:hover{background:color-mix(in srgb,var(--fa) 12%,#fff);transform:translateX(3px);text-decoration:none}
.agc-fitem:hover::before{transform:scaleY(1)}
.agc-fitem:focus-visible{outline:2px solid var(--fa);outline-offset:2px}
.agc-fitem__ic{flex-shrink:0;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:12.5px;
  color:color-mix(in srgb,var(--fa) 88%,#000);background:color-mix(in srgb,var(--fa) 13%,transparent);
  border:1px solid color-mix(in srgb,var(--fa) 24%,transparent);
  transition:background .18s,color .18s,border-color .18s}
.agc-fitem:hover .agc-fitem__ic{background:linear-gradient(140deg,var(--fa),var(--fa2));color:#fff;border-color:transparent}
/* cor PRÓPRIA no nome (não herdar do <a>): há um a:hover{color:#E5D5A9} global
   (dourado claro) que, sem isto, lavava o texto do item no hover, ilegível no
   fundo claro do painel. O mega do Blog já faz assim (.agc-bcol__nm tem cor). */
.agc-fitem__nm{flex:1;min-width:0;font-size:13.8px;font-weight:650;line-height:1.3;letter-spacing:-.005em;color:var(--agc-navy-d)}
.agc-fitem__go{flex-shrink:0;font-size:10px;color:var(--fa);opacity:0;transform:translateX(-4px);
  transition:opacity .18s,transform .18s}
.agc-fitem:hover .agc-fitem__go{opacity:1;transform:none}

/* entrada escalonada, coluna a coluna */
.agc-has-mega.is-open .agc-fitem{animation:agcFItem .34s var(--agc-ease) both;animation-delay:calc(.04s + var(--i) * .035s)}
@keyframes agcFItem{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ── CTA por frente: cai no WhatsApp do advogado daquela especialidade ── */
.agc-fcol__wa{
  position:relative;z-index:1;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:9px;
  padding:12px 16px;border-radius:12px;text-decoration:none;
  font-size:13.5px;font-weight:750;letter-spacing:-.005em;
  color:color-mix(in srgb,var(--fa) 86%,#000);
  background:color-mix(in srgb,var(--fa) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--fa) 30%,transparent);
  transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;
}
.agc-fcol__wa i{font-size:15px}
.agc-fcol__wa:hover{
  background:linear-gradient(135deg,var(--fa),var(--fa2));color:#fff;border-color:transparent;
  transform:translateY(-2px);text-decoration:none;
  box-shadow:0 14px 28px -14px color-mix(in srgb,var(--fa) 95%,transparent);
}

@media(max-width:960px){ .agc-mega__body{grid-template-columns:1fr} .agc-fcol + .agc-fcol{border-left:none;border-top:1px solid var(--agc-line)} }

@media(prefers-reduced-motion:reduce){.agc-has-mega.is-open .agc-fitem{animation:none}.agc-fitem:hover,.agc-fcol__wa:hover{transform:none}.agc-mega{transition:opacity .2s ease}}

/* ── AÇÕES (socials + CTA pílula + burger circular) ── */
.agc-act{justify-self:end;display:flex;align-items:center;gap:14px;flex-shrink:0}
.agc-soc{display:flex;align-items:center;gap:8px}
.agc-soc a{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.8);background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);font-size:14px;text-decoration:none;
  transition:background .18s,color .18s,transform .18s,border-color .18s;
}
.agc-soc a:hover{background:var(--agc-gold);color:var(--agc-navy-d);border-color:var(--agc-gold);transform:translateY(-2px)}
/* CTA = PÍLULA dourada (nada de cantos quadrados) */
.agc-cta{
  display:inline-flex;align-items:center;gap:9px;
  padding:14px 28px;border-radius:999px;text-decoration:none;white-space:nowrap;
  background:linear-gradient(135deg,var(--agc-gold-l) 0%,var(--agc-gold) 52%,var(--agc-gold-d) 145%);
  color:var(--agc-navy-d);font-size:14.5px;font-weight:800;letter-spacing:-.005em;
  box-shadow:0 10px 26px rgba(201,169,97,.34), inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .2s var(--agc-ease),box-shadow .2s,filter .2s;
}
.agc-cta:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 16px 36px rgba(201,169,97,.48), inset 0 1px 0 rgba(255,255,255,.55)}
.agc-cta i{font-size:16px}
/* O CTA do WhatsApp no header também é DOURADO (verde fica só no botão flutuante) */
.agc-cta--wa{background:linear-gradient(135deg,var(--agc-gold-l) 0%,var(--agc-gold) 52%,var(--agc-gold-d) 145%);color:var(--agc-navy-d);box-shadow:0 10px 26px rgba(201,169,97,.34), inset 0 1px 0 rgba(255,255,255,.45)}
.agc-cta--wa:hover{box-shadow:0 16px 36px rgba(201,169,97,.48), inset 0 1px 0 rgba(255,255,255,.55)}

/* Hambúrguer CIRCULAR */
/* ── BURGER ──
   Antes: pílula de vidro dourado com halo pulsante e glow nas linhas, muito
   efeito, pouca legibilidade. Agora: um bloco MARROM sólido, chapado, com as
   linhas em creme. Mais visível e mais calmo, no tom da marca. Consistente nos
   dois estados do header (escuro no topo, claro no scroll), mais abaixo os
   overrides de estado do burger foram anulados. */
.agc-burger{
  display:none;width:48px;height:48px;flex-shrink:0;cursor:pointer;position:relative;
  background:var(--agc-gold-d);border:1px solid var(--agc-gold-d);
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
  box-shadow:0 6px 16px -8px rgba(23,17,13,.5);
  transition:background .18s var(--agc-ease),transform .18s var(--agc-ease);
}
.agc-burger:hover{background:#8a6a37;transform:translateY(-1px)}
.agc-burger:active{transform:translateY(0)}
.agc-burger span{display:block;width:22px;height:2.5px;background:#f5efe3;transition:transform .3s var(--agc-ease),opacity .2s}

/* Pílula CENTRAL DE INTELIGÊNCIA no header mobile (índices ao vivo) */
.agc-mtel{
  display:none;align-items:center;gap:8px;padding:7px 12px 7px 11px;border-radius:999px;text-decoration:none;flex-shrink:1;min-width:0;max-width:180px;
  background:linear-gradient(135deg,rgba(201,169,97,.2),rgba(255,255,255,.05));border:1px solid rgba(228,200,138,.42);color:#fff;
  box-shadow:0 6px 18px -10px rgba(201,169,97,.5),inset 0 1px 0 rgba(255,255,255,.12);position:relative;overflow:hidden;
}
.agc-mtel::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-120%);animation:agcMtelSheen 5.5s ease-in-out infinite}
@keyframes agcMtelSheen{0%,60%{transform:translateX(-120%)}80%,100%{transform:translateX(160%)}}
.agc-mtel__live{width:8px;height:8px;border-radius:50%;background:#3ecf8e;flex-shrink:0;box-shadow:0 0 0 0 rgba(62,207,142,.6);animation:agcLive 2s ease-out infinite;position:relative;z-index:1}
.agc-mtel__tk{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1;position:relative;z-index:1;color:rgba(255,255,255,.9)}
.agc-mtel__tk b{color:var(--agc-gold-l);font-weight:800}
.agc-mtel__tk .up{color:#3ecf8e}.agc-mtel__tk .dn{color:#f0898b}
.agc-mtel__ph{color:var(--agc-gold-l);font-weight:800;letter-spacing:.02em}
.agc-mtel__ic{flex-shrink:0;font-size:12px;color:var(--agc-gold-l);position:relative;z-index:1}

/* No topo do site (não rolado): a PÍLULA fica branca sobre o hero. O burger
   NÃO entra mais aqui, ele é marrom fixo nos dois estados (mais visível e
   consistente, a pedido). */
body:not(.agc-scrolled) .agc-mtel{background:#fff;border-color:rgba(255,255,255,.92);color:var(--agc-navy);box-shadow:0 10px 26px -8px rgba(23, 17, 13,.44),inset 0 1px 0 rgba(255,255,255,.7)}
body:not(.agc-scrolled) .agc-mtel__tk{color:var(--agc-navy)}
body:not(.agc-scrolled) .agc-mtel__tk b,body:not(.agc-scrolled) .agc-mtel__ph,body:not(.agc-scrolled) .agc-mtel__ic{color:var(--agc-gold-d)}
body:not(.agc-scrolled) .agc-mtel__tk .up{color:#12a355}
body:not(.agc-scrolled) .agc-mtel__tk .dn{color:#d64545}

/* Read progress line */
.agc-progress{position:absolute;left:0;bottom:-1px;height:4px;width:0;background:linear-gradient(90deg,var(--agc-gold),var(--agc-gold-l));box-shadow:0 0 10px rgba(201,169,97,.6);transition:width .1s linear;z-index:5}

/* Breakpoints: mostra burger, esconde nav/CTA/socials no mobile */
@media(max-width:1200px){
  .agc-nav__list{gap:2px}
  .agc-nav__list>li>a,.agc-nav__drop{font-size:13.5px;padding:10px 5px;gap:6px}
  .agc-cta{padding:12px 20px;font-size:13.5px}
  .agc-soc{display:none}
}
@media(max-width:960px){
  .agc-nav,.agc-cta,.agc-soc{display:none}
  .agc-burger{display:flex}
  .agc-mtel{display:inline-flex}
  .agc-act{justify-self:end;gap:9px}
}
@media(max-width:360px){ .agc-mtel{max-width:132px} }

/* ═══════════════════ DRAWER MOBILE ═══════════════════ */
.agc-overlay{
  position:fixed;inset:0;z-index:1090;background:rgba(23, 17, 13,.6);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;
}
.agc-overlay.is-open{opacity:1;visibility:visible}
.agc-drawer{
  position:fixed;top:0;right:0;bottom:0;z-index:1091;
  width:min(390px,92vw);
  background:linear-gradient(165deg,var(--agc-navy) 0%,var(--agc-navy-d) 55%,#181310 100%);
  box-shadow:-24px 0 80px rgba(0,0,0,.5);
  display:flex;flex-direction:column;overflow:hidden;
  transform:translateX(100%);
  /* `visibility:hidden` no estado fechado NÃO é cosmético: só com
     `transform` o painel continua sendo um elemento visível fora da
     tela, e o navegador baixa TODOS os `background-image` dos cards de
     área no primeiro paint de qualquer página, eram megabytes por
     visita, para um menu que talvez ninguém abra.
     A transição de `visibility` tem delay igual à do transform, então
     o painel só some DEPOIS de terminar de deslizar para fora. */
  visibility:hidden;
  transition:transform .4s var(--agc-ease), visibility 0s .4s;
}
.agc-drawer.is-open{
  transform:translateX(0);
  visibility:visible;
  transition:transform .4s var(--agc-ease), visibility 0s;
}
.agc-drawer::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 260px at 100% 0%,rgba(201,169,97,.14),transparent 60%)}
.agc-drawer>*{position:relative;z-index:1}

.agc-dr__top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(228,200,138,.12);flex-shrink:0}
.agc-dr__logo img{height:36px;width:auto;object-fit:contain;display:block}
.agc-dr__close{
  width:40px;height:40px;border-radius:11px;cursor:pointer;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);
  color:rgba(255,255,255,.78);display:flex;align-items:center;justify-content:center;font-size:16px;
  transition:background .16s,color .16s;
}
.agc-dr__close:hover{background:rgba(228,200,138,.16);color:var(--agc-gold-l)}
.agc-dr__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px 20px;scrollbar-width:thin;scrollbar-color:rgba(201,169,97,.3) transparent}
.agc-dr__body::-webkit-scrollbar{width:5px}
.agc-dr__body::-webkit-scrollbar-thumb{background:rgba(201,169,97,.3);border-radius:3px}

/* Prime WhatsApp CTA */
.agc-dr__prime{
  display:flex;align-items:center;gap:13px;padding:14px 16px;margin:0 0 18px;border-radius:14px;
  background:linear-gradient(135deg,var(--agc-wa),var(--agc-wa-d));color:#fff;text-decoration:none;
  box-shadow:0 10px 26px rgba(37,211,102,.28);transition:transform .16s,box-shadow .16s;
}
.agc-dr__prime:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(37,211,102,.4)}
.agc-dr__prime>i{font-size:24px;flex-shrink:0}
.agc-dr__prime-tx{display:flex;flex-direction:column;line-height:1.25;flex:1}
.agc-dr__prime-tx strong{font-size:14.5px;font-weight:800}
.agc-dr__prime-tx span{font-size:11.5px;color:rgba(255,255,255,.82)}
.agc-dr__prime .agc-dr__arw{font-size:13px;opacity:.85}

.agc-dr__cap{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(228,200,138,.7);margin:20px 6px 10px;display:flex;align-items:center;justify-content:space-between}
.agc-dr__cap:first-child{margin-top:0}
.agc-dr__cap .agc-dr__n{background:rgba(201,169,97,.16);color:var(--agc-gold-l);padding:2px 9px;border-radius:999px;font-size:11px;letter-spacing:0}

.agc-dr__nav{display:flex;flex-direction:column;gap:2px}
.agc-dr__link{
  display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:11px;
  color:rgba(255,255,255,.9);text-decoration:none;font-size:15px;font-weight:600;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);transition:background .16s,border-color .16s,color .16s;
}
.agc-dr__link:hover,.agc-dr__link.active{background:rgba(228,200,138,.16);border-color:rgba(228,200,138,.34);color:#fff}
.agc-dr__link .agc-dot{width:7px;height:7px;border-radius:50%;background:var(--agc-gold);flex-shrink:0;box-shadow:0 0 0 3px rgba(201,169,97,.18)}
.agc-dr__link>i:last-child{margin-left:auto;font-size:12px;color:rgba(255,255,255,.4)}
/* Filho de submenu no drawer: recuado e mais discreto que o item-pai */
.agc-dr__link--sub{
  margin-left:0;padding:11px 13px;font-size:14px;font-weight:600;
  background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.78);
}
.agc-dr__link--sub .agc-dot{width:5px;height:5px;box-shadow:0 0 0 2px rgba(201,169,97,.16)}

/* ══ Blog no drawer: um card por área, com os temas ══ */
.agc-dr__blog{display:flex;flex-direction:column;gap:8px}
.agc-dr__bcard{
  --ba:var(--agc-gold);
  border-radius:14px;overflow:hidden;
  background:rgba(255,255,255,.05);
  border:1px solid color-mix(in srgb,var(--ba) 28%,transparent);
}
.agc-dr__bhd{display:flex;align-items:center;gap:11px;padding:13px 13px;text-decoration:none}
.agc-dr__bic{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  font-size:13px;color:#fff;background:linear-gradient(140deg,var(--ba),var(--ba2))}
.agc-dr__btx{flex:1;min-width:0}
.agc-dr__bnm{display:block;font-size:14.5px;font-weight:800;color:#fff;line-height:1.2}
.agc-dr__bqt{display:block;margin-top:3px;font-size:10.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:color-mix(in srgb,var(--ba2) 82%,#fff)}
.agc-dr__bhd>i:last-child{flex-shrink:0;font-size:11px;color:rgba(255,255,255,.4)}
.agc-dr__btemas{display:flex;flex-wrap:wrap;gap:6px;padding:0 13px 13px}
.agc-dr__btema{padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:600;text-decoration:none;
  color:rgba(255,255,255,.82);background:rgba(255,255,255,.06);
  border:1px solid color-mix(in srgb,var(--ba) 26%,transparent)}
.agc-dr__btema:active,.agc-dr__btema:hover{background:color-mix(in srgb,var(--ba) 24%,transparent);color:#fff;text-decoration:none}

/* Áreas grid no drawer */
.agc-dr__areas{display:grid;grid-template-columns:1fr;gap:6px}
.agc-dr__area{
  display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.85);text-decoration:none;font-size:13.5px;font-weight:600;
  transition:background .16s,border-color .16s,transform .16s;
}
.agc-dr__area:hover{background:rgba(201,169,97,.12);border-color:rgba(201,169,97,.28);transform:translateX(2px)}
.agc-dr__area i{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;background:rgba(201,169,97,.16);color:var(--agc-gold-l);border:1px solid rgba(201,169,97,.22)}

/* Contato no drawer */
.agc-dr__contact{display:flex;flex-direction:column;gap:8px}
.agc-dr__ci{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);text-decoration:none;transition:background .16s}
.agc-dr__ci:hover{background:rgba(228,200,138,.09)}
.agc-dr__ci-ic{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px}
.agc-dr__ci-ic.wa{background:rgba(37,211,102,.14);color:#25d366}
.agc-dr__ci-ic.ph{background:rgba(201,169,97,.14);color:var(--agc-gold-l)}
.agc-dr__ci-ic.em{background:rgba(169, 133, 63,.16);color:#d4b478}
.agc-dr__ci-ic.lo{background:rgba(201,169,97,.14);color:var(--agc-gold-l)}
.agc-dr__ci-b{display:flex;flex-direction:column;min-width:0}
.agc-dr__ci-l{font-size:10.5px;color:rgba(255,255,255,.45);letter-spacing:.04em}
.agc-dr__ci-v{font-size:13px;font-weight:700;color:#fff;line-height:1.3}

.agc-dr__soc{display:flex;gap:9px;margin:18px 6px 0}
.agc-dr__soc a{width:40px;height:40px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.8);font-size:15px;text-decoration:none;transition:background .16s,color .16s,transform .16s}
.agc-dr__soc a:hover{background:var(--agc-gold);color:var(--agc-navy-d);transform:translateY(-2px)}
.agc-dr__sig{margin:18px 6px 4px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.4)}
.agc-dr__sig b{color:rgba(228,200,138,.7);font-weight:700}

/* ═══════════════════ FOOTER ═══════════════════ */
.agc-footer{
  position:relative;overflow:hidden;color:rgba(255,255,255,.72);
  /* Fundo em CAMADAS, não chapado: um gradiente diagonal que abre num marrom
     mais quente no topo e afunda num quase-preto embaixo, com três brilhos
     dourados difusos nos cantos que dão volume. */
  background:
    radial-gradient(1000px 520px at 12% -6%, rgba(201,169,97,.14), transparent 55%),
    radial-gradient(840px 620px at 106% 108%, rgba(228,200,138,.10), transparent 58%),
    radial-gradient(560px 460px at 62% 128%, rgba(201,169,97,.06), transparent 60%),
    linear-gradient(168deg,#2b2119 0%,var(--agc-navy-d) 34%,#16110d 100%);
}
/* Textura técnica fina (malha), que some nas bordas por máscara radial, é o
   que tira o "sólido" sem virar ruído nem competir com o texto. */
.agc-footer::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:
    linear-gradient(rgba(201,169,97,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,169,97,.045) 1px,transparent 1px);
  background-size:50px 50px;
  -webkit-mask-image:radial-gradient(125% 92% at 50% 0%,#000 18%,transparent 74%);
          mask-image:radial-gradient(125% 92% at 50% 0%,#000 18%,transparent 74%)}
.agc-footer__top{height:3px;background:linear-gradient(90deg,transparent,var(--agc-gold),var(--agc-gold-l),var(--agc-gold),transparent)}
.agc-footer__in{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:64px 28px 0}
.agc-footer__grid{display:grid;grid-template-columns:1.6fr 1.15fr 1fr 1.3fr;gap:40px}
.agc-footer__brand img{height:52px;width:auto;object-fit:contain;display:block;margin-bottom:18px}
.agc-footer__brand p{font-size:13.5px;line-height:1.75;color:rgba(255,255,255,.6);margin:0 0 20px;max-width:34ch}
.agc-footer__soc{display:flex;gap:9px;margin-bottom:20px}
.agc-footer__soc a{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.78);font-size:15px;text-decoration:none;transition:background .18s,color .18s,transform .18s}
.agc-footer__soc a:hover{background:var(--agc-gold);color:var(--agc-navy-d);transform:translateY(-2px)}
.agc-footer__meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.agc-footer__meta li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:rgba(255,255,255,.55)}
.agc-footer__meta i{color:var(--agc-gold);font-size:12px;width:16px;text-align:center}
/* Credenciais oficiais (CNPJ / OAB), botões que abrem os PDFs */
.agc-footer__docs{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.agc-doc{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:10px;
  background:rgba(255,255,255,.05);border:1px solid rgba(201,169,97,.32);
  color:rgba(255,255,255,.82);font-size:12px;font-weight:600;text-decoration:none;letter-spacing:.01em;
  transition:background .18s,border-color .18s,color .18s,transform .18s}
.agc-doc:hover{background:var(--agc-gold);border-color:var(--agc-gold);color:var(--agc-navy-d);transform:translateY(-2px)}
.agc-doc > i:first-child{color:var(--agc-gold);font-size:13px;transition:color .18s}
.agc-doc:hover > i:first-child{color:var(--agc-navy-d)}
.agc-doc__ext{font-size:9px;opacity:.6}
.agc-footer__col h5{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--agc-gold-l);margin:0 0 16px}
.agc-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.agc-footer__col ul li a{font-size:13.5px;color:rgba(255,255,255,.66);text-decoration:none;transition:color .16s,padding-left .16s;display:inline-block}
.agc-footer__col ul li a:hover{color:var(--agc-gold-l);padding-left:4px}
/* ── Atuação separada pelas duas frentes ──
   Cada frente ganha um subtítulo com o ícone dela. O <h5> "Atuação" continua
   sendo o título da coluna; estes são o segundo nível, por isso mais discretos
   que ele e mais fortes que os links. A coluna cresce (são duas listas), então
   ela ocupa mais espaço na grade que as demais. */
.agc-footer__fr{
  display:flex;align-items:center;gap:7px;margin:0 0 10px;
  font-size:11.5px;font-weight:700;letter-spacing:.04em;
  color:rgba(255,255,255,.9);
}
.agc-footer__fr i{font-size:10.5px;color:var(--agc-gold-l);opacity:.9}
.agc-footer__fr + ul{margin-bottom:22px}
.agc-footer__col--areas > *:last-child{margin-bottom:0}
.agc-footer__contact ul{gap:15px}
.agc-footer__contact li{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:rgba(255,255,255,.66);line-height:1.5}
.agc-footer__contact li i{color:var(--agc-gold);font-size:14px;margin-top:2px;width:18px;text-align:center;flex-shrink:0}
.agc-footer__contact li b{display:block;color:#fff;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.agc-footer__contact a{color:inherit;text-decoration:none;transition:color .16s}
.agc-footer__contact a:hover{color:var(--agc-gold-l)}
.agc-footer__bottom{
  position:relative;z-index:1;max-width:1240px;margin:52px auto 0;padding:22px 28px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;
  font-size:12.5px;color:rgba(255,255,255,.5);
}
.agc-footer__bottom a{color:rgba(255,255,255,.6);text-decoration:none;transition:color .16s}
.agc-footer__bottom a:hover{color:var(--agc-gold-l)}
/* Bloco legal da barra inferior: documento + controle de cookies lado a lado */
.agc-footer__legal{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}
.agc-footer__legal a{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.agc-footer__legal a i{font-size:11px;color:var(--agc-gold-l);transition:color .16s}
.agc-footer__legal a:hover i{color:#fff}
.agc-footer__legal-sep{width:1px;height:13px;background:rgba(255,255,255,.18)}
@media(max-width:720px){ .agc-footer__legal-sep{display:none} }
.agc-footer__dev{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:rgba(255,255,255,.55);font-family:inherit;font-size:12.5px;cursor:pointer;transition:color .16s}
.agc-footer__dev:hover{color:var(--agc-gold-l)}
.agc-footer__dev-dot{width:7px;height:7px;border-radius:50%;background:var(--agc-wa);box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:agcPulse 2s ease-in-out infinite}
.agc-footer__dev strong{color:rgba(255,255,255,.82);font-weight:700}

/* WhatsApp float */
.agc-wa-float{
  position:fixed;right:22px;bottom:22px;z-index:1080;
  width:58px;height:58px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--agc-wa),var(--agc-wa-d));color:#fff;font-size:28px;
  text-decoration:none;box-shadow:0 12px 32px rgba(37,211,102,.42);
  transition:transform .2s var(--agc-ease),box-shadow .2s;
}
.agc-wa-float::before{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:agcRing 2.4s ease-out infinite}
.agc-wa-float:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 18px 42px rgba(37,211,102,.55)}
@media(max-width:960px){ .agc-wa-float{width:52px;height:52px;font-size:25px;right:16px;bottom:16px} }

@keyframes agcPulse{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}60%{box-shadow:0 0 0 7px rgba(37,211,102,0)}}
@keyframes agcRing{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%,100%{box-shadow:0 0 0 16px rgba(37,211,102,0)}}

/* WhatsApp flutuante some ao chegar no rodapé */
.agc-wa-float{will-change:transform,opacity}
.agc-wa-float.is-hidden{opacity:0;transform:translateY(34px) scale(.72);pointer-events:none}

/* ===== Crédito do desenvolvedor (João Coutinho) ===== */
.jc-cred{
  display:inline-flex;align-items:center;gap:10px;
  padding:6px 15px 6px 7px;border-radius:100px;line-height:1;
  background:linear-gradient(180deg,#fff,#f2ecdf);
  border:1px solid rgba(22,16,13,.09);
  box-shadow:0 7px 20px rgba(23, 17, 13,.22),0 1px 0 #fff inset;
  cursor:pointer;font-family:inherit;
  transition:transform .18s var(--agc-ease),box-shadow .18s;
}
.jc-cred:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(23, 17, 13,.3)}
.jc-cred__ic{
  width:30px;height:30px;border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,#2bd074,#12a355);
  box-shadow:0 5px 12px rgba(18,163,85,.42)}
.jc-cred__ic svg{width:16px;height:16px}
.jc-cred__tx{display:flex;flex-direction:column;gap:2px;text-align:left}
.jc-cred__k{font-size:8.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c0912f}
.jc-cred__n{font-size:12.5px;font-weight:800;color:#241d1a;letter-spacing:.005em}

/* Popup de perfil */
.jc-pop[hidden]{display:none}
.jc-pop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}
.jc-pop__ov{position:absolute;inset:0;background:rgba(23, 17, 13,.64);backdrop-filter:blur(3px);animation:jcFade .2s ease}
.jc-pop__card{
  position:relative;width:min(396px,100%);max-height:92vh;overflow-y:auto;
  background:linear-gradient(180deg,#ffffff,#f6f1e6);
  border:1px solid rgba(201,169,97,.42);border-radius:22px;
  padding:24px 22px 20px;color:var(--agc-navy);
  box-shadow:0 34px 90px rgba(22,17,14,.42),0 0 0 3px rgba(201,169,97,.1);
  animation:jcPop .28s cubic-bezier(.2,.9,.3,1.25)}
.jc-pop__x{
  position:absolute;top:13px;right:13px;width:32px;height:32px;border-radius:50%;z-index:2;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(22,17,14,.05);border:1px solid rgba(22,17,14,.1);color:rgba(22,17,14,.5);
  transition:background .16s,color .16s}
.jc-pop__x svg{width:16px;height:16px}
.jc-pop__x:hover{background:rgba(22,17,14,.1);color:var(--agc-navy)}
.jc-pop__head{display:flex;align-items:center;gap:15px;margin-bottom:13px}
.jc-pop__av{
  position:relative;width:64px;height:64px;border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;
  font-size:21px;font-weight:800;color:#17110d;
  background:linear-gradient(135deg,#efd08a,#d4a94f);
  box-shadow:0 8px 20px rgba(212,169,79,.4),0 0 0 3px rgba(201,169,97,.5)}
.jc-pop__av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;border-radius:50%}
.jc-pop__dot{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:50%;background:#25d366;border:3px solid #fff;box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:agcPulse 2s ease-in-out infinite}
.jc-pop__id{min-width:0}
.jc-pop__k{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--agc-gold-d);margin-bottom:5px}
.jc-pop__k svg{width:14px;height:14px}
.jc-pop__name{font-size:20px;font-weight:800;margin:0 0 3px;color:var(--agc-navy);line-height:1.1}
.jc-pop__role{font-size:12px;color:rgba(22,17,14,.55);font-weight:600;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.jc-pop__role b{display:inline-flex;align-items:center;gap:5px;color:#12a355;font-weight:800;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}
.jc-pop__role b::before{content:'';width:6px;height:6px;border-radius:50%;background:#25d366;box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:agcPulse 2s ease-in-out infinite}
.jc-pop__bio{font-size:12.5px;line-height:1.58;color:rgba(22,17,14,.72);margin:0 0 14px}
/* O padrão de cada entrega — painel escuro premium, itens numerados coloridos */
.jc-std{margin:0 0 15px;padding:15px 16px 7px;border-radius:16px;position:relative;overflow:hidden;
  background:linear-gradient(165deg,#241c17,#16100c);border:1px solid rgba(201,169,97,.24);
  box-shadow:0 16px 34px -16px rgba(22,17,14,.55),inset 0 1px 0 rgba(255,255,255,.04)}
.jc-std::before{content:'';position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(224,193,132,.65),transparent)}
.jc-std__hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.jc-std__ttl{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--agc-gold-l)}
.jc-std__badge{font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e7d7b3;background:rgba(201,169,97,.14);border:1px solid rgba(201,169,97,.34);padding:3px 9px;border-radius:999px}
.jc-std__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.jc-std__it{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.06);opacity:0;transform:translateY(6px);animation:jcStdIn .5s var(--agc-ease) forwards}
.jc-std__it:nth-child(1){animation-delay:.05s}.jc-std__it:nth-child(2){animation-delay:.12s}.jc-std__it:nth-child(3){animation-delay:.19s}.jc-std__it:nth-child(4){animation-delay:.26s}
.jc-std__num{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;
  color:var(--n,#C9A961);background:color-mix(in srgb,var(--n,#C9A961) 17%,transparent);border:1px solid color-mix(in srgb,var(--n,#C9A961) 42%,transparent)}
.jc-std__tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.jc-std__tx b{font-size:13px;font-weight:700;color:#f4ecdd;letter-spacing:-.005em}
.jc-std__tx i{font-style:normal;font-size:11.5px;line-height:1.46;color:rgba(240,232,218,.62)}
.jc-pop__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}
.jc-pop__stat{background:#fff;border:1px solid rgba(22,17,14,.08);border-radius:12px;padding:11px 8px;box-shadow:0 4px 12px rgba(22,17,14,.04);text-align:center}
.jc-pop__stat b{display:block;font-size:18px;font-weight:800;color:var(--agc-navy);line-height:1;font-variant-numeric:tabular-nums}
.jc-pop__stat b em{color:#e0a52f;font-style:normal;font-size:14px;margin-left:1px}
.jc-pop__stat span{display:block;margin-top:5px;font-size:8.5px;color:rgba(22,17,14,.5);font-weight:700;line-height:1.25;text-transform:uppercase;letter-spacing:.02em}
.jc-pop__cta{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;padding:14px;border-radius:13px;margin-bottom:9px;
  background:linear-gradient(135deg,#2a211b,#16100c);color:#fff;border:1px solid rgba(201,169,97,.3);
  font-size:14.5px;font-weight:800;text-decoration:none;letter-spacing:.01em;
  box-shadow:0 16px 32px -14px rgba(22,17,14,.6);transition:transform .16s,box-shadow .16s,border-color .16s}
.jc-pop__cta svg{width:19px;height:19px;color:#25d366}
.jc-pop__cta:hover{transform:translateY(-2px);box-shadow:0 22px 44px -14px rgba(22,17,14,.7);border-color:rgba(224,193,132,.55)}
.jc-pop__site{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;font-size:12px;font-weight:600;color:rgba(22,17,14,.5);text-decoration:none;transition:color .16s}
.jc-pop__site svg{width:13px;height:13px}
.jc-pop__site:hover{color:var(--agc-gold-d)}
@keyframes jcStdIn{to{opacity:1;transform:none}}
body.jc-lock{overflow:hidden}
@keyframes jcFade{from{opacity:0}to{opacity:1}}
@keyframes jcPop{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:480px){ .jc-cred__k{font-size:8px} .jc-cred__n{font-size:12px} }

@media(max-width:960px){
  .agc-footer__grid{grid-template-columns:1fr 1fr;gap:30px 28px}
  .agc-footer__brand{grid-column:1/-1}
  .agc-footer__in{padding-top:48px}
  .agc-footer__bottom{justify-content:center;text-align:center}
}
@media(max-width:560px){ .agc-footer__grid{grid-template-columns:1fr} }

@media(prefers-reduced-motion:reduce){
  .agc-header,.agc-topbar,.agc-mega,.agc-drawer,.agc-overlay,.agc-wa-float,.agc-cta,.agc-footer__dev-dot,.agc-wa-float::before{transition:none!important;animation:none!important}
}

/* ═══════════════════════════════════════════════════════════════════════════
   BOTTOM DOCK (mobile) + DRAWER TECH (relógio ao vivo · índices · swipers)
   Dock aparece ≤960px. Some nas páginas-guia (dock próprio: .cr/.rj/.m-dock).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Bottom dock (mobile), DOCK DE VIDRO CLARO FLUTUANTE · high-tech ── */
.agc-dock{
  position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:1075;display:none;
  grid-template-columns:repeat(5,1fr);align-items:center;height:64px;padding:0 6px;border-radius:22px;overflow:visible;
  background:linear-gradient(180deg,rgba(250,248,243,.93),rgba(240,236,227,.89));
  -webkit-backdrop-filter:saturate(1.7) blur(22px);backdrop-filter:saturate(1.7) blur(22px);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 22px 46px -16px rgba(22,17,14,.36),0 8px 18px -10px rgba(22,17,14,.22);
}
/* trilho de luz dourada no topo do dock (assinatura tech) */
.agc-dock::before{content:'';position:absolute;left:26px;right:26px;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(201,169,97,.85),transparent)}
.agc-dock__i{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;
  border:0;background:none;cursor:pointer;font-family:inherit;text-decoration:none;color:rgba(36,28,23,.62);
  transition:color .3s var(--agc-ease),transform .25s cubic-bezier(.34,1.56,.64,1);
}
.agc-dock__i i{font-size:18px;line-height:1;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.agc-dock__i span{font-size:10px;font-weight:700;letter-spacing:.005em;white-space:nowrap}
.agc-dock__i:active{transform:scale(.9)}
/* item ativo, ícone eleva/dourado + halo de spotlight + ponto indicador */
.agc-dock__i.is-active{color:var(--agc-gold-d)}
.agc-dock__i.is-active i{transform:translateY(-2px) scale(1.1)}
.agc-dock__i.is-active::before{content:'';position:absolute;top:6px;left:50%;width:44px;height:44px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(201,169,97,.28),transparent 68%);pointer-events:none}
.agc-dock__i.is-active::after{content:'';position:absolute;bottom:7px;left:50%;width:5px;height:5px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(135deg,var(--agc-gold-l),var(--agc-gold-d));box-shadow:0 0 9px 1px rgba(201,169,97,.7)}
/* FAB central "Falar", verde WhatsApp elevado, anel creme + glow pulsante */
.agc-dock__cta{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;transform:translateY(-18px)}
.agc-dock__cta-in{
  position:relative;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#fff;
  background:radial-gradient(120% 120% at 32% 22%,#38e07f,var(--agc-wa) 55%,var(--agc-wa-d));
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 14px 28px -6px rgba(18,140,126,.6),0 0 0 6px rgba(248,246,241,.94),inset 0 1px 0 rgba(255,255,255,.5);
  transition:transform .16s var(--agc-ease)}
.agc-dock__cta-in::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(37,211,102,.5);pointer-events:none;animation:agcDockPulse 2.6s ease-out infinite}
.agc-dock__cta-l{font-size:10px;font-weight:800;color:var(--agc-wa-d);letter-spacing:.02em}
.agc-dock__cta:active .agc-dock__cta-in{transform:scale(.93)}
@keyframes agcDockPulse{0%{transform:scale(.86);opacity:.7}70%{transform:scale(1.5);opacity:0}100%{transform:scale(1.5);opacity:0}}

@media(max-width:960px){
  .agc-dock{display:grid}
  .agc-wa-float{display:none}
  body.is-home,body.is-internal{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}
/* páginas-guia têm dock próprio → desliga a global e o padding extra */
body:has(.cr-dock) .agc-dock,body:has(.rj-dock) .agc-dock,body:has(.m-dock) .agc-dock{display:none}
@media(max-width:960px){
  body:has(.cr-dock),body:has(.rj-dock),body:has(.m-dock){padding-bottom:0}
}
body.agc-dr-open .agc-dock__menu{color:var(--agc-gold-d)}

/* ── Drawer · live strip (relógio local + Central de Inteligência) ── */
.agc-dr__live{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 11px;padding:12px 14px;border-radius:14px;
  background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.06));border:1px solid rgba(228,200,138,.28);
}
.agc-dr__live-l{display:flex;align-items:center;gap:11px;min-width:0}
.agc-live-dot{width:9px;height:9px;border-radius:50%;background:#3ecf8e;flex-shrink:0;box-shadow:0 0 0 0 rgba(62,207,142,.6);animation:agcLive 2s ease-out infinite}
@keyframes agcLive{0%{box-shadow:0 0 0 0 rgba(62,207,142,.55)}70%,100%{box-shadow:0 0 0 8px rgba(62,207,142,0)}}
.agc-dr__live-tx{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.agc-dr__live-city{font-size:11px;font-weight:700;color:rgba(255,255,255,.66);display:flex;align-items:center;gap:5px}
.agc-dr__live-city i{color:var(--agc-gold);font-size:10px}
.agc-dr__live-clock{font-size:17px;font-weight:800;color:var(--agc-gold-l);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.agc-dr__live-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--agc-navy-d);text-decoration:none;background:linear-gradient(135deg,var(--agc-gold-l),var(--agc-gold));padding:9px 11px;border-radius:10px;line-height:1.15;max-width:44%;text-align:center}
.agc-dr__live-cta i{font-size:10px}

.agc-dr__mkt{margin:0 0 2px}
.agc-dr__mkt-rail{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.agc-dr__mkt-rail::-webkit-scrollbar{display:none}
.agc-chip{scroll-snap-align:start;flex:0 0 auto;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:11px;min-width:98px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}
.agc-chip-n{font-size:10px;font-weight:700;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.03em}
.agc-chip-v{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.agc-chip.up .agc-chip-v,.agc-chip.up .agc-chip-n i{color:#3ecf8e}
.agc-chip.dn .agc-chip-v,.agc-chip.dn .agc-chip-n i{color:#f0898b}
.agc-chip.fl .agc-chip-v,.agc-chip.fl .agc-chip-n i{color:#cbb892}
.agc-dr__mkt-sk{flex:0 0 auto;width:98px;height:46px;border-radius:11px;background:linear-gradient(100deg,rgba(255,255,255,.05),rgba(255,255,255,.11),rgba(255,255,255,.05));background-size:200% 100%;animation:agcSk 1.3s ease-in-out infinite}
@keyframes agcSk{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ── Drawer · swiper rails (áreas · guias) + dots ── */
.agc-dr__rail{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.agc-dr__rail::-webkit-scrollbar{display:none}
.agc-dr__dots{display:flex;justify-content:center;gap:6px;margin:9px 0 2px}
.agc-dr__dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.22);transition:background .2s,width .2s}
.agc-dr__dot.on{width:18px;border-radius:3px;background:linear-gradient(90deg,var(--agc-gold-l),var(--agc-gold))}

/* ÁREAS, cards tema CLARO (branco) */
.agc-dr__acard{scroll-snap-align:start;flex:0 0 210px;position:relative;height:184px;border-radius:15px;overflow:hidden;text-decoration:none;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;background:#fff;box-shadow:0 12px 28px -16px rgba(0,0,0,.6)}
.agc-dr__acard-img{position:relative;inset:auto;width:100%;height:94px;flex:none;background-size:cover;background-position:center;transform:none;transition:none}
.agc-dr__acard:active .agc-dr__acard-img{transform:none}
.agc-dr__acard-ov{position:absolute;top:0;left:0;right:0;height:94px;background:linear-gradient(180deg,rgba(23, 17, 13,.02),rgba(23, 17, 13,.22))}
.agc-dr__acard-ic{position:absolute;top:8px;left:8px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:13px;color:var(--agc-navy-d);background:linear-gradient(135deg,var(--agc-gold-l),var(--agc-gold));box-shadow:0 6px 16px -6px rgba(201,169,97,.7)}
.agc-dr__acard-b{position:relative;padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px;flex:1}
.agc-dr__acard-t{font-size:13px;font-weight:800;color:var(--agc-navy);line-height:1.16}
.agc-dr__acard-d{font-size:10.5px;font-weight:500;color:rgba(36,28,23,.6);line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* GUIAS, cards tema CLARO (branco) + gráficos */
.agc-dr__gcard{scroll-snap-align:start;flex:0 0 252px;position:relative;border-radius:15px;overflow:hidden;text-decoration:none;padding:15px 15px 14px;display:flex;flex-direction:column;gap:7px;min-height:214px;background:#fff;border:1px solid rgba(255,255,255,.16);border-left:3px solid var(--acc,#c8a46b);box-shadow:0 12px 28px -16px rgba(0,0,0,.6)}
.agc-dr__gcard::before{content:'';position:absolute;top:-38px;right:-38px;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 70% 30%,var(--acc,#c8a46b),transparent 68%);opacity:.12;pointer-events:none}
.agc-dr__gcard-eye{position:relative;display:inline-flex;align-items:center;gap:7px;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--acc,#c8a46b)}
.agc-dr__gcard-eye i{font-size:12px}
.agc-dr__gcard-t{position:relative;font-size:14.5px;font-weight:800;color:var(--agc-navy);line-height:1.2}
.agc-dr__gcard-d{position:relative;font-size:10.5px;color:rgba(36,28,23,.6);line-height:1.4}
.agc-dr__gcard-go{position:relative;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:var(--acc,#c8a46b);margin-top:auto;padding-top:4px}
.agc-dr__gcard-go i{transition:transform .2s}
.agc-dr__gcard:active .agc-dr__gcard-go i{transform:translateX(3px)}
.agc-dr__gchart{position:relative;display:block;padding:8px 9px;border-radius:9px;background:rgba(36,28,23,.04);border:1px solid rgba(36,28,23,.07)}
.agc-dr__spark{display:block;width:100%;height:34px}
.agc-dr__sp-area{fill:var(--acc,#c8a46b);fill-opacity:.16}
.agc-dr__sp-line{fill:none;stroke:var(--acc,#c8a46b);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.agc-dr__sp-dot{fill:var(--acc,#c8a46b);filter:drop-shadow(0 0 3px var(--acc,#c8a46b))}
.agc-dr__bars{display:flex;flex-direction:column;gap:6px}
.agc-dr__bar{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:7px}
.agc-dr__bar-l{font-size:9.5px;font-weight:600;color:rgba(36,28,23,.6)}
.agc-dr__bar-t{height:6px;border-radius:3px;background:rgba(36,28,23,.09);overflow:hidden}
.agc-dr__bar-f{display:block;height:100%;width:var(--w);border-radius:3px;background:var(--acc,#c8a46b)}
.agc-dr__bar-v{font-size:9.5px;font-weight:800;color:var(--agc-navy);font-variant-numeric:tabular-nums}
.agc-dr__bar--mut .agc-dr__bar-f{background:rgba(36,28,23,.34)}
.agc-dr__bar--mut .agc-dr__bar-l,.agc-dr__bar--mut .agc-dr__bar-v{color:rgba(36,28,23,.45)}
.agc-dr__gstat{position:relative;display:block;margin-top:6px;font-size:9.5px;color:rgba(36,28,23,.55);font-weight:600}
.agc-dr__gstat b{font-size:15px;font-weight:800;color:var(--agc-navy);font-variant-numeric:tabular-nums;margin-right:3px}
.agc-dr__gstat em{color:var(--acc,#c8a46b);font-style:normal;font-weight:800;margin-left:2px}

/* ÚLTIMOS DO BLOG, cards claros */
.agc-dr__blog{display:flex;flex-direction:column;gap:8px}
.agc-dr__bpost{display:flex;align-items:center;gap:11px;padding:9px;border-radius:12px;background:#fff;border:1px solid rgba(255,255,255,.16);text-decoration:none;box-shadow:0 8px 20px -14px rgba(0,0,0,.5);transition:transform .16s}
.agc-dr__bpost:active{transform:scale(.99)}
.agc-dr__bpost-img{width:54px;height:54px;flex:none;border-radius:9px;background-size:cover;background-position:center;background-color:var(--agc-navy-2)}
.agc-dr__bpost-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.agc-dr__bpost-t{font-size:12px;font-weight:700;color:var(--agc-navy);line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.agc-dr__bpost-m{font-size:10px;color:rgba(36,28,23,.5);display:inline-flex;align-items:center;gap:5px}
.agc-dr__bpost-m i{font-size:9px;color:var(--agc-gold-d)}
.agc-dr__bpost-arw{font-size:11px;color:rgba(36,28,23,.28);flex:none}

.agc-dr__more{display:inline-flex;align-items:center;gap:7px;margin:11px 6px 0;font-size:12px;font-weight:700;color:var(--agc-gold-l);text-decoration:none}
.agc-dr__more i{font-size:10px;transition:transform .2s}
.agc-dr__more:active i{transform:translateX(3px)}

@media(prefers-reduced-motion:reduce){
  .agc-live-dot,.agc-dock__cta-in::after,.agc-dr__mkt-sk{animation:none!important}
  .agc-dr__acard-img,.agc-dock__i,.agc-dock__cta-in{transition:none!important}
}

/* ═══════════════════════════════════════════════════════════════════════════
   BUSCA INTELIGENTE, lupa no header/drawer + paleta de resultados ao vivo
   ═══════════════════════════════════════════════════════════════════════════ */
/* Gatilho de busca no estilo "command palette": mostra o atalho de teclado,
   tem um traço de varredura que percorre a borda e a lupa acende no hover.
   Lê como ferramenta, não como caixa de formulário. */
/* ── BUSCA ──
   Era uma pílula de vidro com um brilho diagonal que atravessava sozinho a
   cada 6,5s. Movimento automático e permanente num elemento fixo é o que mais
   fazia o topo parecer template: puxa o olho para longe do menu e não avisa
   nada. Aqui é um campo de fio único, parado, com a mesma tecla de atalho, 
   e o dourado só aparece quando o cursor chega. */
.agc-search-btn{
  position:relative;
  height:44px;padding:0 8px 0 14px;border-radius:4px;display:none;align-items:center;gap:10px;
  flex-shrink:0;cursor:pointer;min-width:236px;
  background:transparent;
  border:1px solid rgba(255,255,255,.18);
  /* .62 dava 4,01:1 no pior caso da home (quadro claro do vídeo sob o véu) */
  color:rgba(255,255,255,.7);
  font-size:14px;font-weight:500;font-family:inherit;
  transition:border-color .24s var(--agc-ease),color .24s,background .24s;
}
.agc-search-btn__ic{
  flex-shrink:0;display:grid;place-items:center;width:20px;height:20px;
  color:rgba(255,255,255,.5);font-size:13px;
  transition:color .24s;
}
.agc-search-btn__tx{flex:1;text-align:left;white-space:nowrap;letter-spacing:.005em}
/* Tecla de atalho: fonte mono e canto reto, sem o relevo de tecla física, 
   o relevo era o único volume que sobrava no campo agora chapado. */
.agc-search-btn__kbd{
  flex-shrink:0;min-width:22px;height:22px;padding:0 6px;border-radius:3px;
  display:inline-flex;align-items:center;justify-content:center;
  font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  font-size:11.5px;font-weight:700;line-height:1;
  color:rgba(255,255,255,.72);   /* .55 dava 3,16:1 no pior caso da home */
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  transition:background .22s,border-color .22s,color .22s;
}
.agc-search-btn:hover{
  background:rgba(255,255,255,.05);
  border-color:rgba(228,200,138,.55);color:#fff;
}
.agc-search-btn:hover .agc-search-btn__ic{color:var(--agc-gold-l)}
.agc-search-btn:hover .agc-search-btn__kbd{background:rgba(255,255,255,.13);border-color:rgba(228,200,138,.4);color:#fff}
.agc-search-btn:focus-visible{outline:2px solid var(--agc-gold-l);outline-offset:3px}
@media(min-width:961px){ .agc-search-btn{display:inline-flex} }
/* Faixa intermediária: vira só a lupa, sem rótulo nem tecla */
@media(min-width:961px) and (max-width:1240px){
  .agc-search-btn{min-width:0;width:46px;padding:0;justify-content:center}
  .agc-search-btn__tx,.agc-search-btn__kbd{display:none}
  .agc-search-btn__ic{width:auto;height:auto;background:none;border:none;font-size:15px;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){ .agc-search-btn::before{animation:none;opacity:0} }
/* launcher dentro do drawer (mobile) */
.agc-dr__search{
  display:flex;align-items:center;gap:11px;width:100%;padding:13px 15px;margin:0 0 14px;border-radius:13px;cursor:pointer;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);color:rgba(255,255,255,.72);font-family:inherit;font-size:14.5px;text-align:left;transition:background .16s,border-color .16s;
}
.agc-dr__search:hover{background:rgba(228,200,138,.14);border-color:rgba(228,200,138,.34)}
.agc-dr__search>i{color:var(--agc-gold-l);font-size:15px}
.agc-dr__search kbd{margin-left:auto;font-size:11px;font-family:inherit;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:2px 7px;color:rgba(255,255,255,.62)}

.agc-srch{position:fixed;inset:0;z-index:1100;display:flex;justify-content:center;align-items:flex-start;padding:clamp(12px,7vh,92px) 16px 16px}
.agc-srch[hidden]{display:none}
.agc-srch__backdrop{position:absolute;inset:0;background:rgba(23, 17, 13,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:agcSrchFade .2s ease}
.agc-srch__panel{position:relative;width:min(660px,100%);max-height:min(78vh,720px);display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 44px 110px -30px rgba(23, 17, 13,.72),0 0 0 1px rgba(22,17,14,.08);animation:agcSrchPop .28s cubic-bezier(.16,1,.3,1)}
@keyframes agcSrchFade{from{opacity:0}to{opacity:1}}
@keyframes agcSrchPop{from{opacity:0;transform:translateY(-14px) scale(.985)}to{opacity:1;transform:none}}
.agc-srch__bar{display:flex;align-items:center;gap:13px;padding:16px 18px;border-bottom:1px solid rgba(22,17,14,.08)}
.agc-srch__bar>i{color:var(--agc-gold-d);font-size:18px;flex-shrink:0}
.agc-srch__bar input{flex:1;min-width:0;border:0;outline:0;background:none;font-family:inherit;font-size:17px;color:#241c17;font-weight:500}
.agc-srch__bar input::placeholder{color:#8a7c6a;font-weight:400}
.agc-srch__esc{cursor:pointer;font-size:11px;font-weight:700;color:#8a7c6a;background:#f5f3ed;border:1px solid rgba(22,17,14,.1);border-radius:7px;padding:4px 9px;flex-shrink:0}
.agc-srch__body{overflow-y:auto;flex:1;padding:6px 0;scrollbar-width:thin}
.agc-srch__hint,.agc-srch__empty{padding:38px 24px;text-align:center;color:#8a7c6a;font-size:14px;line-height:1.6}
.agc-srch__hint>i,.agc-srch__empty>i{display:block;font-size:27px;color:var(--agc-gold);opacity:.6;margin-bottom:11px}
.agc-srch__hint b,.agc-srch__empty b{color:#241c17}
.agc-srch__count{padding:9px 20px 3px;font-size:11.5px;color:#a99a86;font-weight:600}
.agc-srch__grp{padding:4px 0 6px}
.agc-srch__glabel{display:flex;align-items:center;gap:8px;padding:9px 20px 5px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--agc-gold-d)}
.agc-srch__glabel>i{font-size:12px}
.agc-srch__item{display:flex;align-items:flex-start;gap:13px;padding:11px 20px;cursor:pointer;text-decoration:none;color:inherit;border-left:3px solid transparent;transition:background .12s,border-color .12s}
.agc-srch__item:hover,.agc-srch__item.sel{background:#f5f3ed;border-left-color:var(--agc-gold)}
.agc-srch__thumb{width:46px;height:46px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;background:#f5f3ed;color:var(--agc-gold-d);font-size:16px;border:1px solid rgba(22,17,14,.06);overflow:hidden}
.agc-srch__thumb img{width:100%;height:100%;object-fit:cover}
.agc-srch__it-b{min-width:0;flex:1}
.agc-srch__it-t{font-family:'Sora','Inter',sans-serif;font-size:15px;font-weight:700;color:#241c17;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.agc-srch__it-s{font-size:12.8px;color:#6b5d4e;line-height:1.5;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.agc-srch__it-m{font-size:11px;color:#a99a86;margin-top:3px;font-weight:600}
.agc-srch mark{background:rgba(201,169,97,.3);color:inherit;border-radius:3px;padding:0 1.5px;font-weight:700}
.agc-srch__arrow{align-self:center;color:#c7baa4;font-size:13px;flex-shrink:0;transition:color .12s,transform .12s}
.agc-srch__item:hover .agc-srch__arrow,.agc-srch__item.sel .agc-srch__arrow{color:var(--agc-gold-d);transform:translateX(2px)}
.agc-srch__foot{display:flex;align-items:center;gap:16px;padding:11px 20px;border-top:1px solid rgba(22,17,14,.08);font-size:11.5px;color:#8a7c6a;background:#f5f3ed}
.agc-srch__foot span{display:inline-flex;align-items:center;gap:5px}
.agc-srch__foot kbd{font-family:inherit;background:#fff;border:1px solid rgba(22,17,14,.14);border-radius:5px;padding:1px 6px;font-size:11px;color:#6b5d4e;box-shadow:0 1px 0 rgba(22,17,14,.08)}
.agc-srch__brand{margin-left:auto;font-weight:800;color:var(--agc-gold-d);letter-spacing:.04em}
@media(max-width:560px){
  .agc-srch{padding:0}
  .agc-srch__panel{width:100%;height:100%;max-height:100%;border-radius:0}
  .agc-srch__foot{display:none}
}
@media(prefers-reduced-motion:reduce){.agc-srch__backdrop,.agc-srch__panel{animation:none}}

/* ══════════════════════════════════════════════════════════════════════════
   PREVISÃO DO TEMPO NO RODAPÉ, .agc-wx
   Card de vidro na coluna da marca, tom do rodapé (marrom escuro) + acento
   dourado. Nasce hidden; o JS (footer-weather.js) preenche e revela.
   ══════════════════════════════════════════════════════════════════════════ */
.agc-wx{
  margin-top:22px;max-width:320px;padding:15px 16px 13px;border-radius:var(--agc-r);
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border:1px solid rgba(201,169,97,.2);
  box-shadow:0 20px 40px -28px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  animation:agcWxIn .5s var(--agc-ease) both}
@keyframes agcWxIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.agc-wx__hd{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;
  letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.agc-wx__hd b{color:var(--agc-gold-l);font-weight:700}
.agc-wx__dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--agc-gold-l);
  box-shadow:0 0 0 0 rgba(228,193,132,.55);animation:agcWxDot 2.2s ease-in-out infinite}
@keyframes agcWxDot{70%{box-shadow:0 0 0 6px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* linha do agora: ícone grande + temperatura + condição */
.agc-wx__now{display:flex;align-items:center;gap:12px;margin:12px 0 13px}
.agc-wx__temp{font-family:var(--agc-title,'Sora','Inter',sans-serif);font-weight:800;
  font-size:34px;line-height:1;letter-spacing:-.03em;color:#fff}
.agc-wx__temp span{font-size:16px;font-weight:600;color:rgba(255,255,255,.6);margin-left:1px}
.agc-wx__cond{margin-left:auto;text-align:right;min-width:0}
.agc-wx__cond{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.82);line-height:1.3}
.agc-wx__cond small{display:block;margin-top:3px;font-size:11px;font-weight:500;color:rgba(255,255,255,.5)}

/* métricas */
.agc-wx__m{display:flex;gap:16px;padding:11px 0;margin:0;
  border-block:1px solid rgba(255,255,255,.09);
  font-size:12px;color:rgba(255,255,255,.7)}
.agc-wx__m span{display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}
.agc-wx__m i{color:var(--agc-gold);font-size:11px;width:12px;text-align:center}

/* 3 dias */
.agc-wx__days{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.agc-wx__d{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;
  border-radius:11px;transition:background .2s}
.agc-wx__d.is-today{background:rgba(201,169,97,.1);box-shadow:inset 0 0 0 1px rgba(201,169,97,.22)}
.agc-wx__d:hover{background:rgba(255,255,255,.05)}
.agc-wx__dn{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.agc-wx__d.is-today .agc-wx__dn{color:var(--agc-gold-l)}
.agc-wx__dt{font-size:12px;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums}
.agc-wx__dt b{color:#fff;font-weight:700;margin-right:3px}
.agc-wx__dt i{font-style:normal}

/* ── ícone SVG animado ── */
.agc-wx__ic{display:block;flex:none}
.agc-wx__ic--lg{width:50px;height:50px}
.agc-wx__ic--sm{width:30px;height:30px}
.agc-wx__ic line,.agc-wx__ic polygon,.agc-wx__ic circle,.agc-wx__ic rect{vector-effect:non-scaling-stroke}
/* sol */
.agcwi-sun{fill:var(--agc-gold-l)}
.agcwi-rays{stroke:var(--agc-gold);stroke-width:2.4;stroke-linecap:round}
.agcwi-clear{transform-origin:32px 32px;animation:agcWxSpin 26s linear infinite}
@keyframes agcWxSpin{to{transform:rotate(360deg)}}
/* nuvem */
.agcwi-cloud circle,.agcwi-cloud rect{fill:rgba(230,224,212,.9)}
.agc-wx__ic--partly .agcwi-cloud circle,.agc-wx__ic--partly .agcwi-cloud rect{fill:rgba(230,224,212,.82)}
.agcwi-cloud{animation:agcWxDrift 5s ease-in-out infinite}
@keyframes agcWxDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(2.5px)}}
/* chuva / neve */
.agcwi-rain line{stroke:#8fb4d8;stroke-width:3;stroke-linecap:round}
.agcwi-rain circle{fill:#dfe9f2}
.agcwi-rain .d1{animation:agcWxDrop 1.1s linear infinite}
.agcwi-rain .d2{animation:agcWxDrop 1.1s linear .35s infinite}
.agcwi-rain .d3{animation:agcWxDrop 1.1s linear .7s infinite}
@keyframes agcWxDrop{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}100%{opacity:0;transform:translateY(6px)}}
/* raio */
.agcwi-bolt{fill:var(--agc-gold-l);animation:agcWxFlash 2.6s ease-in-out infinite}
@keyframes agcWxFlash{0%,44%,50%,100%{opacity:1}46%,48%{opacity:.25}}

@media(prefers-reduced-motion:reduce){
  .agc-wx,.agcwi-clear,.agcwi-cloud,.agcwi-rain line,.agcwi-rain circle,.agcwi-bolt,.agc-wx__dot{animation:none}
}
/* no rodapé de 4 colunas a coluna da marca é estreita; o card já cabe. Em telas
   menores o rodapé empilha e o card ganha a largura toda, o max-width segura. */

/* ── Ferramentas úteis na coluna de contato do rodapé ──
   ⚠ TUDO escopado sob `.agc-footer__col`. A regra genérica das colunas,
   `.agc-footer__col ul li a`, tem especificidade 0-1-3 e vencia um seletor mais
   curto, foi o que empilhou o ícone acima do texto (display:block ganhava do
   meu flex). Prefixar com `.agc-footer__col` sobe para 0-2-2 e resolve.
   Linhas compactas de UMA linha: ícone pequeno + rótulo, na altura de um link
   de rodapé, não um cartão. */
.agc-footer__tools{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.agc-footer__col .agc-footer__tl{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:1px}
.agc-footer__col .agc-footer__tl li{border:0}
.agc-footer__col .agc-footer__tl li a{display:flex;align-items:center;gap:11px;padding:7px 9px;margin:0 -9px;
  border-radius:9px;font-size:13px;line-height:1.2;color:rgba(255,255,255,.7);text-decoration:none;
  transition:background .16s,color .16s,padding-left .16s}
.agc-footer__col .agc-footer__tl li a i{flex:none;width:24px;height:24px;display:grid;place-items:center;
  border-radius:7px;font-size:10.5px;color:var(--agc-gold-l);background:rgba(201,169,97,.12);
  border:1px solid rgba(201,169,97,.2);transition:background .16s,color .16s}
.agc-footer__col .agc-footer__tl li a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agc-footer__col .agc-footer__tl li a:hover{background:rgba(255,255,255,.05);color:#fff;padding-left:12px}
.agc-footer__col .agc-footer__tl li a:hover i{background:var(--agc-gold);color:var(--agc-navy-d)}
/* "Ver a Central", link dourado simples, sem chip de ícone */
.agc-footer__col .agc-footer__tl-all a{gap:7px;margin-top:6px;padding-left:0;font-size:12.5px;font-weight:700;
  color:var(--agc-gold-l)}
.agc-footer__col .agc-footer__tl-all a i{width:auto;height:auto;background:none;border:0;
  font-size:10px;color:var(--agc-gold-l)}
.agc-footer__col .agc-footer__tl-all a:hover{background:none;padding-left:4px}
.agc-footer__col .agc-footer__tl-all a:hover i{background:none;color:var(--agc-gold-l)}

/* ── Temas do blog na coluna de Navegação do rodapé ──
   Lista simples, igual às outras colunas (usa `.agc-footer__col ul li a`).
   Só 3 temas + "Ver todos". A separação do bloco de cima vem do border-top. */
.agc-footer__temas{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.agc-footer__temas ul{margin-top:12px}
/* "Ver todos os temas", link dourado. Escopado sob `.agc-footer__col` (0-2-1)
   para vencer a regra genérica dos links (`.agc-footer__col ul li a`, 0-1-3). */
.agc-footer__col .agc-footer__more a{color:var(--agc-gold-l);font-weight:700;
  display:inline-flex;align-items:center;gap:7px}
.agc-footer__col .agc-footer__more a i{font-size:10px;transition:transform .16s}
.agc-footer__col .agc-footer__more a:hover{color:var(--agc-gold-l);padding-left:4px}
.agc-footer__col .agc-footer__more a:hover i{transform:translateX(3px)}

/* ══════════════════════════════════════════════════════════════════════════
   HEADER FIXO = TEMA CLARO  (a pedido)
   ──────────────────────────────────────────────────────────────────────────
   No topo (sobre o hero) o conjunto é ESCURO com texto branco. Ao rolar
   (`body.agc-scrolled`) ele vira CLARO (#f1f1f1):
     · a topbar CONTINUA visível, não recolhe mais para cima;
     · o header fica ABAIXO da topbar (não sobe para o topo);
     · texto e ícones viram tinta escura, os acentos usam o dourado escuro;
     · a logo troca da versão de texto branco para a PRETA e cresce um pouco
       (66px), em vez de encolher.
   Bloco no fim do arquivo para vencer, por ordem de origem, as regras de
   scroll antigas (topbar recolhendo, header subindo, logo 46px).
   Só afeta ≥960px, abaixo disso a topbar já é `display:none`.
   ══════════════════════════════════════════════════════════════════════════ */

/* topbar permanece visível e clara */
body.agc-scrolled .agc-topbar{
  transform:none;opacity:1;pointer-events:auto;
  background:#e9e7e2;border-bottom-color:rgba(36,28,23,.10)}

/* header abaixo da topbar (não sobe) e claro; barra NÃO condensa */
body.agc-scrolled .agc-header,
body.is-home.agc-scrolled .agc-header{
  top:var(--agc-top);
  background:#f1f1f1;backdrop-filter:none;-webkit-backdrop-filter:none;
  border-bottom-color:rgba(36,28,23,.12);
  box-shadow:0 10px 28px -18px rgba(22,17,14,.30)}
body.agc-scrolled .agc-bar{height:var(--agc-bar)}

/* logo: troca escura→preta e um pouco maior no fixo.
   ⚠ Precisa do `img.` para vencer `.agc-logo img{display:block}` (0-1-1), 
   sem isso `.agc-logo__claro{display:none}` (0-1-0) perde e as DUAS logos
   aparecem (o "logo 2x" reportado). */
.agc-logo img.agc-logo__claro{display:none}
body.agc-scrolled .agc-logo img.agc-logo__escuro{display:none}
body.agc-scrolled .agc-logo img.agc-logo__claro{display:block}
body.agc-scrolled .agc-logo img{height:66px;filter:none}
/* no mobile o tamanho é fixo em 42px (regra consolidada acima), o header
   fixo não deve crescer a logo em tela estreita */
@media(max-width:960px){ body.agc-scrolled .agc-logo img{height:42px} }

/* ── tinta escura no header claro ── */
/* nav */
body.agc-scrolled .agc-nav__list>li>a,
body.agc-scrolled .agc-nav__drop{color:rgba(36,28,23,.76)}
body.agc-scrolled .agc-nav__list>li>a:hover,
body.agc-scrolled .agc-nav__drop:hover,
body.agc-scrolled .agc-has-mega:hover .agc-nav__drop,
body.agc-scrolled .agc-nav__list>li>a.active{color:var(--agc-navy)}
/* busca */
body.agc-scrolled .agc-search-btn{background:#fff;border-color:rgba(36,28,23,.16);color:rgba(36,28,23,.72)}
body.agc-scrolled .agc-search-btn__ic{color:rgba(36,28,23,.5)}
body.agc-scrolled .agc-search-btn__kbd{color:rgba(36,28,23,.72);background:rgba(36,28,23,.05);border-color:rgba(36,28,23,.14)}
body.agc-scrolled .agc-search-btn:hover{border-color:var(--agc-gold-d);color:var(--agc-navy)}
body.agc-scrolled .agc-search-btn:hover .agc-search-btn__ic{color:var(--agc-gold-d)}

/* topbar: frentes (nome + telefone) */
body.agc-scrolled .agc-fr{color:rgba(36,28,23,.74)}
body.agc-scrolled .agc-fr__i{color:var(--agc-gold-d)}
body.agc-scrolled .agc-fr__n{color:rgba(36,28,23,.78);border-left-color:rgba(36,28,23,.18)}
body.agc-scrolled .agc-fr:hover{color:var(--agc-navy)}
body.agc-scrolled .agc-tb-div{background:rgba(36,28,23,.16)}
/* topbar: Trabalhe Conosco */
body.agc-scrolled .agc-tb-item{color:rgba(36,28,23,.72)}
body.agc-scrolled .agc-tb-item i{color:var(--agc-gold-d)}
body.agc-scrolled a.agc-tb-item:hover{color:var(--agc-navy)}
body.agc-scrolled a.agc-tb-item:hover i{color:var(--agc-gold-d)}
/* topbar: Guias Completos */
body.agc-scrolled .agc-guides__trg{color:rgba(36,28,23,.74)}
body.agc-scrolled .agc-guides__trg-ic,
body.agc-scrolled .agc-guides__cv{color:var(--agc-gold-d)}
body.agc-scrolled .agc-guides__trg:hover,
body.agc-scrolled .agc-guides.is-open .agc-guides__trg{color:var(--agc-navy)}
/* topbar: Central de Inteligência (chip dourado) */
body.agc-scrolled .agc-tb-feature{color:var(--agc-gold-d);background:rgba(201,169,97,.16);border-color:rgba(201,169,97,.5)}
body.agc-scrolled .agc-tb-feature i{color:var(--agc-gold-d)}
body.agc-scrolled .agc-tb-feature:hover{background:rgba(201,169,97,.26);border-color:rgba(201,169,97,.7);color:var(--agc-navy)}
body.agc-scrolled .agc-tb-feature:hover i{color:var(--agc-navy)}
/* ticker (chip "Milho +…") */
body.agc-scrolled .agc-tk{background:rgba(36,28,23,.06);border-color:rgba(36,28,23,.12)}

/* ── espaçamentos: um respiro a mais no header claro ── */
body.agc-scrolled .agc-topbar__in{padding-block:2px}
@media(min-width:1200px){ body.agc-scrolled .agc-nav__list{gap:12px} }

/* Pílula mobile no header CLARO rolado (o burger é marrom fixo, não muda). */
body.agc-scrolled .agc-mtel{background:#fff;border-color:rgba(36,28,23,.16);color:var(--agc-navy);
  box-shadow:0 6px 16px -8px rgba(22,17,14,.28)}
body.agc-scrolled .agc-mtel__tk{color:var(--agc-navy)}
body.agc-scrolled .agc-mtel__tk b,body.agc-scrolled .agc-mtel__ph,body.agc-scrolled .agc-mtel__ic{color:var(--agc-gold-d)}

/* ══════════════════════════════════════════════════════════════════════════
   MENU MOBILE (drawer), PASSE DE REFINO "MAESTRIA"
   ──────────────────────────────────────────────────────────────────────────
   Bloco de sobreposição (escopado em `.agc-drawer`, vence por ordem de origem)
   que eleva o menu a um acabamento premium/técnico, na linguagem quadrada +
   marrom/dourado do site: textura de grade no fundo, faixa de acento no topo,
   barra lateral que acende nos itens de navegação, captions com marcador,
   relógio em destaque e uma entrada escalonada ao abrir. Não recria conteúdo, 
   só o desenho.
   ══════════════════════════════════════════════════════════════════════════ */

/* fundo com profundidade: gradiente quente + malha técnica fina que some */
.agc-drawer{
  background:
    radial-gradient(560px 300px at 100% 0%,rgba(201,169,97,.16),transparent 60%),
    linear-gradient(168deg,#241c17 0%,var(--agc-navy-d) 52%,#140f0c 100%)}
.agc-drawer::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(201,169,97,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(201,169,97,.05) 1px,transparent 1px);
  background-size:40px 40px;
  -webkit-mask-image:radial-gradient(120% 70% at 80% 0%,#000 30%,transparent 78%);
          mask-image:radial-gradient(120% 70% at 80% 0%,#000 30%,transparent 78%)}

/* topo: faixa dourada fina embaixo, logo/close mais assentados */
.agc-drawer .agc-dr__top{padding:16px 18px;position:relative;
  border-bottom:1px solid rgba(228,200,138,.14)}
.agc-drawer .agc-dr__top::after{content:'';position:absolute;left:18px;right:18px;bottom:-1px;height:2px;
  background:linear-gradient(90deg,var(--agc-gold),transparent 70%)}
.agc-drawer .agc-dr__logo img{height:34px}
/* close: quadrado marrom, na mesma língua do burger */
.agc-drawer .agc-dr__close{width:42px;height:42px;background:rgba(201,169,97,.12);
  border:1px solid rgba(228,200,138,.28);color:var(--agc-gold-l)}
.agc-drawer .agc-dr__close:hover{background:var(--agc-gold-d);border-color:var(--agc-gold-d);color:#fff}

/* captions de seção: marcador técnico + fio à direita */
.agc-drawer .agc-dr__cap{color:rgba(228,200,138,.82);margin:22px 4px 11px;gap:12px}
.agc-drawer .agc-dr__cap::before{content:'';flex:none;width:14px;height:2px;background:var(--agc-gold);opacity:.9}
.agc-drawer .agc-dr__cap::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(228,200,138,.22),transparent)}
.agc-drawer .agc-dr__cap .agc-dr__n{flex:none}

/* navegação: barra lateral dourada que acende (o gesto da marca) */
.agc-drawer .agc-dr__link{position:relative;overflow:hidden;background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.09);padding:14px 15px}
.agc-drawer .agc-dr__link::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--agc-gold);transform:scaleY(0);transform-origin:center;transition:transform .24s var(--agc-ease)}
.agc-drawer .agc-dr__link:hover,.agc-drawer .agc-dr__link.active{
  background:rgba(228,200,138,.14);border-color:rgba(228,200,138,.38)}
.agc-drawer .agc-dr__link:hover::before,.agc-drawer .agc-dr__link.active::before{transform:scaleY(1)}
.agc-drawer .agc-dr__link>i:last-child{transition:transform .24s var(--agc-ease),color .2s}
.agc-drawer .agc-dr__link:hover>i:last-child{transform:translateX(3px);color:var(--agc-gold-l)}

/* live strip: relógio como herói, cartão mais sóbrio */
.agc-drawer .agc-dr__live{background:linear-gradient(135deg,rgba(201,169,97,.14),rgba(255,255,255,.04));
  border-color:rgba(228,200,138,.24);padding:13px 15px}
.agc-drawer .agc-dr__live-clock{font-size:19px;letter-spacing:.04em}

/* índices: chips um pouco mais sóbrios, alinhados à grade */
.agc-drawer .agc-chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}

/* scrollbar discreta dourada */
.agc-drawer .agc-dr__body{scrollbar-color:rgba(201,169,97,.4) transparent}
.agc-drawer .agc-dr__body::-webkit-scrollbar-thumb{background:rgba(201,169,97,.4)}

/* ── ENTRADA ESCALONADA ──
   Ao abrir, os blocos do corpo sobem e aparecem em cascata, dá a leitura de
   "montagem", moderna, sem custar performance (só opacity/transform). */
.agc-drawer .agc-dr__body > *{opacity:0;transform:translateY(12px);
  transition:opacity .45s var(--agc-ease),transform .45s var(--agc-ease)}
.agc-drawer.is-open .agc-dr__body > *{opacity:1;transform:none}
.agc-drawer.is-open .agc-dr__body > *:nth-child(1){transition-delay:.05s}
.agc-drawer.is-open .agc-dr__body > *:nth-child(2){transition-delay:.10s}
.agc-drawer.is-open .agc-dr__body > *:nth-child(3){transition-delay:.15s}
.agc-drawer.is-open .agc-dr__body > *:nth-child(4){transition-delay:.20s}
.agc-drawer.is-open .agc-dr__body > *:nth-child(5){transition-delay:.24s}
.agc-drawer.is-open .agc-dr__body > *:nth-child(6){transition-delay:.28s}
.agc-drawer.is-open .agc-dr__body > *:nth-child(n+7){transition-delay:.32s}
@media(prefers-reduced-motion:reduce){
  .agc-drawer .agc-dr__body > *{opacity:1!important;transform:none!important;transition:none!important}
  .agc-drawer .agc-dr__link::before{transition:none}
}

/* ─────────────────────────────────────────────────────────────────────────
   MOBILE: header SEMPRE colado no topo. O bloco de tema-claro acima põe
   `top:var(--agc-top)` (44px) no scroll para o header descer abaixo da topbar
 , mas no celular a topbar é `display:none`, então esses 44px viravam um VÃO
   no topo por onde o conteúdo aparecia. Aqui, ≤960px, o header fica em top:0
   nos dois estados. (Vem por último para vencer por ordem de origem.)
   ───────────────────────────────────────────────────────────────────────── */
@media(max-width:960px){
  .agc-header,
  body.agc-scrolled .agc-header,
  body.is-home .agc-header,
  body.is-home.agc-scrolled .agc-header{ top:0 !important }
}

/* ═══════════════════════════════════════════════════════════════════════════
   FERRAMENTAS, dropdown do topbar (Central), dividido nas DUAS FRENTES.
   Vitrine escura "de primeiro mundo": vidro escuro, malha técnica, aura e cards
   coloridos, CADA card no accent da sua ferramenta (de CentralRegistry), cada
   coluna no tom da sua frente (core/Frentes.php). Reusa os keyframes do painel
   antigo (agcPanelIn/agcGridPan/agcPulse).
   ═══════════════════════════════════════════════════════════════════════════ */
.agc-tools{position:relative;display:flex;align-items:center;height:100%}
.agc-tools__trg{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;
  font-family:inherit;font-size:12.5px;color:rgba(255,255,255,.66);white-space:nowrap;transition:color .16s}
.agc-tools__trg-ic{color:var(--agc-gold);font-size:12px;transition:color .16s}
.agc-tools__cv{font-size:9px;opacity:.7;transition:transform .28s var(--agc-ease),color .16s}
.agc-tools__trg:hover,.agc-tools.is-open .agc-tools__trg{color:#fff}
.agc-tools__trg:hover .agc-tools__trg-ic,.agc-tools.is-open .agc-tools__trg-ic{color:var(--agc-gold-l)}
.agc-tools.is-open .agc-tools__cv{transform:rotate(180deg);color:var(--agc-gold-l)}
/* header rolado (tema claro): trigger em tinta escura */
body.agc-scrolled .agc-tools__trg{color:rgba(36,28,23,.74)}
body.agc-scrolled .agc-tools__trg-ic{color:var(--agc-gold-d)}
body.agc-scrolled .agc-tools__trg:hover,body.agc-scrolled .agc-tools.is-open .agc-tools__trg{color:var(--agc-navy)}

.agc-tools__panel{
  position:absolute;top:100%;right:0;margin-top:14px;z-index:6;
  width:min(820px,94vw);display:none;padding:20px 20px 18px;border-radius:16px;
  background:linear-gradient(180deg,#FFFDF9,#F7F2E8);
  border:1px solid #E9E0CE;
  box-shadow:0 26px 64px -22px rgba(58,42,18,.32),0 4px 14px -6px rgba(58,42,18,.14);
  overflow:hidden;text-align:left;cursor:default}
/* fio dourado suave no topo (sem neon) */
.agc-tools__panel::before{content:'';position:absolute;left:20px;right:20px;top:0;height:2px;z-index:3;border-radius:0 0 2px 2px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--agc-gold) 50%,transparent) 28%,var(--agc-gold) 50%,color-mix(in srgb,var(--agc-gold) 50%,transparent) 72%,transparent)}
.agc-tools__panel::after{content:'';position:absolute;left:0;right:0;top:-16px;height:16px}
.agc-tools.is-open .agc-tools__panel{display:block;animation:agcPanelIn .3s var(--agc-ease) both}
/* grid tech + aura removidos: davam a "cara de vibe code" */
.agc-tools__grid,.agc-tools__aura{display:none}

.agc-tools__head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:0 0 15px;padding-bottom:15px;border-bottom:1px solid #EFE7D6}
.agc-tools__eye{display:inline-flex;align-items:center;gap:7px;margin:0 0 4px;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--agc-gold-d)}
.agc-tools__dot{width:6px;height:6px;border-radius:50%;background:var(--agc-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--agc-gold) 22%,transparent)}
.agc-tools__ttl{margin:0;font-size:16px;font-weight:800;color:var(--agc-navy);line-height:1.18;letter-spacing:-.01em}
.agc-tools__all{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;font-size:12px;font-weight:800;text-decoration:none;
  color:var(--agc-navy-d);background:linear-gradient(135deg,var(--agc-gold-l),var(--agc-gold));box-shadow:0 6px 16px -8px rgba(201,169,97,.7);transition:gap .2s,box-shadow .2s,transform .2s}
.agc-tools__all:hover{gap:10px;transform:translateY(-1px);box-shadow:0 12px 24px -10px rgba(201,169,97,.75);color:var(--agc-navy-d);text-decoration:none}

.agc-tools__body{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.agc-tcol{position:relative;display:flex;flex-direction:column;min-width:0}
.agc-tcol + .agc-tcol{padding-left:22px;border-left:1px solid #EFE7D6}
.agc-tcol__hd{display:flex;align-items:center;gap:11px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid #EFE7D6}
.agc-tcol__ic{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:14px;
  color:var(--tc);background:color-mix(in srgb,var(--tc) 11%,#fff);border:1px solid color-mix(in srgb,var(--tc) 24%,#E9E0CE)}
.agc-tcol__nm{display:block;font-size:13px;font-weight:800;color:var(--tc);line-height:1.15;letter-spacing:.005em}
.agc-tcol__qt{display:block;margin-top:2px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--tc) 46%,#a99e88)}

.agc-tcol__list{display:flex;flex-direction:column;gap:2px;flex:1;padding:6px 0}
.agc-tool{position:relative;display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:11px;overflow:hidden;text-decoration:none;
  border:1px solid transparent;transition:background .18s var(--agc-ease),border-color .18s,transform .18s}
.agc-tool__ic{flex:none;width:31px;height:31px;display:grid;place-items:center;border-radius:9px;font-size:13px;
  color:color-mix(in srgb,var(--ta) 76%,#3a2c1c);background:color-mix(in srgb,var(--ta) 12%,#fff);border:1px solid color-mix(in srgb,var(--ta) 24%,#E9E0CE);
  transition:background .2s,color .2s,border-color .2s,transform .2s}
.agc-tool__tx{flex:1;min-width:0}
.agc-tool__nm{display:block;font-size:12.8px;font-weight:700;color:#2A211A;line-height:1.2;letter-spacing:-.003em}
.agc-tool__badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:8.6px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle;
  color:color-mix(in srgb,var(--ta) 72%,#2a2018);background:color-mix(in srgb,var(--ta) 13%,#fff);border:1px solid color-mix(in srgb,var(--ta) 26%,#E9E0CE)}
.agc-tool__ds{margin-top:2px;font-size:11px;line-height:1.4;color:#8B7E6B;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.agc-tool__go{flex:none;font-size:10px;color:color-mix(in srgb,var(--ta) 72%,#2a2018);opacity:0;transform:translateX(-4px);transition:opacity .18s,transform .18s}
.agc-tool:hover{background:color-mix(in srgb,var(--ta) 8%,#fff);border-color:color-mix(in srgb,var(--ta) 22%,#EFE7D6);transform:translateX(2px)}
.agc-tool:hover .agc-tool__ic{background:linear-gradient(140deg,var(--ta),color-mix(in srgb,var(--ta) 60%,#fff));color:#fff;border-color:transparent;transform:scale(1.06)}
.agc-tool:hover .agc-tool__go{opacity:1;transform:none}
.agc-tool:hover .agc-tool__ds{color:#6E6252}

.agc-tcol__cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:10px;border-radius:11px;text-decoration:none;
  font-size:12px;font-weight:800;color:var(--tc);background:color-mix(in srgb,var(--tc) 6%,#fff);
  border:1px dashed color-mix(in srgb,var(--tc) 30%,#E4DAC6);transition:background .2s,transform .2s,border-color .2s}
.agc-tcol__cta i{font-size:10px;transition:transform .18s}
.agc-tcol__cta:hover{background:color-mix(in srgb,var(--tc) 12%,#fff);border-style:solid;transform:translateY(-1px);text-decoration:none}
.agc-tcol__cta:hover i{transform:translateX(3px)}

/* o topbar some ≤960; abaixo de 1080 o painel de 2 colunas não cabe */
@media(max-width:1080px){ .agc-tools{display:none} }
@media(prefers-reduced-motion:reduce){ .agc-tools__grid,.agc-tools__dot{animation:none} .agc-tools.is-open .agc-tools__panel{animation:none} }

/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE: TÍTULOS/CABEÇALHOS À ESQUERDA no site inteiro (a pedido). Muitos
   cabeçalhos de seção centralizam no desktop (text-align:center + margin auto);
   em tela estreita isso pesa e desalinha, no celular tudo vai para a esquerda.
   `!important` porque o CSS de cada página é injetado no <head> DEPOIS deste
   arquivo linkado; sem ele, a regra da página venceria por ordem de origem.
   Escopo restrito a wrappers de cabeçalho e classes de título (não toca corpo
   de texto, botões, chips nem os menus do topo, que são desktop). */
@media(max-width:640px){
  [class*="__head"],[class*="__hd"],[class*="__title"],[class*="-title"],
  [class$="__h"],[class*="__h2"],[class*="__eyebrow"]{
    text-align:left !important}
}

/* ═══════════════════════════════════════════════════════════════════════════
   MENU MOBILE (drawer) · TEMA CLARO, reconstrução do visual
   ──────────────────────────────────────────────────────────────────────────
   O drawer era escuro (texto branco sobre navy) e com CSS acumulado. Aqui ele
   passa a CLARO: papel creme, tinta escura, acentos dourados, cartões brancos
   de borda suave, contraste AA. Camada dedicada no FIM do arquivo, vence o
   tema escuro por ORDEM DE ORIGEM; tudo escopado em `.agc-drawer` (0-2-0), então
   sem !important. A estrutura, os cartões já claros e as animações continuam;
   mudam só as SUPERFÍCIES e a TINTA.
   ═══════════════════════════════════════════════════════════════════════════ */
.agc-drawer{background:linear-gradient(180deg,#FBF9F4 0%,#F2EDE3 100%);color:var(--agc-navy-d)}
.agc-drawer::before{background:radial-gradient(520px 260px at 100% 0%,rgba(201,169,97,.12),transparent 62%)}
.agc-drawer::after{opacity:.3}     /* malha técnica da "maestria" mais discreta no claro */

/* topo */
.agc-drawer .agc-dr__top{border-bottom:1px solid rgba(36,28,23,.10)}
.agc-drawer .agc-dr__logo img{height:38px}
.agc-drawer .agc-dr__close{background:rgba(36,28,23,.06);border:1px solid rgba(36,28,23,.14);color:var(--agc-navy-d)}
.agc-drawer .agc-dr__close:hover{background:var(--agc-gold-d);border-color:var(--agc-gold-d);color:#fff}

/* scrollbar */
.agc-drawer .agc-dr__body{scrollbar-color:rgba(122,84,51,.35) transparent}
.agc-drawer .agc-dr__body::-webkit-scrollbar-thumb{background:rgba(122,84,51,.35)}

/* busca */
.agc-drawer .agc-dr__search{background:#fff;border:1px solid rgba(36,28,23,.12);color:rgba(36,28,23,.55);box-shadow:0 4px 14px -11px rgba(22,17,14,.3)}
.agc-drawer .agc-dr__search:hover{background:#fff;border-color:var(--agc-gold-d)}
.agc-drawer .agc-dr__search>i{color:var(--agc-gold-d)}
.agc-drawer .agc-dr__search kbd{background:rgba(36,28,23,.05);border:1px solid rgba(36,28,23,.14);color:rgba(36,28,23,.5)}

/* rótulos de seção (caps) */
.agc-drawer .agc-dr__cap{color:rgba(36,28,23,.5)}
.agc-drawer .agc-dr__cap .agc-dr__n{background:rgba(201,169,97,.2);color:var(--agc-gold-d)}
.agc-drawer .agc-dr__cap::before{background:var(--agc-gold-d)}
.agc-drawer .agc-dr__cap::after{background:linear-gradient(90deg,rgba(122,84,51,.28),transparent)}

/* live strip (relógio + Central) */
.agc-drawer .agc-dr__live{background:#fff;border-color:rgba(36,28,23,.1)}
.agc-drawer .agc-dr__live-city{color:rgba(36,28,23,.62)}
.agc-drawer .agc-dr__live-city i{color:var(--agc-gold-d)}
.agc-drawer .agc-dr__live-clock{color:var(--agc-gold-d)}
.agc-drawer .agc-dr__mkt-sk{background:linear-gradient(100deg,rgba(36,28,23,.05),rgba(36,28,23,.1),rgba(36,28,23,.05))}

/* navegação */
.agc-drawer .agc-dr__link{background:#fff;border:1px solid rgba(36,28,23,.09);color:var(--agc-navy-d);box-shadow:0 4px 14px -12px rgba(22,17,14,.34)}
.agc-drawer .agc-dr__link:hover,.agc-drawer .agc-dr__link.active{background:rgba(201,169,97,.12);border-color:rgba(201,169,97,.42);color:var(--agc-navy)}
.agc-drawer .agc-dr__link>i:last-child{color:rgba(36,28,23,.4)}
.agc-drawer .agc-dr__link .agc-dot{background:var(--agc-gold-d);box-shadow:0 0 0 3px rgba(201,169,97,.18)}
.agc-drawer .agc-dr__link::before{background:var(--agc-gold-d)}
.agc-drawer .agc-dr__link--sub{background:rgba(36,28,23,.03);border-color:rgba(36,28,23,.07)}

/* blog cards */
.agc-drawer .agc-dr__bcard{background:#fff;border:1px solid rgba(36,28,23,.09);box-shadow:0 8px 22px -16px rgba(22,17,14,.3)}
.agc-drawer .agc-dr__bnm{color:var(--agc-navy-d)}
.agc-drawer .agc-dr__bhd>i:last-child{color:rgba(36,28,23,.4)}

/* cartões que já eram claros (área/post): só a borda e a sombra p/ funcionar no claro */
.agc-drawer .agc-dr__acard,.agc-drawer .agc-dr__bpost{border-color:rgba(36,28,23,.1);box-shadow:0 10px 24px -16px rgba(22,17,14,.26)}
.agc-drawer .agc-dr__bpost-img{background-color:var(--agc-cream)}

/* áreas (lista) */
.agc-drawer .agc-dr__area{background:#fff;border:1px solid rgba(36,28,23,.09);color:var(--agc-navy-d)}
.agc-drawer .agc-dr__area:hover{background:rgba(201,169,97,.1);border-color:rgba(201,169,97,.34)}
.agc-drawer .agc-dr__area i{background:rgba(201,169,97,.14);color:var(--agc-gold-d);border-color:rgba(201,169,97,.28)}

/* contato */
.agc-drawer .agc-dr__ci{background:#fff;border:1px solid rgba(36,28,23,.1)}
.agc-drawer .agc-dr__ci:hover{background:rgba(201,169,97,.08)}
.agc-drawer .agc-dr__ci-l{color:rgba(36,28,23,.5)}
.agc-drawer .agc-dr__ci-v{color:var(--agc-navy-d)}
.agc-drawer .agc-dr__ci-ic.ph,.agc-drawer .agc-dr__ci-ic.lo{background:rgba(201,169,97,.14);color:var(--agc-gold-d)}
.agc-drawer .agc-dr__ci-ic.em{background:rgba(122,84,51,.12);color:var(--agc-gold-d)}

/* social + assinatura + dots */
.agc-drawer .agc-dr__soc a{background:rgba(36,28,23,.05);border:1px solid rgba(36,28,23,.1);color:rgba(36,28,23,.68)}
.agc-drawer .agc-dr__soc a:hover{background:var(--agc-gold);border-color:var(--agc-gold);color:#fff}
.agc-drawer .agc-dr__sig{color:rgba(36,28,23,.5)}
.agc-drawer .agc-dr__sig b{color:var(--agc-gold-d)}
.agc-drawer .agc-dr__dot{background:rgba(36,28,23,.18)}
.agc-drawer .agc-dr__dot.on{background:linear-gradient(90deg,var(--agc-gold),var(--agc-gold-d))}

/* temas do blog, estavam ILEGÍVEIS no claro (texto claro herdado do tema
   escuro). Chip branco, texto escuro, borda suave; hover dourado. */
.agc-drawer .agc-dr__btema{background:#fff;border:1px solid rgba(36,28,23,.14);color:rgba(36,28,23,.74);font-weight:700}
.agc-drawer .agc-dr__btema:active,.agc-drawer .agc-dr__btema:hover{background:rgba(201,169,97,.13);border-color:rgba(201,169,97,.42);color:var(--agc-navy)}
/* alinhamento: rótulos de seção (caps) na MESMA margem esquerda dos cartões. */
.agc-drawer .agc-dr__cap{margin-inline:0}
/* respiro: o bloco de horário/clima estava colado nos atalhos (gap 0). */
.agc-drawer .agc-dr__short{margin-bottom:4px}
.agc-drawer .agc-dr__live{margin-top:14px;padding:13px 15px}
/* COTAÇÕES fora do menu (a pedido), dão lugar ao clima de Vitória. */
.agc-drawer .agc-dr__mkt{display:none}

/* live strip: bloco de CLIMA à direita (substituiu as cotações) */
.agc-drawer .agc-dr__live-wx{display:flex;align-items:center;gap:8px;flex:none;padding-left:12px}
.agc-drawer .agc-dr__live-wxic{font-size:21px;color:var(--agc-gold-d);line-height:1}
.agc-drawer .agc-dr__live-temp{font-size:21px;font-weight:800;color:var(--agc-navy-d);font-variant-numeric:tabular-nums;line-height:1}
.agc-drawer .agc-dr__live-temp i{font-size:12px;font-weight:700;color:rgba(36,28,23,.5);font-style:normal;margin-left:1px}
.agc-drawer .agc-dr__live-cond{font-weight:600;color:rgba(36,28,23,.55);letter-spacing:0;text-transform:none}

/* ATALHOS, grade de acessos rápidos (ícone + rótulo) */
.agc-drawer .agc-dr__short{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.agc-drawer .agc-dr__sc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:15px 8px;border-radius:14px;text-decoration:none;text-align:center;
  background:#fff;border:1px solid rgba(36,28,23,.09);color:var(--agc-navy-d);
  box-shadow:0 6px 16px -12px rgba(22,17,14,.34);transition:transform .16s var(--agc-ease),border-color .16s,box-shadow .16s,background .16s}
.agc-drawer .agc-dr__sc i{font-size:19px;color:var(--agc-gold-d);transition:transform .18s,color .18s}
.agc-drawer .agc-dr__sc span{font-size:11.5px;font-weight:700;letter-spacing:-.01em;line-height:1.1}
.agc-drawer .agc-dr__sc:active,.agc-drawer .agc-dr__sc:hover{transform:translateY(-2px);border-color:rgba(201,169,97,.42);
  background:rgba(201,169,97,.08);box-shadow:0 12px 26px -14px rgba(201,169,97,.5)}
.agc-drawer .agc-dr__sc:hover i{transform:scale(1.1)}

/* BOTÕES DE AÇÃO, WhatsApp por frente (cor da frente na barra + seta) */
.agc-drawer .agc-dr__acts{display:flex;flex-direction:column;gap:8px}
.agc-drawer .agc-dr__act{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:13px;text-decoration:none;
  background:#fff;border:1px solid rgba(36,28,23,.1);border-left:3px solid var(--fa,#7a5433);
  box-shadow:0 8px 20px -14px rgba(22,17,14,.34);transition:transform .16s var(--agc-ease),box-shadow .16s,border-color .16s}
.agc-drawer .agc-dr__act:active,.agc-drawer .agc-dr__act:hover{transform:translateX(2px);border-color:color-mix(in srgb,var(--fa) 45%,transparent);box-shadow:0 12px 26px -14px color-mix(in srgb,var(--fa) 55%,transparent)}
.agc-drawer .agc-dr__act-ic{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:17px;color:#fff;background:linear-gradient(135deg,#25d366,#128c7e)}
.agc-drawer .agc-dr__act-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.agc-drawer .agc-dr__act-tx b{font-size:13.5px;font-weight:800;color:var(--agc-navy-d)}
.agc-drawer .agc-dr__act-tx small{font-size:11px;color:rgba(36,28,23,.55)}
.agc-drawer .agc-dr__act-go{flex:none;font-size:12px;color:var(--fa,#7a5433);transition:transform .18s}
.agc-drawer .agc-dr__act:hover .agc-dr__act-go{transform:translateX(3px)}

/* ═══════════════════════════════════════════════════════════════════════════
   MENU MOBILE · ELEVAÇÃO (claro premium): aurora viva multicolor, entrada em
   cascata, atalhos coloridos, micro-interações e profundidade. Só ACRESCENTA
   camadas sobre o drawer claro existente — nada é reescrito.
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1) AURORA viva (várias cores respirando no fundo do menu) */
.agc-drawer::before{
  background:
    radial-gradient(300px 220px at 100% 1%, rgba(201,169,97,.17), transparent 60%),
    radial-gradient(280px 210px at 0% 20%,  rgba(62,158,138,.11), transparent 62%),
    radial-gradient(320px 260px at 62% 104%, rgba(138,107,168,.10), transparent 60%) !important;
  animation:agcDrAura 18s ease-in-out infinite alternate;
}
@keyframes agcDrAura{0%{transform:translate3d(0,0,0) scale(1);opacity:.92}100%{transform:translate3d(-10px,-16px,0) scale(1.06);opacity:1}}

/* 2) ENTRADA EM CASCATA ao abrir (sensação de app premium) */
.agc-drawer.is-open .agc-dr__body>*{opacity:0;animation:agcDrIn .5s var(--agc-ease) forwards}
.agc-drawer.is-open .agc-dr__body>*:nth-child(1){animation-delay:.05s}
.agc-drawer.is-open .agc-dr__body>*:nth-child(2){animation-delay:.10s}
.agc-drawer.is-open .agc-dr__body>*:nth-child(3){animation-delay:.15s}
.agc-drawer.is-open .agc-dr__body>*:nth-child(4){animation-delay:.20s}
.agc-drawer.is-open .agc-dr__body>*:nth-child(5){animation-delay:.25s}
.agc-drawer.is-open .agc-dr__body>*:nth-child(6){animation-delay:.30s}
.agc-drawer.is-open .agc-dr__body>*:nth-child(n+7){animation-delay:.35s}
@keyframes agcDrIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* 3) ATALHOS COLORIDOS: cada um com seu acento (fio no topo + ícone + halo no hover) */
.agc-drawer .agc-dr__sc{position:relative;overflow:hidden;--sc:var(--agc-gold-d)}
.agc-drawer .agc-dr__sc:nth-child(1){--sc:#B88A2E}
.agc-drawer .agc-dr__sc:nth-child(2){--sc:#3E9E8A}
.agc-drawer .agc-dr__sc:nth-child(3){--sc:#4C9A6E}
.agc-drawer .agc-dr__sc:nth-child(4){--sc:#D0833E}
.agc-drawer .agc-dr__sc:nth-child(5){--sc:#4F6D9E}
.agc-drawer .agc-dr__sc:nth-child(6){--sc:#8A6BA8}
.agc-drawer .agc-dr__sc i{color:var(--sc) !important}
.agc-drawer .agc-dr__sc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--sc);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--agc-ease)}
.agc-drawer .agc-dr__sc:hover,.agc-drawer .agc-dr__sc:active{border-color:color-mix(in srgb,var(--sc) 42%,transparent) !important;box-shadow:0 14px 28px -14px color-mix(in srgb,var(--sc) 55%,transparent) !important;background:#fff !important}
.agc-drawer .agc-dr__sc:hover::before,.agc-drawer .agc-dr__sc:active::before{transform:scaleX(1)}
.agc-drawer .agc-dr__sc:hover i{transform:scale(1.14) translateY(-1px)}

/* 4) PROFUNDIDADE: fio dourado no topo dos cards de blog + do widget ao vivo */
.agc-drawer .agc-dr__bcard,.agc-drawer .agc-dr__live{position:relative}
.agc-drawer .agc-dr__bcard::before{content:'';position:absolute;top:0;left:14px;right:14px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ba,#C9A961) 72%,transparent),transparent)}
.agc-drawer .agc-dr__live::before{content:'';position:absolute;top:0;left:16px;right:16px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(201,169,97,.6),transparent)}
.agc-drawer .agc-dr__live-wxic{animation:agcWxFloat 4s ease-in-out infinite}
@keyframes agcWxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

/* 5) chevron dos links desliza + dourado no hover */
.agc-drawer .agc-dr__link>i:last-child{transition:transform .2s,color .2s}
.agc-drawer .agc-dr__link:hover>i:last-child{transform:translateX(3px);color:var(--agc-gold-d)}

@media(prefers-reduced-motion:reduce){
  .agc-drawer::before,.agc-drawer .agc-dr__live-wxic{animation:none !important}
  .agc-drawer.is-open .agc-dr__body>*{opacity:1 !important;animation:none !important}
}