.sys-cardapio-publico__gesture-coach[hidden] {
    display: none;
}

.sys-cardapio-publico__gesture-coach {
    position: absolute;
    inset: 0;
    z-index: 60;
    overflow: hidden;
    border-radius: inherit;
    color: var(--sfv-text-primary, #f5ebe1);
    pointer-events: none;
    user-select: none;
}

.sys-cardapio-publico__gesture-cue {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/*
 * The historical hand element (inline SVG or IMG) is deliberately hidden.
 * The approved reference hand is rendered by the pseudo-elements below,
 * so stale markup from older releases cannot bring the old symbol back.
 */
.sys-cardapio-publico__gesture-hand {
    display: none !important;
}

.sys-cardapio-publico__gesture-cue--tap::before,
.sys-cardapio-publico__gesture-swipe-hand::before {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%221790%22%20height%3D%222393%22%20viewBox%3D%220%200%201790%202393%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M637.872%202223.47L637.872%202223.5C637.872%202247.84%20657.961%202267.55%20682.737%202267.55L1314.67%202267.57C1339.47%202267.57%201359.62%202247.82%201359.62%202223.45C1359.62%202223.42%201359.62%202223.37%201359.62%202223.37C1359.58%202199%201339.47%202179.32%201314.67%202179.32L682.777%202179.31C657.87%202179.33%20637.872%202199.09%20637.872%202223.41L637.872%202223.47ZM1490.49%202223.52C1490.49%202247.85%201510.58%202267.57%201535.35%202267.57C1560.17%202267.57%201580.27%202247.82%201580.27%202223.45L1580.27%202223.42C1580.23%202199.08%201560.19%202179.33%201535.43%202179.29L1535.41%202179.29C1510.5%202179.32%201490.49%202199.09%201490.49%202223.42L1490.49%202223.52ZM594.808%202116.65L594.808%202116.56C594.727%202110.8%20596.79%202105.51%20600.142%202101.25L602.003%202099.12C606.791%202094.22%20613.536%202091.14%20620.954%202091.04L1594%202091.04C1608.63%202091.24%201620.42%202102.94%201620.42%202117.35L1620.45%202278.42C1620.42%202292.83%201608.63%202304.53%201594%202304.72L620.954%202304.72C606.341%202304.53%20594.55%202292.85%20594.55%202278.43L594.808%202116.65ZM89.6885%20966.548L89.6885%20966.27C89.6885%20924.2%20112.988%20883.635%20153.58%20862.816C171.186%20853.785%20190.031%20849.503%20208.592%20849.503C251.566%20849.503%20293.068%20872.418%20314.32%20912.437L552.997%201361.73C561.775%201377.44%20578.82%201388.11%20598.393%201388.11C626.986%201388.11%20650.144%201365.35%20650.154%201337.27L650.477%20184.41C650.442%20131.262%20694.336%2088.2431%20748.453%2088.2431L748.544%2088.2431C802.637%2088.1935%20846.596%20131.416%20846.611%20184.673L846.803%201025C846.763%201049.23%20866.816%201068.84%20891.526%201068.84C916.327%201068.84%20936.416%201049.09%20936.426%201024.71L936.659%20843.03C936.623%20782.282%20986.559%20733.332%201048.13%20733.332C1109.83%20733.332%201159.84%20782.471%201159.84%20843.08L1160.03%201100.8C1160%201125.05%201180.04%201144.65%201204.75%201144.65C1229.55%201144.65%201249.66%201124.9%201249.66%201100.53L1249.85%20903.624C1249.81%20853.685%201291.06%20813.26%201341.93%20813.26C1392.88%20813.26%201434.15%20853.84%201434.19%20903.892L1434.39%201142.07C1434.35%201166.3%201454.4%201185.91%201479.1%201185.91C1503.91%201185.91%201523.99%201166.15%201524.01%201141.79L1524.21%20968.147C1524.17%20920.489%201563.53%20881.906%201612.07%20881.906C1660.72%20881.906%201700.14%20920.638%201700.14%20968.416L1700.29%201610.55C1700.29%201684.81%201675.29%201753.34%201633.13%201808.45L1633.05%201808.54C1620.63%201825.01%201609.52%201842.49%201599.85%201860.82L1599.79%201860.94C1582.66%201893.23%201573.32%201930.06%201573.32%201969.02C1573.32%201980.5%201574.15%201991.8%201575.77%202002.83L639.854%202002.87C639.531%202002.3%20639.531%202001.79%20639.531%202001.3L639.566%202000.5C639.531%201978.95%20634.727%201958.56%20626.364%201940.07L626.339%201940C606.028%201894.18%20577.773%201852.65%20543.198%201817.09L543.173%201817.08C518.902%201791.69%20497.985%201763.29%20481.142%201732.4L103.088%201020.73C93.8954%201003.44%2089.6885%20984.823%2089.6885%20966.588L89.6885%20966.548ZM0.0100503%20967.705C0.0100517%20999.368%207.65012%201031.47%2023.5977%201061.49L398.249%201766.81C419.465%201807.31%20446.34%201844.47%20477.845%201877.28L477.936%201877.36C505.559%201905.62%20527.989%201938.75%20544.128%201975.23L544.128%201975.24C547.718%201982.91%20549.711%201991.48%20549.711%202000.5C549.711%202016.31%20543.587%202030.71%20533.541%202041.56L533.465%202041.65C515.808%202061.34%20505.195%202087.25%20504.74%202115.49L504.78%202280.41C505.817%202342.22%20556.739%202392.13%20619.725%202393L1595.25%202393C1658.26%202392.13%201709.23%202342.16%201710.23%202280.28L1710.27%202115.49C1709.86%202093.19%201703.03%202072.37%201691.46%202054.91L1691.17%202054.46C1673.47%202030.25%201663.12%202000.81%201663.12%201969.02C1663.12%201943.75%201669.41%201919.92%201680.91%201899.18L1680.94%201899.14C1688.35%201885.23%201696.83%201872.13%201706.25%201859.77L1706.27%201859.75C1758.61%201790.28%201789.68%201704.61%201789.96%201611.82L1790%20968.416C1789.96%20871.906%201710.32%20793.663%201612.07%20793.663C1572.75%20793.663%201536.4%20806.201%201506.94%20827.437L1506.98%20827.576C1477.48%20766.932%201414.69%20725.002%201341.93%20725.002C1300.54%20725.016%201262.36%20738.573%201231.77%20761.438C1200.13%20692.817%201129.8%20645.089%201048.13%20645.089C1006.94%20645.089%20968.62%20657.235%20936.699%20678.088L936.74%20677.949L936.775%20184.673C936.426%2082.6995%20852.315%200.039703%20748.519%20-3.27188e-05L748.494%20-3.27177e-05C644.577%200.0148747%20560.465%2082.7095%20560.465%20184.673L560.506%201185.44L393.81%20871.668C356.595%20801.611%20283.967%20761.473%20208.734%20761.473C208.127%20761.473%20208.051%20761.488%20208.051%20761.488C175.651%20761.488%20142.8%20768.979%20112.108%20784.721C40.7183%20821.322%20-6.55752e-05%20892.815%20-6.23411e-05%20966.801L0.0100503%20967.705Z%22%20fill%3D%22%23F8EEE3%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.82;
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.34));
    pointer-events: none;
}


.sys-cardapio-publico__gesture-cue--tap {
    top: calc(50% + 2px);
    right: clamp(1px, 0.8vw, 7px);
    width: clamp(44px, 10.2vw, 56px);
    aspect-ratio: 1790 / 2393;
}

.sys-cardapio-publico__gesture-tap-ring {
    position: absolute;
    top: -10px;
    left: 45%;
    width: 26px;
    height: 26px;
    border: 2px solid currentColor;
    border-radius: 50%;
    opacity: 0;
    transform: translateX(-50%) scale(0.45);
}

.sys-cardapio-publico__gesture-cue--swipe {
    left: clamp(12px, 3.4vw, 22px);
    right: clamp(18px, 5vw, 32px);
    bottom: clamp(8px, 1.8vh, 18px);
    width: auto;
    height: clamp(82px, 20vw, 108px);
}

.sys-cardapio-publico__gesture-swipe-track {
    position: absolute;
    top: 52%;
    left: 12px;
    right: 10px;
    width: auto;
    height: 2px;
    overflow: hidden;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        rgba(245, 235, 225, 0) 0%,
        rgba(245, 235, 225, 0.10) 18%,
        rgba(245, 235, 225, 0.48) 72%,
        rgba(245, 235, 225, 0.72) 100%
    );
    transform-origin: right center;
}

.sys-cardapio-publico__gesture-swipe-track::before,
.sys-cardapio-publico__gesture-swipe-track::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.54;
    transform: translateY(-50%);
}

.sys-cardapio-publico__gesture-swipe-track::before {
    left: 30%;
}

.sys-cardapio-publico__gesture-swipe-track::after {
    left: 56%;
}

.sys-cardapio-publico__gesture-swipe-hand {
    --sfv-gesture-swipe-hand-size: clamp(64px, 15vw, 82px);
    position: absolute;
    top: 0;
    right: 0;
    width: var(--sfv-gesture-swipe-hand-size);
    aspect-ratio: 1790 / 2393;
}

.sys-cardapio-publico__gesture-coach.is-active .sys-cardapio-publico__gesture-cue--tap {
    animation: sys-cardapio-gesture-tap-cue 4.2s ease-in-out infinite;
}

.sys-cardapio-publico__gesture-coach.is-active .sys-cardapio-publico__gesture-cue--tap::before {
    transform-origin: 45% 8%;
    animation: sys-cardapio-gesture-tap-hand 4.2s ease-in-out infinite;
}

.sys-cardapio-publico__gesture-coach.is-active .sys-cardapio-publico__gesture-tap-ring {
    animation: sys-cardapio-gesture-tap-ring 4.2s ease-out infinite;
}

.sys-cardapio-publico__gesture-coach.is-active .sys-cardapio-publico__gesture-cue--swipe {
    animation: sys-cardapio-gesture-swipe-cue 4.2s ease-in-out infinite;
}

.sys-cardapio-publico__gesture-coach.is-active .sys-cardapio-publico__gesture-swipe-hand {
    animation: sys-cardapio-gesture-swipe-hand 4.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.sys-cardapio-publico__gesture-coach.is-active .sys-cardapio-publico__gesture-swipe-track {
    animation: sys-cardapio-gesture-swipe-track 4.2s ease-in-out infinite;
}

@keyframes sys-cardapio-gesture-tap-cue {
    0%, 8%, 38%, 100% {
        opacity: 0;
    }

    12%, 33% {
        opacity: 1;
    }
}

@keyframes sys-cardapio-gesture-tap-hand {
    0%, 11% {
        transform: translateY(7px) scale(0.96);
    }

    17% {
        transform: translateY(0) scale(1);
    }

    22% {
        transform: translateY(-4px) scale(0.93);
    }

    27%, 34% {
        transform: translateY(1px) scale(1);
    }

    39%, 100% {
        transform: translateY(7px) scale(0.96);
    }
}

@keyframes sys-cardapio-gesture-tap-ring {
    0%, 19%, 100% {
        opacity: 0;
        transform: translateX(-50%) scale(0.45);
    }

    23% {
        opacity: 0.72;
        transform: translateX(-50%) scale(0.62);
    }

    31% {
        opacity: 0;
        transform: translateX(-50%) scale(1.5);
    }
}

@keyframes sys-cardapio-gesture-swipe-cue {
    0%, 39%, 84%, 100% {
        opacity: 0;
    }

    44%, 79% {
        opacity: 1;
    }
}

@keyframes sys-cardapio-gesture-swipe-hand {
    0%, 43% {
        right: 0;
        transform: translateY(5px) scale(0.98);
    }

    48% {
        right: 0;
        transform: translateY(0) scale(1);
    }

    72% {
        right: calc(100% - var(--sfv-gesture-swipe-hand-size));
        transform: translateY(0) scale(1);
    }

    80%, 100% {
        right: calc(100% - var(--sfv-gesture-swipe-hand-size));
        transform: translateY(5px) scale(0.98);
    }
}

@keyframes sys-cardapio-gesture-swipe-track {
    0%, 43% {
        opacity: 0;
        transform: scaleX(0.12);
    }

    49% {
        opacity: 0.48;
        transform: scaleX(0.18);
    }

    72% {
        opacity: 0.76;
        transform: scaleX(1);
    }

    80%, 100% {
        opacity: 0;
        transform: scaleX(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sys-cardapio-publico__gesture-coach {
        display: none;
    }
}