/* Tipografías servidas desde nuestro servidor (funcionan también desde Cuba) */
@font-face{font-family:"Inter";src:url(../fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/jetbrains-mono.woff2) format("woff2");font-weight:100 800;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(../fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Manrope";src:url(../fonts/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}

:root{--fuente:"Inter",system-ui,sans-serif;--fnum:"JetBrains Mono",ui-monospace,monospace;--ftit:"Inter",system-ui,sans-serif;--cristal:none;--brillo:none}
html,body{font-family:var(--fuente)}
.num,.lw-fila .p,.lw-fila .c,.cotiza .p,.kpi b,.ohlc b,.ley .v b,.det .grande{font-family:var(--fnum);letter-spacing:-.2px}
.marca span,.caja .cab,.bienv-top h2,.det h3{font-family:var(--ftit)}

/* ============ A · ORO NOCTURNO: negro profundo, oro y tipografía técnica ============ */
[data-estilo="oro"]{
  --bg:#07090d;--bg2:#0b0e14;--panel:#10141d;--panel2:#171d29;--linea:#1a2130;--linea2:#273044;
  --texto:#eef1f6;--suave:#8d96ab;--tenue:#5a6378;--acento:#f2c14e;--acento2:#ffd97a;--acentoTxt:#1a1300;
  --verde:#22d18b;--rojo:#ff4d5e;--azul:#5b8cff;--radio:12px;
  --gfondo1:#0a0d13;--gfondo2:#06080c;--rejilla:rgba(255,255,255,.035);--rejillaV:transparent;--vsube:#22d18b;--vbaja:#ff4d5e;
  --sombra:0 24px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03);
}
[data-estilo="oro"] #top{background:linear-gradient(180deg,#0d1119,#0a0d13);box-shadow:inset 0 -1px 0 var(--linea)}
[data-estilo="oro"] .marca .logo{box-shadow:0 0 22px rgba(242,193,78,.35)}
[data-estilo="oro"] #simbolo{background:linear-gradient(180deg,#1a2130,#141a26);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
[data-estilo="oro"] .bt.prim{background:linear-gradient(180deg,#ffd97a,#f2c14e);box-shadow:0 6px 18px rgba(242,193,78,.25)}
[data-estilo="oro"] #tfs .bt.on{background:rgba(242,193,78,.12)}
[data-estilo="oro"] .lw-fila.act{background:linear-gradient(90deg,rgba(242,193,78,.10),transparent)}

/* ============ B · MEDIANOCHE: azul profundo con paneles de cristal ============ */
[data-estilo="noche"]{
  --fuente:"Manrope",system-ui,sans-serif;--ftit:"Manrope",system-ui,sans-serif;
  --bg:#070b17;--bg2:rgba(12,18,36,.78);--panel:rgba(18,26,50,.86);--panel2:rgba(40,56,100,.35);--linea:rgba(120,150,255,.12);--linea2:rgba(120,150,255,.22);
  --texto:#eaf0ff;--suave:#8f9cc4;--tenue:#5d6a93;--acento:#4f8dff;--acento2:#7fb0ff;--acentoTxt:#fff;
  --verde:#27d7a1;--rojo:#ff5c7a;--azul:#4f8dff;--radio:14px;
  --gfondo1:#0d1733;--gfondo2:#060a16;--rejilla:rgba(120,150,255,.07);--rejillaV:rgba(120,150,255,.04);--vsube:#2ee6b6;--vbaja:#ff5c8a;
  --sombra:0 30px 70px rgba(2,6,20,.7);
}
[data-estilo="noche"] body{background:radial-gradient(1200px 700px at 85% -10%,#15244d 0,transparent 60%),radial-gradient(900px 600px at -10% 110%,#10204a 0,transparent 55%),#070b17}
[data-estilo="noche"] #top,[data-estilo="noche"] #izq,[data-estilo="noche"] #der,[data-estilo="noche"] #abajo,[data-estilo="noche"] #navMovil{backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
[data-estilo="noche"] .caja,[data-estilo="noche"] .menu{backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);background:rgba(16,24,48,.82)}
[data-estilo="noche"] .marca .logo{background:linear-gradient(135deg,#7fb0ff,#3d6bff);color:#fff;box-shadow:0 0 24px rgba(79,141,255,.45)}
[data-estilo="noche"] .marca b{color:#7fb0ff}
[data-estilo="noche"] .bt.prim{background:linear-gradient(135deg,#6aa2ff,#3d6bff);color:#fff;box-shadow:0 8px 22px rgba(61,107,255,.35)}
[data-estilo="noche"] #simbolo{background:rgba(79,141,255,.12);border:1px solid rgba(120,150,255,.2)}
[data-estilo="noche"] #tfs .bt.on{background:rgba(79,141,255,.18);color:#bcd3ff}
[data-estilo="noche"] .lw-fila.act{background:linear-gradient(90deg,rgba(79,141,255,.18),transparent);border-left-color:#4f8dff}

/* ============ C · GRAFITO: minimalismo suizo, preciso y sobrio ============ */
[data-estilo="grafito"]{
  --ftit:"Space Grotesk",system-ui,sans-serif;
  --bg:#0f1012;--bg2:#141518;--panel:#191a1e;--panel2:#212328;--linea:#24262b;--linea2:#33363d;
  --texto:#f2f2f0;--suave:#9a9ca3;--tenue:#63666e;--acento:#e8e8e3;--acento2:#ffffff;--acentoTxt:#0f1012;
  --verde:#16c784;--rojo:#ea3943;--azul:#8ab4ff;--radio:6px;
  --gfondo1:#0f1012;--gfondo2:#0f1012;--rejilla:rgba(255,255,255,.05);--rejillaV:transparent;--vsube:#e8e8e3;--vbaja:#6b6e76;--vhueca:1;
  --sombra:0 16px 40px rgba(0,0,0,.55);
}
[data-estilo="grafito"] .bt,[data-estilo="grafito"] #simbolo,[data-estilo="grafito"] .item,[data-estilo="grafito"] .caja{border-radius:6px}
[data-estilo="grafito"] .marca .logo{background:#f2f2f0;color:#0f1012;border-radius:5px}
[data-estilo="grafito"] .marca b{color:#f2f2f0;font-weight:500}
[data-estilo="grafito"] #tfs .bt.on{color:#fff;box-shadow:inset 0 -2px 0 #fff;border-radius:0}
[data-estilo="grafito"] .bt.on{color:#fff}
[data-estilo="grafito"] .lw-fila.act{border-left-color:#fff}
[data-estilo="grafito"] .ley .t,[data-estilo="grafito"] .caja .cab{letter-spacing:.2px}

.lectura{font-family:var(--fuente)}
[data-estilo="noche"] #der,[data-estilo="noche"] #izq{background:rgba(9,14,30,.72)}
[data-estilo="noche"] #top{background:rgba(9,14,30,.8)}