/* NO EDITAR: generado por s4/marca/generar_css.py desde s4-ui/tema-twenty.json (S4 UI) */

@font-face { font-family: "Inter Variable"; font-weight: 100 900; font-display: swap;
  src: url(/s4-ui/fuentes/inter-latin-wght-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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter Variable"; font-weight: 100 900; font-display: swap;
  src: url(/s4-ui/fuentes/inter-latin-ext-wght-normal.woff2) format("woff2"); 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; }
@font-face { font-family: Michroma; font-weight: 400; font-display: swap;
  src: url(/s4-ui/fuentes/michroma-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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "JetBrains Mono"; font-weight: 100 800; font-display: swap;
  src: url(/s4-ui/fuentes/jetbrains-mono-latin-wght-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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

html.light {
  --accent-warm: #a68559;
  --accent-warm-dark: #745d3e;
  --accent-warm-light: #dbcebd;
  --accent-warm-lightest: #f6f3ee;
  --bg-accent-primary: #005f9b;
  --bg-accent-primary-hover: #00446f;
  --bg-accent-subtle: #e6f3fc;
  --bg-barra-solido: #ffffff;
  --bg-canvas: #ffffff;
  --bg-hover: #dfe5e6;
  --bg-pressed: #c8d1d4;
  --bg-raised: #ffffff;
  --bg-surface-1: #ffffff;
  --bg-surface-2: #eef1f3;
  --borde-espera: #a68559;
  --border-accent: #0088dd;
  --border-default: #c8d1d4;
  --border-strong: #7b8487;
  --border-subtle: #dfe5e6;
  --brand-100: #f2f9fe;
  --brand-1000: #003262;
  --brand-1100: #001f54;
  --brand-1200: #00163b;
  --brand-200: #e6f3fc;
  --brand-300: #c0e1f7;
  --brand-400: #99cff1;
  --brand-500: #73beec;
  --brand-600: #4dace7;
  --brand-700: #0088dd;
  --brand-800: #005f9b;
  --brand-900: #00446f;
  --brand-default: #0088dd;
  --danger-bg: #fdecea;
  --danger-border: #f2b8b3;
  --danger-solid: #d93a2f;
  --danger-txt: #a8231b;
  --focus-ring: #0088dd;
  --info-bg: #e6f3fc;
  --info-border: #c0e1f7;
  --info-solid: #0088dd;
  --info-txt: #00446f;
  --isotipo-barra: #0088dd;
  --neutral-100: #f7f8f9;
  --neutral-1000: #001f54;
  --neutral-1100: #00163b;
  --neutral-1200: #00102a;
  --neutral-200: #eef1f3;
  --neutral-300: #dfe5e6;
  --neutral-400: #c8d1d4;
  --neutral-500: #b0bdc1;
  --neutral-600: #959fa4;
  --neutral-700: #7b8487;
  --neutral-800: #4d6287;
  --neutral-900: #26406b;
  --neutral-black: #00102a;
  --neutral-white: #ffffff;
  --success-bg: #e6f4ec;
  --success-border: #b7dfc7;
  --success-solid: #1f9d55;
  --success-txt: #0f6636;
  --t-accent-accent1: #f2f9fe;
  --t-accent-accent10: #00446f;
  --t-accent-accent11: #005f9b;
  --t-accent-accent12: #001f54;
  --t-accent-accent2: #e6f3fc;
  --t-accent-accent3: #c0e1f7;
  --t-accent-accent3570: #005f9b;
  --t-accent-accent4: #99cff1;
  --t-accent-accent4060: #005f9b;
  --t-accent-accent5: #73beec;
  --t-accent-accent6: #4dace7;
  --t-accent-accent7: #0088dd;
  --t-accent-accent8: #005f9b;
  --t-accent-accent9: #005f9b;
  --t-accent-primary: #73beec;
  --t-accent-quaternary: #e6f3fc;
  --t-accent-secondary: #73beec;
  --t-accent-tertiary: #c0e1f7;
  --t-background-danger: #fdecea;
  --t-background-primary: #ffffff;
  --t-background-quaternary: #dfe5e6;
  --t-background-secondary: #f7f8f9;
  --t-background-tertiary: #eef1f3;
  --t-border-color-blue: #c0e1f7;
  --t-border-color-danger: #f2b8b3;
  --t-border-color-light: #dfe5e6;
  --t-border-color-medium: #c8d1d4;
  --t-border-color-strong: #7b8487;
  --t-buttons-secondary-text-color: #005f9b;
  --t-code-font-family: 'JetBrains Mono', ui-monospace, monospace;
  --t-color-blue: #005f9b;
  --t-color-blue1: #f2f9fe;
  --t-color-blue10: #00446f;
  --t-color-blue11: #005f9b;
  --t-color-blue12: #001f54;
  --t-color-blue2: #e6f3fc;
  --t-color-blue3: #c0e1f7;
  --t-color-blue4: #99cff1;
  --t-color-blue5: #73beec;
  --t-color-blue6: #4dace7;
  --t-color-blue7: #0088dd;
  --t-color-blue8: #005f9b;
  --t-color-blue9: #005f9b;
  --t-font-color-danger: #d93a2f;
  --t-font-color-extra-light: #c8d1d4;
  --t-font-color-light: #7b8487;
  --t-font-color-on-accent: #ffffff;
  --t-font-color-primary: #001f54;
  --t-font-color-secondary: #26406b;
  --t-font-color-tertiary: #4d6287;
  --t-font-family: "Inter Variable", system-ui, sans-serif;
  --t-snack-bar-error-background-color: #fdecea;
  --t-snack-bar-error-color: #d93a2f;
  --t-snack-bar-info-background-color: #e6f3fc;
  --t-snack-bar-info-color: #0088dd;
  --t-snack-bar-success-background-color: #e6f4ec;
  --t-snack-bar-success-color: #1f9d55;
  --t-snack-bar-warning-background-color: #f6f3ee;
  --t-snack-bar-warning-color: #a68559;
  --txt-accent-primary: #005f9b;
  --txt-accent-secondary: #00446f;
  --txt-barra: #001f54;
  --txt-barra-secundario: #4d6287;
  --txt-disabled: #7b8487;
  --txt-espera: #745d3e;
  --txt-link-hover: #003262;
  --txt-link-primary: #005f9b;
  --txt-on-accent: #ffffff;
  --txt-primary: #001f54;
  --txt-secondary: #26406b;
  --txt-tertiary: #4d6287;
  --warning-bg: #f6f3ee;
  --warning-border: #dbcebd;
  --warning-solid: #a68559;
  --warning-txt: #745d3e;
}

html.dark {
  --accent-warm: #c1aa8b;
  --accent-warm-dark: #53432d;
  --accent-warm-light: #dbcebd;
  --accent-warm-lightest: #2a2012;
  --bg-accent-primary: #005f9b;
  --bg-accent-primary-hover: #00446f;
  --bg-accent-subtle: #001f54;
  --bg-barra-solido: #00102a;
  --bg-canvas: #00102a;
  --bg-hover: #0f2c5e;
  --bg-pressed: #1f3a68;
  --bg-raised: #001f54;
  --bg-surface-1: #00163b;
  --bg-surface-2: #001f54;
  --borde-espera: #a68559;
  --border-accent: #4dace7;
  --border-default: #1f3a68;
  --border-strong: #7383a1;
  --border-subtle: #0f2c5e;
  --brand-100: #00163b;
  --brand-1000: #c0e1f7;
  --brand-1100: #e6f3fc;
  --brand-1200: #f2f9fe;
  --brand-200: #001f54;
  --brand-300: #002a5c;
  --brand-400: #003864;
  --brand-500: #00446f;
  --brand-600: #005f9b;
  --brand-700: #0088dd;
  --brand-800: #4dace7;
  --brand-900: #99cff1;
  --brand-default: #4dace7;
  --danger-bg: #381517;
  --danger-border: #6b2a2c;
  --danger-solid: #ff6b60;
  --danger-txt: #ff9a92;
  --focus-ring: #4dace7;
  --info-bg: #001f54;
  --info-border: #003864;
  --info-solid: #4dace7;
  --info-txt: #99cff1;
  --isotipo-barra: #ffffff;
  --neutral-100: #00163b;
  --neutral-1000: #c0c7d4;
  --neutral-1100: #e6e9ee;
  --neutral-1200: #f7f8f9;
  --neutral-200: #001f54;
  --neutral-300: #0f2c5e;
  --neutral-400: #1f3a68;
  --neutral-500: #2e4773;
  --neutral-600: #3e557d;
  --neutral-700: #4d6287;
  --neutral-800: #7383a1;
  --neutral-900: #99a5bb;
  --neutral-black: #00102a;
  --neutral-white: #ffffff;
  --success-bg: #0e2a1d;
  --success-border: #1f5a3d;
  --success-solid: #3fbf7a;
  --success-txt: #7ddba5;
  --t-accent-accent1: #00163b;
  --t-accent-accent10: #00446f;
  --t-accent-accent11: #4dace7;
  --t-accent-accent12: #e6e9ee;
  --t-accent-accent2: #001f54;
  --t-accent-accent3: #002a5c;
  --t-accent-accent3570: #4dace7;
  --t-accent-accent4: #003864;
  --t-accent-accent4060: #4dace7;
  --t-accent-accent5: #00446f;
  --t-accent-accent6: #005f9b;
  --t-accent-accent7: #0088dd;
  --t-accent-accent8: #4dace7;
  --t-accent-accent9: #005f9b;
  --t-accent-primary: #00446f;
  --t-accent-quaternary: #001f54;
  --t-accent-secondary: #00446f;
  --t-accent-tertiary: #002a5c;
  --t-background-danger: #381517;
  --t-background-primary: #00102a;
  --t-background-quaternary: #0f2c5e;
  --t-background-secondary: #00163b;
  --t-background-tertiary: #001f54;
  --t-border-color-blue: #0088dd;
  --t-border-color-danger: #6b2a2c;
  --t-border-color-light: #0f2c5e;
  --t-border-color-medium: #1f3a68;
  --t-border-color-strong: #7383a1;
  --t-buttons-secondary-text-color: #4dace7;
  --t-code-font-family: 'JetBrains Mono', ui-monospace, monospace;
  --t-color-blue: #005f9b;
  --t-color-blue1: #00163b;
  --t-color-blue10: #00446f;
  --t-color-blue11: #4dace7;
  --t-color-blue12: #e6e9ee;
  --t-color-blue2: #001f54;
  --t-color-blue3: #002a5c;
  --t-color-blue4: #003864;
  --t-color-blue5: #00446f;
  --t-color-blue6: #005f9b;
  --t-color-blue7: #0088dd;
  --t-color-blue8: #4dace7;
  --t-color-blue9: #005f9b;
  --t-font-color-danger: #ff6b60;
  --t-font-color-extra-light: #1f3a68;
  --t-font-color-light: #4d6287;
  --t-font-color-on-accent: #ffffff;
  --t-font-color-primary: #e6e9ee;
  --t-font-color-secondary: #c0c7d4;
  --t-font-color-tertiary: #99a5bb;
  --t-font-family: "Inter Variable", system-ui, sans-serif;
  --t-snack-bar-error-background-color: #381517;
  --t-snack-bar-error-color: #ff6b60;
  --t-snack-bar-info-background-color: #001f54;
  --t-snack-bar-info-color: #4dace7;
  --t-snack-bar-success-background-color: #0e2a1d;
  --t-snack-bar-success-color: #3fbf7a;
  --t-snack-bar-warning-background-color: #2a2012;
  --t-snack-bar-warning-color: #c1aa8b;
  --txt-accent-primary: #4dace7;
  --txt-accent-secondary: #99cff1;
  --txt-barra: #e6e9ee;
  --txt-barra-secundario: #99a5bb;
  --txt-disabled: #4d6287;
  --txt-espera: #dbcebd;
  --txt-link-hover: #99cff1;
  --txt-link-primary: #4dace7;
  --txt-on-accent: #ffffff;
  --txt-primary: #e6e9ee;
  --txt-secondary: #c0c7d4;
  --txt-tertiary: #99a5bb;
  --warning-bg: #2a2012;
  --warning-border: #53432d;
  --warning-solid: #c1aa8b;
  --warning-txt: #dbcebd;
}

h1, h2 { font-family: Michroma, "Inter Variable", system-ui, sans-serif; letter-spacing: .02em; }

:root { --s4-barra-alto: 38px; }
@media (max-width: 767px) { :root { --s4-barra-alto: 48px; } }
s4-barra { position: fixed; inset: 0 0 auto 0; z-index: 2147483000; }
body { padding-top: var(--s4-barra-alto); box-sizing: border-box; }
#root { height: calc(100vh - var(--s4-barra-alto)); height: calc(100dvh - var(--s4-barra-alto)); }
