/* INKG_THEME_V2 · "Sovereign Verification Center" · 2026-10-02 · claude-sesion-cc (orden Takoda 21:28)
   Tema único del imperio, sobre la paleta del Command Center (Ley#15, inkg-palette.css).
   OPT-IN: solo afecta a páginas que lo enlazan Y ponen class="v2" en <body>. Todas las clases llevan prefijo v2-.
   Sin JavaScript (Ley#19). Para ocultar lo viejo sin borrarlo (Ley#1) usar .v2-legacy-off en <body>.
   Uso:  <link rel="stylesheet" href="/shared/inkg-theme-v2.css">  +  <body class="v2"> */

:root{
  --v2-bg:#03070f; --v2-panel:rgba(10,22,44,.5); --v2-panel-2:rgba(8,20,40,.5);
  --v2-bd:rgba(57,214,255,.22); --v2-bd-2:#16304e;
  --v2-cy:#39d6ff; --v2-gr:#3ff08a; --v2-go:#ffcf6b; --v2-rd:#ff5b6e;
  --v2-tx:#8fb4e6; --v2-br:#eaf6ff;
  --v2-radius:16px; --v2-radius-sm:11px;
  --v2-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* ---- base (solo body.v2) ---- */
body.v2{margin:0;background:var(--v2-bg)!important;background-image:none!important;color:var(--v2-tx);font-family:var(--v2-font);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.v2 *,body.v2 *::before,body.v2 *::after{box-sizing:border-box}
body.v2 a{color:var(--v2-cy)}
body.v2 img{max-width:100%;height:auto}

/* ---- ocultar lo viejo sin borrarlo (Ley#1): matrix, barras moradas, fondos animados ---- */
body.v2.v2-legacy-off canvas#matrix,body.v2.v2-legacy-off #matrix,body.v2.v2-legacy-off .matrix,body.v2.v2-legacy-off .matrix-bg,
body.v2.v2-legacy-off canvas.matrix-rain,body.v2.v2-legacy-off .legacy-bar,body.v2.v2-legacy-off [data-v2-hide]{display:none!important}

/* ---- layout ---- */
.v2-wrap{max-width:1000px;margin:0 auto;padding:10px 16px 50px;width:100%}
.v2-wrap-wide{max-width:1240px;margin:0 auto;padding:10px 16px 50px;width:100%}
.v2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;margin:18px 0}
.v2-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px}
.v2-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:760px){.v2-cols-2{grid-template-columns:minmax(0,1fr)}}

/* ---- hero: sello grande, título blanco, subtítulo cyan, badge verde ---- */
.v2-hero{text-align:center;padding:40px 18px 20px;background:radial-gradient(ellipse at top,rgba(57,214,255,.10),transparent 60%)}
.v2-seal{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(63,240,138,.4))}
.v2-hero h1,.v2-title{color:var(--v2-br);font-size:clamp(22px,3.4vw,28px);margin:12px 0 4px;letter-spacing:.5px;font-weight:800}
.v2-sub{color:var(--v2-cy);font-size:14px}
.v2-badge{display:inline-block;margin-top:10px;background:rgba(63,240,138,.14);color:var(--v2-gr);border:1px solid var(--v2-gr);border-radius:20px;padding:4px 14px;font-size:12px;font-weight:700;letter-spacing:.3px}
.v2-badge.gold{background:rgba(255,207,107,.12);color:var(--v2-go);border-color:var(--v2-go)}
.v2-badge.cyan{background:rgba(57,214,255,.12);color:var(--v2-cy);border-color:var(--v2-cy)}
.v2-badge.red{background:rgba(255,91,110,.12);color:var(--v2-rd);border-color:var(--v2-rd)}

/* ---- secciones y títulos dorados ---- */
.v2-section{background:var(--v2-panel);border:1px solid var(--v2-bd);border-radius:var(--v2-radius);padding:18px;margin:18px 0}
.v2-section>h2,.v2-h2{color:var(--v2-go);font-size:16px;margin:0 0 12px;font-weight:800}
.v2-h2-plain{color:var(--v2-br);font-size:18px;margin:24px 0 4px;font-weight:800}
.v2-muted{color:var(--v2-tx);font-size:13px}

/* ---- tarjetas glass ---- */
.v2-card{background:var(--v2-panel);border:1px solid var(--v2-bd);border-radius:var(--v2-radius);padding:18px;text-decoration:none;color:inherit;display:block;transition:border-color .2s,transform .2s}
body.v2 a.v2-card{color:var(--v2-tx)}
a.v2-card:hover,.v2-card.v2-click:hover{border-color:var(--v2-cy);transform:translateY(-3px)}
.v2-card .v2-ic{font-size:30px;line-height:1}
.v2-card h3{color:var(--v2-br);margin:8px 0 4px;font-size:16px}
.v2-card p{font-size:12.5px;margin:0;opacity:.85}
.v2-go{color:var(--v2-cy);font-size:12px;margin-top:8px;font-weight:700;display:inline-block}

/* ---- dato: label chico + valor cyan ---- */
.v2-fact{background:var(--v2-panel-2);border:1px solid var(--v2-bd-2);border-radius:var(--v2-radius-sm);padding:11px}
.v2-fact .v2-l{color:var(--v2-tx);font-size:.7rem}
.v2-fact .v2-v{color:var(--v2-cy);font-weight:800;font-size:.95rem;margin-top:3px;word-break:break-word}
.v2-fact .v2-v.gr{color:var(--v2-gr)}.v2-fact .v2-v.go{color:var(--v2-go)}

/* ---- buscador + botón degradado cyan→verde ---- */
.v2-search{display:flex;gap:10px;flex-wrap:wrap}
.v2-input{flex:1 1 220px;min-width:0;background:rgba(3,7,15,.6);border:1px solid var(--v2-bd-2);border-radius:10px;color:var(--v2-br);padding:11px 12px;font:inherit;font-size:14px}
.v2-input:focus{outline:none;border-color:var(--v2-cy);box-shadow:0 0 0 3px rgba(57,214,255,.15)}
.v2-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(90deg,var(--v2-cy),var(--v2-gr));color:#03070f!important;border:0;border-radius:10px;padding:11px 20px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;text-decoration:none;transition:filter .15s,transform .15s}
.v2-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.v2-btn:focus-visible,.v2-card:focus-visible{outline:2px solid var(--v2-cy);outline-offset:2px}
.v2-btn.ghost{background:transparent;color:var(--v2-cy)!important;border:1px solid var(--v2-cy)}
.v2-btn[disabled],.v2-btn.soon{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}

/* ---- pie con sello ---- */
.v2-foot{text-align:center;margin:24px 0;color:var(--v2-tx);font-size:12px}
.v2-foot b{color:var(--v2-gr)}