/* Estilos de modal para Bootbox, sin cargar Bootstrap completo (evita el reboot). */

.modal { position: fixed; inset: 0; z-index: 100050; display: none; overflow-y: auto; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.show { display: block; }
.modal-open { overflow: hidden; }
.modal-backdrop { position: fixed; inset: 0; z-index: 100040; background: #0b0f14; opacity: 0; transition: opacity .15s linear; }
.modal-backdrop.show { opacity: .5; }

.modal-dialog {
  position: relative; width: auto; margin: 1.75rem auto; max-width: 500px;
  pointer-events: none; font-family: inherit;
}
.modal.fade .modal-dialog { transition: transform .2s ease-out; transform: translateY(-20px); }
.modal.show .modal-dialog { transform: none; }

.modal-content {
  position: relative; display: flex; flex-direction: column; width: 100%;
  pointer-events: auto; background: #fff; border-radius: 16px;
  box-shadow: 0 15px 45px rgba(11, 15, 20, .25); overflow: hidden; color: #153243;
}
.modal-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px; border-bottom: 1px solid #eef0f2;
}
.modal-title { margin: 0; font-size: 1.1rem; font-weight: 700; }
.modal-body { padding: 20px; }
.modal-footer {
  display: flex; gap: 10px; justify-content: flex-end;
  padding: 14px 20px; border-top: 1px solid #eef0f2;
}

/* Botón de cierre: .close (Bootstrap 4, que usa Bootbox 5) y .btn-close (BS5) */
.modal .close,
.modal .btn-close {
  border: 0; background: transparent; font-size: 1.5rem; line-height: 1;
  cursor: pointer; opacity: .5; padding: 4px 10px; color: #153243; font-weight: 700;
  text-shadow: none;
}
.btn-close::before { content: '\00d7'; }
.modal .close:hover,
.modal .btn-close:hover { opacity: 1; }

/* Botones dentro del modal (bootbox añade .btn / .btn-primary / .btn-secondary) */
.modal .btn {
  display: inline-flex; align-items: center; justify-content: center;
  font-size: .92rem; font-weight: 600; padding: 10px 18px; border-radius: 10px;
  border: 2px solid transparent; cursor: pointer; text-decoration: none;
}
.modal .btn-primary, .modal .btn-mjy { background: #ff6b6b; color: #fff; }
.modal .btn-primary:hover, .modal .btn-mjy:hover { background: #e55c5c; color: #fff; }
.modal .btn-secondary, .modal .btn-default { background: #eef0f2; color: #153243; }

/* Campos del formulario de huésped dentro del modal */
.mjy-guest-form .mjy-field { margin-bottom: 12px; }
.mjy-guest-form label { display: block; font-size: .82rem; font-weight: 600; margin-bottom: 4px; }
.mjy-guest-form input, .mjy-guest-form textarea {
  width: 100%; padding: 10px 12px; border: 2px solid #e5e7eb; border-radius: 10px; font-size: .95rem;
}
.mjy-guest-form input:focus, .mjy-guest-form textarea:focus { outline: none; border-color: #ff6b6b; }
.mjy-hp { position: absolute !important; left: -9999px; }

@media (max-width: 560px) { .modal-dialog { margin: 1rem; } }