@charset "UTF-8";
/* Sistema de identidad Nuuptech v2026.10 · https://www.nuuptech.com/marca/
 * Tema oscuro por defecto (pantalla). Tema claro: añade data-theme="light"
 * (o la clase .nuup-light) a <html> o a cualquier contenedor.
 * Fuentes: Geist y Geist Mono (SIL OFL) — https://fonts.google.com/specimen/Geist */

:root,
[data-theme='dark'] {
  --nuup-bg: #0B0B0F;
  --nuup-surface: #131318;
  --nuup-surface2: #1B1B22;
  --nuup-line: rgba(255, 255, 255, 0.08);
  --nuup-line-strong: rgba(255, 255, 255, 0.14);
  --nuup-text: #F5F5F6;
  --nuup-text-soft: #B8B8C0;
  --nuup-text-muted: #A0A0AC;
  --nuup-brand: #E8232B;
  --nuup-brand-text: #FF3B41;
  --nuup-brand-cta: #D81F26;
  --nuup-brand-deep: #8F1218;
  --nuup-brand-soft: rgba(232, 35, 43, 0.12);
  --nuup-success: #2FBF71;
  --nuup-warning: #E5A53D;
  --nuup-error: #FF5A5F;
  --nuup-info: #4E9CF5;
  --nuup-sunken: #07070A;
  --nuup-overlay: rgba(7, 7, 10, 0.94);
  --nuup-on-brand: #FFFFFF;
  --nuup-data-cyan: #4FC3DD;
  --nuup-data-violet: #A78BFA;
  --nuup-data-slate: #98A2B3;
}

[data-theme='light'],
.nuup-light {
  --nuup-bg: #F7F7F8;
  --nuup-surface: #FFFFFF;
  --nuup-surface2: #EFEFF2;
  --nuup-line: rgba(11, 11, 15, 0.10);
  --nuup-line-strong: rgba(11, 11, 15, 0.18);
  --nuup-text: #16161B;
  --nuup-text-soft: #44444E;
  --nuup-text-muted: #62626D;
  --nuup-brand: #D81F26;
  --nuup-brand-text: #AE181F;
  --nuup-brand-cta: #C4151C;
  --nuup-brand-deep: #8F1218;
  --nuup-brand-soft: rgba(232, 35, 43, 0.08);
  --nuup-success: #156B3F;
  --nuup-warning: #8A5700;
  --nuup-error: #B42318;
  --nuup-info: #2563C9;
  --nuup-sunken: #F7F7F8;
  --nuup-overlay: #FFFFFF;
  --nuup-on-brand: #FFFFFF;
  --nuup-data-cyan: #0E7490;
  --nuup-data-violet: #7C3AED;
  --nuup-data-slate: #64748B;
}

:root {
  /* Marca e impresión (no cambian con el tema) */
  --nuup-red: #E8232B;
  --nuup-ink: #231F20;
  --nuup-rojo-173: #D8311C; /* Pantone 173 C */
  --nuup-rojo-7579: #E73B28; /* Pantone 7579 C */
  --nuup-rojo-7621: #AE181F; /* Pantone 7621 C */
  --nuup-negro: #231F20; /* Pantone Neutral Black C */
  --nuup-facet1: #EE302C;
  --nuup-facet2: #DC2E29;
  --nuup-facet3: #C01D2A;
  --nuup-facet4: #BC1C2A;
  --nuup-facet5: #AC1B29;
  --nuup-deep: #8F1218;

  /* Tipografía */
  --nuup-font-sans: 'Geist', 'Geist Sans', 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif;
  --nuup-font-mono: 'Geist Mono', 'SF Mono', Menlo, Consolas, monospace;

  /* Espacio, radios y movimiento */
  --nuup-space-4: 4px;
  --nuup-space-8: 8px;
  --nuup-space-12: 12px;
  --nuup-space-16: 16px;
  --nuup-space-24: 24px;
  --nuup-space-32: 32px;
  --nuup-space-48: 48px;
  --nuup-space-64: 64px;
  --nuup-space-96: 96px;
  --nuup-space-128: 128px;
  --nuup-radius-sm: 8px;
  --nuup-radius-md: 12px;
  --nuup-radius-lg: 16px;
  --nuup-radius-full: 9999px;
  --nuup-duration-fast: 150ms;
  --nuup-duration: 200ms;
  --nuup-easing: cubic-bezier(0.16, 1, 0.3, 1);
  --nuup-focus-ring: 0 0 0 2px var(--nuup-bg), 0 0 0 4px var(--nuup-brand);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --nuup-duration-fast: 0ms;
    --nuup-duration: 0ms;
  }
}