/* =========================================================================
   CD TERUEL — Bloque de actualidad (data/noticias.json)
   Fila superior: lateral · destacada · lateral. Fila inferior: 3 horizontales.
   ========================================================================= */
.actualidad-sec { background: var(--papel); }
.actualidad-sec .sec-head { margin-bottom: clamp(1.5rem, 3vw, 2.4rem); }
.actualidad-sec .sec-head h2 { color: var(--gris-400); }
.nw-empty { color: var(--texto-sec); padding: 2rem 0; }

/* Filas */
.nw-row { display: grid; gap: clamp(1rem, 2vw, 1.6rem); }
.nw-row--top { grid-template-columns: 1fr 1.7fr 1fr; align-items: stretch; margin-bottom: clamp(1rem, 2vw, 1.6rem); }
.nw-row--bottom { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1000px) {
  .nw-row--top { grid-template-columns: 1fr 1fr; }
  .nw-row--top .nw-card--feat { grid-column: 1 / -1; order: -1; }
  .nw-row--bottom { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .nw-row--top { grid-template-columns: 1fr; }
}

/* Tarjeta base */
.nw-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--linea); overflow: hidden; transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.nw-card:hover { transform: translateY(-4px); box-shadow: var(--sombra); }
.nw-card__media { position: relative; overflow: hidden; aspect-ratio: 16/10; background: var(--marino); flex: none; }
.nw-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.nw-card:hover .nw-card__media img { transform: scale(1.05); }
.nw-card__body { padding: 1.1rem 1.2rem 1.3rem; display: flex; flex-direction: column; gap: .8rem; flex: 1; }
.nw-card__title {
  font-family: "Cinzel", sans-serif; text-transform: uppercase; font-weight: 700;
  letter-spacing: .005em; line-height: 1.18; font-size: 1.02rem; color: var(--gris-900);
  transition: color var(--dur) var(--ease);
}
.nw-card:hover .nw-card__title { color: var(--rojo); }
.nw-card__meta { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: .6rem; font-family: "Barlow", sans-serif; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; padding-top: .6rem; }
.nw-card__cat { color: var(--rojo); font-weight: 700; }
.nw-card__date { color: var(--gris-400); font-weight: 600; }

/* Destacada central: imagen a toda la tarjeta + título superpuesto abajo */
.nw-card--feat { position: relative; justify-content: flex-end; }
.nw-card--feat .nw-card__media { aspect-ratio: auto; position: absolute; inset: 0; z-index: 0; }
.nw-card--feat .nw-card__body {
  position: relative; z-index: 2; margin-top: auto; align-self: stretch;
  justify-content: flex-end; gap: .5rem;
  background: linear-gradient(transparent, rgba(16,18,32,.92));
  padding: 3.5rem 1.6rem 1.4rem;
}
/* En la destacada: la meta (categoría/fecha) va ARRIBA del título, no empujada abajo */
.nw-card--feat .nw-card__meta { margin-top: 0; order: -1; padding-top: 0; }
.nw-card--feat .nw-card__title { color: #fff; font-size: clamp(1.15rem, 2vw, 1.6rem); }
.nw-card--feat:hover .nw-card__title { color: #fff; }
.nw-card--feat .nw-card__cat { color: var(--rojo-300); }
.nw-card--feat .nw-card__date { color: rgba(255,255,255,.7); }
.nw-card--feat { min-height: 460px; }
@media (max-width: 1000px) { .nw-card--feat { min-height: 340px; } }

/* Horizontal (fila inferior): cuerpo izq + imagen dcha */
.nw-card--h { flex-direction: row; align-items: stretch; }
.nw-card--h .nw-card__body { flex: 1; justify-content: center; padding: 1.1rem 1.2rem; }
.nw-card--h .nw-card__title { font-size: .98rem; }
.nw-card--h .nw-card__media { width: 42%; aspect-ratio: auto; align-self: stretch; }
@media (max-width: 400px) { .nw-card--h { flex-direction: column; } .nw-card--h .nw-card__media { width: 100%; aspect-ratio: 16/10; } }

/* Botón VER TODO */
.btn-vertodo {
  display: inline-flex; align-items: center; gap: .4rem;
  border: 1px solid var(--linea-fuerte); border-radius: 999px; padding: .55rem 1.2rem;
  font-family: "Cinzel", sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: .04em; font-size: .82rem;
  color: var(--gris-900); transition: background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.btn-vertodo .icon { width: 15px; height: 15px; }
.btn-vertodo:hover { background: var(--rojo); color: #fff; border-color: var(--rojo); }