/* ==========================================================================
   Índice del blog (home.php). Mismo criterio que las tarjetas del cuerpo:
   borde fino, sin sombra, canto de marca. Nada de tarjeta flotante.
   ========================================================================== */
.gi-blog{
  max-width:1180px;margin-inline:auto;
  padding:clamp(2.5rem,2rem + 2vw,4rem) max(1.25rem,var(--gi-gutter)) clamp(3.5rem,3rem + 3vw,5.5rem);
  font-family:var(--gi-cuerpo);color:var(--gi-texto);
}
.gi-blog__rejilla{
  list-style:none;margin:0;padding:0;
  display:grid;gap:clamp(1.25rem,1rem + 1.4vw,2rem);
  grid-template-columns:1fr;
}
@media (min-width:44rem){ .gi-blog__rejilla{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:72rem){ .gi-blog__rejilla{grid-template-columns:repeat(3,minmax(0,1fr))} }
.gi-blog__item{display:flex}
.gi-blog__ficha{
  display:flex;flex-direction:column;width:100%;
  border:1px solid rgba(16,22,26,.14);
  border-left:3px solid var(--gi-verde);
  border-radius:2px;overflow:hidden;background:transparent;
}
.gi-blog__imagen{display:block;line-height:0;background:var(--gi-tecnico)}
.gi-blog__imagen img{
  width:100%;height:clamp(150px,18vw,200px);object-fit:cover;display:block;
  filter:saturate(.9);
}
.gi-blog__texto{
  display:flex;flex-direction:column;flex:1;
  padding:clamp(1rem,.8rem + .8vw,1.5rem);
}
.gi-blog__categoria{
  font-family:var(--gi-titular);font-size:var(--gi-t-xs);font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gi-verde);
  margin:0 0 .6rem;
}
.gi-blog__titulo{
  font-family:var(--gi-titular);font-size:var(--gi-t-l);font-weight:600;
  line-height:1.25;margin:0 0 .75rem;text-wrap:balance;
}
.gi-blog__titulo a{color:var(--gi-verde-oscuro);text-decoration:none}
.gi-blog__titulo a:hover{text-decoration:underline}
.gi-blog__extracto{margin:0 0 1rem;line-height:1.6;font-size:var(--gi-t-s)}
.gi-blog__fecha{
  margin:auto 0 0;font-size:var(--gi-t-xs);color:var(--gi-texto-suave);
  font-variant-numeric:tabular-nums;
}
/* Paginación: discreta, sin cajas */
.gi-blog .navigation.pagination{margin-top:clamp(2rem,1.5rem + 2vw,3rem)}
.gi-blog .nav-links{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}
.gi-blog .page-numbers{
  font-family:var(--gi-titular);font-size:var(--gi-t-s);
  padding:.5em .9em;border:1px solid rgba(16,22,26,.16);border-radius:2px;
  text-decoration:none;color:var(--gi-verde-oscuro);
}
.gi-blog .page-numbers.current{background:var(--gi-verde);color:#fff;border-color:var(--gi-verde)}