/* --------------------------------------------------------------------------
   modal: visual-only dialogs shared by every page (Reservar / Mi misión, and
   the /contacto form's "sent" and "missing field" alerts reuse this shell).
   -------------------------------------------------------------------------- */
.modal { position: fixed; z-index: 50; inset: 0; display: grid; place-items: center; padding: 24px; visibility: hidden; opacity: 0; transition: opacity .22s ease, visibility .22s ease; }
.modal.is-open { visibility: visible; opacity: 1; }
.modal__backdrop { position: absolute; inset: 0; background: rgba(0, 5, 13, .78); backdrop-filter: blur(7px); }
.modal__panel { position: relative; width: min(100%, 500px); padding: 40px; color: #fff; background: linear-gradient(145deg, #102439, #050b13); border: 1px solid rgba(71, 183, 255, .8); border-radius: 12px; box-shadow: 0 20px 65px rgba(0, 0, 0, .58), 0 0 32px rgba(0, 154, 255, .16); transform: translateY(12px) scale(.98); transition: transform .22s ease; }
.modal.is-open .modal__panel { transform: translateY(0) scale(1); }
.modal__panel h2 { margin-top: 9px; font-family: var(--font-display); font-size: 23px; letter-spacing: .02em; }
.modal__panel p:not(.eyebrow) { margin: 14px 0 26px; color: #c9d6e1; font-size: 17px; }
.modal__close { position: absolute; top: 11px; right: 13px; width: 35px; height: 35px; color: #fff; background: transparent; border: 0; font-size: 28px; line-height: 1; }
body.has-modal { overflow: hidden; }

@media (max-width: 600px) {
    .modal { padding: 15px; }
    .modal__panel { padding: 36px 25px 27px; }
}