/* ==================================================================
   ZX Abogados · sistema de diseño "tinta y sello"
   Tokens comunes de la web pública, la pantalla de acceso, la intranet,
   las herramientas, la biblioteca y el lector. Cualquier superficie
   nueva debe partir de estas variables para que todo se vea igual.
   · Tinta: cabeceras, portadas y bloques destacados.
   · Papel y marfil: superficies de trabajo.
   · Rojo sello: solo acciones principales, estados activos y acentos.
   · Titulares en Helvetica condensada (TeX Gyre Heros Cn, servida desde
     el propio dominio); el chino usa las sans del sistema.
   ================================================================== */
@font-face { font-family: "ZX Cn"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/heroscn-bold.woff") format("woff"); }
@font-face { font-family: "ZX Cn"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/heroscn-regular.woff") format("woff"); }
@font-face { font-family: "ZX Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/heros-regular.woff") format("woff"); }
@font-face { font-family: "ZX Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/heros-bold.woff") format("woff"); }

:root {
  /* Tinta */
  --zx-tinta: #1b2027;
  --zx-tinta-2: #262d36;
  --zx-tinta-3: #343c47;
  --zx-tinta-4: #46505d;
  --zx-noche: #13171d;              /* fondo más profundo de portadas */
  /* Sello */
  --zx-sello: #c00c0c;
  --zx-sello-hover: #a50a0a;
  --zx-burdeos: #8f0707;
  --zx-sello-claro: #fbe9e9;
  --zx-sello-brillo: #ff5a4f;
  /* Papel */
  --zx-papel: #ffffff;
  --zx-marfil: #eceef1;
  --zx-marfil-2: #e1e4e9;
  --zx-niebla: #f6f7f9;
  /* Texto y líneas */
  --zx-texto: #171b20;
  --zx-gris: #5c6672;
  --zx-gris-claro: #8b949f;
  --zx-filete: #d5d9df;
  --zx-filete-suave: #e6e9ed;
  /* Estados */
  --zx-jade: #1e7a57;
  --zx-jade-claro: #e3f2ec;
  --zx-ambar: #8a5a00;
  --zx-ambar-claro: #fff6e0;
  --zx-azul: #2f5d8a;
  --zx-azul-claro: #e6eef6;
  --zx-online: #22a06b;
  /* Sobre tinta */
  --zx-sobre-tinta: #f4f6f8;
  --zx-sobre-tinta-gris: #a7b0bb;
  --zx-sobre-tinta-filete: rgba(255, 255, 255, 0.12);
  /* Tipografía */
  --zx-display: "ZX Cn", "Arial Narrow", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
  --zx-ui: "ZX Sans", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
  --zx-cjk: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
  --zx-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  /* Forma */
  --zx-radio-s: 6px;
  --zx-radio: 10px;
  --zx-radio-l: 14px;
  --zx-radio-xl: 20px;
  --zx-sombra: 0 1px 2px rgba(27, 32, 39, 0.06), 0 10px 28px -16px rgba(27, 32, 39, 0.28);
  --zx-sombra-alta: 0 24px 60px rgba(27, 32, 39, 0.28), 0 2px 6px rgba(27, 32, 39, 0.12);
  --zx-sombra-sello: 0 10px 30px rgba(192, 12, 12, 0.3);
  --zx-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --zx-transicion: 160ms var(--zx-ease);
  /* Portada en tinta: luces de sello y azul sobre la noche, con rejilla sutil */
  --zx-fondo-tinta: radial-gradient(900px 520px at 85% -10%, rgba(192, 12, 12, 0.34), transparent 62%),
                    radial-gradient(760px 520px at -10% 110%, rgba(47, 93, 138, 0.42), transparent 60%),
                    linear-gradient(180deg, #171c22 0%, var(--zx-tinta) 100%);
  --zx-rejilla: linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
}