/* Oferta de lanzamiento (primeras 10 membresías) — assets/promo-launch.js */
.pl-badge{display:inline-flex;align-items:center;gap:9px;padding:6px 12px;border:1px solid rgba(231,189,90,.4);border-radius:99px;background:rgba(231,189,90,.08);white-space:nowrap}
.pl-badge b{font-family:var(--mono,monospace);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#e7bd5a}
.pl-badge span{font-size:.72rem;color:var(--tx-2,#a9a29a);font-variant-numeric:tabular-nums}
.pl-badge.hot{border-color:rgba(231,189,90,.7);background:rgba(231,189,90,.14)}
.pl-badge.hot span{color:#e7bd5a}
.pl-banner{border:1px solid rgba(231,189,90,.32);border-radius:18px;padding:clamp(20px,3vw,30px);display:grid;gap:16px;background:radial-gradient(130% 170% at 100% 0%,rgba(231,189,90,.1),transparent 60%),var(--card,#14120f)}
.pl-b-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.pl-banner h3{margin:0;font-family:var(--display,serif);font-size:clamp(1.25rem,2.4vw,1.75rem);letter-spacing:-.02em;line-height:1.2;text-wrap:pretty}
.pl-banner p{margin:0;font-size:.92rem;line-height:1.6;color:var(--tx-2,#a9a29a);max-width:62ch;text-wrap:pretty}
.pl-dots{display:flex;gap:5px}
.pl-dots i{width:8px;height:8px;border-radius:99px;background:rgba(231,189,90,.22);display:block}
.pl-dots i.t{background:#e7bd5a}
.pl-prices{display:grid;gap:1px;background:var(--line,#2a2621);border:1px solid var(--line,#2a2621);border-radius:12px;overflow:hidden}
.pl-price{background:var(--card-2,#191712);padding:14px 16px;display:flex;align-items:center;gap:12px}
.pl-mark{width:30px;height:30px;flex:none;display:grid;place-items:center}
/* La caja cuadrada con borde se retiro a proposito: era lo que hacia que
   las dos marcas se leyeran como casillas de tabla periodica. La pieza va
   suelta, con un halo tenue detras que la separa del fondo de la fila.
   El dibujo y su animacion viven en tier-art.js, compartidos con las otras
   tres pantallas donde sale la marca de nivel. */
.pl-price[data-plan=pro] .pl-mark{filter:drop-shadow(0 2px 7px rgba(231,189,90,.42))}
.pl-price[data-plan=dia] .pl-mark{filter:drop-shadow(0 2px 7px rgba(143,184,212,.42))}
.pl-name{font-family:var(--display,serif);font-size:.98rem}
.pl-fig{margin-left:auto;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pl-fig b{font-family:var(--display,serif);font-size:1.5rem;color:#e7bd5a;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.pl-fig i{font-style:normal;font-family:var(--mono,monospace);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#96928a)}
.pl-fig s{font-size:.72rem;color:var(--text-muted,#96928a)}
.pl-cta{justify-self:start}
.pl-terms{margin:0;font-size:.72rem;line-height:1.6;color:var(--text-muted,#96928a);max-width:70ch}
.pl-banner[data-compact="1"]{padding:16px 18px;gap:12px}.pl-banner[data-compact="1"] h3{font-size:1.05rem}
.pl-banner[data-compact="1"] p,.pl-banner[data-compact="1"] .pl-terms{display:none}
@media(max-width:560px){.pl-price{flex-wrap:wrap}.pl-fig{margin-left:38px;justify-content:flex-start}}
/* precio de lanzamiento dentro de una tarjeta de plan */
.pt-price .pl-was{display:block;font-size:.74rem;color:var(--text-muted,#96928a);text-decoration:line-through;margin-top:2px}
.pt-price .pl-note{display:block;font-family:var(--mono,monospace);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:#e7bd5a;margin-top:5px}
.ptier .pl-keep{margin:0 0 4px;font-size:.74rem;line-height:1.5;color:var(--text-muted,#96928a)}
/* opción de ciclo "Lanzamiento" en la página de cobros */
#bcBilling button .bc-save.pl{background:rgba(231,189,90,.16);color:#e7bd5a}
.bc-opt .bc-was{font-size:.7rem;color:var(--text-muted,#96928a);text-decoration:line-through;margin-left:6px}
/* popup de bienvenida en Inicio */
.promo-welcome .pw-promo{display:grid;gap:10px;padding:14px 16px;border:1px solid rgba(231,189,90,.34);border-radius:14px;background:rgba(231,189,90,.06);margin:2px 0 6px}
.promo-welcome .pw-promo .pl-badge{justify-self:start}
.promo-welcome .pw-promo-fig{display:flex;gap:18px;flex-wrap:wrap}
.promo-welcome .pw-promo-fig div{display:flex;align-items:baseline;gap:6px}
.promo-welcome .pw-promo-fig span{font-size:.78rem;color:var(--tx-2,#a9a29a)}
.promo-welcome .pw-promo-fig b{font-family:var(--display,serif);font-size:1.2rem;color:#e7bd5a}
.promo-welcome .pw-promo-fig s{font-size:.7rem;color:var(--text-muted,#96928a)}
.promo-welcome .pw-promo em{font-style:normal;font-size:.72rem;line-height:1.5;color:var(--text-muted,#96928a)}

/* franja de oferta dentro del modal Pro (todas las páginas) */
.pm-promo{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 18px;padding:12px 16px;border:1px solid rgba(231,189,90,.36);border-radius:14px;background:rgba(231,189,90,.06)}
.pm-promo p{flex:1 1 260px;margin:0;font-size:.84rem;line-height:1.5;color:var(--text-2,#c3bfb2);text-wrap:pretty}
.pm-promo p b{color:var(--text,#f2efe6)}
.pm-promo-a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:.86rem;color:#e7bd5a;text-decoration:none;white-space:nowrap}
.pm-promo-a:hover{color:var(--text,#f2efe6)}
.promo-bar-left{font-weight:600;color:#e7bd5a;white-space:nowrap}

/* Sé de los primeros */
.fnd-box{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;padding:clamp(24px,4vw,44px);border:1px solid var(--border-gold);border-radius:22px;background:radial-gradient(120% 100% at 100% 0,rgba(231,189,90,.09),transparent 60%),var(--card)}
.fnd-l h2{margin:10px 0 12px;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.15;text-wrap:balance}
.fnd-l>p{margin:0;color:var(--text-2);line-height:1.65;text-wrap:pretty;max-width:60ch}
.fnd-rules{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.fnd-rules li{display:grid;gap:3px;padding-left:18px;position:relative}
.fnd-rules li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.fnd-rules b{font-size:.95rem;color:var(--text)}
.fnd-rules span{font-size:.86rem;color:var(--text-2);line-height:1.5}
.fnd-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px}
.fnd-link{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;font-weight:600;color:var(--gold);text-decoration:none}
.fnd-link:hover{color:var(--text)}
.fnd-seats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.fnd-seat{aspect-ratio:1;border-radius:14px;border:1px dashed rgba(231,189,90,.35);display:grid;place-items:center;font:700 .8rem/1 var(--mono);color:var(--text-muted);background:rgba(231,189,90,.03)}
.fnd-seat.t{border-style:solid;border-color:var(--gold);background:linear-gradient(160deg,rgba(231,189,90,.28),rgba(231,189,90,.08));color:var(--gold)}
.fnd-cap{margin:14px 0 0;text-align:center;font:600 .74rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}
@media(max-width:760px){.fnd-box{grid-template-columns:1fr}.fnd-r{order:-1}.fnd-seats{max-width:320px;margin:0 auto}}
