/* Rodapé único, compartilhado por todas as páginas públicas
   (/loja, /relampago, /canais) -- mesmo padrão de reaproveitamento
   do site-header.css/js (ver 8.95). Usa só variáveis de cor que
   existem nas 3 páginas (--green,--gold,--white,--muted,--line,
   --panel,--navy,--font-display,--font-body); --line-strong tem
   fallback porque canais.html não a define. */
.site-footer{margin-top:44px;border-top:1px solid var(--line);background:rgba(0,0,0,.12)}
.site-footer-inner{width:min(1080px,100%);margin:0 auto;padding:36px 18px 24px;display:grid;gap:30px;grid-template-columns:1fr}
.site-footer-brand{display:flex;gap:12px;align-items:flex-start;min-width:0}
.site-footer-brand img{width:42px;height:42px;border-radius:11px;flex:0 0 auto}
.site-footer-brand strong{display:block;font-family:var(--font-display);font-weight:400;font-size:19px;letter-spacing:.3px;color:var(--white)}
.site-footer-brand p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.6;max-width:36ch}
.site-footer-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.site-footer-col h3{margin:0 0 2px;font-size:11.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:800}
.site-footer-col a{color:var(--white);text-decoration:none;font-size:13.5px;opacity:.85;width:fit-content}
.site-footer-col a:hover{opacity:1;text-decoration:underline}
.site-footer-social{display:flex;gap:10px;flex-wrap:wrap}
.social-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--white);transition:transform .15s ease,border-color .15s ease,background .15s ease}
.social-icon svg{width:18px;height:18px;fill:currentColor}
.social-icon:hover{transform:translateY(-2px);border-color:var(--line-strong,rgba(120,255,182,.4));background:rgba(255,255,255,.1)}
.social-icon[data-pending]{opacity:.45}
.social-icon[data-pending]:hover{opacity:.7;transform:none}
.site-footer-bottom{border-top:1px solid var(--line);padding:15px 18px max(15px,env(safe-area-inset-bottom));text-align:center;color:var(--muted);font-size:11.5px}
@media(min-width:640px){.site-footer-inner{grid-template-columns:1.3fr .8fr 1fr}}
@media(prefers-reduced-motion:reduce){.social-icon{transition:none}}