/* Ajuste v4: bajar un poco más el logo inline del título de reservas */

.nav-logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.nav-logo-image {
  display: block;
  width: 86px;
  height: auto;
  object-fit: contain;
  filter:
    drop-shadow(0 0 6px rgba(247, 229, 198, 0.92))
    drop-shadow(0 0 14px rgba(220, 184, 128, 0.45));
}

.hero-logo-image {
  display: block;
  width: min(560px, 72vw);
  max-width: 100%;
  height: auto;
  margin: 0 auto 1.35rem;
  object-fit: contain;
  filter:
    drop-shadow(0 0 10px rgba(247, 229, 198, 0.88))
    drop-shadow(0 0 24px rgba(220, 184, 128, 0.32));
}

.inline-logo-image,
.title-logo-image,
.reservation-logo-image {
  display: inline-block;
  width: auto;
  height: 0.78em;
  max-width: min(24vw, 210px);
  margin-left: 0.16em;
  vertical-align: -0.04em;
  object-fit: contain;
  filter:
    drop-shadow(0 0 6px rgba(247, 229, 198, 0.80))
    drop-shadow(0 0 16px rgba(220, 184, 128, 0.28));
}

.brand-wordmark-nav,
.brand-wordmark-hero {
  display: none !important;
}

.reservation-hero h1,
.reservations-hero h1,
.hero-reservation h1,
.hero-booking h1,
.booking-hero h1 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 0.28em;
}

/* AQUÍ está el cambio importante: baja un poco más */
.reservation-hero h1 .inline-logo-image,
.reservations-hero h1 .inline-logo-image,
.hero-reservation h1 .inline-logo-image,
.hero-booking h1 .inline-logo-image,
.booking-hero h1 .inline-logo-image,
h1 .reservation-logo-image {
  height: 0.72em;
  max-width: min(20vw, 185px);
  margin-left: 0.06em;
  vertical-align: 0.04em;
  position: relative;
  top: 0.08em;
}

@media (max-width: 900px) {
  .nav-logo-image {
    width: 72px;
  }

  .hero-logo-image {
    width: min(460px, 80vw);
  }

  .inline-logo-image,
  .title-logo-image,
  .reservation-logo-image {
    height: 0.74em;
    max-width: min(32vw, 180px);
  }

  .reservation-hero h1 .inline-logo-image,
  .reservations-hero h1 .inline-logo-image,
  .hero-reservation h1 .inline-logo-image,
  .hero-booking h1 .inline-logo-image,
  .booking-hero h1 .inline-logo-image,
  h1 .reservation-logo-image {
    height: 0.68em;
    max-width: min(28vw, 160px);
    top: 0.08em;
  }
}

@media (max-width: 540px) {
  .nav-logo-image {
    width: 60px;
  }

  .hero-logo-image {
    width: min(340px, 84vw);
    margin-bottom: 1rem;
  }

  .inline-logo-image,
  .title-logo-image,
  .reservation-logo-image {
    height: 0.68em;
    max-width: min(38vw, 140px);
    vertical-align: 0;
  }

  .reservation-hero h1,
  .reservations-hero h1,
  .hero-reservation h1,
  .hero-booking h1,
  .booking-hero h1 {
    gap: 0.18em;
  }

  .reservation-hero h1 .inline-logo-image,
  .reservations-hero h1 .inline-logo-image,
  .hero-reservation h1 .inline-logo-image,
  .hero-booking h1 .inline-logo-image,
  .booking-hero h1 .inline-logo-image,
  h1 .reservation-logo-image {
    height: 0.62em;
    max-width: min(34vw, 125px);
    top: 0.07em;
  }
}