/* Loghi social veri (Instagram/TikTok/YouTube), fatti in CSS puro —
   niente SVG (su questo sito gli SVG inline non si disegnano, motivo
   mai scoperto), file separato per tenere rankiamo-cose.css sotto la
   soglia di ~15KB troncata silenziosamente dall'FTP di Aruba. */
.rc-logo { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 13px; text-decoration: none; transition: transform .18s ease; }
.rc-logo:hover { transform: translateY(-2px) scale(1.06); }
.rc-logo.rc-disabled { opacity: .35; pointer-events: none; }

.rc-logo-ig { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.rc-logo-ig span { width: 19px; height: 19px; border: 2.2px solid #fff; border-radius: 7px; position: relative; }
.rc-logo-ig span::before { content: ''; position: absolute; inset: 0; margin: auto; width: 9px; height: 9px; border: 2px solid #fff; border-radius: 50%; }
.rc-logo-ig span::after { content: ''; position: absolute; top: -1px; right: -1px; width: 3px; height: 3px; border-radius: 50%; background: #fff; }

.rc-logo-yt { background: #FF0000; border-radius: 11px; }
.rc-logo-yt span { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid #fff; margin-left: 3px; }

.rc-logo-tt { background: #010101; font-size: 19px; font-weight: 700; font-style: normal; color: #fff; text-shadow: -2px 0 0 #25F4EE, 2px 0 0 #FE2C55; }