/* Fuentes autoalojadas (antes se cargaban de Google Fonts, que bloqueaba el primer pintado ~750 ms en móvil y enviaba la IP del visitante a un tercero). Inter y JetBrains Mono son fuentes variables; subconjunto latin. Licencia SIL OFL 1.1. */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/inter-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 100 800; font-display: swap; src: url('/fonts/jetbrains-mono-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/instrument-serif-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Instrument Serif'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/instrument-serif-italic-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Tokens del sistema de diseño de Multiconversion. Origen: handoff de Claude Design (index.html del export). TEMA DE PRODUCCIÓN: el prototipo se sirve con , el tema claro "blanco hueso". Fue una decisión explícita del cliente: al ver fondos negros en las páginas internas pidió fijar el claro en todo el sitio. El bloque :root oscuro se conserva como base de la que hereda el tema claro. */ :root { /* --- superficies --- */ --bg: #0a0c0f; --bg-2: #101317; --surface: #141820; --surface-2: #1a1f28; /* --- texto --- */ --ink: #f4f4ec; --ink-2: #c9ccc6; --muted: #7f857e; /* --- líneas --- */ --line: #23282f; --line-2: #2d333c; /* --- marca --- #c11836 es el granate acordado con el cliente (suavizado del #ff0036 del logotipo). --blue es un alias heredado que hoy resuelve al mismo rojo. --ok era verde y se neutralizó a petición del cliente ("quita los verdes"). */ --accent: #c11836; --accent-ink: #ffffff; --blue: #c11836; --ok: var(--ink-2); /* --- tipografía --- */ --sans: 'Inter', system-ui, sans-serif; --display: 'Inter', system-ui, sans-serif; --mono: 'JetBrains Mono', ui-monospace, monospace; --serif: 'Instrument Serif', Georgia, serif; /* --- movimiento --- */ --ease: cubic-bezier(.16, 1, .3, 1); /* --- retícula y escala --- */ --container-max: 1440px; --container-pad: 40px; --container-pad-sm: 20px; --nav-h: 88px; --section-y: 65px; --radius-sm: 8px; --radius: 12px; --radius-lg: 18px; --radius-xl: 24px; --radius-pill: 99px; --fs-hero: clamp(42px, 7.4vw, 118px); --fs-h2: clamp(40px, 5.6vw, 96px); --fs-mani: clamp(30px, 4.4vw, 66px); --fs-svc: clamp(28px, 3.4vw, 54px); --fs-cta: clamp(36px, 4.2vw, 72px); --fs-ghost: clamp(110px, 14vw, 220px); --fs-brand-big: clamp(56px, 9.4vw, 150px); } /* Tema de producción: claro, blanco hueso. */ [data-variant="editorial"] { --bg: #faf9f6; --bg-2: #f2f1ed; --surface: #ffffff; --surface-2: #f7f6f3; --ink: #0a0c0f; --ink-2: #2a2e34; --muted: #6b6d69; /* antes #71736f: contraste 4,48 sobre el fondo, por debajo del 4,5 exigido */ --line: #e6e5e0; --line-2: #d5d4ce; --accent: #c11836; --accent-ink: #ffffff; --blue: #c11836; }