/* =========================================================
   booking-modal.css — Unique ATV Tours
   =========================================================
   Estilos del formulario de reserva y el carrito, para usarse
   incrustados directo en cada página de tour (sin necesidad
   de ir a reservas.html aparte). Comparte la lógica de
   js/reservas-cart.js.
========================================================= */

.modal{ display:none; position:fixed; inset:0; background:#0009; z-index:999; align-items:center; justify-content:center; padding:20px; }
.modal.show{ display:flex; }
.box{ background:#fff; border-radius:18px; padding:30px; width:min(520px,100%); max-height:90vh; overflow:auto; position:relative; font-family:var(--font-body); color:#222; }
.box h2{ font-family:var(--font-display); }
.box .x{ position:absolute!important; right:12px; top:8px; background:transparent!important; border:0!important; color:#111!important; font-size:28px!important; padding:4px 10px!important; cursor:pointer; box-shadow:none!important; transform:none!important; }
.box label{ display:block; margin:16px 0 7px; font-weight:bold; font-size:13px; }
.box input, .box select{ width:100%; padding:13px; border:1px solid #ddd; border-radius:8px; font-family:var(--font-body); font-size:.95rem; }
.box button:not(.x){ border:0; border-radius:25px; padding:12px 20px; font-weight:bold; cursor:pointer; background:var(--red); color:#fff; width:100%; margin-top:10px; transition:.2s ease; }
.box button:not(.x):hover{ background:var(--red-dark); }
.box .paypal{ background:#ffc439!important; color:#111!important; width:100%; margin-top:18px; }
.box .item{ padding:15px 0; border-bottom:1px solid #ddd; font-size:.92rem; }
.box .item button{ width:auto; margin-top:8px; background:var(--red); color:#fff; font-size:.78rem; padding:6px 14px; }
.box small{ display:block; text-align:center; margin-top:10px; color:#777; }