/* Fondos decorativos de naturaleza. Las veladuras mantienen el contraste. */
.hero {
  background-color: #f7f5ef;
  background-image: linear-gradient(90deg, rgba(247,245,239,.85), rgba(247,245,239,.5) 50%, rgba(247,245,239,.12)), url('/assets/naturaleza-follaje.webp');
  background-size: cover;
  background-position: center;
}
.intro {
  background: linear-gradient(rgba(247,245,239,.91), rgba(247,245,239,.91)), url('/assets/naturaleza-follaje.webp') center 65% / cover;
}
.armonia {
  background: linear-gradient(90deg, rgba(43,57,37,.94), rgba(43,57,37,.85)), url('/assets/naturaleza-bosque.webp') center / cover;
}
.quote {
  background: linear-gradient(rgba(24,38,24,.68), rgba(24,38,24,.76)), url('/assets/naturaleza-bosque.webp') center 53% / cover;
  color: #fffdf5;
  padding: 95px 20px;
}
.quote em { color: #e6e3c6; }
.quote > span { color: #d6c590; }
.quote > p { color: #f0efe0; }
.booking {
  background: linear-gradient(90deg, rgba(247,245,239,.92), rgba(247,245,239,.79)), url('/assets/naturaleza-follaje.webp') center / cover;
}
.booking-card { background: #fffef9; }
@media (max-width: 760px) {
  .hero { background-position: 66% top; }
  .intro { background-position: 70% center; }
  .quote { padding: 75px 6%; background-position: 45% center; }
  .armonia { background-position: 35% center; }
  .booking { background-position: 70% center; }
}

/* Fondo botánico para la presentación de Pilar. */
.about {
  background: linear-gradient(90deg, rgba(247,245,239,.70), rgba(247,245,239,.93) 50%, rgba(247,245,239,.86)), url('/assets/naturaleza-follaje.webp') center / cover;
}
@media (max-width: 760px) {
  .about { background-position: 65% center; }
}