/* Estilos propios agregados en la migracion a Cloudflare Pages.
   Antes vivian en un <style> inline al final de index.html. */

.ion-ios-arrow-back { display: none; }
.ion-ios-arrow-forward { display: none; }

/* --- Reserva: acciones y avisos --- */
.reserva-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: center;
}
.reserva-actions .btn { margin: 0; }

.btn-whatsapp-alt {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .55);
  color: #fff;
}
.btn-whatsapp-alt:hover:not([disabled]) {
  background: rgba(255, 255, 255, .12);
  color: #fff;
}
.btn-whatsapp-alt[disabled] { opacity: .5; cursor: not-allowed; }

.form-hint {
  font-size: .85rem;
  opacity: .8;
  margin-top: .35rem;
}

/* Aviso de formulario de email fuera de servicio. Visible por defecto:
   solo se oculta si /api/contact confirma que hay proveedor configurado. */
.form-notice {
  border-left: 4px solid #F96D00;
  background: rgba(0, 0, 0, .35);
  padding: .9rem 1rem;
  margin: 0 0 1.25rem;
  font-size: .92rem;
  line-height: 1.55;
}
.form-notice[hidden] { display: none !important; }
.form-notice strong { display: block; margin-bottom: .3rem; }
.form-notice a { color: #F96D00; text-decoration: underline; }

/* Resultado del envio por email */
.form-result {
  margin-top: 1rem;
  padding: .8rem 1rem;
  font-size: .92rem;
  display: none;
}
.form-result.is-visible { display: block; }
.form-result.is-ok { background: rgba(40, 140, 70, .25); border-left: 4px solid #2e9e51; }
.form-result.is-error { background: rgba(180, 40, 40, .25); border-left: 4px solid #d24545; }

/* Honeypot anti-spam: fuera de pantalla, invisible para humanos.
   No usa display:none porque algunos bots lo detectan. */
.hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}