/* Paleta negra con fucsia (30/09/2026); conserva el layout de la inscripción V2.4. */
:root {
 color-scheme:dark;
 --bg:#05070b; --surface:#11141b; --ink:#f7f8fb; --ink-2:#d6dbe4; --muted:#aeb7c6;
 --line:#2a2f3a; --line-strong:#4a5263; --brand:#2f7cf6; --brand-600:#4b8cff;
 --brand-50:#171a22; --accent:#ff00a8; --ok:#35d07f; --ok-50:#073c30;
 --warn:#f2ca80; --warn-50:#302710; --err:#ffada8; --err-50:#3b2024; --wa:#35d07f;
}
body {background:#05070b}
.bar {background:var(--surface)}
.help-link {background:var(--surface);border-color:var(--line-strong)}
.field input,.field select,.field textarea {background:var(--surface);color:var(--ink);border-color:var(--line-strong)}
.field input::placeholder,.field textarea::placeholder {color:var(--muted)}
.btn--primary {color:#fff}
.btn--wa {color:var(--bg)}
.btn--primary[disabled],.btn--primary[aria-busy=true] {background:#3a4152;color:var(--ink)}
.btn--wa:hover {background:#5bdfa0}
.progress li.is-done .progress__dot::after {border-color:var(--bg)}
.done__check svg {fill:var(--bg)}
.toast {background:var(--surface);color:var(--ink);border:1px solid var(--line-strong)}
.calm-card {background:#07362c;color:var(--ink);border-color:#296b58}
.calm-card span:not(.calm-card__icon) {color:#b8e2d3}
.calm-card__icon {color:var(--bg)}
.discover {background:linear-gradient(145deg,#171a22,#11141b);border-color:var(--line)}
.discover-card,.discover__eyebrow {background:var(--surface);border-color:var(--line)}
.discover::after {background:rgba(47,124,246,.08)}
.pick,.selected {border-color:#296b58}
.pick__addons {color:#b8e2d3}
.act:has(input:checked) .act__radio {box-shadow:inset 0 0 0 4px var(--surface)}
.opt--advisor .opt__icon {background:var(--ok-50)}
.opt--in_person .opt__icon,.walkin {background:#2a0a20;color:#ff7ad0}
.wa-preview {background:#07362c;color:#b8e2d3;border-color:#296b58}
.demo-banner,.demo-note {background:var(--warn-50);color:var(--warn);border-color:#80602c}
.spinner {border-color:rgba(255,255,255,.4);border-top-color:#fff}
/* La columna lateral de desktop no tiene ancho para dos tarjetas con imagen. */
@media (min-width:980px) {#step2 .discover__grid {grid-template-columns:minmax(0,1fr)}}

/* V11 (2026-10-08) · promoción y reserva de precio: tachado + promo + vigencia real. Sin cuentas regresivas falsas. */
.promo{display:grid;gap:4px;margin:2px 0}
.promo__precios s{color:var(--muted);font-weight:500;font-size:.95em}
.promo__precios b{color:var(--ink);font-size:1.35em}
.promo__vigencia{color:var(--warn);font-weight:700;font-size:.92rem}
.promo__reserva{color:var(--muted);font-size:.88rem}
.act__list{color:var(--muted);font-weight:400;font-size:.85em;margin-right:4px}
.price-banner{display:grid;gap:6px;border-radius:14px;padding:14px 16px;margin:0 0 14px;border:1px solid var(--line-strong);background:var(--surface);line-height:1.45}
.price-banner--ok{background:var(--ok-50);border-color:#296b58}
.price-banner--warn{background:var(--warn-50);border-color:#80602c}
.price-banner b{font-size:1.05rem}
.price-banner s{color:var(--muted);font-weight:500;margin-left:6px}

/* ¿Qué querés pagar ahora? (reserva de lugar o primera cuota) */
.plan { margin: 0 0 20px; }
.plan__title { font-size: 1.3rem; font-weight: 800; line-height: 1.25; margin: 0 0 12px; }
.plan__list { display: grid; gap: 12px; }
.plan__opt { grid-template-columns: 1fr auto; padding: 16px; }
.plan__opt .act__name { font-size: 18px; }
.plan__opt .act__sub { white-space: normal; font-size: 16px; font-weight: 400; line-height: 1.4; margin-top: 4px; }
.plan__opt .act__price { font-size: 20px; }
.plan__next { font-size: 1.15rem; font-weight: 800; margin: 18px 0 6px; }