/* ============================================================
   COTIZACIÓN EN VIVO (formulario de reserva)
   ============================================================ */
.booking__stay .stepper { padding-top: 0; min-height: 49px; }
.booking__stay .stepper input[type=number] { width: 40px; }

.quote { margin: 4px 0 30px; padding: 22px 0 24px; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); color: var(--light-soft); font-size: 14px; line-height: 1.6; text-align: left; transition: opacity .25s; }
.quote.is-loading { opacity: .55; }
.quote ul { list-style: none; margin: 0; padding: 0; }
.quote li, .quote__total { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; }
.quote li > :last-child, .quote__total > :last-child { flex: 0 0 auto; text-align: right; }
.quote__eyebrow { display: block; font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--salmon-hot); margin-bottom: 10px; }
.quote .quote__empty { margin: 0; }
.quote.is-warn .quote__empty { color: #f1c5bb; }
.quote__money { font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--light); }
.quote__cents { font-size: .72em; opacity: .75; }
.quote__cur { font-size: .5em; letter-spacing: .14em; opacity: .7; font-family: var(--font-body); }
.quote .quote__summary { margin: 0 0 16px; color: var(--light); font-size: 15px; }
.quote__lines li { padding: 5px 0; }
.quote__total { margin-top: 14px; padding-top: 16px; border-top: 1px solid var(--line-dark); flex-wrap: wrap; row-gap: 8px; }
.quote__total > .quote__money { margin-left: auto; }
.quote__total > span:first-child { white-space: nowrap; font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--light); }
.quote__total .quote__money { font-family: var(--font-display); font-size: clamp(26px, 3vw, 36px); line-height: 1; }
.quote__tax { margin-top: 12px !important; font-size: 13px; }
.quote__tax li { padding: 2px 0; }
.quote__tax .quote__money { color: var(--light-soft); }
.quote__tax .is-strong, .quote__tax .is-strong .quote__money { color: var(--light); }
.quote .quote__alert { margin: 14px 0 0; color: var(--salmon-hot); font-size: 13px; }
.quote .quote__note { margin: 14px 0 0; font-size: 12px; line-height: 1.6; }
.quote .quote__note + .quote__note { margin-top: 6px; }
.booking__stay .stepper__note { display: none; }

/* Niños: una pregunta con un contador por rango de edad. */
.booking__stay .kids { margin-bottom: 26px; }
.booking__stay .kids__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line-dark); }
.booking__stay .kids__age { color: var(--light); font-size: 16px; }
.booking__stay .kids .stepper { min-height: 0; }
.booking__stay .kids .stepper__btn { width: 38px; height: 38px; font-size: 18px; }
.booking__stay .kids .stepper input[type=number] { width: 34px; }