/* MONTEZA · Mi reserva (sobre el estilo de la página de condiciones) */
.mr__intro{color:var(--soft);font-size:15px;margin:-10px 0 22px}
.mr__form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;align-items:end}
.mr__form label{display:flex;flex-direction:column;gap:6px}
.mr__form span{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.mr__form input,.mr textarea{font:inherit;font-size:16px;color:var(--text);background:#FFFDF9;border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;outline:0}
.mr__form input[name="codigo"]{letter-spacing:.3em;text-transform:uppercase;font-weight:500}
.mr__form input:focus,.mr textarea:focus{border-color:var(--gold)}
.mr__form .btn{height:48px}
.mr__err{margin-top:12px;color:#A3412B;font-size:14px}
.mr__ok{margin:22px 0 0;padding:12px 16px;border-radius:10px;background:rgba(196,165,116,.15);color:var(--text);font-size:14px}
.mr__card{margin-top:30px;padding:clamp(20px,3vw,32px);border:1px solid var(--line-2);border-radius:16px;background:#FFFDF9;box-shadow:0 26px 50px -40px rgba(26,23,20,.5)}
.mr__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mr__lbl{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.mr__code{font-size:26px;font-weight:600;letter-spacing:.3em;color:var(--gold)}
.mr__state{padding:6px 14px;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.mr__state.is-ok{background:#E3F0E2;color:#2F6B34}
.mr__state.is-wait{background:#F6EBD6;color:#8C6F44}
.mr__state.is-off{background:#F2E1DC;color:#A3412B}
.mr__luna{font-size:clamp(28px,3.4vw,40px);margin:16px 0 4px}
.mr__dates{color:var(--soft);text-transform:capitalize;font-size:15px}
.mr__count{margin:16px 0 4px;font-family:var(--serif);font-size:22px;color:var(--text)}
.mr__count b{font-size:34px;color:var(--gold);font-weight:500}
.mr__sum{margin:18px 0 10px;border-top:1px solid var(--line)}
.mr__sum div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.mr__sum dt{color:var(--soft)}
.mr__sum dd{font-weight:500}
.mr__pay{margin-top:10px}
.mr__note{margin-top:12px;font-size:14px;color:var(--soft)}
.mr__note a,.mr__help a{color:var(--text);border-bottom:1px solid var(--gold)}
.mr__titular{margin-top:14px;font-size:12.5px;color:var(--muted)}
.mr__acts,.mr__log{margin-top:34px}
.mr__acts h3,.mr__log h3{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.mr__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.mr__tabs button{height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);font-size:12.5px;color:var(--soft);transition:background .25s,color .25s,border-color .25s}
.mr__tabs button.on{background:var(--text);border-color:var(--text);color:#F4EFE6}
.mr__lead{color:var(--soft);font-size:14.5px;line-height:1.6;margin-bottom:14px}
.mr__pane h4{font-family:var(--sans);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}
.mr__xt{display:grid;gap:8px}
.mr__xt li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#FFFDF9}
.mr__xt li.on{border-color:var(--gold)}
.mr__xt li > span:first-child{display:flex;flex-direction:column;gap:2px;font-size:14px}
.mr__xt small{color:var(--gold)}
.mr__qty{display:flex;align-items:center;gap:6px;flex:none}
.mr__qty button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);font-size:16px;line-height:1}
.mr__qty output{min-width:18px;text-align:center}
.mr textarea{width:100%;margin:16px 0 12px;resize:vertical;min-height:84px}
.mr__small,.mr__help{font-size:12.5px;color:var(--muted);margin-top:10px}
.mr__help{margin-top:40px}
.mr__log ul{display:grid;gap:10px}
.mr__log li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-left:2px solid var(--gold);background:#FFFDF9;font-size:14px}
.mr__log small{color:var(--muted);font-size:12px}
@media (max-width:640px){.mr__form{grid-template-columns:1fr}.mr__form .btn{width:100%}}
