/* Sistema de diseño del CIOR — generado desde tokens.json */
:root, [data-theme="claro"] {
  --azul: #0066cc;
  --azul-texto: var(--azul);
  --azul-rgb: #005cc6;
  --negro: #000000;
  --blanco: #ffffff;
  --tinta: #231f20;
  --tinta-suave: #6d6e71;
  --zocalo-inicio: #223f66;
  --zocalo-fin: #1160ae;
  --superficie: #ffffff;
  --superficie-alt: #f3f6fa;
  --azul-suave: #e5effa;
  --azul-hover: #0052a3;
  --azul-presionado: #003f7d;
  --linea: #d3d9e0;
  --linea-control: #7d838c;
  --foco: var(--azul);
  --exito: #1b7a3a;
  --exito-suave: #e8f5ec;
  --advertencia: #8a5300;
  --advertencia-suave: #fff3dc;
  --error: #c4262e;
  --error-suave: #fdeced;
  --sombra-1: 0 1px 2px rgba(35,31,32,0.10), 0 1px 3px rgba(35,31,32,0.08);
  --sombra-2: 0 6px 16px rgba(35,31,32,0.14);
}
[data-theme="oscuro"] {
  --azul: #0066cc;
  --azul-texto: #7ab4f5;
  --azul-rgb: #005cc6;
  --negro: #000000;
  --blanco: #ffffff;
  --tinta: #e9edf2;
  --tinta-suave: #a9b2be;
  --zocalo-inicio: #223f66;
  --zocalo-fin: #1160ae;
  --superficie: #0f1620;
  --superficie-alt: #18212d;
  --azul-suave: #14294a;
  --azul-hover: #0052a3;
  --azul-presionado: #003f7d;
  --linea: #2b3544;
  --linea-control: #6f7a8a;
  --foco: var(--azul-texto);
  --exito: #5cc98a;
  --exito-suave: #10291c;
  --advertencia: #f2b55c;
  --advertencia-suave: #2f220b;
  --error: #ff8f94;
  --error-suave: #36161a;
  --sombra-1: 0 1px 2px rgba(0,0,0,0.45), 0 1px 3px rgba(0,0,0,0.35);
  --sombra-2: 0 8px 20px rgba(0,0,0,0.55);
}
:root {
  --espacio-1: 4px;
  --espacio-2: 8px;
  --espacio-3: 12px;
  --espacio-4: 16px;
  --espacio-5: 24px;
  --espacio-6: 32px;
  --espacio-7: 48px;
  --espacio-8: 64px;
  --espacio-9: 96px;
  --espacio-10: 128px;
  --radio-0: 0px;
  --radio-sm: 2px;
  --radio-md: 4px;
  --radio-lg: 8px;
  --radio-pill: 999px;
  --logo-alto-min: 30px;
  --logo-alto-min-impreso: 10mm;
  --logo-alto-encabezado: 48px;
  --contenedor: 1200px;
  --columnas: 12;
  --medianil: 24px;
  --corte-tablet: 768px;
  --corte-escritorio: 1024px;
  --font-titulares: Raleway, "Helvetica Neue", Arial, sans-serif;
  --font-textos: "Open Sans", "Segoe UI", Arial, sans-serif;
  --font-logotipo: Asap, "Open Sans", sans-serif;
}
.display { font-family: var(--font-titulares); font-size: 72px; line-height: 0.95; font-weight: 900; letter-spacing: -0.01em; }
.titulo-1 { font-family: var(--font-titulares); font-size: 48px; line-height: 1.05; font-weight: 800; }
.titulo-2 { font-family: var(--font-titulares); font-size: 36px; line-height: 1.15; font-weight: 800; }
.titulo-3 { font-family: var(--font-titulares); font-size: 28px; line-height: 1.2; font-weight: 700; }
.titulo-4 { font-family: var(--font-titulares); font-size: 20px; line-height: 1.3; font-weight: 700; }
.bajada { font-family: var(--font-titulares); font-size: 20px; line-height: 1.4; font-weight: 400; }
.volanta { font-family: var(--font-titulares); font-size: 16px; line-height: 1.25; font-weight: 700; }
.rotulo { font-family: var(--font-titulares); font-size: 12px; line-height: 1.4; font-weight: 500; letter-spacing: 0.02em; }
.cuerpo-grande { font-family: var(--font-textos); font-size: 18px; line-height: 1.55; font-weight: 400; }
.cuerpo { font-family: var(--font-textos); font-size: 16px; line-height: 1.5; font-weight: 400; }
.cuerpo-chico { font-family: var(--font-textos); font-size: 14px; line-height: 1.45; font-weight: 400; }
.etiqueta { font-family: var(--font-textos); font-size: 14px; line-height: 1.3; font-weight: 600; }
.nota { font-family: var(--font-textos); font-size: 12px; line-height: 1.4; font-weight: 400; }
.dato-legal { font-family: var(--font-textos); font-size: 12px; line-height: 1.4; font-weight: 700; }
.secretaria { font-family: var(--font-logotipo); font-size: 16px; line-height: 1.15; font-weight: 400; }
@font-face { font-family: 'Raleway'; src: url('fonts/Raleway-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Raleway'; src: url('fonts/Raleway-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Raleway'; src: url('fonts/Raleway-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Raleway'; src: url('fonts/Raleway-800.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Raleway'; src: url('fonts/Raleway-900.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-400-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-400-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-600-normal.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-600-italic.woff2') format('woff2'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-700-normal.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Asap'; src: url('fonts/Asap-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }