:root {
  --crema: #EEF1F6; --crema-2: #FAFBFD; --salvia: #4E5668; --verde: #0B0D12; --verde-2: #1C2130;
  --cobre: #2F5BFF; --tinta: #1A1A1A; --gris: #6A7181; --linea: rgba(11,13,18,.16);
  --error: #B53A2B; --ok: #2F7A4A; --aviso: #A86A12;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: var(--crema); color: var(--tinta); font-family: 'Manrope', system-ui, sans-serif; font-size: 15px; line-height: 1.5; min-height: 100%; -webkit-text-size-adjust: 100%; }
.container { max-width: 520px; margin: 0 auto; padding: 18px 16px 48px; }
.head { background: var(--verde); color: var(--crema); border-radius: 22px; padding: 26px 22px 22px; text-align: center; position: relative; overflow: hidden; margin-bottom: 14px; }
.head .iso-bg { position: absolute; right: -40px; bottom: -60px; width: 220px; opacity: .07; fill: var(--crema); pointer-events: none; }
.head .iso { width: 36px; fill: var(--crema); display: block; margin: 0 auto 10px; }
.head .place { font-size: 11px; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; color: rgba(238,241,246,.7); }
.head h1 { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 400; font-size: 38px; line-height: 1; letter-spacing: 2px; margin: 10px 0 2px; }
.head .sub { font-size: 13px; color: rgba(238,241,246,.85); }
.card { background: var(--crema-2); border: 1px solid var(--linea); border-radius: 18px; padding: 20px; margin-bottom: 14px; }
.card h2 { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 400; font-size: 24px; letter-spacing: 1px; color: var(--verde); margin-bottom: 4px; }
.hint { font-size: 13px; color: var(--gris); margin-bottom: 14px; }
label { font-size: 12px; font-weight: 700; color: var(--verde); display: block; margin-bottom: 5px; }
input, select { width: 100%; font: 500 16px 'Manrope', system-ui, sans-serif; color: var(--tinta); background: #fff; border: 1px solid var(--linea); border-radius: 10px; padding: 12px 13px; outline: none; }
input:focus, select:focus { border-color: var(--salvia); box-shadow: 0 0 0 3px rgba(78,86,104,.18); }
input.mal { border-color: var(--error); box-shadow: 0 0 0 3px rgba(181,58,43,.15); }
.campo { margin-bottom: 12px; }
.fila2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.btn { display: block; width: 100%; font: 800 13px 'Manrope', system-ui, sans-serif; letter-spacing: 1.5px; text-transform: uppercase; padding: 15px; border-radius: 12px; cursor: pointer; background: var(--verde); color: var(--crema); border: 1px solid var(--verde); text-align: center; text-decoration: none; }
.btn:disabled { opacity: .55; }
.btn.ghost { background: transparent; color: var(--verde); border-color: var(--linea); }
.btn.sm { width: auto; display: inline-block; padding: 9px 14px; font-size: 11px; }
.msg { font-size: 13px; margin: 6px 0 10px; }
.msg.err { color: var(--error); } .msg.ok { color: var(--ok); }
.chip { display: inline-block; font: 800 10px 'Manrope', system-ui, sans-serif; letter-spacing: 1.5px; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; background: rgba(11,13,18,.08); color: var(--verde); }
.chip.VIP, .chip.Cabina { background: #0B0D12; color: #E9D9A6; }
.chip.Terraza { background: #4A5FA8; color: #fff; }
.chip.ULU { background: #41697F; color: #fff; }
dl.datos { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; font-size: 14px; }
dl.datos dt { color: var(--gris); }
dl.datos dd { font-weight: 700; text-align: right; }
.small { font-size: 12px; } .muted { color: var(--gris); }
.toast { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%) translateY(120px); background: var(--verde); color: var(--crema); padding: 12px 18px; border-radius: 12px; font-size: 14px; transition: transform .25s; z-index: 50; max-width: 90vw; }
.toast.show { transform: translateX(-50%) translateY(0); }
.pie { text-align: center; font-size: 11px; color: var(--gris); letter-spacing: 2px; text-transform: uppercase; margin-top: 18px; }