/* ═══════════════════════════════════════════════════════════════════
   RECO-LAB · capa editorial · 16 agosto 2026
   ───────────────────────────────────────────────────────────────────
   Hoja NUEVA y aditiva. Pasada editorial de las páginas de proyecto.

   Se carga DESPUÉS de unify-final-2026-08.css, es decir en último
   lugar, sin reordenar ninguna de las seis hojas anteriores.

   Contiene tres cosas y nada más:
     1 · la línea compacta de naturaleza de evidencia
     2 · los tres niveles del régimen UPI y su ficha de método
     3 · los ajustes de pie pedidos en esta pasada

   Regla de tokens: sólo se usan tokens declarados en system-2.9 /
   v3-reco-lab, que existen en las cuatro páginas. Ningún var(--accent)
   sin fallback, y ninguna regla toca `display` sobre .lang-es/.lang-en.
   ═══════════════════════════════════════════════════════════════════ */


/* ── 1 · Naturaleza de la evidencia ─────────────────────────────────
   Una sola línea por output, con los cinco campos canónicos en el
   mismo orden: naturaleza · fuente base · período · escala ·
   elaboración. Es un pie de figura, no un panel: sin plato, sin
   sombra, sostenida por un filete superior y por la barra de color
   que codifica la naturaleza. El portafolio no se convierte en
   dashboard técnico porque la línea pesa menos que el texto que
   interpreta la figura. */
.rl-ev{
  display:flex;flex-wrap:wrap;align-items:baseline;
  gap:0 10px;
  margin:10px 0 0;padding:8px 0 0 12px;
  border-top:1px solid var(--rule);
  border-left:3px solid var(--muted-2);
  font-family:var(--mono);
  font-size:10px;line-height:1.9;letter-spacing:0.11em;
  text-transform:uppercase;
  /* --muted, no --muted-2: a 10px uppercase line set in the lighter grey
     falls to about 2.9:1 on the light plate, which is discreet to the
     point of being unreadable. The separator keeps the lighter grey, so
     the line still recedes without the data receding with it. */
  color:var(--muted);
}
.rl-ev > span{min-width:0;}
.rl-ev .ev-n{font-weight:600;}
.rl-ev > span + span::before{
  content:"·";margin-right:10px;color:var(--rule-strong);
}

/* La naturaleza se lee antes que el texto: cada categoría lleva su
   propia tinta institucional en el filete izquierdo y en el rótulo.
   Cuatro categorías, cuatro tintas, ninguna alarma cromática. */
.rl-ev.is-observada{border-left-color:#2F6D69;}
.rl-ev.is-observada .ev-n{color:#2F6D69;}
.rl-ev.is-modelada{border-left-color:#41627F;}
.rl-ev.is-modelada .ev-n{color:#41627F;}
.rl-ev.is-derivada{border-left-color:#5980A6;}
.rl-ev.is-derivada .ev-n{color:#5980A6;}
.rl-ev.is-proxy{border-left-color:#B05B3B;}
.rl-ev.is-proxy .ev-n{color:#B05B3B;}

/* En oscuro y noche las cuatro tintas pierden contraste sobre fondo
   profundo, así que suben de luminosidad conservando el matiz. */
html[data-theme="dark"] .rl-ev,
html[data-theme="night"] .rl-ev{
  border-top-color:rgba(255,255,255,0.12);
  color:rgba(255,255,255,0.62);
}
html[data-theme="dark"] .rl-ev > span + span::before,
html[data-theme="night"] .rl-ev > span + span::before{
  color:rgba(255,255,255,0.24);
}
html[data-theme="dark"] .rl-ev.is-observada,
html[data-theme="night"] .rl-ev.is-observada{border-left-color:#6FB3A8;}
html[data-theme="dark"] .rl-ev.is-observada .ev-n,
html[data-theme="night"] .rl-ev.is-observada .ev-n{color:#6FB3A8;}
html[data-theme="dark"] .rl-ev.is-modelada,
html[data-theme="night"] .rl-ev.is-modelada{border-left-color:#8FB2D0;}
html[data-theme="dark"] .rl-ev.is-modelada .ev-n,
html[data-theme="night"] .rl-ev.is-modelada .ev-n{color:#8FB2D0;}
html[data-theme="dark"] .rl-ev.is-derivada,
html[data-theme="night"] .rl-ev.is-derivada{border-left-color:#A9C4DC;}
html[data-theme="dark"] .rl-ev.is-derivada .ev-n,
html[data-theme="night"] .rl-ev.is-derivada .ev-n{color:#A9C4DC;}
html[data-theme="dark"] .rl-ev.is-proxy,
html[data-theme="night"] .rl-ev.is-proxy{border-left-color:#D89272;}
html[data-theme="dark"] .rl-ev.is-proxy .ev-n,
html[data-theme="night"] .rl-ev.is-proxy .ev-n{color:#D89272;}

/* Dentro de una figura la línea ya tiene el filete de la propia caja
   arriba, así que no repite el suyo. */
.rl-fig-block > .rl-ev,
.rl-table-wrap > .rl-ev,
.rl-matrix > .rl-ev{
  margin:0 22px 18px;
}

/* A 480 y menos la línea se parte por campo. Sigue siendo legible
   porque cada campo entra completo; lo que se pierde es la fila
   única, no el dato. */
@media (max-width:520px){
  .rl-ev{
    font-size:9.5px;letter-spacing:0.09em;line-height:1.65;
    gap:0 8px;padding-left:10px;
  }
  .rl-ev > span + span::before{margin-right:8px;}
}


/* ── 2 · UPI · régimen, implicación y orientación ───────────────────
   El diagnóstico y la orientación de política dejan de ser el mismo
   párrafo. Tres niveles visuales dentro de la ficha que ya existía:
   nombre del régimen, implicación territorial y, separada por un
   filete, la orientación. El modelo diagnostica; la decisión pública
   necesita evaluación institucional, y la jerarquía tiene que decir
   eso sin una sola frase de descargo. */
.rl-regime .rq{
  display:block;font-family:var(--mono);
  font-size:10px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--muted-2);margin:0 0 9px;
}
.rl-regime .ri{
  display:block;font-size:12.8px;line-height:1.62;
  color:var(--muted);margin-bottom:12px;
}
.rl-regime .ro{
  display:block;margin:0 0 12px;padding-top:11px;
  border-top:1px solid var(--rule);
}
.rl-regime .ro .rok{
  display:block;font-family:var(--mono);
  font-size:9.5px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:5px;
}
.rl-regime .ro .rov{
  display:block;font-size:12.4px;line-height:1.6;color:var(--muted);
}
html[data-theme="dark"] .rl-regime .ro,
html[data-theme="night"] .rl-regime .ro{
  border-top-color:rgba(255,255,255,0.12);
}

/* Ficha de método de la matriz. Discreta, al pie del bloque, con la
   misma gramática de rótulo y valor que el resto del sistema. Declara
   de dónde sale la clasificación en lugar de dejarla implícita. */
.rl-upimeta{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;background:var(--rule);
  border-top:1px solid var(--rule);
  margin-top:16px;
}
.rl-upimeta .um{background:var(--surface);padding:13px 18px 15px;}
.rl-upimeta .umk{
  display:block;font-family:var(--mono);
  font-size:9.5px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:5px;
}
.rl-upimeta .umv{
  display:block;font-size:12.6px;line-height:1.55;color:var(--muted);
}
html[data-theme="dark"] .rl-upimeta,
html[data-theme="night"] .rl-upimeta{
  background:rgba(255,255,255,0.12);border-top-color:rgba(255,255,255,0.12);
}
html[data-theme="dark"] .rl-upimeta .um,
html[data-theme="night"] .rl-upimeta .um{background:transparent;}
html[data-theme="dark"] .rl-upimeta .umv,
html[data-theme="night"] .rl-upimeta .umv{color:rgba(255,255,255,0.66);}
html[data-theme="dark"] .rl-upimeta .umk,
html[data-theme="night"] .rl-upimeta .umk{color:rgba(255,255,255,0.46);}
@media (max-width:760px){
  .rl-upimeta{grid-template-columns:1fr;}
}


/* ── 3 · Pie ────────────────────────────────────────────────────────
   Cuatro ajustes acotados. Nada se reintroduce: los rótulos de
   Navegación y Proyectos ya estaban en la versión aprobada y siguen
   donde estaban. */

/* 3.1 · La firma de campos vuelve a una sola línea en desktop.
   unify-final la había soltado a `normal` porque a 1.5fr la línea
   cruzaba el ancho de su columna. En lugar de dejarla envolver, la
   columna de identidad recibe el ancho que la línea necesita y la
   línea aprieta levemente su tracking. Debajo de 1101 vuelve a
   envolver, que es el comportamiento correcto cuando el ancho ya no
   alcanza. */
@media (min-width:1101px){
  .rlx-ftr .rlx-fields .txt,
  .rlx-ftr-brand .rlx-fields .txt{white-space:nowrap;}
  .rlx-ftr .rlx-fields{font-size:11.6px;letter-spacing:0.055em;}

  /* 3.2 · Navegación y Proyectos se corren a la derecha sin perder el
     equilibrio con la columna principal: la identidad conserva la
     proporción mayor y las dos listas ganan sangría, no ancho.

     El mínimo de 566px no es decorativo. La firma de campos en español
     mide 556px a 13px con el tracking de 3.1, y a 1101 la columna de
     identidad caía a 506, así que la línea entraba 26px dentro de
     Navegación. El mínimo la sostiene y las otras dos columnas ceden
     el ancho, que es lo correcto: ninguna de ellas tiene una línea
     que no pueda envolver. */
  .rlx-ftr-grid{
    grid-template-columns:minmax(566px,1.86fr) minmax(0,0.74fr) minmax(0,1.02fr);
    gap:clamp(20px,2.2vw,36px);
  }
  .rlx-ftr-grid > *:nth-child(2),
  .rlx-ftr-grid > *:nth-child(3){padding-left:clamp(14px,1.6vw,30px);}
}

/* 3.3 · RECO-LAB, dos píxeles más. Misma familia, mismo peso, misma
   identidad; sólo el cuerpo. */
.rlx-ftr .rlx-wordmark{font-size:21px;}

/* 3.4 · Ritmo. El bloque de identidad respiraba distinto que las dos
   listas porque su primera línea es una firma y la de ellas un
   rótulo. Se alinean por la línea base del rótulo. */
.rlx-ftr .rlx-ftr-h{margin-bottom:10px;}
.rlx-ftr-brand .rlx-fields{margin-top:2px;}