/* ============================================================================ Vadek · marca v1 (agosto 2026) — fuentes auto-hospedadas + componentes de marca ---------------------------------------------------------------------------- Tipografía por ALIAS: las reglas existentes piden 'Inter' y 'Space Mono'; aquí esos nombres se re-declaran apuntando a los cortes Vadek (Instrument Sans para texto, Archivo para pesos altos/titulares, JetBrains Mono para datos). Cero cambios en las hojas de estilo de cada página. Sin llamadas externas: los woff2 viven en /assets/fonts (CSP intacta). ========================================================================== */ /* --- cortes reales --- */ @font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/instrument-sans-latin-400-normal.woff2') format('woff2')} @font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/instrument-sans-latin-500-normal.woff2') format('woff2')} @font-face{font-family:'Archivo';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/archivo-latin-400-normal.woff2') format('woff2')} @font-face{font-family:'Archivo';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/archivo-latin-500-normal.woff2') format('woff2')} @font-face{font-family:'Archivo';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/archivo-latin-600-normal.woff2') format('woff2')} @font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2')} @font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2')} /* --- alias · 'Inter' → Instrument Sans (400/500) y Archivo (600+) --- */ @font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/instrument-sans-latin-400-normal.woff2') format('woff2')} @font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/instrument-sans-latin-500-normal.woff2') format('woff2')} @font-face{font-family:'Inter';font-style:normal;font-weight:600 900;font-display:swap;src:url('/assets/fonts/archivo-latin-600-normal.woff2') format('woff2')} /* --- alias · 'Space Grotesk' (marketing) → Instrument Sans / Archivo --- */ @font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 500;font-display:swap;src:url('/assets/fonts/instrument-sans-latin-400-normal.woff2') format('woff2')} @font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600 700;font-display:swap;src:url('/assets/fonts/archivo-latin-600-normal.woff2') format('woff2')} /* --- alias · 'Space Mono' → JetBrains Mono --- */ @font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2')} @font-face{font-family:'Space Mono';font-style:normal;font-weight:500 800;font-display:swap;src:url('/assets/fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2')} /* --- lockup VADEK --------------------------------------------------------- Siempre en una línea, versales, Archivo 600, tracking −45/1000. Los dos puntos sobre la A son CÍRCULOS DIBUJADOS (no la diéresis de la fuente): diámetro .145em · separación entre centros .255em · centrados en el ápice. Color: ocre sobre claro (por defecto) · champán sobre oscuro (.vk-on-dark o dentro de html.dark). El manual manda; esto es la versión de producto. */ .vk-lockup{font-family:'Archivo','Inter',sans-serif;font-weight:600;letter-spacing:-.045em; display:inline-block;position:relative;line-height:1;text-transform:uppercase;color:inherit;white-space:nowrap} .vk-lockup .vk-a{position:relative;display:inline-block} .vk-lockup .vk-a i{position:absolute;width:.16em;height:.16em;border-radius:50%; background:var(--vk-dots,#8C7A52);top:-.15em;pointer-events:none} .vk-lockup .vk-a i:first-child{left:calc(50% - .21em)} .vk-lockup .vk-a i:last-child{left:calc(50% + .05em)} .vk-on-dark{--vk-dots:#D8C39A} html.dark .vk-lockup{--vk-dots:#D8C39A} /* marcador de dos puntos suelto (para tamaños bajo el mínimo del logotipo) */ .vk-marker{display:inline-flex;gap:.11em;align-items:center;vertical-align:middle} .vk-marker i{width:.145em;height:.145em;border-radius:50%;background:var(--vk-dots,#8C7A52)} /* --- encaje del lockup en los headers existentes --- */ .logo .vk-lockup{font-size:18px} .cs-brand .vk-lockup{font-size:18px;color:#F1EEE6;--vk-dots:#D8C39A} .coreside .vk-lockup{--vk-dots:#D8C39A} /* sidebar siempre en tinta → puntos champán */ /* --- marcador de dos puntos: usos funcionales (manual 01 · «el marcador trabaja») --- */ /* 3 · interruptor: perilla activa CHAMPÁN a la derecha; pista translúcida (no bloque de acento) */ html .sw input:checked+i{background:rgba(140,122,82,.35)} html.dark .sw input:checked+i{background:rgba(216,195,154,.30)} html .sw input:checked+i:before{background:#8C7A52} html.dark .sw input:checked+i:before{background:#D8C39A} /* 4 · viñeta: sustituye el bullet —