/* Innovación Audiovisual — La Firma
   Lo que theme.json no puede expresar. */

:root{
  --ia-papel:#F4F2ED; --ia-tinta:#16181B; --ia-firma:#2E4A7D;
  --ia-grafito:#4A4740; --ia-humo:#8A8578; --ia-linea:#DFDBD2;
}

/* --- Portada generativa --- */
.ia-portada{display:block;width:100%;overflow:hidden;border-radius:2px;background:var(--ia-linea);}
.ia-portada svg{display:block;width:100%;height:100%;}
.ia-portada-generada{margin:0;}

/* --- La fila de la hemeroteca: la firma manda --- */
.ia-fila{
  display:grid;
  grid-template-columns:112px 1fr;
  gap:1.5rem;
  align-items:center;
  padding:1.4rem 0;
  border-bottom:1px solid var(--ia-linea);
}
.ia-fila:last-child{border-bottom:0;}
.ia-fila .wp-block-post-featured-image,
.ia-fila .ia-portada{margin:0;border-radius:2px;overflow:hidden;}
.ia-fila .wp-block-post-featured-image img{
  display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;
}

/* El nombre del autor es el titular */
.ia-firma{
  font-family:"Instrument Serif",Georgia,serif;
  font-size:clamp(1.5rem,3.4vw,2rem);
  line-height:1.04;
  letter-spacing:-.01em;
  color:var(--ia-tinta);
}
.ia-firma a{color:inherit;text-decoration:none;}
.ia-firma a:hover{text-decoration:underline;text-underline-offset:.16em;}

/* El título va debajo, en segundo plano */
.ia-pieza{
  font-family:"Newsreader",Georgia,serif;
  font-size:1rem;
  line-height:1.35;
  color:var(--ia-grafito);
  margin-top:.2rem;
  text-wrap:pretty;
}
.ia-pieza a{color:inherit;text-decoration:none;}
.ia-pieza a:hover{color:var(--ia-firma);}

.ia-fecha{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ia-humo);margin-top:.35rem;
}

/* --- Rótulos --- */
.ia-rotulo{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ia-humo);
}

/* --- Artículo --- */
.ia-articulo .wp-block-post-title{text-wrap:balance;}
.ia-articulo p{text-wrap:pretty;}
.ia-articulo img{height:auto;max-width:100%;border-radius:2px;}
.ia-articulo blockquote{
  border-left:2px solid var(--ia-firma);
  padding-left:1.1rem;margin-left:0;font-style:italic;color:var(--ia-grafito);
}

/* --- Índice de firmas --- */
.ia-firmas{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));
  gap:.4rem 1.5rem;
}
.ia-firmas a{
  font-family:"Instrument Serif",Georgia,serif;
  font-size:1.15rem;color:var(--ia-tinta);text-decoration:none;
  padding:.3rem 0;display:block;border-bottom:1px solid transparent;
}
.ia-firmas a:hover{border-bottom-color:var(--ia-firma);color:var(--ia-firma);}

/* --- Accesibilidad y movimiento --- */
:where(a,button):focus-visible{
  outline:2px solid var(--ia-firma);outline-offset:3px;border-radius:2px;
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}
}

/* --- Tablas y bloques anchos del archivo antiguo --- */
.ia-articulo :where(table,pre){display:block;overflow-x:auto;max-width:100%;}

@media(max-width:640px){
  .ia-fila{grid-template-columns:78px 1fr;gap:1rem;}
}

/* ---------- Portada editorial ---------- */

/* Apertura: la pieza que abre el número */
.ia-apertura .wp-block-post-featured-image,
.ia-apertura .ia-portada{margin:0 0 1rem;border-radius:2px;overflow:hidden;}
.ia-apertura .wp-block-post-featured-image img{
  display:block;width:100%;aspect-ratio:16/9;object-fit:cover;
}
.ia-firma-grande{
  font-family:"Instrument Serif",Georgia,serif;
  font-size:clamp(2rem,5.5vw,3.1rem);
  line-height:1.02;letter-spacing:-.015em;color:var(--ia-tinta);
}
.ia-firma-grande a{color:inherit;text-decoration:none;}
.ia-firma-grande a:hover{text-decoration:underline;text-underline-offset:.15em;}
.ia-pieza-grande{
  font-family:"Newsreader",Georgia,serif;
  font-size:clamp(1.1rem,2.4vw,1.35rem);
  font-weight:400;line-height:1.3;color:var(--ia-grafito);
  margin-top:.35rem;text-wrap:pretty;
}
.ia-pieza-grande a{color:inherit;text-decoration:none;}
.ia-pieza-grande a:hover{color:var(--ia-firma);}

/* Rejilla de la selección */
.ia-seleccion .wp-block-post-template{gap:2rem 1.75rem;}
.ia-tarjeta .wp-block-post-featured-image,
.ia-tarjeta .ia-portada{margin:0 0 .7rem;border-radius:2px;overflow:hidden;}
.ia-tarjeta .wp-block-post-featured-image img{
  display:block;width:100%;aspect-ratio:3/2;object-fit:cover;
}
.ia-tarjeta .ia-firma{font-size:clamp(1.25rem,2.4vw,1.5rem);}
.ia-tarjeta .ia-pieza{font-size:.95rem;}

@media(max-width:640px){
  .ia-seleccion .wp-block-post-template{grid-template-columns:1fr!important;}
}

/* ---------- Índice de firmas ---------- */
.ia-indice{margin-top:2.5rem;}

.ia-indice-resumen{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ia-humo);padding-bottom:1.5rem;
  border-bottom:1px solid var(--ia-linea);margin:0 0 2.5rem;
}
.ia-indice-resumen strong{color:var(--ia-firma);font-weight:500;}

/* Cada inicial abre su bloque, con la letra como marcador lateral */
.ia-grupo{
  display:grid;grid-template-columns:4rem 1fr;gap:2rem;
  align-items:start;margin-bottom:3rem;
}
.ia-inicial{
  font-family:"Instrument Serif",Georgia,serif;
  font-size:3rem;line-height:.85;font-weight:400;
  color:var(--ia-linea);position:sticky;top:1.5rem;margin:0;
  text-align:right;
}
.ia-grupo-lista{display:flex;flex-direction:column;gap:0;}

/* Una firma por línea. El nombre manda; el dato acompaña, alineado a la derecha. */
.ia-firma-fila{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:baseline;
  column-gap:2rem;
  padding:.95rem 0;
  border-bottom:1px solid var(--ia-linea);
  text-decoration:none;color:inherit;
  transition:padding-left .18s ease;
}
.ia-firma-fila:last-child{border-bottom:0;}
.ia-firma-fila:hover{padding-left:.5rem;}

.ia-firma-nombre{
  font-family:"Instrument Serif",Georgia,serif;
  font-size:clamp(1.4rem,2.9vw,1.85rem);
  line-height:1.12;color:var(--ia-tinta);letter-spacing:-.005em;
}
.ia-firma-fila:hover .ia-firma-nombre{color:var(--ia-firma);}

.ia-firma-piezas{
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.7rem;letter-spacing:.06em;color:var(--ia-humo);
  white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;
}
.ia-firma-fila:hover .ia-firma-piezas{color:var(--ia-firma);}

/* En móvil el dato baja bajo el nombre, no compite por el ancho */
@media(max-width:640px){
  .ia-grupo{grid-template-columns:1fr;gap:.75rem;margin-bottom:2.25rem;}
  .ia-inicial{position:static;text-align:left;font-size:2rem;
    border-bottom:1px solid var(--ia-linea);padding-bottom:.35rem;}
  .ia-firma-fila{grid-template-columns:1fr;row-gap:.15rem;padding:.8rem 0;}
  .ia-firma-piezas{text-align:left;}
}

/* ---------- Quiénes somos ---------- */
.ia-asociados-cabecera{margin:3rem 0 1.5rem;padding-bottom:.9rem;
  border-bottom:1px solid var(--ia-linea);}

.ia-asociados{display:flex;flex-direction:column;gap:0;}

.ia-aso{
  display:grid;grid-template-columns:84px 1fr;gap:1.5rem;
  align-items:start;padding:1.75rem 0;
  border-bottom:1px solid var(--ia-linea);
}
.ia-aso:last-child{border-bottom:0;}

.ia-aso-foto{
  display:block;width:84px;height:84px;border-radius:50%;
  object-fit:cover;background:var(--ia-linea);
  filter:grayscale(1);transition:filter .25s ease;
}
.ia-aso:hover .ia-aso-foto{filter:grayscale(0);}
.ia-aso-sinfoto{border-radius:50%;background:var(--ia-linea);}

.ia-aso-txt{min-width:0;}
.ia-aso-nombre{
  font-family:"Instrument Serif",Georgia,serif;
  font-size:clamp(1.35rem,2.8vw,1.7rem);line-height:1.1;
  font-weight:400;margin:0;color:var(--ia-tinta);
}
.ia-aso-nombre a{color:inherit;text-decoration:none;}
.ia-aso-nombre a:hover{color:var(--ia-firma);text-decoration:underline;text-underline-offset:.15em;}

.ia-aso-n{
  display:inline-block;margin-top:.2rem;
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ia-humo);
}
.ia-aso-bio{
  margin:.6rem 0 0;font-size:.95rem;line-height:1.55;
  color:var(--ia-grafito);text-wrap:pretty;
}

/* Censo completo: un párrafo tipográfico, no una lista con viñetas */
.ia-censo{
  font-family:"Newsreader",Georgia,serif;
  font-size:1.05rem;line-height:2;color:var(--ia-grafito);
  text-wrap:pretty;margin:1.25rem 0 0;
}

@media(max-width:600px){
  .ia-aso{grid-template-columns:56px 1fr;gap:1rem;padding:1.4rem 0;}
  .ia-aso-foto,.ia-aso-sinfoto{width:56px;height:56px;}
  .ia-censo{line-height:1.85;font-size:1rem;}
}