/* CARIBIAN · módulo: Botones flotantes (WhatsApp + Pedir online)
   Al pasar a PHP este CSS no cambia. */
.fab{position:fixed;right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));z-index:55;display:flex;flex-direction:column;align-items:flex-end;gap:10px;transition:opacity .3s,transform .4s var(--ease)}
.fab-wa{width:56px;height:56px;border-radius:50%;background:var(--navy);color:#fff;border:2px solid #fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(15,18,50,.35);transition:transform .35s var(--ease)}
.fab-wa i{width:28px;height:28px}
.fab-order{display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 22px 0 18px;border-radius:999px;background:var(--red);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 10px 26px rgba(198,47,24,.4);transition:transform .35s var(--ease),background-color .25s}
.fab-order i{width:22px;height:22px}
.fab-wa:hover,.fab-order:hover{transform:translateY(-3px)}
.fab-order:hover{background:var(--red-d)}
body.modal-open .fab,body.menu-is-open .fab,body.stack-pinned .fab{opacity:0;pointer-events:none;transform:translateY(20px)}