/* MiSiniestro · tokens del «Panel de llegadas» (§7 del diseño y bocetos aprobados el 09/11/2026).
   Arriba, el panel de paletas oscuro; debajo, todo lo que se lee, en claro y a 18 px. Contraste AA en todo el texto:
   el naranja #FF7300 va sobre oscuro o como fondo con texto negro; sobre blanco, el texto naranja es #B34F00. */

@font-face {
  font-family: 'Barlow Condensed';
  src: url('/asegurados/fuentes/BarlowCondensed-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow Condensed';
  src: url('/asegurados/fuentes/BarlowCondensed-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Marca y panel */
  --naranja: #FF7300;          /* piloto: lo que pasa ahora y el botón principal */
  --naranja-hover: #FF8A2B;
  --naranja-texto: #B34F00;    /* naranja para texto y foco sobre claro (5,3:1 sobre blanco) */
  --negro-marca: #141414;      /* cabecera y pestañas */
  --panel: #0B0B0B;            /* fondo mate del panel */
  --acero: #2A2D31;            /* marco del panel */
  --acero-oscuro: #1D1F22;
  --acero-claro: #5B5E63;
  --paleta-arriba: #1B1B1B;    /* mitades de cada paleta, con la ranura en medio */
  --paleta-abajo: #161616;
  --ranura: #000;
  --letra-panel: #F2F2F2;
  --letra-panel-suave: #A7AAAF;
  --linea-panel: #26282B;

  /* Estados (siempre con su palabra escrita) */
  --hecho: #7BD88F;
  --pendiente: #8A8D92;        /* gris del boceto aclarado a 5,4:1 sobre el panel: es texto */
  --cancelado: #E5484D;
  --ahora: var(--naranja);

  /* Zona de lectura */
  --fondo: #EDEFF1;
  --superficie: #FFFFFF;
  --borde: #D5D8DC;
  --borde-control: #8A8F96;    /* campos y recuadros: 3:1 sobre blanco */
  --texto: #16181A;
  --texto-secundario: #4B4F55;
  --exito: #1E6B33;
  --exito-suave: #EAF6EC;
  --aviso: #8A4B00;
  --aviso-suave: #FFF3E6;
  --error: #B42318;
  --error-suave: #FDECEC;

  /* Letra: la del sistema para leer y la condensada para el panel */
  --fuente: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  --fuente-panel: 'Barlow Condensed', 'Arial Narrow', 'Roboto Condensed', sans-serif;
  --texto-base: 1.125rem;      /* 18 px */
  --texto-pequeno: 1rem;       /* 16 px: lo mínimo en la zona de lectura */
  --texto-titulo: 1.375rem;
  --paleta: 1.625rem;          /* 26 px: letra mínima del panel */
  --paleta-grande: 2.375rem;   /* 38 px: la franja horaria */
  --fila-panel: 1.125rem;

  /* Medidas */
  --radio: 6px;
  --boton: 52px;               /* alto de los botones */
  --tactil: 48px;              /* zona táctil mínima */
  --alto-cabecera: 56px;
  --alto-pestanas: 64px;
  --espacio: 1rem;
  --columna: 560px;            /* escritorio: la misma app en una columna centrada */
  --sombra: 0 1px 2px rgba(20, 20, 20, .06), 0 2px 8px rgba(20, 20, 20, .06);

  --seguro-arriba: env(safe-area-inset-top, 0px);
  --seguro-abajo: env(safe-area-inset-bottom, 0px);
  --seguro-izquierda: env(safe-area-inset-left, 0px);
  --seguro-derecha: env(safe-area-inset-right, 0px);

  /* Movimiento: salida exponencial y corta */
  --salida: cubic-bezier(.16, 1, .3, 1);
}