/* Pulsanti "Continua con Google / Microsoft / Facebook" (js/social-login.js) */
#social-login { max-width: 360px; margin: 14px auto 6px; display: flex; flex-direction: column; gap: 10px; font-family: Montserrat, Arial, sans-serif; }
#social-login[hidden] { display: none; }
.social-sep { display: flex; align-items: center; gap: 10px; color: #64748b; font-size: 13px; margin: 4px 0; }
.social-sep::before, .social-sep::after { content: ""; flex: 1; height: 1px; background: #e5e7eb; }
.social-btn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 10px 14px; border-radius: 9px; border: 1px solid #dadce0;
  background: #fff; color: #1f1f1f !important; text-decoration: none !important;
  font-weight: 600; font-size: 14px; transition: background .15s, border-color .15s;
}
.social-btn:hover { background: #f7f7f8; border-color: #b10456; }
.social-btn svg { flex: none; }
.social-facebook { background: #1877f2; border-color: #1877f2; color: #fff !important; }
.social-facebook:hover { background: #166fe0; border-color: #166fe0; }
.social-msg { background: #fee2e2; color: #b91c1c; border-radius: 8px; padding: 8px 12px; margin: 8px 0; font-size: 13px; }