/* =====================================================================
   RODAPÉ ÚNICO (v10.150) — desenhado por js/footer.js. Carregado por todas as páginas públicas, inclusive as landings
   (que não carregam style.css): por isso cada cor usa var(--token, fallback). Escuro é a referência; claro também funciona.
   ===================================================================== */
.sf{
  --sf-bg:var(--surface,#131b17);--sf-line:var(--border,#27332c);--sf-txt:var(--text-soft,#b9c6bd);
  --sf-mut:var(--muted,#8fa095);--sf-faint:var(--faint,#6f7f75);--sf-acc:var(--accent,#31b67a);--sf-head:var(--text,#e9f1ec);
  margin-top:40px;background:var(--sf-bg);border-top:1px solid var(--sf-line);color:var(--sf-txt);
  font-family:var(--f-text,"Barlow",system-ui,sans-serif);font-size:15px;line-height:1.45;
  padding-bottom:var(--sf-pad-bottom,0px); /* a página reserva espaço pra barra fixa (carrinho, FAB) */
}
.sf-in{max-width:1040px;margin:0 auto;padding:36px 16px 20px}
.sf-top{display:grid;gap:28px}
.sf-logo{display:flex;align-items:center;gap:10px}
.sf-logo img{border-radius:50%}
.sf-name{font-family:var(--f-display,"Barlow Condensed",sans-serif);font-weight:800;font-size:22px;letter-spacing:.02em;text-transform:uppercase;color:var(--sf-head)}
.sf-name b{color:var(--sf-acc)}
.sf-tag{margin:12px 0 0;max-width:46ch;color:var(--sf-mut)}
.sf-social{display:flex;gap:12px;margin-top:16px}
.sf-soc{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid var(--sf-line);
  background:transparent;color:var(--sf-head);text-decoration:none;transition:border-color .16s,color .16s,transform .16s}
.sf-soc .ic{width:22px;height:22px}
.sf-soc:hover{border-color:var(--sf-acc);color:var(--sf-acc)}
.sf-soc:active{transform:scale(.96)}
.sf-map{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.sf-col ul{list-style:none;margin:0;padding:0}
.sf-h{text-align:left;margin:0 0 4px;font-family:var(--f-display,"Barlow Condensed",sans-serif);font-weight:800;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-mut)}
.sf a{color:var(--sf-txt);text-decoration:none}
.sf-col a{display:flex;align-items:center;min-height:48px;font-size:15px}
.sf a:hover{color:var(--sf-acc);text-decoration:underline}
.sf a:focus-visible{outline:2px solid var(--sf-acc);outline-offset:2px;border-radius:6px}
.sf-bottom{display:flex;flex-direction:column;gap:6px;margin-top:22px;padding-top:16px;border-top:1px solid var(--sf-line);font-size:13px;color:var(--sf-mut)}
.sf-copy{display:flex;flex-direction:column;gap:6px}
.sf-legal{max-width:70ch;font-size:13px;color:var(--sf-mut)}
/* "Área do vendedor": discreto (12px, tom apagado), mas com contraste >= 4.5:1 e alvo de 48px. `.sf a` tem especificidade maior que `.sf-seller`, por isso `.sf .sf-seller`. */
.sf .sf-seller{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:48px;font-size:12px;color:var(--sf-mut)}
.sf-seller .ic{width:13px;height:13px}
.sf .sf-seller:hover{color:var(--sf-head)}
/* compacto */
.sf-compact{margin-top:24px;background:transparent;border-top:0} /* login/termos: sem "placa" colada no cartão/texto */
.sf-in-compact{padding-top:14px}
.sf-row{display:flex;flex-wrap:wrap;gap:0 18px;justify-content:center}
.sf-row a{display:inline-flex;align-items:center;min-height:48px;font-size:14px}
.sf-compact .sf-bottom{align-items:center;text-align:center;border-top:0;margin-top:0;padding-top:0}
.sf-compact .sf-seller{align-self:center}
@media(min-width:760px){
  .sf-in{padding:44px 24px 22px}
  .sf-map{grid-template-columns:repeat(4,1fr);gap:8px 24px}
  .sf-bottom{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px}
}
@media(min-width:760px){.sf-compact .sf-bottom{flex-direction:column;align-items:center;justify-content:center}}
@media(min-width:1040px){ /* tela larga: marca à esquerda, mapa à direita */
  .sf-in{max-width:1120px}
  .sf-top{grid-template-columns:minmax(260px,1fr) 2.6fr;gap:48px}
}