/* WhatsApp fijo (W2). En el celu: círculo de 44 px abajo a la derecha. En la compu: píldora «WhatsApp».
   Nunca tapa: wa-fijo.js lo sube si abajo hay un botón marcado con data-wa-evitar (Confirmar, Terminar reserva)
   o el cartel de cookies, y deja un espacio al final de la página para que el último contenido no quede debajo. */
.wa-fijo { position: fixed; z-index: 900; right: 16px; bottom: calc(var(--wa-abajo, 16px) + env(safe-area-inset-bottom, 0px));
  width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center;
  background: #25D366; color: #fff; text-decoration: none; box-shadow: 0 6px 18px rgba(0,0,0,.35), 0 0 0 2px rgba(17,17,17,.9);
  transition: bottom .22s cubic-bezier(.22,.61,.36,1), opacity .18s, transform .18s; }
.wa-fijo svg { width: 24px; height: 24px; }
.wa-fijo span { display: none; }
.wa-fijo:hover { transform: scale(1.06); }
.wa-fijo:focus-visible { outline: 2px solid #C4813A; outline-offset: 3px; }
.wa-fijo.oculto { opacity: 0; pointer-events: none; transform: scale(.8); }
.wa-espacio { height: 72px; }
/* Con un modal abierto (el checkout del delivery) el botón no compite con el «Confirmar». */
body:has(dialog[open]) .wa-fijo { opacity: 0; pointer-events: none; }
@media (min-width: 768px) {
  .wa-fijo { width: auto; height: 48px; padding: 0 18px 0 14px; border-radius: 999px; gap: 8px; grid-auto-flow: column; right: 24px;
    font: 700 13px/1 Montserrat, ui-sans-serif, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #0B2A17; }
  .wa-fijo svg { fill: #0B2A17; }
  .wa-fijo span { display: inline; }
  .wa-espacio { height: 24px; }
}
@media (prefers-reduced-motion: reduce) { .wa-fijo { transition: none; } .wa-fijo:hover { transform: none; } }