/* The Vision Room · tokens de marca v1 · 29-sep-2026
   Símbolo: Eje TABO. Tema claro. Dos familias: Anybody (títulos) + Hanken Grotesk (texto).
   Fuentes autoalojadas: copiar /fuentes a /assets/marca/fuentes/ de cada sitio. */
@font-face{font-family:"Anybody";src:url("/assets/marca/fuentes/anybody-latin-standard-normal.woff2") format("woff2");font-weight:100 900;font-stretch:50% 150%;font-display:swap}
@font-face{font-family:"Anybody";src:url("/assets/marca/fuentes/anybody-latin-ext-standard-normal.woff2") format("woff2");font-weight:100 900;font-stretch:50% 150%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";src:url("/assets/marca/fuentes/hanken-grotesk-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("/assets/marca/fuentes/hanken-grotesk-latin-ext-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* Paleta con nombre */
  --esclera:#FFFFFF;        /* fondo */
  --vitreo:#ECECE8;         /* bloques, tablas */
  --papel:#F6F6F4;          /* superficie alterna */
  --camara:#141414;         /* texto, símbolo a una tinta */
  --grafito:#5E5E5E;        /* texto secundario (6,5:1) */
  --linea:#DDDDD8;          /* divisores 1px */
  --cono-l:#C8342F;         /* 564 nm · Empresas · dato clave (5,3:1) */
  --cono-m:#17804A;         /* 534 nm · Salud (fondos y trazos) */
  --cono-m-texto:#12673B;   /* verde para texto pequeño */
  --cono-s:#2B4FD6;         /* 420 nm · Residencial · botón principal (6,6:1) */
  --alerta:#B3261E;
  --laton:#B08D57; --nogal:#5B3A24; /* solo piezas físicas */

  /* Roles */
  --bg:var(--esclera); --bg-2:var(--papel); --texto:var(--camara); --texto-2:var(--grafito);
  --acento:var(--camara);   /* se sobrescribe por frente */
  --accion:var(--cono-s); --accion-texto:#FFFFFF;

  /* Tipografía */
  --f-titulo:"Anybody","Arial Black",Arial,sans-serif;
  --f-texto:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --titulo-peso:780; --titulo-ancho:112%; --titulo-tracking:-.015em;

  /* Forma */
  --radio:0; --borde:1px solid var(--linea); --espacio:8px;
  color-scheme:light;
}
/* Un color por frente (usar en <html data-frente="...">) */
[data-frente="empresas"]{--acento:var(--cono-l)}
[data-frente="salud"]{--acento:var(--cono-m-texto)}
[data-frente="residencial"]{--acento:var(--cono-s)}
[data-frente="sede"]{--acento:var(--camara)}

/* Base */
body{background:var(--bg);color:var(--texto);font-family:var(--f-texto)}
h1,h2,h3,.titulo{font-family:var(--f-titulo);font-weight:var(--titulo-peso);font-stretch:var(--titulo-ancho);letter-spacing:var(--titulo-tracking);line-height:1.05;text-wrap:balance}
.eyebrow{font-family:var(--f-texto);font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acento)}
.btn{background:var(--accion);color:var(--accion-texto);font-family:var(--f-texto);font-weight:700;border:0;border-radius:var(--radio);padding:12px 18px}
.btn-2{background:transparent;color:var(--texto);font-weight:700;border:0;border-bottom:2px solid var(--texto);padding:10px 2px}
.dato{font-family:var(--f-titulo);font-weight:780;font-variant-numeric:tabular-nums}

/* Prohibido en todo el sistema: fondo oscuro de página, monospace, grano, brillos, degradados, sombras grandes, radios > 4px. */