/* ══════════════════════════════════════════
   noticias.css — Estilos de noticias
   RediansE · redianse.com
   Complementa styles.css (no lo reemplaza).
   ══════════════════════════════════════════ */

/* ── HOME: imagen en tarjeta destacada ─────── */
.news-card-img--photo {
  background: var(--navy-2);
}
.news-card-img--photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── HOME: miniatura en tarjetas pequeñas ──── */
/* Reemplaza el emoji icon del .news-small original */
.news-small-img {
  width: 76px;
  height: 76px;
  flex-shrink: 0;
  border-radius: 6px;
  overflow: hidden;
  background: var(--navy-2);
}
.news-small-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── HOME: fila "Ver todas" ─────────────────── */
.noticias-ver-todas {
  text-align: center;
  margin-top: 44px;
}

/* ══ PÁGINA NOTICIAS ══════════════════════════ */

/* Cabecera de la página */
.noticias-page-header {
  padding: 140px 60px 56px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Grid 3 columnas */
.noticias-page-body {
  padding: 0 60px 100px;
  max-width: 1200px;
  margin: 0 auto;
}

.noticias-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 0;
}

/* Tarjeta de noticia */
.noticia-card {
  background: linear-gradient(145deg, rgba(13,46,66,.55), rgba(7,30,44,.8));
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  transition: border-color .4s, transform .4s;
}
.noticia-card:hover {
  border-color: var(--border-h);
  transform: translateY(-5px);
}

.noticia-card__img {
  height: 200px;
  overflow: hidden;
  background: var(--navy-2);
}
.noticia-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}
.noticia-card:hover .noticia-card__img img {
  transform: scale(1.05);
}

.noticia-card__body {
  padding: 24px 24px 28px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.noticia-card__fecha {
  display: block;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--w30);
  margin-bottom: 10px;
}

.noticia-card__titulo {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 10px;
}

.noticia-card__resumen {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.75;
  color: var(--w60);
  flex: 1;
}

.noticia-card__leer {
  display: block;
  margin-top: 18px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--tq-mid);
  transition: letter-spacing .3s;
}
.noticia-card:hover .noticia-card__leer {
  letter-spacing: 3px;
}

/* ══ PÁGINA DETALLE ═══════════════════════════ */

/* Hero image a ancho completo */
.detalle-hero-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 68px; /* offset para la nav fija */
  background: var(--navy-2);
}
.detalle-hero-wrap img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  display: block;
}
.detalle-hero-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 35%, rgba(7,30,44,.9) 100%);
  pointer-events: none;
}

/* Contenido del artículo (columna centrada) */
.detalle-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 60px 40px 100px;
}

/* Botón volver */
.btn-volver {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--tq-mid);
  text-decoration: none;
  margin-bottom: 44px;
  transition: gap .3s;
}
.btn-volver:hover { gap: 14px; }

/* Meta: título + fecha */
.detalle-meta {
  margin-bottom: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--border);
}

.detalle-fecha {
  display: block;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--w30);
  margin-bottom: 16px;
}

.detalle-titulo {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 600;
  line-height: 1.2;
}

/* Cuerpo del artículo */
.detalle-body p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.9;
  color: rgba(255,255,255,.75);
  margin-bottom: 24px;
}

/* Estado: noticia no encontrada */
.detalle-not-found {
  text-align: center;
  padding: 140px 20px;
}
.detalle-not-found h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 16px;
  color: var(--tq-light);
}
.detalle-not-found p {
  font-size: 16px;
  font-weight: 300;
  color: var(--w60);
  margin-bottom: 36px;
}

/* ══ RESPONSIVE ═══════════════════════════════ */

@media (max-width: 1024px) {
  .noticias-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .noticias-page-header,
  .noticias-page-body {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 768px) {
  .detalle-hero-wrap img { height: 340px; }
  .detalle-content { padding: 44px 24px 64px; }
}

@media (max-width: 640px) {
  .noticias-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .noticias-page-header {
    padding: 100px 20px 40px;
  }
  .noticias-page-body {
    padding: 0 20px 64px;
  }
  .detalle-hero-wrap img { height: 220px; }
  .detalle-content { padding: 36px 20px 56px; }
  .detalle-titulo { font-size: 26px; }
}