/* Franja de redes: degradado de marca, sutil y legible. */
.followStrip {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 20%, rgba(124, 58, 237, 0.24), transparent 35%),
    radial-gradient(circle at 86% 72%, rgba(236, 72, 153, 0.20), transparent 34%),
    linear-gradient(110deg, #f7f1ff 0%, #fdf3fb 50%, #fff3e4 100%) !important;
  border: 1px solid rgba(128, 76, 190, 0.2) !important;
  box-shadow: 0 14px 36px rgba(82, 45, 111, 0.12);
}

.followStrip::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.38), transparent 38%, rgba(255, 255, 255, 0.16));
  pointer-events: none;
}

.followStrip .followIntro,
.followStrip .followLinks {
  position: relative;
  z-index: 1;
}

.followStrip .followIntro span {
  color: transparent !important;
  background: linear-gradient(90deg, #7138dc, #d73eaa 55%, #d58a2a);
  background-clip: text;
  -webkit-background-clip: text;
}

.followStrip .followIntro strong {
  color: #211426;
}

.followStrip .followLinks a {
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid rgba(111, 65, 153, 0.16) !important;
  box-shadow: 0 8px 22px rgba(74, 39, 101, 0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.followStrip .followLinks a:hover {
  transform: translateY(-2px);
  border-color: rgba(163, 69, 191, 0.32) !important;
  box-shadow: 0 12px 28px rgba(112, 48, 134, 0.16);
}

@media (max-width: 720px) {
  .followStrip {
    background:
      radial-gradient(circle at 10% 15%, rgba(124, 58, 237, 0.25), transparent 42%),
      radial-gradient(circle at 92% 82%, rgba(236, 72, 153, 0.21), transparent 40%),
      linear-gradient(135deg, #f7f1ff 0%, #fff3e8 100%) !important;
  }
}