/* ═══════════════════════════════════════════════════════════════
   landing.css — rebranding minimalista de la portada (4-nov-2026)
   Va ÚLTIMA en el <head>. Reglas:
   · monocromo: negro, hueso y líneas finas; el color queda para los
     productos (arte, plugins) y un solo punto de acento por mensaje
   · botones rectos, blancos o de línea; nada de brillos ni glows
   · números en Space Mono; etiquetas en mayúsculas con aire
   No toca la lógica: .buy, [data-mp], .setup-card[data-daw-keys],
   [data-daw], [data-cyber] y .bundle-inner siguen igual.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --rb-bg:#050505; --rb-panel:#0b0b0b; --rb-ink:#f5f4f1;
  --rb-mute:rgba(245,244,241,.62); --rb-faint:rgba(245,244,241,.38);
  --rb-line:rgba(245,244,241,.10); --rb-line-2:rgba(245,244,241,.20);
  --rb-accent:#b7aaff; --rb-riri:#e07bdc;
  --rb-mono:'Space Mono',ui-monospace,monospace;
  --rb-display:Manrope,'DM Sans',sans-serif;
}
body{background:var(--rb-bg)}

/* ── Ticker: una línea fina que corre sola, se pausa al pasar el mouse ── */
.ticker{position:relative;z-index:30;overflow:hidden;border-bottom:1px solid var(--rb-line);background:var(--rb-bg);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ticker-track{display:flex;width:max-content;animation:rb-ticker 46s linear infinite}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}
.ticker-group{display:flex;align-items:center;flex:none}
.ticker a{display:inline-flex;align-items:center;gap:12px;padding:11px 26px;color:var(--rb-mute);text-decoration:none;
  font:400 11px/1.2 var(--rb-mono);letter-spacing:.04em;white-space:nowrap;transition:color .2s}
.ticker a:hover,.ticker a:focus-visible{color:var(--rb-ink)}
.ticker a b{font:700 10px/1 var(--rb-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--rb-ink);
  padding:4px 7px;border:1px solid var(--rb-line-2)}
.ticker a.is-riri b{color:#0a050a;background:var(--rb-riri);border-color:var(--rb-riri)}
.ticker a.is-riri span{color:var(--rb-ink)}
.ticker-group>i{font-style:normal;font-size:7px;color:var(--rb-faint)}
@keyframes rb-ticker{to{transform:translateX(-50%)}}
body.cyber-active .ticker{display:none}
@media(prefers-reduced-motion:reduce){
  .ticker{-webkit-mask-image:none;mask-image:none;overflow-x:auto;scrollbar-width:none}
  .ticker-track{animation:none}.ticker-group[aria-hidden]{display:none}
}

/* ── Header: flotante, plano, sin colores de botón ─────────────── */
.wrap>header{background:rgba(8,8,8,.84);border-color:var(--rb-line);box-shadow:none}
.wrap>header .hnav a{letter-spacing:.14em}
.wrap>header .hcta-bundle{background:transparent;border-color:var(--rb-line-2);color:var(--rb-ink);border-radius:0}
.wrap>header .hcta-bundle:hover{background:var(--rb-ink);color:var(--rb-bg)}
.discord-link-header{overflow:hidden;isolation:isolate;background:transparent!important;border-color:var(--rb-line-2)!important;
  box-shadow:none!important;color:var(--rb-ink)!important;border-radius:0!important}
.discord-link-header::before{display:none}
.discord-link-header:hover{border-color:var(--rb-ink)!important}

/* ── Hero: la marca sola, sin cajas ────────────────────────────── */
#contenido>.kicker{background:transparent;border:0;padding:0;color:var(--rb-faint);
  font:400 11px/1.4 var(--rb-mono);letter-spacing:.18em}
#contenido>.kicker::before{background:var(--rb-accent)}
.hero>p{color:var(--rb-mute)}
.hero .hero-cta{gap:12px}
.hero-motion{opacity:.55;transition:opacity .2s}.hero-motion:hover{opacity:1}

.hero-proof{position:relative;list-style:none;display:flex;justify-content:center;flex-wrap:wrap;
  margin:clamp(30px,3.4vw,42px) auto 0;padding:0;max-width:660px}
.hero-proof li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:2px clamp(18px,2.8vw,34px)}
.hero-proof li+li{border-left:1px solid var(--rb-line)}
.hero-proof strong{font:700 clamp(1.15rem,1.9vw,1.45rem)/1 var(--rb-mono);letter-spacing:-.04em;color:var(--rb-ink)}
.hero-proof span{font-size:.74rem;color:var(--rb-mute)}
.hero .hero-pay{position:relative;margin:clamp(18px,2.2vw,24px) auto 0;max-width:none;
  font-size:.8rem;line-height:1.6;color:var(--rb-faint)}
.hero-pay b{color:var(--rb-ink);font-weight:600}
.hero-pay i{font-style:normal;padding:0 .15em}

/* ── Botones: rectos. Blanco = acción principal; línea = secundaria ── */
.wrap .buy,.wrap a.buy:not(.ghost),.kit-footer #kit-buy{border-radius:0;background:var(--rb-ink);color:var(--rb-bg);border:1px solid var(--rb-ink);box-shadow:none;
  font-weight:700;letter-spacing:.16em;transition:background .2s,color .2s,transform .2s}
.wrap .buy::after{display:none}
.wrap .buy:hover,.wrap a.buy:not(.ghost):hover{background:transparent;color:var(--rb-ink);transform:none}
.wrap .buy.ghost,.wrap .setup-card .buy.ghost{background:transparent;color:var(--rb-ink);border-color:var(--rb-line-2)}
.wrap .buy.ghost:hover{border-color:var(--rb-ink)}
.wrap .setup-card.is-featured .buy{background:var(--rb-ink);color:var(--rb-bg)}
.wrap .setup-card.is-featured .buy:hover{background:transparent;color:var(--rb-ink)}
.wrap .buy:focus-visible{outline:2px solid var(--rb-accent);outline-offset:3px}

/* ── Setup / bundles: de tarjetas con brillo a una comparación limpia ── */
.setup{width:min(76rem,100%);margin-left:auto;margin-right:auto;box-sizing:border-box;
  padding-left:clamp(1.25rem,5vw,3rem);padding-right:clamp(1.25rem,5vw,3rem)}
.setup-head .section-index{font:400 11px/1 var(--rb-mono);letter-spacing:.18em;color:var(--rb-faint)}
.setup-head h2{font-family:var(--rb-display);font-weight:700;letter-spacing:-.045em}
.setup-grid{gap:0;border:1px solid var(--rb-line);align-items:stretch}
.setup-card{border:0;border-radius:0;background:transparent;box-shadow:none;padding:30px 28px 28px;gap:16px}
.setup-card+.setup-card{border-left:1px solid var(--rb-line)}
.setup-card.is-featured{background:var(--rb-panel);border:0;box-shadow:none;border-left:1px solid var(--rb-line)}
.setup-card.is-featured+.setup-card{border-left:1px solid var(--rb-line)}
.setup-badge,.setup-card.is-featured .setup-badge{position:static;translate:none;align-self:flex-start;order:-2;
  background:transparent;color:var(--rb-ink);padding:0;border:0;border-radius:0;
  font:700 10px/1 var(--rb-mono);letter-spacing:.18em}
.setup-badge::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;background:var(--rb-ink);transform:rotate(45deg) translateY(-1px)}
.setup-card.is-featured .setup-badge::before{background:var(--rb-accent)}
.setup-tier{order:-1;font:400 10px/1.4 var(--rb-mono);letter-spacing:.14em;color:var(--rb-faint)}
.setup-card h3{font-family:var(--rb-display);font-weight:700;font-size:1.45rem;letter-spacing:-.035em}
.setup-pitch{color:var(--rb-mute);font-size:.88rem;line-height:1.55;margin:0}
.setup-daw{border-radius:0;border-color:var(--rb-line-2);background:transparent;padding:3px;gap:3px}
.setup-daw button{border-radius:0!important;font-family:var(--rb-mono)!important;font-weight:400!important;letter-spacing:.08em!important;color:var(--rb-mute)!important}
.setup-daw button[aria-pressed="true"],.setup-card.is-featured .setup-daw button[aria-pressed="true"]{background:var(--rb-ink)!important;color:var(--rb-bg)!important}
.setup-daw.is-both span{border-radius:0;background:transparent;color:var(--rb-ink);border:1px solid var(--rb-line-2);font-family:var(--rb-mono);font-weight:400}
.setup-price .price{font-family:var(--rb-mono);font-weight:700;font-size:2.15rem;letter-spacing:-.06em}
.setup-price small{font-family:var(--rb-mono);font-size:.66rem;letter-spacing:.04em}
.setup-save{color:var(--rb-mute);font-size:.78rem}
.setup-list{border-top:1px solid var(--rb-line)}
.setup-list li{color:var(--rb-ink);font-size:.86rem}
.setup-list li::before{color:var(--rb-ink);font-weight:400}
.setup-list li.n{color:var(--rb-faint);text-decoration:none}
.setup-list li.n::before{content:"—";color:var(--rb-faint)}
.setup-alt{color:var(--rb-faint)}.setup-alt a{color:var(--rb-ink)}
@media(max-width:900px){
  .setup-grid{border:0;gap:14px}
  .setup-card,.setup-card.is-featured{border:1px solid var(--rb-line)!important}
}

/* ── Secciones y tarjetas de producto: línea fina, sin rellenos ni glows ── */
.cat-head h2{font-family:var(--rb-display);font-weight:700;letter-spacing:-.045em}
.cat-head .section-index,.cat-head .tag{font:400 11px/1.4 var(--rb-mono);letter-spacing:.16em}
.cat-head .section-index{color:var(--rb-faint)}
.wrap .card,.wrap .template-feature{border-radius:0;border-color:var(--rb-line);background:var(--rb-panel);box-shadow:none}
.wrap .card::after,.wrap .template-feature::after{display:none}
.wrap .card:hover,.wrap .template-feature:hover{border-color:var(--rb-line-2);transform:none;box-shadow:none}
.wrap .card .card-media,.wrap .template-feature .feature-media{border-radius:0}
.wrap .card .by{font-family:var(--rb-mono);letter-spacing:.06em;color:var(--rb-faint)}
.wrap .card .price,.wrap .feature-purchase .price,.bundle .price{font-family:var(--rb-mono);font-weight:700;letter-spacing:-.06em}
.wrap .badge{border-radius:0;font-family:var(--rb-mono);letter-spacing:.12em}
.template-filters,.template-filters button{border-radius:0!important}
.template-filters button[aria-pressed="true"],.template-filters button.is-active{background:var(--rb-ink)!important;color:var(--rb-bg)!important}
.explore-kit{border-radius:0!important;border-color:var(--rb-line-2)!important;background:transparent!important}

/* SWAP y botones secundarios: misma piel plana */
.swap-home .swap-shell,.swap-home>div{border-radius:0}
.swap-home .spotlight-cta{border-radius:0;background:var(--rb-ink);color:var(--rb-bg)}
.swap-home .spotlight-screen,.swap-home button{border-radius:0}
.demo-trigger,.preview-trigger{border-radius:0!important;border-color:var(--rb-line-2)!important}
.demo-trigger .demo-play{border-radius:0;background:var(--rb-ink);color:var(--rb-bg)}
.wrap .badge{background:var(--rb-ink);color:var(--rb-bg);border:0}

/* ── Pritti Bundle: bloque editorial, sin degradado ────────────── */
#pritti-bundle .bundle-inner{background:transparent;border:0;border-top:1px solid var(--rb-line);border-bottom:1px solid var(--rb-line);
  border-radius:0;box-shadow:none;padding-left:0;padding-right:0}
#pritti-bundle .bundle-art .product-art{border-radius:0}
#pritti-bundle .tag{background:transparent;border:0;padding:0;font:400 11px/1.4 var(--rb-mono);letter-spacing:.16em;color:var(--rb-faint)}
#pritti-bundle h2{font-family:var(--rb-display);font-weight:700;letter-spacing:-.045em}
#pritti-bundle .save{color:var(--rb-mute)}
.bundle .bundle-math{margin-top:14px;font:400 .78rem/1.6 var(--rb-mono);color:var(--rb-mute)}
.bundle .bundle-math s{color:var(--rb-faint)}.bundle .bundle-math b{color:var(--rb-ink)}

/* ── Servicio de mezcla ────────────────────────────────────────── */
.service-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.service-list li{position:relative;padding-left:24px;font-size:.88rem;line-height:1.5;color:var(--rb-ink)}
.service-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--rb-ink)}
.service-steps{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:20px 0 0;font-size:.78rem;color:var(--rb-mute)}
.service-steps span{font:400 .66rem/1 var(--rb-mono);letter-spacing:.06em;color:var(--rb-faint)}

/* ── Sobre mí y pasos: números en mono ─────────────────────────── */
.about-metrics strong{font-family:var(--rb-mono);letter-spacing:-.05em}
.about-socials a{border-radius:0!important}
#como-funciona .by{font-family:var(--rb-mono);letter-spacing:.1em}

/* ── Footer ────────────────────────────────────────────────────── */
footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;margin:16px 0 4px}
footer .footer-links a{font:400 11px/1.4 var(--rb-mono);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--rb-mute);transition:color .2s}
footer .footer-links a:hover{color:var(--rb-ink)}
footer p a[href^="mailto:"]{color:var(--rb-ink)}
.footer-discord{border-radius:0!important;background:transparent!important;border-color:var(--rb-line-2)!important}

/* ── Celular ───────────────────────────────────────────────────── */
@media(max-width:680px){
  .ticker a{padding:10px 18px;font-size:10px}
  .hero-proof{max-width:360px}
  .hero-proof li{padding:2px 12px}
  .hero-proof span{font-size:.66rem;text-align:center;max-width:12ch;line-height:1.3}
  .hero .hero-pay{font-size:.72rem;max-width:330px}
  .setup-head h2{text-wrap:balance}
  .setup-card{padding:26px 22px 22px}
}
@media(prefers-reduced-motion:reduce){.footer-links a,.wrap .buy{transition:none}}