/* Gevags Reservas v15 — hotfix específico, no modifica el tema global */

/* 1) Alineación del hero con el resto del sitio, incluso si conviven reglas viejas. */
body[data-page="reservas"] .v9-hero .v14-hero-inner,
body[data-page="reservas"] .v9-hero .v9-hero-inner {
  position: relative !important;
  z-index: 2 !important;
  width: min(1180px, calc(100% - 80px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body[data-page="reservas"] .v9-hero .v9-hero-copy {
  width: min(100%, 670px) !important;
  max-width: 670px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body[data-page="reservas"] .v9-hero .v9-kicker,
body[data-page="reservas"] .v9-hero h1,
body[data-page="reservas"] .v9-hero p,
body[data-page="reservas"] .v9-hero .actions {
  margin-left: 0 !important;
}

/* Desktop ancho: el texto queda exactamente en el mismo eje que los bloques inferiores. */
@media (min-width: 821px) {
  body[data-page="reservas"] .v9-hero .v14-hero-inner,
  body[data-page="reservas"] .v9-hero .v9-hero-inner {
    padding-top: 72px !important;
    padding-bottom: 64px !important;
  }
}

@media (max-width: 820px) {
  body[data-page="reservas"] .v9-hero .v14-hero-inner,
  body[data-page="reservas"] .v9-hero .v9-hero-inner {
    width: calc(100% - 40px) !important;
    padding-top: 54px !important;
    padding-bottom: 48px !important;
  }
}

@media (max-width: 560px) {
  body[data-page="reservas"] .v9-hero .v14-hero-inner,
  body[data-page="reservas"] .v9-hero .v9-hero-inner {
    width: calc(100% - 32px) !important;
    padding-top: 44px !important;
    padding-bottom: 40px !important;
  }
  body[data-page="reservas"] .v9-hero h1 {
    max-width: 10.5ch !important;
  }
}

/* 2) Botón flotante inferior derecho. Siempre queda dentro del viewport. */
.gevags-floating-whatsapp {
  position: fixed !important;
  right: max(22px, env(safe-area-inset-right)) !important;
  bottom: max(22px, env(safe-area-inset-bottom)) !important;
  z-index: 9996 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 54px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #19a65a !important;
  color: #fff !important;
  font: 800 14px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  text-decoration: none !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.24) !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  isolation: isolate !important;
}
.gevags-floating-whatsapp:hover { transform: translateY(-2px) !important; }
.gevags-floating-whatsapp svg { width: 25px !important; height: 25px !important; flex: 0 0 25px !important; }

@media (max-width: 620px) {
  .gevags-floating-whatsapp {
    right: max(16px, env(safe-area-inset-right)) !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 !important;
  }
  .gevags-floating-whatsapp span { display: none !important; }
}

@media print { .gevags-floating-whatsapp { display: none !important; } }