/* ===== Módulo parallax: foto de fondo difuminada que se mueve al hacer scroll ===== */

.has-parallax {
  --parallax-blur: 1px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.parallax-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-size: cover;
  background-position: center;
  /* Difuminado ligero; la escala esconde los bordes borrosos */
  filter: blur(.5px) saturate(0.85);
  transform: scale(1.06);
  will-change: transform;
}

/* Capa oscura encima de la foto para que el texto se lea bien */
.parallax-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 78% 30%, rgba(176, 141, 87, 0.18), transparent 25%),
    linear-gradient(180deg, rgba(17, 17, 16, 0.78) 0%, rgba(17, 17, 16, 0.72) 50%, rgba(17, 17, 16, 0.9) 100%);
}

/* El hero ya no necesita su fondo plano: lo da la foto */
.hero.has-parallax { background: var(--ink); }

/* La sección de cierre pasa a fondo oscuro con texto claro */
.closing.has-parallax {
  background: var(--ink);
  color: var(--ivory);
  padding: 150px 0;
}
.closing.has-parallax .closing__title em { color: var(--gold-soft); }

@media (max-width: 860px) {
  .closing.has-parallax { padding: 112px 0; }
}