/* The Lab Room · Reserva del spa, 2 de octubre de 2026.
   Va encima de spa.css: reutiliza su botón, su bloque de foto y texto y su
   banda de dirección y horario. Aquí solo lo que es propio de esta página. */

/* Cabecera de la página: rótulo pequeño y titular, como el resto de la casa. */
.reserva-cab{padding-block:48px 24px}
/* 18 oct, tipografía A (Oak): antetítulo y enlace a la carta en voz de etiqueta (el enlace, subrayado), título en
   Zodiak 300. El texto del bloque sale de spa.css. Tokens de design-system.css, con reserva. */
.reserva-cab__eyebrow{font:var(--tlr-t-etiqueta,600 11.5px/1.3 'Archivo',system-ui,sans-serif);letter-spacing:var(--tlr-t-etiqueta-ls,.16em);text-transform:uppercase;color:var(--verde-texto);margin:0 0 12px}
.reserva-cab__titulo{font-family:var(--serif);font-weight:var(--tlr-t-titulo-peso,300);font-size:44px;line-height:48px;
  color:var(--ink);margin:0;text-wrap:balance}

/* El bloque de texto lleva dos llamadas: reservar online y llamar. */
.reserva-texto{padding:32px 40px}
.reserva-texto__otro{margin-top:36px !important}
/* El botón principal se estira hasta un ancho cómodo para el pulgar. */
.reserva-btn{min-width:240px}
/* Variante de contorno para la llamada secundaria. */
.spa-btn--linea{background:transparent;color:var(--ink);border-color:var(--ink)}
.spa-btn--linea:hover{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.reserva-nota{font-size:13px;line-height:18px;color:var(--ink-soft);margin:-6px 0 0}
.reserva-carta{display:inline-block;margin-top:8px;font:var(--tlr-t-etiqueta,600 11.5px/1.3 'Archivo',system-ui,sans-serif);letter-spacing:var(--tlr-t-etiqueta-ls,.16em);text-transform:uppercase;
  color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* El tema pone los h1 en versales en línea por debajo de 1024 px. */
.reserva h1.reserva-cab__titulo{text-transform:none}

@media (max-width:749px){
  .reserva-cab{padding-block:32px 16px}
  .reserva-cab__titulo{font-size:32px;line-height:36px}
  .reserva-texto{padding:24px 0}
  /* En el móvil los botones van a todo el ancho. */
  .reserva-btn{width:100%;min-width:0}
}

/* 20 oct, Mónica: "se queda el footer como gigante". La banda de Dónde/Horario, pegada al pie y del mismo
   eucalipto, parecía parte del pie: se quita y la información va en la columna del texto. */
.reserva{padding-bottom:clamp(56px,7vw,96px)}
.reserva-datos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(27,26,23,.14)}
.reserva-datos p{font:var(--tlr-t-cuerpo,300 14.5px/1.75 var(--sans));letter-spacing:.02em;color:var(--ink);margin:0}
.reserva-datos p.reserva-datos__tit{font:var(--tlr-t-etiqueta,600 11.5px/1.3 var(--sans));letter-spacing:var(--tlr-t-etiqueta-ls,.16em);text-transform:uppercase;color:var(--verde-texto,var(--ink-soft));margin:0 0 8px}
.reserva-datos a{color:inherit;text-decoration:none}
.reserva-datos a:hover{text-decoration:underline}
@media (max-width:420px){.reserva-datos{grid-template-columns:minmax(0,1fr)}}