/* ============================================================
   Responsive — Cofradía del Cristo de la Providencia
   ============================================================ */

/* ── 1280px ── */
@media (max-width: 1280px) {
  :root { --pad-x: 5%; }
  .footer-grid { grid-template-columns: 2fr 1fr 1fr; }
}

/* ── 1024px ── */
@media (max-width: 1024px) {
  :root { --pad-x: 5%; }

  /* Header */
  .nav__links  { display: none; }
  .nav__cta    { display: none; }
  .nav__hamburger { display: flex; }

  /* Hero inicio */
  .hero { grid-template-columns: 1fr; }
  .hero__visual { display: none; }
  .hero__contenido { padding: 9rem var(--pad-x) 5rem; }

  /* Presentación */
  .presentacion { grid-template-columns: 1fr; }
  .presentacion__foto { min-height: 420px; }
  .presentacion__foto::after { background: linear-gradient(180deg, transparent 60%, var(--negro-2) 100%); }
  .presentacion__texto { padding: 4rem var(--pad-x); }

  /* Titulares split */
  .titulares-split { grid-template-columns: 1fr; }
  .titular-panel { min-height: 55vh; }

  /* Titular detalle */
  .titular-detalle__grid { grid-template-columns: 1fr; gap: 3rem; }
  .titular-detalle__grid--inv { direction: ltr; }

  /* Historia */
  .historia-layout { grid-template-columns: 1fr; gap: 3.5rem; }
  .historia-sidebar { position: static; }

  /* Noticias layout */
  .noticias-layout { grid-template-columns: 1fr; }
  .noticia-card--horizontal { grid-template-columns: 1fr; }
  .noticia-card--horizontal .noticia-card__img { height: 220px; }

  /* Contacto */
  .contacto-grid { grid-template-columns: 1fr; gap: 3.5rem; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr 1fr; }

  /* Procesión poster */
  .procesion-poster { grid-template-columns: 1fr; }

  /* Page hero photo */
  .page-hero__photo { display: none; }

  /* Stats */
  .stats__fila { grid-template-columns: repeat(2, 1fr); }
}

/* ── 768px ── */
@media (max-width: 768px) {
  :root { --pad-x: 5%; }

  h1 { font-size: clamp(1.65rem, 5vw, 2.4rem); }
  h2 { font-size: clamp(1.3rem, 4vw, 1.85rem); }

  section, .section { padding: 4.5rem var(--pad-x); }

  /* Datos grid */
  .datos-grid { grid-template-columns: 1fr; }

  /* Stats */
  .stats__fila { grid-template-columns: 1fr 1fr; }

  /* Galería masonry */
  .galeria-masonry { columns: 2; gap: .5rem; }

  /* Noticias grid */
  .noticias-grid { grid-template-columns: 1fr; }

  /* Hero botones */
  .hero__botones { flex-direction: column; align-items: flex-start; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; }
  .footer-base { flex-direction: column; text-align: center; }

  /* Procesión */
  .procesion-cards { grid-template-columns: 1fr; }

  /* Contacto form */
  .form-fila-2 { grid-template-columns: 1fr; }

  /* Eventos */
  .evento { grid-template-columns: 78px 1fr; gap: 1.4rem; }

  /* Ficha */
  .ficha__fila { flex-direction: column; gap: .2rem; }
  .ficha__k { min-width: auto; }

  /* Lightbox nav */
  .lightbox__nav--prev { left: .5rem; }
  .lightbox__nav--next { right: .5rem; }
}

/* ── 540px ── */
@media (max-width: 540px) {
  :root { --pad-x: 5%; }

  .galeria-masonry { columns: 1; }
  .stats__fila { grid-template-columns: 1fr 1fr; }
  .titulares-split { grid-template-columns: 1fr; }
  .titular-panel { min-height: 60vh; }
  .titular-panel__texto { padding: 2.5rem 5%; }
  .presentacion__foto { min-height: 320px; }
  .hero__lema { font-size: .95rem; }
  .page-hero { padding: 8rem var(--pad-x) 3.5rem; }
  .encuentro { padding: 2rem var(--pad-x); }
  .procesion-poster { padding: 2rem var(--pad-x); }
  .footer-grid { grid-template-columns: 1fr; }
}

/* ── Print ── */
@media print {
  .site-header,
  .nav__hamburger,
  .nav__mobile,
  .hero__particulas,
  .hero__scroll,
  .lightbox,
  .galeria-filtros { display: none !important; }

  body { background: white; color: black; }
  .section--oscura,
  .section--gris,
  .section--burdeos { background: white; color: black; }
  h1, h2, h3, h4 { color: black; }
  a { color: black; }
}