/*
 * Stack Gamer — documentação técnica do arquivo
 * Caminho: assets/store-footer.css
 * Módulo: Interface
 * Responsabilidade: Define estilos, estados responsivos e apresentação visual do módulo relacionado.
 * Funções/classes: nenhum confirmado por análise estática
 * Arquivos/serviços relacionados: nenhum confirmado por análise estática
 * Tabelas confirmadas no código: nenhum confirmado por análise estática
 * Entradas: chamada interna
 * Saídas: estilos CSS
 * Regras e fluxo completo: consulte docs/REGRAS_DE_NEGOCIO.md e docs/FLUXO_DE_DADOS.md.
 * Cuidado de manutenção: preserve contratos públicos, validações, transações e política de acesso.
 * @stackgamer-doc 2026-10-09
 */
/* Rodapé compartilhado: estilos isolados do catálogo e do checkout. */
.site-footer.sgf{padding:48px 0 26px;background:#060e1d;color:#dfe9f8;border-top:3px solid #176bfa;font-size:14px;line-height:1.6}
.sgf *, .sgf *::before,.sgf *::after{box-sizing:border-box}
.sgf .sgf-top{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(150px,1fr));gap:40px;align-items:start}
.sgf .sgf-logo{display:inline-flex;background:#fff;border:1px solid #d3e2fa;border-radius:12px;padding:6px 14px}
.sgf .sgf-logo img{width:190px;height:76px;object-fit:contain;display:block}
.sgf .sgf-brand>p{margin:16px 0 20px;max-width:330px;color:#b4c2d7;font-size:13px;line-height:1.7}
.sgf .sgf-contact{display:grid;gap:9px;max-width:320px}
.sgf .sgf-contact>a{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #253650;border-radius:10px;color:#edf4ff;text-decoration:none;min-height:64px;background:#0c182a}
.sgf .sgf-contact strong,.sgf .sgf-contact small{display:block}
.sgf .sgf-contact strong{font-size:13px;font-weight:700}.sgf .sgf-contact small{font-size:12px;color:#b6c5dc;overflow-wrap:anywhere}
.sgf .sgf-contact>a>b{margin-left:auto;color:#8bbaff;font-weight:400}.sgf .sgf-contact>a>.sgf-icon{width:28px;height:28px;color:#86b5ff}
.sgf .sgf-icon{width:24px;height:24px;flex-shrink:0;display:block}
.sgf .sgf-nav h2{font:700 15px/1.4 Inter,sans-serif;margin:6px 0 14px;color:#fff}
.sgf .sgf-nav ul,.sgf .sgf-brands{list-style:none;padding:0;margin:0}.sgf .sgf-nav li{margin:0}
.sgf .sgf-nav a{display:flex;align-items:center;min-height:44px;padding:5px 0;color:#b4c2d7;font-size:13px;text-decoration:none;line-height:1.4}
.sgf a:hover{color:#fff}.sgf .sgf-contact a:hover{border-color:#4688e6;background:#11213a}
.sgf a:focus-visible{outline:3px solid #6acfff;outline-offset:4px;border-radius:4px}
.sgf .sgf-confidence{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:32px;padding-top:30px;padding-bottom:28px;border-top:1px solid #253650}
.sgf .sgf-kicker{display:block;font-size:10px;letter-spacing:.13em;font-weight:800;color:#85b5ff;margin-bottom:6px}
.sgf .sgf-confidence h2{font:700 18px/1.4 Inter,sans-serif;color:#fff;margin:0 0 18px}
.sgf .sgf-methods{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:16px}
.sgf .sgf-methods>span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;min-height:28px}.sgf .sgf-methods .sgf-icon{width:21px;height:21px;color:#9bc4ff}
.sgf .sgf-methods img{object-fit:contain}
.sgf .sgf-brands{display:flex;flex-wrap:wrap;gap:10px}.sgf .sgf-brands li{display:flex}.sgf .sgf-brands img{display:block;border-radius:10px;width:56px;height:56px}
.sgf .sgf-note{font-size:11px;line-height:1.6;color:#a8b8cf;margin:12px 0 16px;max-width:400px}
.sgf .sgf-provider{display:inline-flex;align-items:center;gap:12px;background:#f3f6fb;color:#153b66;padding:8px 18px 8px 12px;border-radius:10px}
.sgf .sgf-provider img{object-fit:contain}.sgf .sgf-provider span{font-size:10px;line-height:1.6}.sgf .sgf-provider strong{display:block;font-size:17px;line-height:1.3;color:#08274c}
.sgf .sgf-protection{display:flex;gap:12px;margin-top:16px;align-items:flex-start}.sgf .sgf-protection-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:#102642;color:#91c1ff;border:1px solid #24476a}
.sgf .sgf-protection h3{font:700 13px/1.5 Inter,sans-serif;margin:0 0 3px;color:#edf4ff}
.sgf .sgf-protection p{font-size:12px;line-height:1.65;color:#b4c2d7;margin:0;max-width:450px}.sgf .sgf-protection a{display:inline-block;padding:8px 0 0;font-size:12px;font-weight:600;color:#8dbbff;text-underline-offset:3px}
.sgf .sgf-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #253650;padding-top:20px;font-size:11px;color:#a0b2cc}
@media(max-width:1000px){.sgf .sgf-top{grid-template-columns:1.2fr 1fr;gap:26px 40px}.sgf .sgf-confidence{gap:30px}.sgf .sgf-contact{max-width:360px}}
@media(max-width:600px){.site-footer.sgf{padding-top:30px;padding-bottom:110px}.sgf .sgf-top{grid-template-columns:1fr 1fr;gap:24px 16px}.sgf .sgf-brand{grid-column:1/-1}.sgf .sgf-contact{max-width:none}.sgf .sgf-brand>p{max-width:none}.sgf .sgf-nav h2{font-size:14px}.sgf .sgf-nav a{font-size:12px;min-height:44px}.sgf .sgf-confidence{grid-template-columns:1fr;gap:28px;margin-top:26px;padding-top:26px}.sgf .sgf-security{border-top:1px solid #253650;padding-top:26px}.sgf .sgf-bottom{flex-direction:column;gap:5px}.sgf .sgf-methods{gap:9px 15px}.sgf .sgf-protection p{font-size:13px}}