/* ANZ estudio — tokens de diseño (fuente única, servida como /tokens.css)
   Manual: docs/web_ux_manual.md §6. Regla: WP linkea este archivo o el plugin lo copia
   con hash de versión en su release — NUNCA dos copias editables (drift garantizado).
   Contrastes medidos sobre --bg (hueso): AA para compradora 50+. v2 — 2026-07-20
   Changelog v2: token indigo/azul eliminado (links/foco → --salvia) · tracking label .04→.08em ·
   --sp-4 40→48 · rampa h4 22→21 / h3 28→26 / h1-desk 56→54 · b,strong{font-weight:600} */
:root{
  /* 6.1 Color */
  --bg:        #f1ece4;  /* base de TODO el sitio — nunca blanco puro */
  --bg-alt:    #e9e2d6;  /* secciones alternadas, fondo de renders de card */
  --surface:   #faf7f1;  /* cards: 1 paso más claro, "flotan" sin sombra */
  --ink:       #1c1917;  /* texto principal — 14.9:1 AAA */
  --ink-2:     #57504a;  /* secundario — 6.7:1 AA. También los metadatos: el tercer gris (#6b6257, 5.1:1) se retiró el
                            2026-09-05 — la web no lo consumía y el configurador migró sus usos acá (informe, F) */
  --line:      #d9d1c3;  /* bordes 1px */
  --salvia:    #3e4a39;  /* texto/iconos salvia — 8.0:1. Sólo kicker y enlaces: el verde de bordes (#6f7f68, bordes
                            activos) se retiró el 2026-09-05; los bordes son --line, --ink-2 o --ink */
  --ink-hover: #2b2620;  /* hover del CTA primario — 12.8:1 */

  /* 6.2 Tipografía — Archivo 400/500/600 + Archivo Expanded 600 display. Base 18px, escala 1.25.
     REGLA DURA: ningún texto que afecte precio o expectativa por debajo de 17px/--ink-2.
     ══ LA ESCALERA VIVE ACÁ (v3 — 2026-09-05, informe del director de arte, ronda 7 de Gastón) ══
     Rampa cerrada: 13 · 15 · 18 · 21 · 26 · 30 · 35 · 44 · 54. Los tamaños de TÍTULO son responsivos
     EN EL TOKEN (los @media de abajo), así ninguna página escribe su propio clamp para un h1/h2/h3
     — medido el 05: la home resolvía el h2 a 26 en el celular y las seis subpáginas lo dejaban en 35,
     y el 21 hacía ocho papeles distintos (lead, título de card, precio, número de paso, cita…).
     Las NUEVE categorías de texto y a qué selector le toca cada una están en la especificación de la
     ronda 7 (docs/PLAN.md, «CATEGORÍAS DE TEXTO»); acá van sólo los números.
     · --fs-h1 / --fs-h2 / --fs-h3: título de página / de sección / de bloque (600, --ink)
     · --fs-lead: la bajada, UNA por tapa (400, --ink-2) · --fs-body: el cuerpo (400, --ink, AAA)
     · --fs-min: CONTROLES (nav, botón, enlace con flecha) — nunca cuerpo
     · --fs-small: nota / microcopy / epígrafe / pie (sin consecuencia) · --fs-label: el kicker
     · --fs-precio-*: el precio, 26 en la card y en el total — dos escalones sobre el nombre (18) */
  --font:      'Archivo', system-ui, sans-serif;
  --fs-body:   18px;   --lh-body: 1.6;
  --fs-min:    19px;   /* MANUAL UX 6 arte 2 (09-07): >=19 en boton, precio, medidas y nombre del paso */   /* controles (nav, botón, enlace-flecha) y mínimo absoluto para texto con consecuencia */
  --fs-small:  16px;   /* MANUAL UX 6 arte 2 (09-07): >=16 en todo lo que se lee; era 15 */   /* SOLO metadatos sin consecuencia */
  --fs-label:  16px;   /* MANUAL UX 6 arte 2 (09-07): tambien los kickers se leen; era 13 */   /* labels/badges: 500, uppercase, letter-spacing .08em (único uso de mayúsculas) */
  --fs-lead:   21px;   /* la bajada (400, --ink-2) — ambiente.html ya lo pedía y no existía */
  --fs-h3:     21px;   /* título de bloque: card, ítem de FAQ, paso, sello — 26 en escritorio */
  --fs-h2:     30px;   /* título de sección — 35 en escritorio */
  --fs-h1:     35px;   /* título de página — 44 desde 600, 54 desde 1200 (44 daba 4 líneas en 390; el 54 recién en escritorio ancho: criterio de la casa §2, 2026-09-05) */
  --fs-h4:     21px;   /* lo consume motor/asistente.html; en la web el título de bloque es --fs-h3 */
  --fs-h1-desk: 54px;  /* alias histórico: --fs-h1 ya es 54 en escritorio */
  --lh-display: 1.08;  --lh-title: 1.15;  --lh-h3: 1.2;  --lh-lead: 1.5;
  --ls-display: -.012em;  --ls-title: -.01em;
  --fs-precio-card: 26px;  --fs-precio-total: 26px;     /* 600, tabular-nums. Eran 20/22: fuera de la rampa y sin distancia con el nombre */

  /* 6.3 Espaciado / grilla / radios */
  --sp-1: 8px; --sp-2: 16px; --sp-3: 24px; --sp-4: 48px; --sp-5: 64px; --sp-6: 96px;
  --container: 1200px;  --pad-lat: 16px;  --pad-lat-desk: 40px;   /* 16: la única vertical del celular (era 20, que no está en la escala) */
  --gutter: 16px;       /* el ÚNICO gap de grilla de la web: 32 en escritorio → 12 columnas de 64 en un útil de 1120 */
  --radius-card: 12px;  --radius-btn: 10px;
  --shadow-hover: 0 1px 3px rgba(28,25,23,.06);   /* la ÚNICA sombra permitida — y sólo en hover */

  /* 6.4 Botones */
  --btn-h: 52px;  --btn-fs: 17px;  --btn-pad: 16px 28px;
}
/* los títulos crecen con la pantalla EN EL TOKEN: tres cortes en toda la web (<600 · 600–899 · ≥900), y el h1 uno más
   (≥1200): el criterio de la casa (2026-09-05, §2) pide h1 = 44 hasta 1199 y 54 desde 1200; a 900-1199 un 54 se lee gigante
   en la columna de una tapa. Aplicado el 2026-09-07 (paso 8 ① del director). h2/h3/gutter no cambian. */
@media(min-width:600px){ :root{ --fs-h1: 44px; } }
@media(min-width:900px){ :root{ --fs-h2: 35px; --fs-h3: 26px; --gutter: 32px; } }
@media(min-width:1200px){ :root{ --fs-h1: 54px; } }
/* Foco visible SIEMPRE (accesibilidad 50+) */
:focus-visible{ outline: 2px solid var(--salvia); outline-offset: 2px; }
/* Archivo no carga 700: capar la negrita del navegador (evita fake bold) */
b,strong{ font-weight: 600; }
/* SIN VIUDAS — 2026-09-06. Un titular largo en un teléfono de 360 se parte, y está bien que se
   parta; lo feo es que el último renglón quede con UNA sola palabra. Medido en producción: de 59
   títulos partidos, 9 tenían viuda, en cuatro páginas. `balance` reparte el corte sin tocar el
   tamaño — achicar la letra habría roto la rampa. `pretty` hace lo propio en los párrafos.
   ⚠ Va acá y no en cada página: este archivo es la fuente única, y hubo un día con CINCO copias.
   ⚠ Donde no está soportado no pasa nada: el texto se corta como antes. */
h1,h2,h3,h4{ text-wrap: balance; }
p,li,figcaption{ text-wrap: pretty; }