/* Página de reserva: la piel de Sunset sobre la reserva por pasos compartida (reserva.css). Tema claro de papel y
   arena, sin bandas oscuras; solo tokens. */
.v-reservar .rs{padding:calc(var(--cabecera-alto,58px) + 28px) 0 40px;min-height:100dvh;outline:none;
  background:linear-gradient(180deg,var(--fondo-2) 0,var(--fondo) 340px)}
.v-reservar .top .wrap{grid-template-columns:auto 1fr}

/* Cabecera con una foto propia del catálogo en arco, como una ventana al mar */
.rs-cab{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;align-items:center;margin-bottom:24px}
.rs-cab h1{font-size:clamp(2rem,5vw,3.25rem);max-width:16ch}
.rs-lead{margin-top:12px;max-width:52ch;color:var(--tinta-2);font-size:1.0625rem}
.rs-foto{margin:0;width:clamp(96px,24vw,240px);aspect-ratio:4/5;border-radius:999px 999px var(--radio) var(--radio);overflow:hidden;box-shadow:inset 0 0 0 1px var(--linea)}
.rs-foto img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:560px){.rs-cab{grid-template-columns:minmax(0,1fr) 92px;gap:12px}.rs-foto{width:92px}.rs-lead{font-size:1rem}}

/* La reserva compartida con la tipografía y los botones de la marca */
.v-reservar .rv-paso-tit,.v-reservar .rv-recibo-tit{font-family:var(--display);font-weight:400}
.v-reservar .rv-paso-sub{font-weight:600}
.v-reservar .rv-pasos a[aria-current="step"]{background:var(--tinta);border-color:var(--tinta);color:var(--fondo)}
.v-reservar .rv-pasos a[aria-current="step"] .rv-paso-n{background:var(--fondo);color:var(--tinta)}
.v-reservar .rv-segmento button[aria-checked="true"] b{color:var(--marca)}
.v-reservar .rv-nav{background:var(--vidrio);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--vidrio-linea)}
.v-reservar .rv-nav .btn-accion,.v-reservar .rv-nav .btn-vidrio{gap:10px;min-height:48px}
.v-reservar .rv-nav .btn-vidrio{background:var(--superficie)}
.v-reservar .rv-chip[aria-pressed="true"],.v-reservar .rv-cal-dia.rv-elegido{background:var(--tinta);border-color:var(--tinta);color:var(--fondo)}
.v-reservar .rv-cal-dia.rv-elegido :is(.rv-cal-p,.rv-cal-s){color:var(--fondo)}
.v-reservar .rv-cal-dia.rv-elegido .rv-cal-punto{background:var(--oro)}
.v-reservar .rv-lista-punto i{background:var(--oro)}
.v-reservar .rv-opcion[aria-checked="true"]{border-color:var(--oro)}
.v-reservar .rv-pase-cab{background:var(--hm-cab-bg);color:var(--hm-cab-tinta)}
.v-reservar .rv-pase-viaja{color:var(--oro)}
.v-reservar .rv-pase .banderin{--ban-campo:currentColor;width:100%;height:100%}

/* Lo que sigue después de la solicitud */
.rs-pase{margin:18px 0}
/* La solicitud llega como invitación sellada (el sobre de la portada): el boleto es la carta */
.invita-pase{margin:18px 0 8px;container-type:inline-size}
.invita-pase .invita-escena{--sobre-w:min(400px,calc(100cqw - 24px));--sobre-h:calc(var(--sobre-w) / 1.42);--carta-w:min(440px,100cqw)}
.invita-pase .rs-pase{width:var(--carta-w)}
.invita-pase .sobre:not(.sobre-vivo) .rs-pase{margin:0 auto}
.invita-pase.abierta .invita-abrir{display:none}
.rs-envio{margin-top:8px;padding:18px;border-radius:var(--radio);background:var(--fondo)}
.rs-envio-tit{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rs-envio-tit .chip{color:var(--marca)}
.rs-acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
@media (max-width:420px){.rs-acciones>*{flex:1 1 100%}}

.rs-pie{padding:28px 0 calc(28px + env(safe-area-inset-bottom));background:var(--fondo-2);color:var(--tinta-2);font-size:.875rem}
.rs-pie .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between}
.rs-pie nav{display:flex;flex-wrap:wrap;gap:4px 18px}
.rs-pie a,.rs-pie .pie-boton{display:inline-flex;align-items:center;min-height:44px;color:var(--tinta-2);font:inherit;background:none;border:0;padding:0;cursor:pointer}
.rs-pie p{margin:0}
@media (max-width:479px){.v-reservar .wrap{padding-inline:max(16px,env(safe-area-inset-left))}}
