.social-links{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.social-icon,.social-link{--social:#79c8e9;display:inline-flex;align-items:center;justify-content:center;color:var(--social)}
.social-icon.discord,.social-link.discord{--social:#b5b9ff}
.social-icon{width:38px;height:38px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--social) 35%,transparent);border-radius:50%;background:color-mix(in srgb,var(--social) 8%,transparent);transition:background .2s,border-color .2s,box-shadow .2s}
.social-icon svg,.social-link svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.social-icon:hover,.social-icon:focus-visible{border-color:var(--social);background:color-mix(in srgb,var(--social) 17%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--social) 17%,transparent)}
.social-link{gap:6px;font:13px/1.6 var(--body)}
.social-link:hover{color:var(--gold-hi)}
.footer-social{gap:16px;margin-top:8px}
@media(max-width:900px){.top nav>.social-links{padding-block:8px}.top nav .social-icon{width:42px;height:42px}}
@media(max-width:640px){.hero .cta>.social-links{justify-content:center;margin-top:8px}}

/* Celular: Telegram e Discord logo abaixo dos botões de download, acima de "Descobrir as classes". */
@media(max-width:640px){.hero .cta>.social-links{order:1;width:100%;margin-top:6px}.hero .cta>.text-link{order:2}}