/* ══════════════════════════════════════════════════════════════════════════
   BASE DEL PORTAL · los TOKENS del rediseño de Félix, no sus componentes.
   (10-sep-2026)

   Extraído de `aptis.css`, la hoja que se ve en aptisbot.online: las dos caras
   de Inter y el bloque :root entero (tinta, las cinco familias de color, el
   radio de 20 px y la escala de espaciado). Nada más.

   ⛔ La hoja completa NO se puede cargar aquí: trae 265 clases pensadas para
   una página de venta y **23 chocan de nombre** con las del portal — `.lvl`,
   `.card`, `.hero`, `.top`, `.tag`, `.panel`… Con la hoja entera puesta, la
   nota «8,7/50» salía sobre un rectángulo crema (era `.lvl` de la landing) y
   `section{padding-bottom:112px}` abría un boquete entre cada dos bloques.
   Los componentes de este portal viven en `mi.css` y usan estos tokens.

   Si Félix cambia la paleta, se vuelve a extraer de `aptis.css` y ya está.
   ══════════════════════════════════════════════════════════════════════════ */

@font-face{font-family:'Inter';src:url('/mi/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap;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:'Inter';src:url('/mi/fonts/inter-latin-ext.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{
  /* El sitio es de tema claro y no tiene paleta oscura. 'light' a secas, NO 'light dark':
     asi el navegador deja de oscurecer selects, campos, autorrelleno y barras. */
  color-scheme: light;
  --ink:#0d0d0d; --body:#3d3d3d; --muted:#6e6e6e; --line:#e7e7e7; --soft:#fafafa;
  --dark:#0d0d0d; --dark-2:#262626; --on-dark:#fff; --on-dark-2:#d4d4d4; --on-dark-3:#8e8e93;
  /* Cinco familias, tres niveles: pleno (iconos y botones) · cara (avatares y cables) · tinta (pastillas) */
  --blue:#3a7bf5; --green:#22a77c; --pink:#f28bb9; --orange:#f26a1f; --yellow:#f7c60a; --blue-dark:#2a5bdb;
  --blue-face:#8fb8fa; --green-face:#7fd1b3; --pink-face:#f7b6d1; --orange-face:#f7a276; --yellow-face:#fadb73;
  --blue-tint:#e4edfe; --green-tint:#dff3ec; --pink-tint:#fde3ee; --orange-tint:#fde6da; --yellow-tint:#fdf3c7;
  --blue-ink:#1f4fb0; --green-ink:#0f6b4d; --pink-ink:#9b2f5c; --orange-ink:#9a3a0c; --yellow-ink:#6b5300;
  --cream:#f6f1e8; --cream-2:#ece6da; --dot:#d9d9d9; --grey-tint:#e4e4e6; --grey-soft:#f3f3f4; --grey-ink:#2f2f2f;
  --accent:var(--blue);
  --sans:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;
  --mono:var(--sans);
  --display:var(--sans);
  --maxw:1288px; --side:24px; --bleed:28px; --r:20px;
  --gap:112px; --gap-in:48px; --gap-sec:56px;
}

/* Tokens traídos de la v2 de Félix (aptis.css, 11-sep-2026) que el portal no tenía */
:root{
  --red: #ea3b2e;
  --red-face: #f58780;
  --red-tint: #fde4e2;
  --red-ink: #9d2319;
  --gap-doc: 104px;
  --gap-blk: 36px;
}