footer { background:var(--bg2, var(--bg-2, var(--surface, var(--panel, #141414)))); border-top:1px solid var(--border); padding:64px 32px 32px; }
.footer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-bottom:48px; max-width:1400px; margin-left:auto; margin-right:auto; }
.footer-brand { grid-column:1/-1; max-width:760px; }
.footer-brand-name { font-size:22px; font-weight:900; letter-spacing:3px; background:linear-gradient(135deg,var(--gold),var(--silver, #c0c0c0)); background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent; margin-bottom:10px; }
.footer-brand p { color:var(--text2, var(--muted, #999)); font-size:14px; line-height:1.7; margin-bottom:22px; }
.social-row { display:flex; gap:10px; }
.social-btn {
    width:40px; height:40px; border-radius:12px; border:1px solid var(--border);
    background:var(--bg, #0a0a0a); display:flex; align-items:center; justify-content:center;
    font-size:12px; font-weight:800; cursor:pointer; transition:var(--transition, all 0.3s ease); color:var(--text2, var(--muted, #999));
    text-decoration:none; letter-spacing:0.2px;
}
.social-btn:hover { border-color:var(--gold); color:var(--gold); transform:translateY(-2px); }
.social-btn svg { width:20px; height:20px; fill:currentColor; }
.social-btn[data-network="instagram"] svg { width:19px; height:19px; }
.social-btn[data-network="whatsapp"] svg { width:21px; height:21px; }
.social-btn[hidden] { display:none; }
.footer-col h4 { font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:1.5px; color:var(--gold); margin-bottom:18px; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; }
.footer-col ul a { color:var(--text2, var(--muted, #999)); font-size:14px; transition:var(--transition, all 0.3s ease); }
.footer-col ul a:hover { color:var(--gold); padding-left:4px; }
.footer-bottom { border-top:1px solid var(--border); padding-top:24px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; max-width:1400px; margin:0 auto; }
.footer-bottom p { color:var(--text3, var(--dim, var(--soft, #777))); font-size:13px; }
@media(max-width:1100px) { .footer-grid { gap:28px; } }
@media(max-width:768px) { footer { padding:40px 16px 24px; } .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } .footer-brand,.footer-col:last-child { grid-column:1/-1; } }