/* ============================================================================ EDITORIAL INTELLIGENCE · capa de tokens compartida SN ↔ SW (Fase 1) Marcas hermanas: mismo ADN (negro base, disciplina tipográfica, bordes finos, foto integrada, microdato), personalidades distintas vía data-skin. → SpanishNBA: periódico premium (oro/crema/serif cálido) → SportiveWorld: laboratorio (grafito/rojo-señal/condensada) Regla del color de acento: en SN el oro marca legado/importancia; en SW el rojo SOLO significa señal/cambio/alerta/directo — nunca decoración. ========================================================================== */ [data-skin="sn"]{ --ei-bg:#070908; --ei-bg-2:#0C0F0E; --ei-panel:#111412; --ei-panel-2:#171A17; --ei-ink:#F2EEE5; --ei-ink-2:#D3C9B8; --ei-muted:#A89F91; --ei-dim:#756F66; --ei-accent:#C39A55; --ei-accent-hi:#E2C382; --ei-accent-deep:#7B5A2D; --ei-signal:#B22A1F; --ei-signal-hi:#E23A2E; --ei-up:#6BAE45; --ei-down:#C8483C; --ei-line:rgba(195,154,85,.34); --ei-line-s:rgba(195,154,85,.15); --ei-serif:'Playfair Display',Georgia,serif; --ei-caps:'Barlow Condensed',system-ui,sans-serif; --ei-sans:'Inter',system-ui,sans-serif; --ei-title-font:var(--ei-serif); --ei-radius-card:14px; --ei-radius-data:10px; } [data-skin="sw"]{ --ei-bg:#080B10; --ei-bg-2:#0A0E15; --ei-panel:#0D1219; --ei-panel-2:#111722; --ei-ink:#F0F1F3; --ei-ink-2:#B6BEC9; --ei-muted:#7E8792; --ei-dim:#4E555F; --ei-accent:#5B7E97; --ei-accent-hi:#8FB3CC; --ei-accent-deep:#31465A; --ei-signal:#E32636; --ei-signal-hi:#E32636; --ei-up:#57B87B; --ei-down:#E32636; --ei-line:rgba(240,241,243,.08); --ei-line-s:rgba(240,241,243,.05); --ei-serif:'Barlow Condensed',system-ui,sans-serif; /* SW no usa serif: el titular es condensado */ --ei-caps:'Barlow Condensed',system-ui,sans-serif; --ei-sans:'Inter',system-ui,sans-serif; --ei-title-font:var(--ei-caps); --ei-radius-card:12px; --ei-radius-data:8px; } /* ---------- componentes comunes (mismo esqueleto, piel por tokens) ---------- */ .ei-label{display:flex;align-items:center;gap:10px;font-family:var(--ei-caps);font-size:13px;font-weight:600; letter-spacing:.2em;text-transform:uppercase;color:var(--ei-muted)} .ei-label::before{content:"";width:18px;height:2px;background:var(--ei-signal)} .ei-label.calm::before{background:var(--ei-accent)} .ei-card{border:1px solid var(--ei-line);border-radius:var(--ei-radius-card); background:linear-gradient(155deg,var(--ei-panel-2),var(--ei-panel)); transition:transform .2s,border-color .2s} .ei-card.hoverable:hover{transform:translateY(-3px);border-color:var(--ei-accent)} .ei-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--ei-caps);font-size:10.5px;font-weight:600; letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:6px; border:1px solid var(--ei-line);color:var(--ei-ink-2)} .ei-chip.signal{border-color:var(--ei-signal);color:var(--ei-signal)} .ei-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--ei-caps);font-weight:600; letter-spacing:.1em;text-transform:uppercase;font-size:14px;padding:11px 24px;border-radius:8px; border:1px solid var(--ei-accent-deep);color:var(--ei-accent-hi);transition:.2s;cursor:pointer;text-decoration:none} .ei-btn:hover{border-color:var(--ei-accent);background:color-mix(in srgb, var(--ei-accent) 8%, transparent)} .ei-btn.primary{background:color-mix(in srgb, var(--ei-signal) 45%, #000);border-color:var(--ei-signal);color:var(--ei-ink)} .ei-btn.primary:hover{background:var(--ei-signal)} .ei-microdata{font-family:var(--ei-caps);font-size:10.5px;font-weight:500;letter-spacing:.16em; text-transform:uppercase;color:var(--ei-dim)} .ei-microdata b{color:var(--ei-muted);font-weight:600} .ei-stat .v{font-family:var(--ei-caps);font-weight:700;font-size:30px;color:var(--ei-ink);line-height:1} .ei-stat .l{font-size:10.5px;letter-spacing:.14em;color:var(--ei-dim);text-transform:uppercase;margin-top:4px} .ei-delta{font-family:var(--ei-caps);font-weight:700} .ei-delta.up{color:var(--ei-up)} .ei-delta.down{color:var(--ei-down)}