/* Identidad «Oro de Midas» (14-oct-2026): ver herramientas/aplicar_midas.py */
:root{
  --dark:#2B2A28; --dark-2:#3C3C3C; --indigo:#454545;
  --page:#FAF5EA; --page-alt:#F1E8D6; --card:#FFFDF8;
  --ink:#26221C; --body:#4A4238; --muted:#5E5446; --faint:#7A6F5E;
  --line:#E2D6BE; --line-2:#D3C3A2;
  --blue:#7A5A14; --violet:#8C5426; --cyan:#7A5A14;
  --blue-soft:rgba(122,90,20,.09); --on-blue:#FAF5EA;
  --on-dark:#F2E8D5; --on-dark-2:#D2C4A8; --dark-line:rgba(224,180,96,.20);
  --dark-chip:rgba(224,180,96,.10); --dark-card:rgba(255,248,236,.04);
  --amber:#B45309; --amber-soft:#FEF3C7; --green:#047857; --green-soft:#D1FAE5;
  --grad:linear-gradient(135deg,#F2CF7A 0%,#E0B460 45%,#B07038 100%);
  --grad-cy:linear-gradient(135deg,#F2CF7A,#E0B460);
  --grad-txt:linear-gradient(120deg,#F7DC94,#E0B460 58%,#F2CF7A);
  --grad-tinta:linear-gradient(120deg,#7A5A14,#8C5426);
  --sobre-oro:#26221C;
  --shadow:0 1px 2px rgba(38,34,28,.05), 0 18px 40px -22px rgba(38,34,28,.30);
}

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
    --page:#454545; --page-alt:#3F3F3F; --card:#3C3C3C;
    --ink:#F2E8D5; --body:#E7DCC6; --muted:#D2C4A8; --faint:#CABA9C;
    --line:#555555; --line-2:#626262;
    --blue:#E0B460; --violet:#F2CF7A; --cyan:#E0B460;
    --blue-soft:rgba(224,180,96,.12); --on-blue:#26221C;
    --amber:#F9AC70; --amber-soft:#4A3A24; --green:#6FD59A; --green-soft:#2F4A3A;
    --grad-tinta:linear-gradient(120deg,#F2CF7A,#E0B460);
    --shadow:0 1px 2px rgba(0,0,0,.35), 0 18px 46px -24px rgba(0,0,0,.6);
  }

}
.jmax-comprar *{box-sizing:border-box}
.jmax-comprar{margin:0;background:var(--page);color:var(--body);
  font:400 16px/1.6 Manrope,system-ui,-apple-system,Segoe UI,sans-serif}
.jmax-comprar h1, .jmax-comprar h2, .jmax-comprar h3{font-family:Cinzel,'Palatino Linotype',Georgia,serif;color:var(--ink);margin:0}
.jmax-comprar .envoltura{max-width:1080px;margin:0 auto;padding:48px 24px 80px}
.jmax-comprar header{text-align:center;margin-bottom:12px}
.jmax-comprar h1{font-size:clamp(28px,5vw,44px);font-weight:800;letter-spacing:-.02em}
.jmax-comprar .lema{color:var(--muted);margin-top:10px;font-size:18px}
.jmax-comprar .planes{display:grid;gap:22px;margin-top:44px;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.jmax-comprar .plan{background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:28px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.jmax-comprar .plan.destacado{border-color:var(--blue);border-width:2px}
.jmax-comprar .cinta{display:inline-block;align-self:flex-start;background:var(--grad);
  color:#26221C;font-size:12px;font-weight:700;letter-spacing:.04em;
  padding:4px 10px;border-radius:99px;margin-bottom:12px;text-transform:uppercase}
.jmax-comprar .plan h2{font-size:22px;font-weight:700}
.jmax-comprar .precio{font-family:Cinzel,'Palatino Linotype',Georgia,serif;font-size:40px;font-weight:800;
  color:var(--ink);margin:14px 0 2px}
.jmax-comprar .precio span{font-size:15px;font-weight:600;color:var(--muted)}
.jmax-comprar .incluye{list-style:none;padding:0;margin:18px 0 26px;flex:1}
.jmax-comprar .incluye li{padding:7px 0 7px 26px;position:relative;font-size:15px;
  border-bottom:1px solid var(--line)}
.jmax-comprar .incluye li:last-child{border-bottom:0}
.jmax-comprar .incluye li::before{content:"✓";position:absolute;left:0;top:7px;
  color:var(--green);font-weight:700}
.jmax-comprar .boton-paypal{min-height:52px}
.jmax-comprar /* Aviso de mantenimiento: arriba del todo y encima de cada boton, .jmax-comprar porque
   alguien puede entrar directo a un plan sin leer la cabecera. */
.franja-obras{background:#FEF9C3;color:#713F12;border:1px solid #FDE047;
  border-radius:12px;padding:16px 18px;margin-bottom:26px;font-size:14px;
  line-height:1.55}
.jmax-comprar .franja-obras strong{color:#854D0E}
.jmax-comprar .nota-obras{background:#FEF9C3;color:#713F12;border:1px solid #FDE047;
  border-radius:8px;padding:9px 11px;font-size:12px;margin-bottom:10px;
  line-height:1.45}

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .franja-obras, :root:not([data-theme="light"]) .nota-obras{
    background:#2A2408;color:#FDE047;border-color:#713F12}
:root:not([data-theme="light"]) .franja-obras strong{color:#FEF08A}

}
.jmax-comprar .nota{color:var(--muted);font-size:13px;margin-top:14px;text-align:center}
.jmax-comprar .garantia{background:var(--page-alt);border:1px solid var(--line);
  border-radius:14px;padding:22px 24px;margin-top:44px}
.jmax-comprar .garantia h3{font-size:17px;margin-bottom:8px}
.jmax-comprar .aviso{background:var(--green-soft);border-radius:10px;padding:14px 16px;
  margin-top:28px;font-size:14px;color:var(--ink)}
.jmax-comprar #gracias{display:none;background:var(--green-soft);border-radius:14px;
  padding:26px;margin-top:32px}
.jmax-comprar #gracias h2{font-size:20px;margin-bottom:8px}
.jmax-comprar /* Modo demostración: tiene que saltar a la vista que NO es un cobro real. */
.franja-demo{background:#FEF3C7;color:#78350F;border:1px solid #FCD34D;
  border-radius:12px;padding:14px 18px;margin-bottom:26px;font-size:14px}

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .franja-demo{
    background:#2A1E08;color:#FBBF24;border-color:#78350F}

}
.jmax-comprar .boton-demo{width:100%;height:48px;border:0;border-radius:99px;
  background:#5E5446;color:#fff;font:600 15px Manrope,sans-serif;
  cursor:pointer}
.jmax-comprar .boton-demo:hover{background:#4A4238}
.jmax-comprar footer{margin-top:56px;text-align:center;color:var(--muted);font-size:13px}
/* Cobro hecho y licencia no emitida. En verde parecia que todo habia ido
   bien, que es justo lo contrario de lo que pasa. */
.jmax-comprar #gracias.fallo{background:#fdecec;border-left:4px solid #d94b4b}
.jmax-comprar #gracias.fallo h2{color:#a02525}
.jmax-comprar .aviso-tienda{margin:14px 0 0;color:#8a6d00;background:#fff8e1;
  border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.45}

/* ── Código de descuento ──────────────────────────────────────────────
   Va encima de los planes: se aplica antes de elegir y rebaja las tarjetas
   a las que corresponde. El importe de verdad lo pone el servidor. */
.jmax-comprar .cupon{max-width:520px;margin:34px auto 0;text-align:center}
.jmax-comprar .cupon label{display:block;font-weight:600;color:var(--ink);margin-bottom:8px}
.jmax-comprar .cupon-fila{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.jmax-comprar .cupon input{flex:1 1 220px;min-width:0;height:46px;padding:0 14px;
  border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);
  font:600 16px/1 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.jmax-comprar .cupon input:focus{outline:2px solid var(--blue);outline-offset:1px}
.jmax-comprar .cupon input[readonly]{background:var(--green-soft);border-color:var(--green)}
.jmax-comprar .cupon-boton,.jmax-comprar .cupon-quitar{height:46px;padding:0 20px;border-radius:10px;
  font:600 15px Manrope,sans-serif;cursor:pointer}
.jmax-comprar .cupon-boton{border:0;background:var(--grad);color:#26221C}
.jmax-comprar .cupon-boton:disabled{opacity:.6;cursor:default}
.jmax-comprar .cupon-quitar{border:1px solid var(--line);background:transparent;color:var(--body)}
.jmax-comprar .cupon-aviso{min-height:22px;margin:10px 0 0;font-size:14px;color:var(--muted)}
.jmax-comprar .referido-aviso{margin:0 0 18px;padding:10px 14px;border-radius:10px;font-size:14px;
  background:var(--green-soft);border:1px solid var(--green);color:var(--ink)}
.jmax-comprar .referido-aviso strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em}
.jmax-comprar .cupon-aviso.bien{color:var(--green);font-weight:600}
.jmax-comprar .cupon-aviso.mal{color:#B42318}
.jmax-comprar .plan.con-cupon{border-color:var(--green)}
.jmax-comprar .precio .precio-lista{font-size:20px;font-weight:600;color:var(--muted);
  text-decoration-thickness:2px}
.jmax-comprar .precio .etiqueta-cupon{font-style:normal;font-size:13px;font-weight:700;
  vertical-align:middle;background:var(--green-soft);color:var(--green);
  padding:3px 9px;border-radius:99px}
/* Cupón del 100 %: no hay PayPal, solo a quién se le manda la licencia. */
.jmax-comprar form.gratis{display:flex;flex-direction:column;gap:8px}
.jmax-comprar form.gratis[hidden]{display:none}
.jmax-comprar form.gratis input{height:44px;padding:0 12px;border:1px solid var(--line);
  border-radius:10px;background:var(--card);color:var(--ink);font:400 15px Manrope,sans-serif}
.jmax-comprar .boton-gratis{height:48px;border:0;border-radius:99px;background:var(--green);
  color:#fff;font:600 15px Manrope,sans-serif;cursor:pointer}
.jmax-comprar .boton-gratis:disabled{opacity:.6;cursor:default}

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .jmax-comprar .cupon-aviso.mal{color:#FDA29B}
}

/* «Pruébalo gratis»: para quien aún no se decide. */
.jmax-comprar .prueba-gratis{background:#FBF3E0;color:#5A420E;border:1px solid #E0B460;
  border-radius:12px;padding:14px 18px;margin:0 0 26px;font-size:14px;line-height:1.55}
.jmax-comprar .prueba-gratis a{color:#7A5A14;font-weight:700;margin-left:4px;white-space:nowrap}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .jmax-comprar .prueba-gratis{background:#3C3C3C;color:#F2E8D5;border-color:#7A5A14}
  :root:not([data-theme="light"]) .jmax-comprar .prueba-gratis a{color:#E0B460}
}
:root[data-theme="dark"] .jmax-comprar .prueba-gratis{background:#3C3C3C;color:#F2E8D5;border-color:#7A5A14}
:root[data-theme="dark"] .jmax-comprar .prueba-gratis a{color:#E0B460}

/* El aviso de privacidad antes de pagar (aviso.js). Sin aceptarlo, los botones
   de PayPal se ven apagados y no responden. */
.jmax-comprar .aviso-compra{max-width:760px;margin:28px auto 0;background:var(--card);border:1px solid var(--line);
  border-radius:16px;padding:22px 24px;box-shadow:var(--shadow)}
.jmax-comprar .aviso-compra h2{font-size:18px;font-weight:700;margin:0 0 6px;color:var(--ink)}
.jmax-comprar .aviso-compra > p{margin:0;color:var(--body);font-size:14.5px}
.jmax-comprar .aviso-compra .jmax-aviso{margin-top:14px}
.jmax-comprar .planes.sin-aviso .boton-paypal{opacity:.4;pointer-events:none;filter:grayscale(.6)}
/* Bold: pagar en pesos (tarjeta, PSE, Nequi, Bancolombia), debajo de PayPal */
.jmax-comprar form.pago-bold{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.jmax-comprar form.pago-bold input[hidden]{display:none}
.jmax-comprar .precio .precio-usd{display:block;margin-top:4px;font:400 13px Manrope,sans-serif;opacity:.75}
.jmax-comprar form.pago-bold[hidden]{display:none}
.jmax-comprar .pago-bold-titulo{margin:0;font-weight:600}
.jmax-comprar .pago-bold-medios{margin:0;font-size:.85em;opacity:.8}
.jmax-comprar form.pago-bold input{height:44px;padding:0 12px;border:1px solid var(--line);
  border-radius:10px;background:var(--card);color:var(--ink);font:400 15px Manrope,sans-serif}
.jmax-comprar .boton-bold{height:48px;border:0;border-radius:99px;background:#121e6c;
  color:#fff;font:600 15px Manrope,sans-serif;cursor:pointer}
.jmax-comprar .boton-bold:disabled{opacity:.55;cursor:default;font-weight:500}
.jmax-comprar .aviso-demo{background:#fff3c4;color:#5a4500;padding:6px 10px;border-radius:8px;font-weight:600}
/* «/ licencia» no se parte en dos líneas bajo el precio (visto en la tarjeta destacada). */
.jmax-comprar .precio > span{white-space:nowrap}
/* En pesos la cifra es más larga: a 40px «/ licencia» saltaba de línea en la tarjeta destacada. */
.jmax-comprar .plan .precio{font-size:36px}
@media (min-width:700px) and (max-width:1180px){.jmax-comprar .plan .precio{font-size:28px}}