/* Reservaciones (/reservaciones y /en/reservaciones)
   Medidas tomadas del sitio en vivo (Wix Studio, oct-2026), escritorio 1440 / tableta 900 / móvil 390. */

/* En Wix el header está oculto en escritorio y tableta; en móvil (≤750) se ve debajo de la barra "volver". */
@media (min-width:751px){
  .reserva-pagina .site-header{display:none}
}

/* 1. Portada: foto fija detrás (efecto de fondo de Wix) + H1 centrado */
.reserva-hero{--h:291px;--h-m:188px;display:flex;align-items:center;justify-content:center}
.reserva-hero__titulo{position:relative;z-index:1;margin:0;padding:0 6px;text-align:center;color:var(--blanco);font-family:var(--f-montserrat);font-weight:300;font-size:64px;line-height:1.1;letter-spacing:normal}

/* 2. Bloque de texto + widget de OpenTable sobre arena lisa
   (en Wix: capa rgba(169,146,95,.2) = var(--oro) al 20% sobre blanco, sin textura) */
.reserva-arena{background:#eee9df;background:color-mix(in srgb,var(--oro) 20%,var(--blanco))}
.reserva-texto{width:50%;margin:0 auto;padding:0 0 28.8px;text-align:center;font-family:var(--f-montserrat)}
.reserva-lead{font-weight:400;font-size:18px;line-height:28.8px;color:var(--negro)}
/* en Wix es #888 (2,9:1 sobre la arena); se oscurece a #666 para pasar AA (4,7:1) */
.reserva-grupos{max-width:608px;margin:12px auto 0;padding:0 24px;font-weight:400;font-size:13px;line-height:1.7;color:#666}
.reserva-grupos a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.reserva-grupos a:hover{color:var(--negro)}
/* En Wix el widget va dentro de un <p> (18px / 28.8px) y el iframe queda inline: la caja mide 301 + 9 px de línea = 310 */
.reserva-ot{display:flex;justify-content:center;margin:24px auto 32px;min-height:310px;font-size:18px;line-height:28.8px}
.reserva-ot iframe{display:inline;border:0}
/* En ES hay un párrafo vacío (28,8 px) después del widget; en EN no existe */
html[lang="en"] .reserva-texto{padding-bottom:0}

/* 3. Espacio en blanco que deja hoy el widget viejo de OpenTable (oculto por el embed, pero sigue ocupando 668 px) */
.reserva-hueco{height:668px}

@media (max-width:750px){
  .reserva-hero__titulo{font-size:48px;line-height:normal}
  .reserva-texto{width:auto;margin:0 23px 0 22px} /* en Wix la caja mide 345 px, no 346 */
}