/**
 * Landing /paquetes — refuerzos visuales (complementa Tailwind y home.css).
 */

.paquetes-page main {
  position: relative;
}

/* Suaviza el fondo general de la página de planes */
.paquetes-page {
  background-image: radial-gradient(
    ellipse 120% 80% at 50% -20%,
    rgba(238, 43, 140, 0.06) 0%,
    transparent 55%
  );
}

.dark .paquetes-page {
  background-image: radial-gradient(
    ellipse 100% 60% at 50% 0%,
    rgba(238, 43, 140, 0.12) 0%,
    transparent 50%
  );
}

.paquetes-hero {
  position: relative;
}

.paquetes-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(
    circle at 100% 0%,
    rgba(238, 43, 140, 0.08) 0%,
    transparent 42%
  );
}

.dark .paquetes-hero::before {
  background: radial-gradient(
    circle at 100% 0%,
    rgba(238, 43, 140, 0.15) 0%,
    transparent 45%
  );
}

/* Lista: mejor lectura en pantallas estrechas */
.ref-incluye-list li span:last-child {
  min-width: 0;
}

/* Bloque personalizada: ligero brillo en borde al hover */
.ref-card--personalizada {
  transition: box-shadow 0.35s ease, border-color 0.35s ease;
}

.ref-card--personalizada:hover {
  box-shadow: 0 25px 50px -12px rgba(238, 43, 140, 0.2);
}

@media (prefers-reduced-motion: reduce) {
  .ref-card,
  .ref-card--personalizada {
    transition: none !important;
  }
  .ref-card:hover {
    transform: none !important;
  }
}