/* Botones de acción de las páginas (2026-10-17). La clase se repite a propósito: la hoja de cada página los define con 6 clases y hay que ganarle. Un solo molde para todos: esquinas de 12 px, negrita, mayúsculas con aire, brillo
   inferior y un pequeño salto al pasar el ratón. Principal = ámbar con letras blancas; secundario = blanco con filo ámbar.
   Las clases `ecb-btn*` las añade la captura del clon (site-data.json) a cada botón de acción; los botones de los formularios, de la
   reserva y del pie siguen el mismo molde desde su propia hoja. */
a.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn,
button.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  max-width: 100% !important;
  min-height: 54px !important;
  padding: 0 40px !important;
  border: 0 !important;
  border-radius: 12px !important;
  font: 700 15px/1.15 "Open Sans", Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.12em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  cursor: pointer;
  transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

a.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn span,
button.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn span {
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

a.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn--primary,
button.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn--primary {
  background: #df9b11 !important;
  color: #fff !important;
  box-shadow: 0 10px 24px -12px rgb(223 155 17 / 80%) !important;
}

a.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn--primary:hover,
button.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn--primary:hover {
  filter: brightness(1.07);
  transform: translateY(-2px);
  box-shadow: 0 14px 28px -12px rgb(223 155 17 / 90%) !important;
}

a.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn--primary:active,
button.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn--primary:active {
  filter: brightness(0.97);
  transform: translateY(0);
}

a.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn--secondary,
button.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn--secondary {
  background: #fff !important;
  color: #062a44 !important;
  box-shadow: inset 0 0 0 2px #df9b11 !important;
}

a.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn--secondary:hover,
button.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn--secondary:hover {
  background: #fff6e2 !important;
  transform: translateY(-2px);
}

/* El RESERVAR de la cabecera: mismo molde, en pequeño. */
a.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn--compact,
button.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn--compact {
  min-height: 40px !important;
  padding: 0 22px !important;
  font-size: 13px !important;
  letter-spacing: 0.1em !important;
}

a.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn:focus-visible,
button.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn:focus-visible {
  outline: 3px solid #062a44 !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 3px #fff !important;
}

@media (max-width: 480px) {
  a.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn:not(.ecb-btn--compact),
  button.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn:not(.ecb-btn--compact) {
    padding: 0 24px !important;
    font-size: 14px !important;
    letter-spacing: 0.1em !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  a.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn,
  button.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn {
    transition: none;
  }

  a.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn:hover,
  button.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn.ecb-btn:hover {
    transform: none;
  }
}