/* NABAT | CORE — REDES-SOCIAIS */
.social-contact { margin-top: 28px; }
.social-contact p { color: var(--muted); font-size: .9rem; margin-bottom: 12px; }
/* Redes sociais: teclas retrô com identidade própria de cada rede. */
.social-contact .social-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.social-contact .social-link { --social-color: #b47bba; position: relative; min-width: 0; min-height: 84px; display: flex; align-items: center; gap: 10px; padding: 13px 11px; color: var(--fg); border: 1px solid #b89c6a70; border-bottom: 3px solid #735b38; border-radius: 12px; background: linear-gradient(160deg,#34312c,#191c24 48%,#0e1017); box-shadow: 0 5px 0 #06070b, 0 9px 18px #0006, inset 0 1px 0 #fff2, inset 0 -2px 0 #0007; font-size: .8rem; transition: transform .2s, border-color .2s, box-shadow .2s; }
.social-contact .social-instagram { --social-color: #d26aa1; }
.social-contact .social-linkedin { --social-color: #71b2d2; }
.social-contact .social-facebook { --social-color: #799de4; }
.social-contact .social-icon { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; color: var(--social-color); border-radius: 8px; background: #070a11; border: 1px solid #ffffff19; box-shadow: inset 0 2px 5px #0009, 0 1px 0 #fff1; }
.social-contact .social-icon svg { width: 22px; height: 22px; filter: drop-shadow(0 0 4px color-mix(in srgb,var(--social-color) 40%,transparent)); }
.social-contact .social-instagram .social-icon { color: #f1a588; background: linear-gradient(135deg,#57384d,#723c55 55%,#755335); }
.social-contact .social-link strong { display: block; font-size: .63rem; line-height: 1.5; letter-spacing: .03em; color: var(--gold); }
.social-contact .social-link > span:nth-child(2) { min-width: 0; }
.social-contact .social-link > span:last-child { color: var(--social-color); margin-left: auto; font-size: .9rem; }
.social-contact .social-link::after { content: ""; position: absolute; bottom: 8px; right: 11px; width: 5px; height: 5px; border-radius: 50%; background: var(--social-color); box-shadow: 0 0 7px var(--social-color); opacity: .7; }
.social-contact .social-link:hover { transform: translateY(-2px); border-color: var(--social-color); box-shadow: 0 7px 0 #06070b, 0 12px 22px #0007, inset 0 1px 0 #fff2; }
.social-contact .social-link:active { transform: translateY(3px); box-shadow: 0 2px 0 #06070b, inset 0 2px 6px #0008; }