/* /staging/programa-v2.css — Perfil v2 (diseño de Claude Design, 10-09-2026) portado sobre los tokens del site.
   Prefijo v2-. Solo se aplica con body.v2 (perfil y ranking del staging). */
body.v2 {
  --rk:#7A85A8; --rk-soft:rgba(122,133,168,.16);
  --ac:#8b5cf6; --ac-deep:#4c1d95; --ac-soft:rgba(139,92,246,.16);
  --line2:rgba(139,92,246,.42); --panel2:#15102a; --ink4:#8f87ab;
  --bg-art: radial-gradient(900px 520px at 50% -12%, rgba(139,92,246,.20), transparent 62%),
            radial-gradient(620px 420px at 88% 34%, rgba(167,139,250,.10), transparent 66%),
            radial-gradient(560px 380px at 4% 62%, rgba(91,33,182,.16), transparent 68%),
            linear-gradient(180deg,#0a0816,#07060d 44%,#08070f);
  background: var(--bg-art);
}
@keyframes v2breathe{0%,100%{opacity:.32;transform:translate(-50%,-50%) scale(.94)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}}
@keyframes v2haloSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes v2haloSpinRev{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes v2nodeHalo{0%,100%{opacity:.35;transform:scale(.96)}50%{opacity:.9;transform:scale(1.08)}}
@keyframes v2ringSpin{to{transform:rotate(360deg)}}
@keyframes v2growX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes v2shimmer{0%{transform:translateX(-140%) skewX(-16deg)}55%,100%{transform:translateX(340%) skewX(-16deg)}}
@keyframes v2floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ── encabezados de sección ── */
body.v2 .v2-head { text-align:center; }
body.v2 .v2-head.left { text-align:left; }
body.v2 .v2-eyebrow { font-family:var(--mono); font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:var(--ac); }
body.v2 .v2-h1 { font-family:var(--display); font-weight:800; font-size:clamp(34px,6vw,58px); line-height:.98; text-transform:uppercase; margin:10px 0 0; color:var(--ink); }
body.v2 .v2-h1 em { font-style:normal; color:var(--violet-2); }
body.v2 .v2-h1 em.rk { color:var(--rk); }
body.v2 .v2-lead { font-size:14px; line-height:1.6; color:var(--ink-3); max-width:66ch; margin:10px auto 0; }
body.v2 .v2-head.left .v2-lead { margin-left:0; font-size:15px; color:var(--ink-2); }
/* la sección "Sección 03/04/05/06" de las secciones viejas del site toma el mismo look */
body.v2 .section-head .eyebrow { font-family:var(--mono); letter-spacing:.26em; color:var(--violet-2); }
body.v2 .section-head .h1 { font-family:var(--display); font-weight:800; font-size:clamp(32px,5.5vw,54px)!important; line-height:1; text-transform:uppercase; }
body.v2 #hero-session { display:none!important; }

/* ── 01 · hero de rango ── */
.v2-hero { position:relative; margin-top:14px; display:grid; place-items:center; min-height:208px; }
.v2-hero .h1c { position:absolute; top:50%; left:50%; width:272px; height:272px; border-radius:50%; background:radial-gradient(circle,var(--rk-soft),transparent 66%); animation:v2breathe 5.4s ease-in-out infinite; }
.v2-hero .h2c { position:absolute; top:50%; left:50%; width:238px; height:238px; border-radius:50%; border:1px solid var(--rk-soft); border-left-color:var(--rk); transform:translate(-50%,-50%); animation:v2haloSpin 28s linear infinite; }
.v2-hero .h3c { position:absolute; top:50%; left:50%; width:196px; height:196px; border-radius:50%; border:1px dashed rgba(139,92,246,.26); transform:translate(-50%,-50%); animation:v2haloSpinRev 40s linear infinite; }
.v2-hero .ghost { position:absolute; font-family:var(--display); font-weight:800; font-size:clamp(56px,12vw,132px); line-height:.82; text-transform:uppercase; letter-spacing:-.01em; color:transparent; -webkit-text-stroke:1px var(--rk-soft); white-space:nowrap; pointer-events:none; }
.v2-hero img.gab-rank { position:relative; display:block; filter:drop-shadow(0 14px 40px var(--rk-soft)); animation:v2floaty 7s ease-in-out infinite; }
.v2-rank-name { font-family:var(--display); font-weight:800; font-size:clamp(34px,5.5vw,58px); line-height:.9; text-transform:uppercase; color:var(--rk); text-align:center; margin-top:-10px; position:relative; }
.v2-rank-meta { font-family:var(--mono); font-size:11.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-3); margin-top:9px; text-align:center; }
.v2-rank-meta b { color:var(--ink); }
.v2-rank-desc { font-size:14.5px; line-height:1.55; color:var(--ink-2); max-width:56ch; margin:10px auto 0; text-align:center; text-wrap:pretty; }
.v2-chip { display:inline-block; margin-top:8px; padding:3px 10px; border-radius:999px; font-family:var(--display); font-weight:700; font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:#04121a; background:var(--rk); }

/* ── línea de evolución ── */
/* Marco 3D con relieve: panel elevado sobre el resto de la página.
   Bisel claro arriba/izq + sombra abajo (inset) + sombra proyectada externa. */
.v2-evo { position:relative; margin-top:30px; padding:22px 24px 24px; border-radius:20px;
  border:3px solid rgba(226,188,122,.42); border-top-color:rgba(255,232,186,.80); border-bottom-color:rgba(46,29,8,.92);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055) 0%, rgba(255,255,255,.012) 22%, rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(30,22,54,.82), rgba(9,7,17,.92));
  box-shadow:
    inset 0 2px 0 rgba(255,236,200,.55),
    inset 0 -1px 0 rgba(0,0,0,.6),
    inset 2px 0 0 rgba(226,188,122,.24),
    inset -2px 0 0 rgba(0,0,0,.45),
    inset 0 -18px 34px -22px rgba(0,0,0,.85),
    0 3px 0 rgba(226,188,122,.16),
    0 24px 48px -14px rgba(0,0,0,.88),
    0 0 26px -6px rgba(226,188,122,.22);
}
/* Borde exterior biselado: segundo aro que da el canto del marco */
.v2-evo::before { content:""; position:absolute; inset:-11px; border-radius:32px; pointer-events:none; z-index:-1;
  border:2px solid rgba(226,188,122,.26); border-top-color:rgba(255,230,182,.48);
  background:transparent;
  box-shadow:0 0 22px -4px rgba(226,188,122,.30), inset 0 0 18px -6px rgba(226,188,122,.18); }
/* Brillo superior del canto */
.v2-evo::after { content:""; position:absolute; left:12%; right:12%; top:-1px; height:1px; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,231,190,.75), transparent); }
.v2-evo-in { position:relative; padding:14px 4px 0; }
.v2-track-bg { position:absolute; left:12.5%; right:12.5%; top:49px; height:3px; border-radius:99px; background:rgba(255,255,255,.07); }
.v2-track { position:absolute; left:12.5%; top:49px; height:3px; border-radius:99px; background:linear-gradient(90deg,var(--ac-deep),var(--ac)); box-shadow:0 0 14px var(--ac-soft); transform-origin:left center; animation:v2growX 1.7s cubic-bezier(.2,.8,.2,1) both; }
.v2-nodes { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.v2-node { text-align:center; }
.v2-node-img { position:relative; display:grid; place-items:center; height:74px; }
.v2-node-img .halo { position:absolute; width:74px; height:74px; border-radius:50%; }
.v2-node-img .ring { position:absolute; width:66px; height:66px; border-radius:50%; border:1px dashed transparent; }
.v2-node.yo .halo { animation:v2nodeHalo 4.4s ease-in-out infinite; }
.v2-node.yo .ring { animation:v2ringSpin 26s linear infinite; }
.v2-node-img img { position:relative; display:block; }
.v2-node.off .v2-node-img img { filter:grayscale(1) brightness(.5); }
.v2-node-name { font-family:var(--display); font-weight:800; font-size:clamp(14px,2vw,19px); text-transform:uppercase; line-height:1.05; margin-top:7px; }
.v2-node-meta { font-family:var(--mono); font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; margin-top:5px; }
.v2-pill { display:inline-block; margin-top:8px; padding:3px 9px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.02); font-family:var(--display); font-weight:800; font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink4); }
.v2-bens { display:flex; justify-content:center; gap:5px; margin-top:9px; }
.v2-ben { position:relative; display:grid; place-items:center; width:27px; height:27px; border-radius:8px; border:1px solid var(--line); background:rgba(255,255,255,.02); cursor:help; transition:border-color .15s,background .15s; }
.v2-ben svg { display:block; }
.v2-ben .tip { position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); opacity:0; transition:opacity .15s; pointer-events:none; white-space:nowrap; padding:6px 10px; border-radius:8px; background:#0b0916; border:1px solid var(--line2); box-shadow:0 12px 30px -14px #000; font-family:var(--mono); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); z-index:6; }
.v2-ben.on .tip { color:var(--ink); }
.v2-ben:hover .tip { opacity:1; }
@media (max-width:640px) { .v2-nodes { gap:4px; } .v2-bens { display:none; } .v2-node-meta { display:none; } }

/* ── progreso + consejos ── */
.v2-prog { max-width:560px; margin:22px auto 0; }
.v2-prog-head { display:flex; justify-content:space-between; align-items:baseline; font-family:var(--mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); }
.v2-prog-head .pct { color:var(--ac); }
.v2-bar { height:8px; border-radius:999px; background:rgba(255,255,255,.07); overflow:hidden; margin-top:7px; }
.v2-bar > span { display:block; height:100%; border-radius:999px; transform-origin:left center; animation:v2growX 1.6s cubic-bezier(.2,.8,.2,1) both; background:linear-gradient(90deg,var(--ac-deep),var(--ac)); box-shadow:0 0 18px var(--ac-soft),inset 0 0 8px rgba(255,255,255,.2); }
body.v2 .pg-tips { margin-top:14px; min-height:0; justify-content:space-between; gap:12px; padding:11px 4px 0; border-top:1px solid rgba(255,255,255,.07); }
body.v2 .pg-tip-txt { flex:1; font-size:13px; line-height:1.5; color:var(--ink-3); font-style:normal; text-align:left; -webkit-line-clamp:3; min-height:58px; }
body.v2 .pg-tip-estado { color:var(--ink-2); }
body.v2 .pg-tip-tag { color:var(--ac); }

/* ── HUD ── */
.v2-hud { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1px; margin-top:16px; background:var(--line); border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.v2-hud > div { padding:20px 22px; background:var(--panel); }
.v2-hud > div:first-child { background:linear-gradient(180deg,var(--ac-soft),var(--panel)); }
.v2-hud .n { font-family:var(--display); font-weight:800; font-size:40px; line-height:1; color:var(--ink); }
.v2-hud > div:first-child .n { color:var(--ac); }
.v2-hud .n.dim { color:var(--ink4); }
.v2-hud .n small { font-size:22px; color:var(--warn); }
.v2-hud .l { font-family:var(--mono); font-size:10.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-3); margin-top:7px; }

/* ── bono + invitar ── */
.v2-two { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin-top:16px; }
@media (max-width:860px) { .v2-two { grid-template-columns:1fr; } }
.v2-card { padding:24px; border-radius:18px; border:1px solid var(--line); background:var(--panel); }
.v2-card-title { font-family:var(--display); font-weight:800; font-size:12px; letter-spacing:.26em; text-transform:uppercase; color:var(--ac); }
.v2-card-meta { font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink4); }
.v2-bono-row { display:flex; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-top:16px; }
.v2-bono-big { font-family:var(--display); font-weight:800; font-size:64px; line-height:.85; color:var(--ac); }
.v2-bono-mid { font-family:var(--display); font-weight:800; font-size:40px; line-height:.9; color:var(--ink-3); }
.v2-bono-sub { font-size:13px; line-height:1.5; color:var(--ink-2); margin-top:8px; max-width:34ch; }
.v2-bono-sub span { color:var(--ink-3); }
.v2-bono-sep { padding-left:24px; border-left:1px solid var(--line); }
.v2-cells { display:flex; gap:4px; margin-top:24px; }
.v2-cells span { flex:1; height:22px; border-radius:3px; background:rgba(255,255,255,.05); border:1px solid var(--line); }
.v2-cells span.on { background:var(--ac); border-color:var(--ac); }
.v2-cells span.fuera { background:rgba(255,255,255,.06); }
.v2-cells-lbl { display:flex; justify-content:space-between; align-items:center; font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); margin-top:11px; }
.v2-cells-lbl span { padding:4px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.03); color:var(--ink-2); }
.v2-cells-lbl span:first-child { padding-left:0; padding-right:0; border:0; background:none; color:var(--ink-3); }
.v2-cells-lbl .ac { color:#C4B5FD; font-weight:700; border-color:rgba(139,92,246,.45); background:rgba(139,92,246,.14); box-shadow:0 0 0 1px rgba(139,92,246,.12), 0 6px 16px -10px rgba(139,92,246,.7); }
.v2-note { font-size:12.5px; line-height:1.6; color:var(--ink-3); margin-top:16px; }
.v2-invite { padding:24px; border-radius:18px; border:1px solid var(--line2); background:linear-gradient(160deg,rgba(139,92,246,.11),var(--panel) 70%); }
.v2-invite .v2-card-title { color:var(--violet-2); }
.v2-invite p { font-size:13.5px; line-height:1.6; color:var(--ink-2); margin:12px 0 0; }
.v2-code-row { display:flex; align-items:center; gap:10px; margin-top:18px; flex-wrap:wrap; }
.v2-code { font-family:var(--mono); font-size:17px; letter-spacing:.12em; color:var(--ink); background:rgba(255,255,255,.05); border:1px dashed var(--line2); border-radius:10px; padding:10px 14px; }
.v2-btn { padding:11px 16px; border-radius:11px; border:1px solid var(--line2); background:transparent; color:var(--ink); font-family:var(--display); font-weight:800; font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; transition:border-color .15s,color .15s; text-decoration:none; display:inline-block; }
.v2-btn:hover { border-color:var(--violet-2); color:var(--violet-2); }
.v2-btn.primary { border-color:var(--ac); background:var(--ac-soft); }
.v2-btn.primary:hover { background:var(--ac); color:#04121a; }
.v2-invite .input { padding:10px 12px; border-radius:10px; }
.v2-legal { font-size:11.5px; line-height:1.6; color:var(--ink4); margin-top:22px; max-width:96ch; }

/* ── 02 · insignias ── */
.v2-ins-head { display:flex; flex-wrap:wrap; align-items:flex-end; gap:18px; justify-content:space-between; margin-top:8px; }
.v2-ins-head .v2-h1 { margin:0; font-size:clamp(32px,5.5vw,54px); line-height:1; }
.v2-count { font-family:var(--display); font-weight:800; font-size:38px; line-height:1; color:var(--violet-2); text-align:right; }
.v2-count small { color:var(--ink4); font-size:21px; }
.v2-count-l { font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); margin-top:5px; text-align:right; }
.v2-vitrina { margin-top:26px; padding:26px 24px; border:1px solid var(--line2); border-radius:18px; background:radial-gradient(700px 260px at 50% 0%,rgba(139,92,246,.14),transparent 70%),var(--panel); }
.v2-vit-head { display:flex; flex-wrap:wrap; gap:12px; align-items:baseline; justify-content:space-between; }
.v2-vit-head .t { font-family:var(--display); font-weight:800; font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:var(--violet-2); }
.v2-vit-head .s { font-size:12.5px; color:var(--ink-3); }
.v2-vit-head .s b { color:var(--ink); }
.v2-vitrina p { font-size:14px; line-height:1.6; color:var(--ink-2); margin:10px 0 0; max-width:70ch; }
.v2-vit-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin-top:20px; }
.v2-vit-card { position:relative; overflow:hidden; display:flex; align-items:center; gap:14px; padding:16px 18px; border-radius:14px; border:1px solid var(--line); background:rgba(255,255,255,.02); }
.v2-vit-card .sh { position:absolute; top:0; left:0; width:70px; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent); animation:v2shimmer 4.6s ease-in-out infinite; }
.v2-vit-card .n { font-family:var(--display); font-weight:800; font-size:17px; text-transform:uppercase; line-height:1.05; color:var(--ink); }
.v2-vit-card .m { font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; margin-top:5px; }
.v2-vit-empty { font-size:13px; color:var(--ink-3); margin-top:14px; }
.v2-fam { margin-top:30px; position:relative; }

/* ── 4 opciones de división entre familias (una por división, para elegir) ── */
/* opción 1 · línea con degradado que se desvanece en los bordes */
.v2-fam.sep-1 { margin-top:38px; padding-top:30px; }
.v2-fam.sep-1::before { content:""; position:absolute; left:0; right:0; top:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.26) 18%, rgba(255,255,255,.26) 82%, transparent); }
/* opción 2 · el encabezado va sobre una franja tintada con el color de la familia */
.v2-fam.sep-2 { margin-top:38px; }
.v2-fam.sep-2 > .v2-fam-head { border-bottom:0; padding:11px 16px; border-radius:12px;
  background:linear-gradient(90deg, var(--fam-soft, rgba(255,255,255,.06)), transparent 78%);
  box-shadow:inset 2px 0 0 var(--fam, rgba(255,255,255,.3)); }
/* opción 3 · regla doble fina, aire generoso */
.v2-fam.sep-3 { margin-top:46px; padding-top:34px; }
.v2-fam.sep-3::before { content:""; position:absolute; left:0; right:0; top:0; height:4px;
  border-top:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.07); }
/* opción 4 · marca gruesa del color de la familia + línea punteada */
.v2-fam.sep-4 { margin-top:40px; padding-top:30px; }
.v2-fam.sep-4::before { content:""; position:absolute; left:0; right:0; top:0; height:3px; border-radius:99px;
  background:linear-gradient(90deg, var(--fam, #fff) 0 56px, transparent 56px),
             repeating-linear-gradient(90deg, rgba(255,255,255,.20) 0 3px, transparent 3px 9px);
  background-position:0 0, 66px 0; background-repeat:no-repeat, repeat-x; background-size:100% 3px, 100% 1px;
  background-origin:border-box; }
.v2-fam.sep-4::after { content:""; position:absolute; left:0; top:0; width:56px; height:3px; border-radius:99px;
  background:var(--fam, #fff); box-shadow:0 0 14px var(--fam, #fff); }
.v2-fam-head { display:flex; align-items:center; gap:14px; padding-bottom:10px; border-bottom:1px solid var(--line); }
.v2-fam-head .dot { width:10px; height:10px; border-radius:2px; transform:rotate(45deg); flex:none; }
.v2-fam-head .n { font-family:var(--display); font-weight:800; font-size:15px; letter-spacing:.16em; text-transform:uppercase; }
.v2-fam-head .c { font-family:var(--mono); font-size:11px; color:var(--ink-3); margin-left:auto; }
.v2-fam-head .bar { width:96px; height:5px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; flex:none; }
.v2-fam-head .bar span { display:block; height:100%; border-radius:99px; transform-origin:left center; animation:v2growX 1.4s cubic-bezier(.2,.8,.2,1) both; }
.v2-fam-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(238px,1fr)); gap:12px; margin-top:14px; }
.v2-ins { display:flex; gap:12px; padding:14px; border-radius:14px; border:1px solid var(--line); background:rgba(255,255,255,.02); transition:border-color .2s,background .2s,transform .2s; }
.v2-ins:hover { transform:translateY(-3px); }
.v2-ins .im { flex:none; transition:filter .28s,opacity .28s; }
.v2-ins.off .im { filter:grayscale(1) brightness(.55); opacity:.5; }
.v2-ins.off:hover .im { filter:none; opacity:1; }
.v2-ins .im img { display:block; width:54px; height:54px; }
.v2-ins .n { font-family:var(--display); font-weight:800; font-size:15px; text-transform:uppercase; line-height:1.1; color:var(--ink); }
.v2-ins.off .n { color:var(--ink-3); }
.v2-ins .d { font-size:12.5px; line-height:1.45; color:var(--ink-3); margin-top:5px; }
.v2-ins .m { font-family:var(--mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; margin-top:8px; color:var(--ink4); }
.v2-ins .acts { display:flex; gap:10px; margin-top:8px; }
.v2-ins .acts button { background:none; border:0; padding:0; font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--violet-2); cursor:pointer; }
.v2-ins .acts button:hover { color:var(--ink); }
.v2-ins.dest { box-shadow:0 0 0 1px var(--line2) inset; }
.v2-hint { font-family:var(--mono); font-size:11px; color:var(--ink4); margin-top:16px; }

/* ── 03 · mis datos (markup del site, look v2) ── */
body.v2 #datos-section .login-grid { display:block; max-width:900px; margin:30px auto 0; }
/* borde degradé del diseño: violeta sólido arriba a la izquierda que se apaga hacia abajo */
body.v2 #datos-section .card.corners.glow { padding:0; border-radius:20px; border:1px solid transparent; overflow:hidden; box-shadow:none;
  background:linear-gradient(170deg,rgba(139,92,246,.05),rgba(6,5,12,.94) 55%) padding-box, linear-gradient(160deg,var(--ac),rgba(139,92,246,.35) 42%,rgba(139,92,246,.12) 78%) border-box; }
body.v2 #datos-section .card.corners.glow > .eyebrow { display:none; }
body.v2 #datos-section .card.corners::before, body.v2 #datos-section .card.corners::after, body.v2 #datos-section .c-bl, body.v2 #datos-section .c-br { display:none; }
body.v2 #datos-section .datos-body { padding:26px; }
body.v2 #datos-section.colapsada .datos-body { display:none; }
body.v2 #datos-section.colapsada .v2-ident { border-bottom:0; }
.v2-ident { display:flex; flex-wrap:wrap; align-items:center; gap:18px; padding:22px 26px; border-bottom:1px solid var(--line); background:linear-gradient(120deg,var(--ac-soft),transparent 62%); cursor:pointer; }
.v2-ident .sec-toggle { margin-left:6px; }
.v2-ident .badges img { display:block; }
.v2-ident .av { position:relative; display:grid; place-items:center; width:72px; height:72px; flex:none; }
.v2-ident .av .ring { position:absolute; width:72px; height:72px; border-radius:50%; border:1px solid var(--rk-soft); border-top-color:var(--rk); animation:v2ringSpin 24s linear infinite; }
.v2-ident .av img { display:block; filter:drop-shadow(0 0 14px var(--rk-soft)); position:relative; }
.v2-ident .u { font-family:var(--display); font-weight:800; font-size:26px; text-transform:uppercase; line-height:1; color:var(--ink); }
.v2-ident .r { font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--rk); margin-top:7px; }
.v2-ident .badges { display:flex; gap:8px; margin-left:auto; }
body.v2 #datos-section .fld-label, body.v2 #datos-section label { font-family:var(--display); font-weight:700; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--ac); }
body.v2 #datos-section .input { padding:14px 15px; border-radius:11px; border:1px solid var(--line); background:rgba(255,255,255,.03); color:var(--ink); font-size:15px; }
body.v2 #datos-section .input:focus { border-color:var(--ac); box-shadow:0 0 0 3px var(--ac-soft); outline:none; }
body.v2 #datos-section .input:disabled { opacity:.55; }
body.v2 #datos-section .btn.primary, body.v2 #datos-section .btn { padding:14px 22px; border-radius:11px; font-family:var(--display); font-weight:800; font-size:13.5px; letter-spacing:.06em; text-transform:uppercase; }
body.v2 #datos-section .btn:not(.ghost) { border:1px solid var(--ac); background:var(--ac-soft); color:var(--ink); }
body.v2 #datos-section .btn:not(.ghost):hover { background:var(--ac); color:#04121a; }

/* ── 05 · mis referidos ── */
body.v2 #referidos-section .card.corners { padding:0; border-radius:16px; overflow:hidden; }
body.v2 #referidos-section .c-bl, body.v2 #referidos-section .c-br { display:none; }
.rf-top { display:grid; grid-template-columns:1.25fr 1fr; gap:16px; margin:22px 0 18px; align-items:stretch; }
@media (max-width:860px){ .rf-top { grid-template-columns:1fr; } }
.rf-panel { border:1px solid var(--line); border-radius:16px; padding:18px 20px; background:linear-gradient(160deg,rgba(139,92,246,.07),rgba(9,7,17,.6) 70%); }
.rf-panel.locked { border-color:rgba(226,188,122,.22); background:linear-gradient(160deg,rgba(196,148,74,.10),rgba(9,7,17,.65) 70%); }
.rf-panel-t { display:flex; align-items:center; gap:9px; font-family:var(--display); font-weight:800; font-size:15px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink); }
.rf-panel-t svg { width:19px; height:19px; flex:none; }
.rf-panel p { font-size:13.5px; color:var(--ink-2); line-height:1.5; margin:10px 0 14px; }
.rf-rules { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); overflow:hidden; }
@media (max-width:900px){ .rf-rules { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .rf-rules { grid-template-columns:1fr; } }
.rf-rule { display:flex; gap:10px; align-items:flex-start; padding:12px 14px; border-right:1px solid var(--line); }
.rf-rules > .rf-rule:last-child { border-right:0; }
.rf-rule > svg { width:18px; height:18px; flex:none; margin-top:1px; }
.rf-rule b { display:block; font-family:var(--display); font-weight:800; font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink); line-height:1.2; }
.rf-rule i { font-style:normal; display:block; font-size:11.5px; color:var(--ink-2); line-height:1.4; margin-top:3px; }
.rf-sum { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.rf-sum > div { border:1px solid var(--line); border-radius:12px; padding:11px 13px; background:rgba(255,255,255,.03); }
.rf-sum b { display:block; font-family:var(--display); font-weight:800; font-size:22px; line-height:1.1; color:var(--ink); }
.rf-sum span { display:block; font-size:11.5px; color:var(--ink-3); margin-top:3px; }
.rf-gt { display:flex; align-items:center; gap:10px; }
.rf-gt span { font-family:var(--display); font-weight:700; font-size:14.5px; color:var(--ink); }
.rf-dot { width:9px; height:9px; border-radius:50%; flex:none; }
.rf-win { min-width:190px; }
.rf-win .top { display:flex; align-items:center; gap:9px; }
.rf-win .bar { height:5px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; margin-top:6px; }
.rf-win .bar > span { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,var(--ac-deep),var(--ac)); }
.rf-win small { font-family:var(--mono); font-size:11px; letter-spacing:.06em; color:var(--ink-3); }
.rf-chip { display:inline-block; flex:none; padding:2px 8px; border-radius:999px; font-family:var(--display); font-weight:700; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; border:1px solid var(--line); color:var(--ink-3); }
.rf-chip.on { border-color:rgba(52,211,153,.45); color:#6EE7B7; background:rgba(52,211,153,.10); }
.rf-chip.off { border-color:var(--line); color:var(--ink-3); }
.rf-earn { font-family:var(--mono); font-size:14px; color:var(--ink); }
.rf-earn.zero { color:var(--ink-3); }
.rf-empty { padding:30px 24px; text-align:center; color:var(--ink-3); font-size:13.5px; }

/* ── 06 · mis órdenes ── */
body.v2 #mis-calls-section .filter-tabs button { padding:8px 14px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.04); color:var(--ink-3); font-family:var(--display); font-weight:700; font-size:12.5px; letter-spacing:.04em; }
body.v2 #mis-calls-section .filter-tabs button.active { border-color:var(--ac); background:var(--ac-soft); color:var(--ink); }
body.v2 #mis-calls-section .card.corners { padding:0; border-radius:16px; overflow:hidden; }
body.v2 #mis-calls-section .c-bl, body.v2 #mis-calls-section .c-br { display:none; }
body.v2 #mis-calls-section .table th { text-align:left; padding:14px 18px; border-bottom:1px solid var(--line); font-family:var(--display); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3); }
body.v2 #mis-calls-section .table td { padding:15px 18px; border-bottom:1px solid var(--line); font-family:var(--mono); font-size:12.5px; color:var(--ink-2); }
body.v2 #mis-calls-section .table tr:hover td { background:rgba(255,255,255,.03); }
body.v2 #mis-calls-section .table td:first-child { border-left:3px solid var(--line); }
body.v2 #mis-calls-section .table tr:has(.status.ok) td:first-child { border-left-color:var(--ok); }
body.v2 #mis-calls-section .table tr:has(.status.sold) td:first-child { border-left-color:var(--violet-2); }
body.v2 #mis-calls-section .table tr:has(.status.warn) td:first-child { border-left-color:var(--warn); }
body.v2 #mis-calls-section .table tr:has(.status.bad) td:first-child { border-left-color:var(--bad); }
body.v2 #mis-calls-section .table tr:has(.status.info) td:first-child { border-left-color:#38bdf8; }
body.v2 #mis-calls-section .gname { font-family:var(--display); font-weight:800; font-size:16px; text-transform:uppercase; line-height:1.1; color:var(--ink); }
body.v2 #mis-calls-section .gsub { font-family:var(--mono); font-size:10.5px; color:var(--ink4); margin-top:4px; }
body.v2 #mis-calls-section .mini-cover { display:none; }
body.v2 #mis-calls-section .status { padding:5px 11px; border-radius:999px; font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; border:1px solid currentColor; }
body.v2 #mis-calls-section .amount-cell { font-family:var(--display); font-weight:800; font-size:18px; color:var(--ink); }
body.v2 #mis-calls-section .table-foot { padding:14px 18px; background:var(--panel2); font-family:var(--mono); font-size:12px; color:var(--ink-3); }

/* ── ranking (misma familia visual) ── */
body.v2 .pg-tabs { justify-content:center; }
body.v2 .pg-tab { padding:8px 14px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.04); color:var(--ink-3); font-family:var(--display); font-weight:700; font-size:12.5px; letter-spacing:.04em; }
body.v2 .pg-tab.on { border-color:var(--ac); background:var(--ac-soft); color:var(--ink); }
body.v2 .v2-rk-wrap { position:relative; margin-top:26px; border-radius:20px; overflow:visible;
  border:3px solid rgba(226,188,122,.42); border-top-color:rgba(255,232,186,.80); border-bottom-color:rgba(46,29,8,.92);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055) 0%, rgba(255,255,255,.012) 22%, rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(30,22,54,.82), rgba(9,7,17,.92));
  box-shadow:
    inset 0 2px 0 rgba(255,236,200,.55),
    inset 0 -1px 0 rgba(0,0,0,.6),
    inset 2px 0 0 rgba(226,188,122,.24),
    inset -2px 0 0 rgba(0,0,0,.45),
    inset 0 -18px 34px -22px rgba(0,0,0,.85),
    0 3px 0 rgba(226,188,122,.16),
    0 24px 48px -14px rgba(0,0,0,.88),
    0 0 26px -6px rgba(226,188,122,.22); }
body.v2 .v2-rk-wrap::before { content:""; position:absolute; inset:-11px; border-radius:32px; pointer-events:none; z-index:-1;
  border:2px solid rgba(226,188,122,.26); border-top-color:rgba(255,230,182,.48); background:transparent;
  box-shadow:0 0 22px -4px rgba(226,188,122,.30), inset 0 0 18px -6px rgba(226,188,122,.18); }
body.v2 .v2-rk-wrap::after { content:""; position:absolute; left:12%; right:12%; top:-1px; height:1px; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,231,190,.75), transparent); }
/* el encabezado de cada tabla usa la franja tintada elegida para las divisiones */
body.v2 .v2-rk-head { margin:14px 14px 0; padding:13px 16px; border-radius:12px; align-items:baseline;
  background:linear-gradient(90deg, var(--fam-soft, rgba(139,92,246,.16)), transparent 78%);
  box-shadow:inset 2px 0 0 var(--fam, var(--ac)); }
body.v2 .v2-rk-head .v2-note { margin-top:0; }
body.v2 .v2-rk-scroll { border-radius:0 0 16px 16px; overflow:hidden; }
/* tabs: mismo chip destacado que los escalones del bono */
body.v2 .pg-tab.on { border-color:rgba(139,92,246,.55); background:rgba(139,92,246,.16); color:#EDE9FE;
  box-shadow:0 0 0 1px rgba(139,92,246,.14), 0 8px 20px -10px rgba(139,92,246,.75); }
body.v2 .v2-rk-head { padding:18px 18px 12px; display:flex; flex-wrap:wrap; gap:8px 18px; align-items:baseline; justify-content:space-between; }
body.v2 .v2-rk-head .v2-note { margin:0; }
body.v2 .v2-rk { width:100%; border-collapse:collapse; }
body.v2 .v2-rk th { text-align:left; padding:12px 18px; border-bottom:1px solid var(--line); border-top:1px solid var(--line); font-family:var(--display); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3); }
body.v2 .v2-rk td { padding:13px 18px; border-bottom:1px solid var(--line); font-family:var(--mono); font-size:12.5px; color:var(--ink-2); }
body.v2 .v2-rk tr:hover td { background:rgba(255,255,255,.03); }
body.v2 .v2-rk td.pos { font-family:var(--display); font-weight:800; font-size:18px; color:var(--ink4); width:54px; }
body.v2 .v2-rk tr.podio td.pos { color:#F5C74B; }
body.v2 .v2-rk tr.yo td { background:rgba(139,92,246,.10); }
body.v2 .v2-rk .m { display:flex; align-items:center; gap:12px; }
body.v2 .v2-rk .n { font-family:var(--display); font-weight:800; font-size:16px; text-transform:uppercase; line-height:1.1; color:var(--ink); }
body.v2 .v2-rk .r { font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; margin-top:3px; }
body.v2 .v2-rk .top { display:flex; gap:4px; margin-left:auto; padding-left:8px; }
@media (max-width:600px) { body.v2 .v2-rk .top { display:none; } }
body.v2 .v2-rk td.val { text-align:right; font-family:var(--display); font-weight:800; font-size:18px; color:var(--ink); white-space:nowrap; }
body.v2 .v2-rk td.val small { font-family:var(--mono); font-weight:400; font-size:11px; color:var(--ink-3); }
body.v2 .v2-rk-foot { padding:14px 18px; background:var(--panel2); font-family:var(--mono); font-size:12px; color:var(--ink-3); }

/* ── 04 · cobros y 05 · comunidad (markup del site, look v2; pedido 10-09) ── */
body.v2 #perfil-section .section-head, body.v2 #metadata-section .section-head { justify-content:center; text-align:center; }
body.v2 #perfil-section .section-head > div, body.v2 #metadata-section .section-head > div { max-width:760px; }
body.v2 #perfil-section .section-head .sub, body.v2 #metadata-section .section-head .sub { margin-left:auto; margin-right:auto; }
body.v2 #perfil-section .login-grid { max-width:1000px; margin:30px auto 0; gap:16px; }
body.v2 #perfil-section .card.corners, body.v2 #metadata-section .card.corners { border-radius:18px; border:1px solid var(--line); background:var(--panel); box-shadow:none; padding:24px; }
body.v2 #perfil-section .card.corners.glow, body.v2 #metadata-section .card.corners.glow { border-color:var(--line2); background:linear-gradient(170deg,rgba(139,92,246,.08),var(--panel) 55%); }
body.v2 #perfil-section .c-bl, body.v2 #perfil-section .c-br, body.v2 #metadata-section .c-bl, body.v2 #metadata-section .c-br { display:none; }
body.v2 #perfil-section .card .eyebrow, body.v2 #metadata-section .card .eyebrow { font-family:var(--display); font-weight:800; font-size:12px; letter-spacing:.26em; text-transform:uppercase; color:var(--ac); }
body.v2 #perfil-section .input { padding:14px 15px; border-radius:11px; border:1px solid var(--line); background:rgba(255,255,255,.03); color:var(--ink); font-size:15px; font-family:var(--mono); }
body.v2 #perfil-section .input:focus { border-color:var(--ac); box-shadow:0 0 0 3px var(--ac-soft); outline:none; }
body.v2 #perfil-section .net-chip { border-radius:12px; background:rgba(255,255,255,.03); }
body.v2 #perfil-section .net-chip.sel { border-color:var(--ac); background:var(--ac-soft); box-shadow:none; }
body.v2 #perfil-section .wal-addr { font-size:14px; letter-spacing:.04em; background:rgba(255,255,255,.05); border:1px dashed var(--line2); border-radius:10px; padding:12px 14px; }
body.v2 #perfil-section .tag.hot { font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; border-radius:999px; }
body.v2 #perfil-section .btn, body.v2 #metadata-section .btn { padding:14px 22px; border-radius:11px; font-family:var(--display); font-weight:800; font-size:13.5px; letter-spacing:.06em; text-transform:uppercase; }
body.v2 #perfil-section .btn:not(.ghost), body.v2 #metadata-section .btn:not(.ghost) { border:1px solid var(--ac); background:var(--ac-soft); color:var(--ink); }
body.v2 #perfil-section .btn:not(.ghost):hover, body.v2 #metadata-section .btn:not(.ghost):hover { background:var(--ac); color:#04121a; }
body.v2 #perfil-section .card:not(.glow) span { font-size:13.5px; line-height:1.6; }
body.v2 #metadata-section .meta-card { max-width:1000px; margin:30px auto 0; }
body.v2 #metadata-section .form-note { font-family:var(--mono); font-size:11.5px; color:var(--ink-3); }

/* ── ajustes 10-09 (tarde): checklist entre niveles, vitrina con 3 lugares + modal ── */
.v2-reqs { max-width:520px; margin:18px auto 0; text-align:center; }
.v2-reqs-t { font-family:var(--display); font-weight:800; font-size:12px; letter-spacing:.22em; text-transform:uppercase; color:var(--ac); margin-bottom:10px; }
.v2-req { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 22px; padding:12px 18px; border-radius:12px; border:1px solid var(--line2); background:rgba(139,92,246,.06); }
.v2-req-it { display:flex; align-items:center; gap:8px; font-family:var(--mono); font-size:11px; letter-spacing:.04em; color:var(--ink-3); padding:3px 0; }
.v2-req-it b { color:var(--ink-2); font-weight:700; }
.v2-req-it .cb { width:14px; height:14px; border-radius:4px; border:1px solid var(--line2); display:inline-grid; place-items:center; font-size:10px; color:#04121a; flex:none; }
.v2-req-it.ok .cb { background:var(--ok); border-color:var(--ok); }
.v2-req-it.ok { color:var(--ink-2); }
@media (max-width:760px) { .v2-req { flex-direction:column; align-items:flex-start; } }
/* beneficios: todos del mismo color (pedido 10-09) */
.v2-ben.on { border-color:rgba(167,139,250,.45); background:rgba(139,92,246,.12); }
/* título chico sobre el HUD de números */
.v2-hud-t { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; margin-top:22px; }
.v2-hud-t span { font-family:var(--display); font-weight:800; font-size:13px; letter-spacing:.22em; text-transform:uppercase; color:var(--ink); }
.v2-hud-t small { font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink4); }
.v2-hud { margin-top:10px; }
/* techo del rango con su insignia */
.v2-techo { display:inline-flex; align-items:center; gap:9px; font-size:13px; letter-spacing:.08em; padding:8px 14px; border:1px solid rgba(255,255,255,.10); border-radius:999px; background:rgba(255,255,255,.035); color:var(--ink-2); }
.v2-techo b { font-weight:700; color:var(--ink); }
.v2-techo img { display:inline-block; width:26px; height:26px; }
/* leyenda menor de la tarjeta de invitación */
.v2-fine { font-size:11.5px; line-height:1.55; color:var(--ink4); margin-top:14px; }
.v2-vit-slot { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:96px; border-radius:14px; border:1px dashed var(--line2); background:rgba(255,255,255,.02); color:var(--ink-3); cursor:pointer; transition:border-color .15s,background .15s; }
.v2-vit-slot:hover { border-color:var(--violet-2); background:var(--ac-soft); color:var(--ink); }
.v2-vit-slot .plus { width:44px; height:44px; border-radius:50%; border:1px solid var(--line2); display:grid; place-items:center; font-family:var(--display); font-weight:800; font-size:26px; line-height:1; color:var(--violet-2); }
.v2-vit-slot .lbl { font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.v2-vit-card { position:relative; }
.v2-vit-x { position:absolute; top:6px; right:8px; background:none; border:0; color:var(--ink4); font-size:12px; cursor:pointer; }
.v2-vit-x:hover { color:var(--ink); }
.v2-modal-bg { position:fixed; inset:0; background:rgba(7,6,13,.78); backdrop-filter:blur(6px); display:none; align-items:center; justify-content:center; z-index:200; padding:20px; }
.v2-modal-bg.open { display:flex; }
.v2-modal { position:relative; width:min(720px,100%); max-height:86vh; overflow:auto; padding:24px; border-radius:18px; border:1px solid var(--line2); background:var(--panel); box-shadow:0 30px 80px -30px #000; }
.v2-modal p { font-size:14px; color:var(--ink-2); margin:10px 0 0; }
.v2-modal-x { position:absolute; top:14px; right:14px; background:none; border:1px solid var(--line); border-radius:8px; color:var(--ink-3); width:32px; height:32px; cursor:pointer; }
.v2-modal-grid { display:grid; grid-template-columns:1fr; gap:10px; margin-top:16px; }
.v2-modal-it { display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:12px; border:1px solid var(--line); background:rgba(255,255,255,.02); }
.v2-modal-it .n { font-family:var(--display); font-weight:800; font-size:14px; text-transform:uppercase; color:var(--ink); }
.v2-modal-it .m { font-family:var(--mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; margin-top:3px; }
.v2-modal-acts { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.v2-btn.sm { padding:7px 10px; font-size:11px; }
.v2-btn.ghost { border-color:var(--line); color:var(--ink-3); }
.v2-btn[disabled] { opacity:.5; cursor:default; }
/* wallet integrada en Mis datos */
body.v2 #datos-section .datos-wallet { margin-top:22px; padding-top:22px; border-top:1px solid var(--line); }
body.v2 #datos-section .datos-wallet .eyebrow { display:block; font-family:var(--display); font-weight:800; font-size:12px; letter-spacing:.26em; text-transform:uppercase; color:var(--ac); }
body.v2 #datos-section .datos-wallet .wal-addr { font-family:var(--mono); font-size:14px; letter-spacing:.04em; background:rgba(255,255,255,.05); border:1px dashed var(--line2); border-radius:10px; padding:12px 14px; color:var(--ink); word-break:break-all; }
body.v2 #datos-section .datos-wallet .net-chip { border-radius:12px; background:rgba(255,255,255,.03); }
body.v2 #datos-section .datos-wallet .net-chip.sel { border-color:var(--ac); background:var(--ac-soft); box-shadow:none; }
body.v2 #datos-section .datos-wallet .tag.hot { font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; border-radius:999px; }
body.v2 #datos-section .datos-wallet-info { font-size:12.5px; line-height:1.6; color:var(--ink4); margin-top:12px; }

body.v2 #datos-section.colapsada .section-head { margin-bottom:20px; }
/* tooltip de insignias en el ranking (pedido 10-09) */
.v2-tt { position:relative; display:inline-block; }
.v2-tt .tip { position:absolute; bottom:calc(100% + 8px); right:0; opacity:0; transition:opacity .15s; pointer-events:none; width:max-content; max-width:240px; padding:8px 11px; border-radius:8px; background:#0b0916; border:1px solid var(--line2); box-shadow:0 12px 30px -14px #000; font-family:var(--body); font-size:12px; line-height:1.45; text-align:left; color:var(--ink-3); z-index:6; white-space:normal; }
.v2-tt .tip b { display:block; font-family:var(--display); font-weight:800; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink); margin-bottom:2px; }
.v2-tt:hover .tip { opacity:1; }
/* que el tooltip no quede recortado por la tarjeta: overflow visible en desktop, scroll solo en móvil */
body.v2 .v2-rk-wrap { overflow:visible; }
body.v2 .v2-rk-head { border-radius:16px 16px 0 0; }
body.v2 .v2-rk-foot { border-radius:0 0 16px 16px; }
body.v2 .v2-rk-scroll { overflow:visible; }
@media (max-width:700px) { body.v2 .v2-rk-scroll { overflow-x:auto; } body.v2 .v2-rk-wrap { overflow:hidden; } }

/* ── cinta de QA (escenarios de prueba, 18-09-2026) ─────────────────────────── */
#ga-qa-cinta{position:sticky;top:0;z-index:60;background:#3b0764;color:#f5f3ff;border-bottom:2px solid #f5c74b;font:13px/1.35 var(--mono, ui-monospace, monospace);padding:8px 16px;}
#ga-qa-cinta .qa-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;}
#ga-qa-cinta .qa-tag{background:#f5c74b;color:#1e1b4b;font-weight:800;border-radius:4px;padding:2px 7px;letter-spacing:.08em;}
#ga-qa-cinta .qa-lbl{flex:1 1 220px;min-width:0;}
#ga-qa-cinta .qa-lbl small{opacity:.75;}
#ga-qa-cinta .qa-sel{background:#1e1b4b;color:#f5f3ff;border:1px solid rgba(245,199,75,.5);border-radius:6px;padding:5px 8px;font:inherit;max-width:260px;}
#ga-qa-cinta .qa-btn{background:#f5c74b;color:#1e1b4b;border:0;border-radius:6px;padding:6px 10px;font:inherit;font-weight:700;cursor:pointer;}
#ga-qa-cinta .qa-btn.ghost{background:transparent;color:#f5f3ff;border:1px solid rgba(245,243,255,.45);}
#ga-qa-cinta .qa-x{background:transparent;color:#f5f3ff;border:0;font-size:15px;cursor:pointer;opacity:.7;}
#ga-qa-cinta .qa-esp{margin-top:6px;opacity:.85;font-size:12px;}
#ga-qa-cinta .qa-msg{margin-top:6px;color:#fca5a5;font-size:12px;}