/* ============================================================
   T7 · BUSCADOR DE ARCHIVO   ·   T8 · VISOR DE DOCUMENTO
   T9 · NOTICIA               ·   T10 · KIT DE PRENSA
   Requiere estilo-base.css cargado antes.
   IIF · UMSA — v1.0 · septiembre de 2026

   Cuatro plantillas en una hoja porque comparten casi todos los
   componentes. No define ningún color propio.
   ============================================================ */

.arc-hero{border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,var(--brand-soft),transparent);}
.arc-hero-in{max-width:var(--wide); margin:0 auto; padding:48px 24px 38px;}
.crumb{font-family:var(--sans); font-size:12.5px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--muted); margin:0 0 18px;}
.crumb a{color:var(--muted); text-decoration:none;} .crumb a:hover{color:var(--accent);}
h1{font-size:clamp(32px,5vw,46px); line-height:1.06; letter-spacing:-.028em; margin:0 0 14px;}
.arc-hero p.lead{font-size:19px; line-height:1.55; color:var(--muted); max-width:64ch; margin:0;}

/* ---------- T7 · búsqueda y filtros ---------- */
.buscador{max-width:var(--wide); margin:0 auto; padding:28px 24px 0;}
.campo{display:flex; gap:10px; flex-wrap:wrap;}
.campo input[type="search"]{flex:1 1 260px; min-width:0; font:16px/1.4 var(--sans); color:var(--fg);
  background:var(--card); border:1px solid var(--line); border-radius:9px; padding:12px 15px;}
.campo input[type="search"]:focus-visible{border-color:var(--accent2);}
.campo button{font:600 15px/1.4 var(--sans); color:#fff; background:var(--accent); border:none;
  border-radius:9px; padding:12px 22px; cursor:pointer;}

.filtros{max-width:var(--wide); margin:0 auto; padding:18px 24px 0;
  display:flex; flex-wrap:wrap; gap:18px 30px;}
.filtro{display:flex; flex-direction:column; gap:7px;}
.filtro .lbl{font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:var(--muted);}
.chips{display:flex; flex-wrap:wrap; gap:6px;}
.chip{font:600 13px/1.5 var(--sans); color:var(--muted); background:var(--card);
  border:1px solid var(--line); border-radius:20px; padding:5px 13px; cursor:pointer;}
.chip:hover{border-color:var(--accent);}
.chip[aria-pressed="true"]{background:var(--accent); border-color:var(--accent); color:#fff;}

.cuenta{max-width:var(--wide); margin:0 auto; padding:22px 24px 0;
  font-family:var(--sans); font-size:14px; color:var(--muted);}

/* rejilla de resultados */
.docs{max-width:var(--wide); margin:0 auto; padding:16px 24px 0;
  display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px;}
.doc{display:flex; flex-direction:column; gap:8px; text-decoration:none; color:var(--fg);
  background:var(--card); border:1px solid var(--line); border-radius:12px; overflow:hidden;
  transition:border-color .15s, transform .15s;}
a.doc:hover{border-color:var(--accent); transform:translateY(-2px);}
.doc.hide{display:none;}
.doc .mini{aspect-ratio:4/3; background:var(--code); border-bottom:1px solid var(--line);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  text-align:center; padding:16px; font-family:var(--sans);}
.doc .mini b{font-size:11px; letter-spacing:.09em; text-transform:uppercase; color:var(--accent);}
.doc .mini span{font-size:12.5px; color:var(--muted); line-height:1.45;}
.doc .cuerpo{padding:0 16px 16px; display:flex; flex-direction:column; gap:7px; flex:1;}
.doc .idc{font-family:var(--mono); font-size:11px; letter-spacing:.03em; color:var(--muted);}
.doc b.tit{font-family:var(--sans); font-size:15px; line-height:1.35; overflow-wrap:anywhere;}
.doc .meta-d{margin-top:auto; padding-top:6px; display:flex; flex-wrap:wrap; gap:5px;}
.tag{font:600 11px/1.6 var(--sans); letter-spacing:.05em; text-transform:uppercase; color:var(--muted);
  border:1px solid var(--line); border-radius:4px; padding:1px 6px;}
.tag.dispo{color:var(--ok); border-color:currentColor;}
.tag.pend{color:var(--warn); border-color:currentColor;}
.sinres{max-width:var(--wide); margin:0 auto; padding:30px 24px; font-family:var(--sans);
  color:var(--muted);}

/* ---------- T8 · visor de documento ---------- */
.vis-layout{max-width:var(--wide); margin:0 auto; padding:0 24px;
  display:grid; grid-template-columns:minmax(0,1fr); gap:0;}
@media(min-width:1000px){ .vis-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:44px; padding-top:36px;} }

.facsimil{padding:32px 0 0;}
@media(min-width:1000px){ .facsimil{position:sticky; top:78px; align-self:start; padding-top:0;} }
.facsimil .marco{background:var(--code); border:1px solid var(--line); border-radius:var(--radius);
  aspect-ratio:3/4; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:8px; text-align:center; padding:28px; font-family:var(--sans);}
.facsimil .marco b{font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent);}
.facsimil .marco span{font-size:13.5px; color:var(--muted); line-height:1.5; max-width:38ch;}
.facsimil .acciones{display:flex; flex-wrap:wrap; gap:9px; margin-top:14px;}
.btn{display:inline-block; font:600 14px/1.4 var(--sans); text-decoration:none; border-radius:8px;
  padding:10px 17px; border:1px solid var(--line); background:var(--card); color:var(--fg);}
.btn:hover{border-color:var(--accent);}
.btn.pri{background:var(--accent); border-color:var(--accent); color:#fff;}

.transcripcion{padding:36px 0 50px; max-width:var(--read);}
.transcripcion h2{font-size:24px; margin:38px 0 12px; letter-spacing:-.015em;}
.transcripcion h2:first-child{margin-top:0;}
.transcripcion h3{font-family:var(--sans); font-size:15.5px; margin:26px 0 8px;}
.transcripcion p{margin:0 0 15px;}
.tx{background:var(--card); border:1px solid var(--line); border-left:3px solid var(--accent);
  border-radius:0 var(--radius) var(--radius) 0; padding:24px 26px; margin:20px 0;}
.tx .art{margin:0 0 14px;} .tx .art:last-child{margin-bottom:0;}
.tx .membrete{font-family:var(--mono); font-size:12.5px; letter-spacing:.06em; color:var(--muted);
  text-transform:uppercase; margin:0 0 16px; line-height:1.6;}
.tx em.ed{color:var(--muted); font-size:.92em;}

/* ficha archivística */
.ficha-arch dl{display:grid; grid-template-columns:minmax(0,1fr); margin:0;}
@media(min-width:560px){ .ficha-arch dl{grid-template-columns:minmax(150px,auto) minmax(0,1fr); column-gap:22px;} }
.ficha-arch dt{font-family:var(--mono); font-size:12.5px; color:var(--accent); margin-top:12px;}
.ficha-arch dd{margin:0; font-family:var(--sans); font-size:14.5px; line-height:1.55; overflow-wrap:anywhere;}
@media(min-width:560px){ .ficha-arch dd{margin-top:12px;} }

/* ---------- T9 · noticia ---------- */
article.noticia{max-width:var(--read); margin:0 auto; padding:38px 24px 60px;}
.noticia .fecha{font-family:var(--sans); font-size:13.5px; letter-spacing:.05em; text-transform:uppercase;
  color:var(--muted); margin:0 0 14px;}
.noticia h1{margin:0 0 16px;}
.noticia .entradilla{font-size:20px; line-height:1.55; color:var(--muted); margin:0 0 28px;}
.noticia p{margin:0 0 17px;}
.noticia h2{font-size:23px; margin:38px 0 12px; letter-spacing:-.015em;}
.firma{font-family:var(--sans); font-size:14px; color:var(--muted); border-top:1px solid var(--line);
  margin-top:38px; padding-top:16px;}

/* ---------- T10 · kit de prensa ---------- */
.kit{max-width:var(--wide); margin:0 auto; padding:38px 24px 0;}
.kit h2{font-family:var(--sans); font-size:13px; font-weight:800; letter-spacing:.12em;
  text-transform:uppercase; color:var(--accent); margin:0 0 8px; padding-top:28px;
  border-top:1px solid var(--line);}
.kit:first-of-type h2{padding-top:0; border-top:none;}
.kit p.desc{font-size:17px; line-height:1.6; color:var(--muted); max-width:66ch; margin:0 0 22px;}

.copiable{background:var(--code); border-radius:var(--radius); padding:22px 24px; font-family:var(--sans);}
.copiable ul{list-style:none; margin:0; padding:0;}
.copiable li{padding:9px 0; border-bottom:1px solid var(--line); font-size:15px; line-height:1.55;}
.copiable li:last-child{border-bottom:none;}
.copiable li b{color:var(--accent);}

.descargas{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:16px;}
.descarga{background:var(--card); border:1px solid var(--line); border-radius:12px; overflow:hidden;
  display:flex; flex-direction:column;}
.descarga .mini{aspect-ratio:3/2; background:var(--code); border-bottom:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; text-align:center; padding:16px;
  font-family:var(--sans); font-size:12.5px; color:var(--muted); line-height:1.45;}
.descarga .cuerpo{padding:14px 16px 16px; display:flex; flex-direction:column; gap:6px; flex:1;
  font-family:var(--sans);}
.descarga b{font-size:14.5px; line-height:1.35;}
.descarga .credito{font-size:12.5px; color:var(--muted); line-height:1.5;}
.descarga .credito strong{color:var(--fg);}
.descarga .pie{margin-top:auto; padding-top:8px;}

@media print{
  .buscador,.filtros,.campo,.facsimil .acciones,.btn{display:none !important;}
  .arc-hero{background:transparent}
  .vis-layout{grid-template-columns:1fr}
  .doc,.descarga,.tx,.copiable{break-inside:avoid}
}

/* ---------- cobertura en los medios (noticia del lanzamiento y kit de prensa) ---------- */
ul.medios{list-style:none; margin:0 0 18px; padding:0; border-top:1px solid var(--line);}
ul.medios li{padding:14px 0; border-bottom:1px solid var(--line); margin:0;}
ul.medios .m-cab{display:block; font-family:var(--sans); font-size:12.5px; letter-spacing:.04em; color:var(--muted); margin-bottom:4px;}
ul.medios .m-cab b{color:var(--fg); letter-spacing:0;}
ul.medios li > a{font-size:17px; line-height:1.4; color:var(--accent2); text-decoration:none;}
ul.medios li > a:hover{text-decoration:underline;}
ul.medios .m-alt{display:block; margin-top:5px; font-family:var(--sans); font-size:12.5px; color:var(--muted);}
ul.medios .m-alt a{color:var(--muted);}
p.medios-nota{font-family:var(--sans); font-size:13px; color:var(--muted);}
