/* Experiencia Democrática · tokens del sistema de diseño v2 (negro, grises y teal) */
/* Fuentes alojadas en la propia web (sin Google Fonts): Ubuntu y Ubuntu Mono (Ubuntu Font Licence 1.0) e Inter (SIL OFL 1.1). Licencias en assets/fuentes/LICENSE-*.txt */
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fuentes/ubuntu-latin-400-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fuentes/ubuntu-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:"Ubuntu";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fuentes/ubuntu-latin-700-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fuentes/ubuntu-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:"Ubuntu Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fuentes/ubuntu-mono-latin-400-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Ubuntu Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fuentes/ubuntu-mono-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fuentes/inter-latin-400-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fuentes/inter-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fuentes/inter-latin-600-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fuentes/inter-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fuentes/inter-latin-700-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fuentes/inter-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root {
  /* paleta base */
  --negro: #0A0B0C;
  --grafito-900: #111316;
  --grafito-800: #17191C;
  --grafito-700: #202327;
  --grafito-600: #2A2E33;
  --gris-400: #8A9097;
  --gris-300: #A1A7AE;
  --gris-600: #4A4F55;
  --papel: #F4F5F6;
  --blanco: #FFFFFF;
  --teal: #5CB8B2;
  --teal-claro: #7CCBC6;
  --teal-oscuro: #2B716C;
  --teal-velo: rgba(92, 184, 178, 0.12);
  /* compatibilidad con la v1: nombres antiguos apuntan a la paleta nueva */
  --tinta: var(--negro);
  --petroleo-900: var(--negro);
  --petroleo-700: var(--grafito-700);
  --petroleo-400: var(--teal-oscuro);
  --petroleo-300: var(--teal);
  --petroleo-100: var(--papel);
  --ambar: var(--teal);
  --ambar-800: var(--teal-oscuro);
  /* semánticos fijos */
  --acento: var(--teal);
  --acento-hover: var(--teal-claro);
  --sobre-acento: var(--negro);
  --marca: var(--negro);
  --sobre-marca: var(--papel);
  /* escala */
  --espacio-0: 4px;
  --espacio-1: 8px;
  --espacio-2: 16px;
  --espacio-3: 24px;
  --espacio-4: 32px;
  --espacio-5: 48px;
  --espacio-6: 64px;
  --espacio-7: 96px;
  --espacio-8: 128px;
  --radio-0: 0;
  --radio-1: 2px;
  --radio-2: 4px;
  --borde-fino: 1px;
  --borde-foco: 2px;
  --font-display: Ubuntu, "Segoe UI", system-ui, sans-serif;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Ubuntu Mono", ui-monospace, Menlo, monospace;
}
:root, [data-theme="oscuro"] {
  --fondo: var(--negro);
  --fondo-alterno: var(--grafito-800);
  --fondo-elevado: var(--grafito-700);
  --fondo-profundo: var(--negro);
  --linea: var(--grafito-600);
  --reticula: rgba(255, 255, 255, 0.07);
  --texto: var(--papel);
  --texto-secundario: var(--gris-300);
  --marca-texto: var(--teal);
  --acento-texto: var(--teal);
  --foco: var(--teal);
  --sombra-1: 0 1px 2px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.35);
  --sombra-2: 0 4px 8px rgba(0, 0, 0, 0.5), 0 16px 32px rgba(0, 0, 0, 0.45);
  --sombra-acento-1: 0 0 0 1px rgba(92, 184, 178, 0.35), 0 4px 18px rgba(92, 184, 178, 0.28);
  --sombra-acento-2: 0 0 0 1px rgba(92, 184, 178, 0.45), 0 8px 32px rgba(92, 184, 178, 0.32);
}
[data-theme="claro"] {
  --fondo: var(--papel);
  --fondo-alterno: var(--blanco);
  --fondo-elevado: var(--blanco);
  --fondo-profundo: #E6E8EA;
  --linea: #DADDE0;
  --reticula: rgba(10, 11, 12, 0.07);
  --texto: var(--negro);
  --texto-secundario: var(--gris-600);
  --marca-texto: var(--teal-oscuro);
  --acento-texto: var(--teal-oscuro);
  --foco: var(--teal-oscuro);
  --sombra-1: 0 1px 2px rgba(10, 11, 12, 0.06), 0 2px 8px rgba(10, 11, 12, 0.08);
  --sombra-2: 0 4px 8px rgba(10, 11, 12, 0.08), 0 16px 32px rgba(10, 11, 12, 0.12);
  --sombra-acento-1: 0 2px 4px rgba(43, 113, 108, 0.18), 0 4px 16px rgba(92, 184, 178, 0.35);
  --sombra-acento-2: 0 4px 8px rgba(43, 113, 108, 0.20), 0 12px 32px rgba(92, 184, 178, 0.40);
}