/* ==========================
   Documentos – Estilos de CONTENIDO
   Depende de styles.css (global)
   ========================== */

.page-documentos main{
  max-width:1100px; margin:2rem auto; padding:0 1rem 3rem;
}

.page-documentos .intro{
  background:var(--gris-fondo);
  border:1px solid var(--gris-borde);
  border-radius:12px;
  padding:1.25rem;
  text-align:center;
}
.page-documentos .intro h2{
  color:var(--azul-unam);
  margin:0 0 .5rem;
  font-size:clamp(1.2rem,2.4vw,1.6rem);
}
.page-documentos .intro p{ margin:0; }

/* Lista de documentos */
.page-documentos .doc-list{
  display:grid; gap:1rem; margin-top:1.25rem;
  grid-template-columns:repeat(1,minmax(0,1fr));
}
@media (min-width:820px){
  .page-documentos .doc-list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Tarjeta */
.page-documentos .doc-card{
  background:#fff;
  border:1px solid var(--gris-borde);
  border-radius:14px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
  padding:1rem;
  display:grid; gap:.6rem;
}
.page-documentos .doc-title{
  margin:0; font-size:1.05rem; color:#000;
}
.page-documentos .doc-meta{
  margin:0; font-size:.92rem; color:#555;
}

/* Acciones */
.page-documentos .doc-actions{
  display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.25rem;
}
.page-documentos .btn{
  display:inline-block;
  border:1px solid var(--azul-unam);
  color:#fff; background:var(--azul-unam);
  padding:.5rem .8rem; border-radius:10px;
  text-decoration:none; font-weight:500;
}
.page-documentos .btn--sec{
  border-color:var(--dorado-unam); background:var(--dorado-unam);
}

/* Preview plegable */
.page-documentos details{
  border:1px dashed var(--gris-borde);
  border-radius:10px; padding:.6rem .75rem;
  background:var(--gris-fondo);
}
.page-documentos details summary{
  cursor:pointer; font-weight:600; outline:none;
}
.page-documentos .pdf-wrap{
  position:relative; width:100%; padding-top:65%; /* relación aprox */
  border-radius:10px; overflow:hidden; margin-top:.6rem; background:#fff;
  border:1px solid var(--gris-borde);
}
.page-documentos .pdf-wrap iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0;
}

/* Accesibilidad local */
.page-documentos :focus-visible{ outline:3px solid var(--dorado-unam); outline-offset:2px; }