.agc-footer{
  --ink:#101C35;
  --pap:#F6F3EE;
  --wt:#FFFFFF;
  --ouro:#B4915E;
  --bronze:#7B5E32;
  --ouro-600:#96794A;
  --l:#E4DCCE;
  --t:color-mix(in srgb,#101C35 74%,#F6F3EE);
  --t2:color-mix(in srgb,#101C35 54%,#F6F3EE);
  --ease:cubic-bezier(.16,1,.3,1);
  position:relative;
  background:var(--pap);
  color:var(--ink);
  border-top:1px solid var(--l);
}
.agc-footer__top{
  height:3px;
  background:linear-gradient(90deg,var(--bronze),var(--ouro) 34%,#D9C29A 56%,var(--ouro) 78%,transparent);
}
.agc-footer__in{width:100%;max-width:1320px;margin-inline:auto;padding:clamp(34px,4vw,52px) clamp(20px,4vw,44px) clamp(22px,2.4vw,30px)}

.ftc{position:relative;overflow:hidden;background:var(--wt);border-bottom:1px solid var(--l)}
.ftc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(to top,var(--ouro) 14%,rgba(180,145,94,0) 86%)}
.ftc__in{width:100%;max-width:1320px;margin-inline:auto;padding:clamp(26px,3.4vw,40px) clamp(20px,4vw,44px);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.ftc__t{margin:0;font-family:var(--font-heading,'Sora','Sora fb'),system-ui,sans-serif;font-weight:600;
  font-size:clamp(1.12rem,2.1vw,1.5rem);line-height:1.24;letter-spacing:-.02em;color:var(--ink);max-width:26ch}
.ftc__s{margin:9px 0 0;font-size:.92rem;line-height:1.62;color:var(--t2);max-width:54ch}
.ftc__act{display:flex;flex-wrap:wrap;gap:11px;flex:none}
.ftc__b{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:4px;
  font-size:.94rem;font-weight:700;text-decoration:none;white-space:nowrap;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s,color .2s}
.ftc__b--wa{background:#128C7E;color:#FFFFFF;box-shadow:0 12px 26px -14px rgba(18,140,126,.7)}
.ftc__b--wa:hover,.ftc__b--wa:visited{color:#FFFFFF}
.ftc__b--wa:hover{background:#075E54;transform:translateY(-2px)}

.ftg{display:grid;grid-template-columns:1.25fr 2.05fr .8fr .95fr;gap:clamp(24px,2.8vw,44px);align-items:start}
@media(max-width:1080px){.ftg{grid-template-columns:1fr 1fr;gap:34px}}
@media(max-width:620px){.ftg{grid-template-columns:1fr;gap:32px}}

.ftg__logo img{height:48px;width:auto;display:block}
.ftg__desc{margin:18px 0 0;font-size:.875rem;line-height:1.7;color:var(--t2);max-width:36ch}
.ftg__nap-l{margin:16px 0 0;font-size:.845rem;line-height:1.72;color:var(--t);max-width:34ch}
.ftg__nap-l a{color:var(--t);text-decoration:none;transition:color .2s}
.ftg__nap-l a:hover{color:var(--bronze);text-decoration:underline;text-underline-offset:3px}
.ftg__fone{font-weight:700;color:var(--ink)!important}

/* ⚠ ERAM <h5>. Reprovava no Lighthouse: o ultimo titulo do conteudo e um <h3>
   e o rodape saltava para <h5>, pulando o h4 ("os elementos de titulo nao
   aparecem em ordem sequencial descendente"). Subir para <h2> nao pula nada
   (subir de nivel e sempre permitido) e descreve melhor o que eles sao: as
   secoes de topo do rodape, nao subtitulos de alguma coisa acima.
   O seletor casa as DUAS tags para nao depender de ordem de deploy. */
.ftg__col h5,.ftg__col .ftg__ttl{
  margin:0 0 18px;font-size:10.5px;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:var(--bronze);
}
.ftg__col ul{list-style:none;margin:0;padding:0}
.ftg__areas,.ftg__nav{display:flex;flex-direction:column;gap:2px}
.ftg__areas{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
@media(max-width:1080px){.ftg__areas{grid-template-columns:1fr}}
.ftg__areas a,.ftg__nav a{
  display:block;padding:6px 0;font-size:.845rem;line-height:1.36;color:var(--t);
  text-decoration:none;text-wrap:balance;transition:color .2s,transform .25s var(--ease);
}
.ftg__areas a:hover,.ftg__nav a:hover{color:var(--bronze);transform:translateX(3px)}

.ftg__hora{margin:0 0 14px;font-size:.86rem;line-height:1.62;color:var(--t);text-wrap:balance}
.ftg__selos{display:flex;flex-wrap:wrap;gap:7px}
.ftg__selo{display:inline-flex;align-items:center;padding:6px 11px;border-radius:4px;
  font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--t2);
  background:var(--wt);border:1px solid var(--l)}
.ftg__selo--o{background:rgba(180,145,94,.12);border-color:rgba(180,145,94,.4);color:var(--bronze)}

.agc-footer .agc-footer__soc{margin-top:18px}
.agc-footer .agc-footer__soc a{
  color:var(--t2);background:var(--wt);border:1px solid var(--l);
  transition:background .2s,color .2s,border-color .2s,transform .2s}
.agc-footer .agc-footer__soc a:not([data-soc]):hover{background:var(--bronze);color:#FFFFFF;border-color:var(--bronze);transform:translateY(-2px)}

.agc-footer .agc-doc{
  display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;border-radius:4px;
  font-size:11.5px;font-weight:600;color:var(--t2);text-decoration:none;
  background:var(--wt);border:1px solid var(--l);transition:border-color .2s,color .2s}
.agc-footer .agc-doc:hover{border-color:rgba(180,145,94,.5);color:var(--bronze)}
.agc-footer .agc-doc__ext{font-size:9px;opacity:.6}


.agc-footer .agc-footer__bottom{
  border-top:1px solid var(--l);background:var(--wt);color:var(--t2);
}
.agc-footer .agc-footer__bottom>span{color:var(--t2)}
.agc-footer__links{display:inline-flex;align-items:center;gap:16px;flex-wrap:wrap}
.agc-footer__links a{font-size:12px;color:var(--t2);text-decoration:none;transition:color .2s}
.agc-footer__links a:hover{color:var(--bronze)}
.agc-footer .agc-footer__dev{color:var(--t2)}
.agc-footer .agc-footer__dev:hover{color:var(--bronze)}
/* Credito do desenvolvedor: VERDE, e nao pergaminho com bronze.
   Este arquivo carrega DEPOIS do gt-chrome.css e usa .agc-footer .jc-cred
   (0,2,0), que vence o .jc-cred (0,1,0) de la. Sem ajustar aqui, o verde
   novo era apagado em silencio.
   .jc-cred__k e .jc-cred__n sairam do markup (viraram uma linha so em
   .jc-cred__tx), entao as regras deles foram removidas junto. */
.agc-footer .jc-cred{
  background:color-mix(in srgb,#0F7D70 9%,#FFFFFF);
  border:1px solid color-mix(in srgb,#0F7D70 26%,transparent);
  color:color-mix(in srgb,#101c35 72%,#FFFFFF)}
.agc-footer .jc-cred:hover{
  background:color-mix(in srgb,#0F7D70 15%,#FFFFFF);
  border-color:color-mix(in srgb,#0F7D70 52%,transparent)}
.agc-footer .jc-cred__tx strong{color:#0B5F55}
.agc-footer .jc-cred__ic{color:#FFFFFF}

.fttop{
  position:fixed;right:30px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:1050;
  width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:4px;cursor:pointer;
  font-size:14px;color:var(--ink);background:var(--ouro);
  box-shadow:0 12px 26px -12px rgba(180,145,94,.85);
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .3s,visibility .3s,transform .3s var(--ease),background .2s;
}
.fttop.on{opacity:1;visibility:visible;transform:none}
.fttop:hover{background:#D9C29A}
@media(max-width:960px){.fttop{right:16px;bottom:calc(90px + env(safe-area-inset-bottom));width:38px;height:38px}}

@media(prefers-reduced-motion:reduce){
  .ftg__areas a,.ftg__nav a,.ftc__b,.fttop,.agc-footer__soc a{transition:none}
}
