/* ============================= */
/* 🎨 Estilos para sección PLANES */
/* Archivo: css/planes.css       */
/* ============================= */
.planes-farmasis {
  padding: 60px 20px;
  background: #0b1220; /* Fondo oscuro (ajusta si no va con tu diseño) */
  color: #fff;
}
.planes-wrap { max-width: 1200px; margin: 0 auto; }
.planes-title {
  text-align: center; font-size: 28px; font-weight: 700;
  margin-bottom: 32px; letter-spacing: .5px;
}
.planes-grid {
  display: grid; gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 992px) {
  .planes-grid { grid-template-columns: 1fr; }
}
.plan-card {
  background: rgba(10, 20, 35, .85);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  backdrop-filter: blur(4px);
}
.plan-name { font-size: 22px; font-weight: 800; margin: 0 0 8px; }
.plan-sub { opacity: .9; margin: 0 0 8px; }
.plan-lic { font-weight: 600; margin: 8px 0 12px; }
.plan-features { margin: 0 0 20px; padding-left: 18px; line-height: 1.45; }
.plan-features li { margin: 6px 0; }
.plan-cta {
  display: inline-block; text-align: center;
  padding: 12px 20px; border-radius: 10px; font-weight: 700;
  background: #314E9B; color: #fff; text-decoration: none;
  transition: transform .15s ease, opacity .15s ease;
}
.plan-cta:hover { transform: translateY(-1px); opacity: .95; }