/* =========================================================================
   RITA · ARCHIVO (27 oct 2026) — /rita/archivo/ y el bloque «lo último» de
   la página de Rita. Reutiliza la piel de rita.css (variables, .ventana,
   .rita-h2…); aquí solo va lo propio. Se carga en esas páginas y nada más.
   ========================================================================= */

/* Migas: RITA_SYSTEM / ARCHIVO / FICHA */
.archivo-migas{
  display:flex; flex-wrap:wrap; justify-content:center; gap:.55rem;
  margin:0 0 1.8rem; font-size:.7rem; letter-spacing:.16em; color:var(--tenue);
}
.archivo-migas a{ color:var(--tenue); text-decoration:none; }
.archivo-migas a:hover{ color:var(--cian); }
.archivo-migas b{ color:var(--cian); font-weight:400; }

.archivo-intro{
  max-width:60ch; margin:0 auto 3.2rem;
  font-size:clamp(.95rem,.88rem + .3vw,1.05rem); color:var(--texto);
}

/* --- rejilla de tarjetas (ventanas que enlazan a la ficha) --- */
.archivo-rejilla{
  display:grid; gap:1.1rem;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));
  text-align:left;
}
.archivo-rejilla--3{ grid-template-columns:repeat(3,minmax(0,1fr)); max-width:820px; margin-inline:auto; }
@media (max-width:820px){ .archivo-rejilla--3{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px){
  .archivo-rejilla, .archivo-rejilla--3{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }
}
.archivo-tarjeta{ display:flex; flex-direction:column; color:inherit; text-decoration:none; }
.archivo-tarjeta:focus-visible{ outline:2px solid var(--ambar); outline-offset:3px; }
.archivo-tarjeta .ventana-nombre{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.archivo-tarjeta img{ width:100%; height:auto; display:block; }
.archivo-tarjeta-texto{
  display:block; padding:.6rem .7rem .8rem;
  font-size:.72rem; line-height:1.45; color:var(--tenue);
}
.archivo-tarjeta-texto b{
  display:block; margin-bottom:.2rem;
  font-size:.82rem; font-weight:700; letter-spacing:.02em; color:var(--texto);
  overflow-wrap:anywhere;
  /* los titulares de «humanos» son largos: como mucho 4 líneas en la tarjeta */
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
}
.archivo-tarjeta:hover .archivo-tarjeta-texto b{ color:var(--cian); }
.archivo-tarjeta-texto span{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* --- ficha --- */
.archivo-ficha{
  display:grid; grid-template-columns:minmax(0,430px) minmax(0,1fr);
  gap:clamp(1.6rem,4vw,3.6rem); align-items:start;
  max-width:1080px; margin:0 auto 4.2rem; text-align:left;
}
@media (max-width:820px){ .archivo-ficha{ grid-template-columns:1fr; } }
.archivo-lamina{ position:sticky; top:1.5rem; }
.archivo-lamina:hover{ transform:none; }
@media (max-width:820px){ .archivo-lamina{ position:static; max-width:460px; } }

.archivo-tipo{ margin:0 0 .8rem; font-size:.72rem; letter-spacing:.16em; color:var(--ambar); }
.archivo-h1{
  margin:0 0 .5rem; font-family:var(--mono); font-weight:700;
  font-size:clamp(1.55rem,1.05rem + 2vw,2.5rem); line-height:1.15;
  color:var(--cian); text-shadow:0 0 18px rgba(79,214,214,.25);
  overflow-wrap:anywhere;
}
.archivo-sub{ margin:0 0 1.6rem; font-size:.92rem; color:var(--tenue); }

.archivo-datos{
  display:flex; flex-wrap:wrap; gap:.8rem 2.4rem;
  margin:0 0 1.5rem; padding:.8rem 0;
  border-block:1px dashed rgba(79,214,214,.2);
}
.archivo-datos dt{ font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:var(--tenue); }
.archivo-datos dd{ margin:.15rem 0 0; color:var(--texto); }
.archivo-barras{ display:inline-flex; gap:.2rem; vertical-align:middle; margin-right:.3rem; }
.archivo-barras i{ width:1.1rem; height:.5rem; background:rgba(79,214,214,.15); }
.archivo-barras i.on{ background:var(--cian); box-shadow:0 0 8px rgba(79,214,214,.4); }

.archivo-cuerpo p{
  max-width:62ch; margin:0 0 1rem;
  font-size:1rem; line-height:1.78; color:#E6F5F5;
}

.archivo-enlaces{ list-style:none; padding:0; margin:1.8rem 0 1.2rem; border-top:1px solid rgba(79,214,214,.15); }
.archivo-enlaces li{
  display:grid; grid-template-columns:7rem 1fr; gap:1rem;
  padding:.55rem .1rem; border-bottom:1px solid rgba(79,214,214,.09); font-size:.86rem;
}
.archivo-enlaces b{ color:var(--ambar); font-weight:400; letter-spacing:.1em; }
.archivo-enlaces a{ color:var(--cian); text-decoration:none; overflow-wrap:anywhere; }
.archivo-enlaces a:hover{ text-decoration:underline; }
@media (max-width:520px){ .archivo-enlaces li{ grid-template-columns:1fr; gap:.1rem; } }

.archivo-firma{ margin:0; font-size:.78rem; color:var(--tenue); }
.archivo-firma a{ color:var(--ambar); text-decoration:none; }
.archivo-firma a:hover{ color:var(--cian); }

.archivo-mas{ max-width:1080px; margin-inline:auto; }
.archivo-mas .rita-salida{ margin-top:1.4rem; }

/* «No entiendo a los humanos»: el título es el titular de la noticia, largo. */
.archivo-ficha--humanos .archivo-h1{ font-size:clamp(1.3rem,1rem + 1.2vw,1.9rem); line-height:1.25; }