/* --- landing --- */
.hero{padding:34px 0 8px;max-width:820px}
.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.08;letter-spacing:-1.4px;margin:0 0 14px}
.ambar{color:var(--ambar)}
.hero-sub{color:var(--suave);font-size:clamp(15px,2vw,18px);max-width:640px;margin:0 0 22px}
.paso{width:34px;height:34px;border-radius:10px;background:rgba(240,144,36,.14);color:var(--ambar);display:grid;place-items:center;font-weight:850;margin-bottom:12px}
.plan{display:flex;flex-direction:column;gap:10px}
.plan.destacado{border-color:rgba(240,144,36,.55);box-shadow:0 14px 40px rgba(240,144,36,.12)}
.plan .precio{font-size:38px;font-weight:850;letter-spacing:-1.5px;line-height:1}
.plan .precio .moneda{font-size:20px;vertical-align:top;margin-right:2px;color:var(--suave)}
.plan .precio small{font-size:13px;font-weight:600;color:var(--suave);letter-spacing:0}
.precio-tbc{font-size:20px;letter-spacing:-.3px;color:var(--ambar2)}
.lista{list-style:none;padding:0;margin:6px 0 14px;display:grid;gap:7px}
.lista li{position:relative;padding-left:22px;font-size:13.5px;color:#C9D6E8}
.lista li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}
.plan .btn{margin-top:auto}
.cierre{margin-top:44px;text-align:center;padding:40px 20px;border:1px solid var(--linea);border-radius:22px;
  background:radial-gradient(600px 200px at 50% 0%, rgba(240,144,36,.12), transparent 70%), var(--navy2)}
.cierre h1{font-size:clamp(24px,4vw,34px)}
.cierre .sub{max-width:520px;margin:0 auto 18px}