/* ============================================================
   Visit Mexico City — Entrada individual (magazine)
   Ajustes sobre evento.css (hero, prose, related)
   ============================================================ */

/* Columna de lectura centrada, medida de revista */
.art-body { max-width: 780px; margin: 0 auto; padding-top: clamp(36px, 5vw, 60px); }

/* Entradilla */
.art-lead {
  font-family: var(--font-display);
  font-size: clamp(1.2rem, 2.2vw, 1.45rem);
  line-height: 1.55; color: var(--ink);
  margin-bottom: 28px; padding-bottom: 28px;
  border-bottom: 1px solid var(--line);
}

/* Imágenes y bloques dentro del contenido */
.articulo .ev-prose img {
  width: 100%; height: auto; display: block;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  margin: 10px 0;
}
.articulo .ev-prose figure { margin: 28px 0; }
.articulo .ev-prose figcaption {
  margin-top: 10px; font-size: .85rem; color: var(--muted); text-align: center;
}
.articulo .ev-prose h2 { font-size: clamp(1.5rem, 3vw, 2rem); color: var(--ink); margin: 36px 0 14px; }
.articulo .ev-prose blockquote {
  margin: 30px 0; padding: 4px 0 4px 24px;
  border-left: 3px solid var(--rosa);
  font-family: var(--font-display); font-size: 1.25rem; font-style: italic; color: var(--ink);
}
.articulo .ev-prose a { color: var(--rosa); text-decoration: underline; text-underline-offset: 3px; }
.articulo .ev-prose a:hover { color: var(--rosa-deep); }

/* Pie del artículo: CTA de categoría + compartir */
.art-foot {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line);
}

/* Responsive */
@media (max-width: 560px) {
  .art-foot { flex-direction: column; align-items: flex-start; }
}