/* Maqueta de ventas, 2026-09-07. Complementa meta-short.css. */
.tv-disponible .tv-soon,.tv-proximamente .tv-live,[hidden] { display:none !important; }
.platform-strip { display:flex; flex-wrap:wrap; align-items:center; gap:18px 24px; padding:16px 0; margin:0 0 18px; border-block:1px solid var(--line); }
.strip-label { flex-basis:100%; color:var(--muted); font:9px "Space Mono",monospace; letter-spacing:.12em; }
.platform-brand { display:flex; align-items:center; gap:10px; text-decoration:none; min-width:0; }
.platform-brand img { height:28px; width:auto; object-fit:contain; max-width:170px; }
.sm-brand img { width:30px; height:30px; }
.sm-brand>span { font-size:16px; font-weight:600; white-space:nowrap; line-height:1.1; }
.sm-brand small { display:block; font:9px "Space Mono",monospace; color:var(--muted); margin-top:3px; }
.tv-brand { position:relative; flex-wrap:wrap; gap:8px; }
.tv-brand .new-pill { font-size:7px; padding:4px 5px; }
.platform-strip .tv-brand img { height:24px; max-width:156px; }
.muted { color:var(--muted); }
.platform-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.platform-card { display:flex; flex-direction:column; padding:24px; border:1px solid var(--line); border-radius:14px; background:var(--surface); overflow:hidden; }
.platform-card.tv-card { border-color:rgba(0,240,138,.4); background:linear-gradient(150deg,rgba(0,240,138,.055),var(--surface) 55%); }
.platform-card>.platform-brand { height:56px; margin-bottom:22px; }
.platform-card>.platform-brand img { height:36px; max-width:205px; }
.platform-card>.sm-brand img { height:40px; width:40px; }
.platform-card>.sm-brand>span { font-size:20px; }
.platform-capture { display:flex; height:205px; background:#080b10; margin:0 -24px 22px; border-block:1px solid var(--line); align-items:center; }
.platform-capture img { width:100%; height:100%; object-fit:contain; }
.platform-kind { color:var(--green); font:9px "Space Mono",monospace; letter-spacing:.06em; }
.platform-card h3 { margin:12px 0 8px; font-size:32px; }
.platform-card p { margin:0 0 18px; color:#bdc5cb; font-size:14px; }
.platform-card .platform-foot { margin-top:auto; padding-top:18px; border-top:1px solid var(--line); color:var(--white); font-size:12px; }
.comparison-wrap { margin-top:44px; border:1px solid var(--line); border-radius:12px; overflow:auto; }
.platform-comparison { border-collapse:collapse; width:100%; font-size:13px; }
.platform-comparison caption { text-align:left; padding:24px; font:700 28px "Barlow Condensed",sans-serif; background:var(--surface); }
.platform-comparison th,.platform-comparison td { padding:15px 20px; border-top:1px solid var(--line); }
.platform-comparison th { text-align:left; font-weight:500; }
.platform-comparison thead { background:var(--surface); color:var(--muted); font-size:11px; }
.platform-comparison td { text-align:center; color:var(--green); font-size:17px; }
.platform-comparison td:last-child { background:rgba(0,240,138,.035); }
.comparison-note { color:var(--muted); font-size:11px; }
.platform-actions { display:flex; justify-content:center; margin-top:28px; }
.platform-actions .primary-cta { max-width:360px; }
.plans-platforms { margin:0 auto 32px; text-align:center; }
.plans-platforms .platform-strip,.final-cta .platform-strip { justify-content:center; border:0; }
.plans-platforms p { color:var(--muted); font-size:12px; }
.footer-brand .platform-strip { gap:18px; border:0; }
.footer-brand .platform-strip .platform-brand img { max-width:145px; }
.footer-partners .ninjatrader-logo { display:none; }
.tv-video-pending { display:none; }
.market-tag { max-width:100%; font-size:8px; }
.sticky-buy { display:none; }
.offer-tv-preview { margin-top:18px; border:1px solid rgba(0,240,138,.25); border-radius:14px; padding:14px; background:#080c10; }
.offer-tv-preview img { width:100%; height:300px; object-fit:contain; }
.offer-tv-preview p { margin:10px 0 0; color:var(--muted); font-size:11px; text-align:center; }
:focus-visible { outline:2px solid var(--green); outline-offset:5px; }
@media(min-width:901px) { .offer-grid { grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:38px; } h1 { font-size:clamp(46px,4.5vw,65px); } .offer-media { align-self:start; padding-top:42px; } }
@media(max-width:1000px) { .platform-cards { gap:12px; } .platform-card { padding:18px; } .platform-capture { margin-inline:-18px; } .platform-card>.platform-brand img { max-width:165px; height:28px; } }
@media(max-width:760px) { .platform-cards { grid-template-columns:1fr; } .platform-capture { height:260px; } .platform-card>.platform-brand img { height:36px; max-width:220px; } .platform-comparison { font-size:11px; } .platform-comparison th,.platform-comparison td { padding:12px 7px; } .platform-comparison thead { font-size:9px; } }
@media(max-width:640px) {
  h1 { font-size:35px; line-height:1.02; }
  .lead { font-size:12px; line-height:1.45; margin:10px 0; }
  .offer-copy>.eyebrow { font-size:8px; letter-spacing:.04em; }
  .platform-strip { gap:12px 20px; padding:10px 0; margin-bottom:12px; }
  .strip-label { font-size:8px; }
  .platform-strip .platform-brand img { height:24px; max-width:145px; }
  .platform-strip .sm-brand img { width:28px; height:28px; }
  .platform-strip .sm-brand>span { font-size:14px; }
  .platform-strip .tv-brand { flex-basis:100%; }
  .platform-strip .tv-brand img { height:24px; }
  .platform-strip .tv-brand .new-pill { font-size:7px; }
  .sticky-buy { position:fixed; left:12px; right:12px; bottom:10px; z-index:60; display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px; background:#08130e; border:1px solid rgba(0,240,138,.5); border-radius:10px; box-shadow:0 10px 35px #0008; }
  .sticky-buy>span { font:10px "Space Mono",monospace; }
  .sticky-buy strong { display:inline-block; font-size:14px; }
  .sticky-buy small { display:block; font-size:7px; color:var(--muted); margin-top:4px; }
  .sticky-buy a { padding:12px; background:var(--green); color:#03130b; border-radius:6px; text-decoration:none; font:700 10px "Space Mono",monospace; }
  .final-cta .platform-strip .tv-brand,.plans-platforms .platform-strip .tv-brand { justify-content:center; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }