/* Trayecta EU · tokens (generado por IDENTIDAD/aplicar_identidad.py desde marca/paletas.py: no editar a mano).
   Identidad definitiva: la idea de la B con la paleta de la A (decisión de María, 08/10/2026).
   ÚNICO archivo con valores de diseño: colores, tipografía, radios, espaciados y movimiento.
   `epe.css` y `marca.css` usan exclusivamente var(--...). Siempre claro (María, 11/10/2026: «el fondo oscuro no me acaba de gustar»). */

@font-face {
  font-family: "Trayecta Manrope";
  src: url("/assets/fonts/manrope-var.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1rem;
  --e-5: 1.5rem;
  --e-6: 2rem;
  --e-7: 3rem;
  --e-8: 4.5rem;
  --margen-lateral: 1rem;
  --ancho-max: 72rem;
  --ancho-logo: 2rem;
  --ancho-etiqueta-tabla: 9.5rem;
  --ancho-medidor: 7rem;
  --alto-medidor: 0.625rem;
  --borde-fino: 1px;
  --borde-medio: 2px;
  --grosor-foco: 3px;
  --separacion-subrayado: 0.18em;
  --radio-pastilla: 999px;
  --extension-banda: 100vmax;
  --alto-logo: 2.125rem;
  --alto-logo-pie: 1.875rem;
  --ancho-arte-movil: 26rem;
  --medida: 68ch;
  --interlineado: 1.6;
  --transicion: 160ms cubic-bezier(0.23, 1, 0.32, 1);
  --curva-entrada: cubic-bezier(0.16, 1, 0.3, 1);
  --duracion-trazo: 1100ms;
  --duracion-pieza: 420ms;
  --paso-animacion: 120ms;
  --escala-inicial: 0.6;
  --pulsar: 0.97;
  --elevar: -2px;
  --tam-xs: 0.8125rem;
  --tam-s: 0.9375rem;
  --tam-m: 1.0625rem;
  --tam-l: 1.1875rem;
  --tam-cifra: clamp(1.5rem, 1.2rem + 1.4vw, 2rem);
  --fuente-texto: "Trayecta Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fuente-titulos: var(--fuente-texto);
  --peso-texto: 400;
  --peso-medio: 600;
  --peso-fuerte: 700;
  --peso-titulo: 800;
  --tam-h3: 1.25rem;
  --tam-h2: clamp(1.5rem, 1.2rem + 1.3vw, 2.125rem);
  --tam-h1: clamp(1.875rem, 1.35rem + 2.2vw, 2.875rem);
  --tam-h1-portada: clamp(2rem, 1.3rem + 2.9vw, 3.25rem);
  --interlineado-titulo: 1.14;
  --tracking-titulo: -0.01em;
  --tam-lema: 0.75rem;
  --tracking-lema: 0.12em;
  --ancho-titulos: 100%;
  --ancho-rotulos: 100%;
  --radio-s: 8px;
  --radio-m: 12px;
  --radio-l: 18px;
  --radio-boton: 16px;
  --radio-parada: 8px;
  --relleno-boton: 0.95em 1.5em;
  --grosor-subrayado: 2px;
  --grosor-linea-pasos: 3px;
  --grosor-diana: 3px;
  --diana-ruta: 1rem;

  --c-fondo: #F7F5EF;
  --c-superficie: #FFFFFF;
  --c-superficie-2: #EDEBE3;
  --c-texto: #0F2A2B;
  --c-texto-suave: #35504E;
  --c-linea: #DEDACB;
  --c-acento: #0F2A2B;
  --c-acento-hover: #35504E;
  --c-acento-tinte: #E8EFEB;
  --c-sobre-acento: #F7F5EF;
  --c-foco: #AE3F2E;
  --c-subrayado: #F9786A;
  --c-hecho-fondo: #DCEBE1;
  --c-hecho-texto: #2C5942;
  --c-indicio-fondo: #F8ECCF;
  --c-indicio-texto: #6F4D0B;
  --c-hipotesis-fondo: #E8E7F6;
  --c-hipotesis-texto: #46457F;
  --c-testimonio-fondo: #FBE8E4;
  --c-testimonio-texto: #8A3B30;
  --c-testimonio-borde: #F0C9C0;
  --c-aviso-fondo: #FFFFFF;
  --c-aviso-borde: #DEDACB;
  --c-estado-ok: #2C5942;
  --c-estado-cambio: #7A4D00;
  --c-estado-caida: #8A3B3B;
  --c-medidor: #3D6B56;
  --c-medidor-bajo: #AE3F2E;
  --c-medidor-pista: #E1E6DF;
  --c-banda: #0F2A2B;
  --c-sobre-banda: #F7F5EF;
  --c-sobre-banda-suave: #C3CDC9;
  --c-banda-linea: #2A4645;
  --c-cta: #F9786A;
  --c-cta-hover: #FA8A7E;
  --c-sobre-cta: #0F2A2B;
  --c-marca-1: #0F2A2B;
  --c-marca-2: #F9786A;
  --c-marca-3: #6E9C86;
  --c-sobre-marca-1: #F7F5EF;
  --c-anotacion: #35504E;
  --c-foco-banda: #F9786A;
  --c-lema: #35504E;
}

@media (min-width: 48rem) {
  :root {
    --margen-lateral: 2rem;
    --alto-logo: 2.25rem;
  }
}