/* ══════════════════════════════════════════════════════════
   SUSCRIPCIONES
   ══════════════════════════════════════════════════════════ */
.suscripciones { background:var(--bg); }
.planes-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; }
.plan-card {
  background:var(--white); border:1px solid var(--line); border-radius:20px;
  padding:32px; position:relative; display:flex; flex-direction:column;
  transition:all 0.25s;
}
.plan-card:hover { transform:translateY(-4px); box-shadow:0 24px 48px -16px rgba(13,43,78,0.12); }
.plan-card.destacado { border-color:var(--accent); border-width:2px; }
.plan-destacado-badge {
  position:absolute; top:-14px; left:50%; transform:translateX(-50%);
  background:var(--accent); color:var(--white); font-size:11px; font-weight:700;
  letter-spacing:1px; text-transform:uppercase; padding:5px 16px; border-radius:99px;
  white-space:nowrap;
}
.plan-tipo { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:var(--gray-light); margin-bottom:8px; }
.plan-nombre { font-size:22px; font-weight:800; color:var(--navy); margin-bottom:16px; }
.plan-precio { margin-bottom:20px; }
.plan-precio .pp-val { font-size:36px; font-weight:800; color:var(--navy); letter-spacing:-1px; }
.plan-precio .pp-per { font-size:14px; color:var(--gray); font-weight:600; }
.plan-precio .pp-nota { font-size:13px; color:var(--accent-dark); font-weight:600; margin-top:4px; }
.plan-features { flex:1; margin-bottom:24px; display:flex; flex-direction:column; gap:10px; }
.plan-feature { display:flex; align-items:flex-start; gap:10px; font-size:14px; color:var(--gray); flex-wrap:wrap; }
.plan-feature .pf-ico { color:var(--accent); font-weight:800; flex-shrink:0; margin-top:1px; }
.plan-feature.disabled { opacity:0.4; }
.plan-feature.disabled .pf-ico { color:var(--gray-light); }
.plan-cta { justify-content:center; }
.planes-nota-final { text-align:center; color:var(--gray); font-size:14px; margin-top:32px; }

/* ─── PREGUNTAS SOBRE EL COBRO ─────────────────────────── */
.cobro-faq { background:var(--white); }
.cobro-faq-list { display:flex; flex-direction:column; gap:14px; max-width:760px; margin:48px auto 0; }

/* ─── RESPONSIVE FOR SUSCRIPCIONES ─────────────────────── */
@media (max-width:960px) {
  .planes-grid { grid-template-columns:1fr; max-width:400px; margin-left:auto; margin-right:auto; }
}