/* ===== Tarjeta de noticia ===== */
.news-card{
  height:100%;
  border:1px solid #e7e7e7;
  border-radius:.5rem;
  overflow:hidden;
  background:#fff;
  transition:box-shadow .18s ease;
  will-change:box-shadow;
}
.news-card:hover,
.news-card:focus-within{ box-shadow:0 6px 22px rgba(0,0,0,.10); }

/* Imagen consistente en listado */
.news-thumb{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
  border-top-left-radius:.5rem;
  border-top-right-radius:.5rem;
}

/* Título y fecha */
.news-title{
  font-size:1rem;
  line-height:1.25rem;
  height:2.5rem;          /* ~2 líneas */
  overflow:hidden;
  margin-bottom:.25rem;
}
.news-date{
  margin-bottom:.25rem;
  font-size:.84rem;
  color:#6c757d;
}

/* Paginación */
.pagination .page-link{ padding:.5rem .75rem; }

/* ===== Miniaturas del detalle ===== */
.detail-thumbs{
  align-items:center;     /* opcional: centra el grupo */
}
.detail-thumbs .thumb-box{ /* usa junto con .ratio.ratio-4x3 en el HTML */
  width:120px;            /* ajusta 100–140px a gusto */
  max-width:100%;
  border-radius:.5rem;
}
@media (min-width:768px){
  .detail-thumbs .thumb-box{ width:140px; }
}
.detail-thumbs img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}