/*! Otto e Mezzo Pizza Verace — mapa-salao.css — build 2026-10-01 */
.cantina-mapa{position:relative;width:100%;max-width:1000px;margin:0 auto;aspect-ratio:1600 / 1000;container-type:inline-size;user-select:none}.cantina-mapa .cantina-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 8px rgb(60 40 20 / .28))}.cantina-mapa .mesa-privativa,.cantina-mapa .mesa-compartilhada,.cantina-mapa .mesa-privativa.mesa-fora,.cantina-mapa .mesa-compartilhada.mesa-fora,.cantina-mapa .mesa-privativa.bloqueado,.cantina-mapa .mesa-compartilhada.bloqueado{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;min-height:0!important;opacity:1!important;filter:none!important}.cantina-mapa .cantina-mesa{position:absolute!important;transform:translate(-50%,-50%);height:auto!important;display:block!important;z-index:2;transition:opacity .25s ease,filter .25s ease}.cantina-mesa .mesa-sprite{width:100%;height:auto;display:block;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 6px 12px rgb(30 18 8 / .45));transition:transform .25s cubic-bezier(.2,.8,.3,1.2),filter .25s ease}.cantina-mapa .cantina-mesa.mesa-m6{left:19%;top:28%;width:10%!important}.cantina-mapa .cantina-mesa.mesa-m1{left:50%;top:28%;width:22%!important}.cantina-mapa .cantina-mesa.mesa-m2{left:78%;top:28%;width:22%!important}.cantina-mapa .cantina-mesa.mesa-m5{left:25%;top:66%;width:31%!important}.cantina-mapa .cantina-mesa.mesa-m4{left:49.4%;top:66%;width:10%!important}.cantina-mapa .cantina-mesa.mesa-m3{left:75%;top:66%;width:34%!important}.cantina-mapa.com-marcos .cantina-mesa.mesa-m6{left:24%;top:30%;width:9%!important}.cantina-mapa.com-marcos .cantina-mesa.mesa-m1{left:52%;top:30%;width:19.8%!important}.cantina-mapa.com-marcos .cantina-mesa.mesa-m2{left:76%;top:30%;width:19.8%!important}.cantina-mapa.com-marcos .cantina-mesa.mesa-m5{left:24.3%;top:65%;width:27.9%!important}.cantina-mapa.com-marcos .cantina-mesa.mesa-m4{left:48%;top:65%;width:9%!important}.cantina-mapa.com-marcos .cantina-mesa.mesa-m3{left:73%;top:65%;width:30.6%!important}.cantina-mapa .marco-img{position:absolute;transform:translate(-50%,-50%);height:auto;z-index:1;pointer-events:none;-webkit-user-drag:none}.cantina-mapa .marco-entrada{left:12%;top:12%;width:18%}.cantina-mapa .marco-bandeira{left:91%;top:30%;width:7%}.cantina-mapa .marco-banheiro{left:92.8%;top:65%;width:4%}.mesa-cap{opacity:0!important}.cantina-mapa .mesa-privativa{cursor:pointer}.cantina-mapa .mesa-privativa:hover:not(.ocupada):not(.reservando):not(.mesa-fora):not(.bloqueado) .mesa-sprite{transform:scale(1.03);filter:drop-shadow(0 14px 22px rgb(30 18 8 / .5)) brightness(1.05)}.cantina-mapa .mesa-surface.mesa-selecionada{filter:drop-shadow(0 0 3px var(--terracotta)) drop-shadow(0 0 5px var(--terracotta)) drop-shadow(0 0 9px var(--terracotta)) drop-shadow(0 8px 16px rgb(166 43 46 / .55)) brightness(1.06) saturate(1.12)!important;transform:scale(1.04)}.cantina-mapa .mesa-privativa:has(.mesa-selecionada)::after,.cantina-mapa .mesa-compartilhada.modo-inteira:has(.assento-click.selecionado)::after{content:"\2713";font-weight:900;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6.4cqw;height:6.4cqw;min-width:30px;min-height:30px;display:flex;align-items:center;justify-content:center;font-size:4cqw;color:#fff;background:var(--terracotta);border:3px solid #fff;border-radius:50%;box-shadow:0 6px 16px rgb(166 43 46 / .65);z-index:7;pointer-events:none;animation:cantinaSelPulse 1.5s ease-in-out infinite}@keyframes cantinaSelPulse{0%,100%{box-shadow:0 6px 16px rgb(166 43 46 / .55),0 0 0 0 rgb(166 43 46 / .45)}50%{box-shadow:0 6px 16px rgb(166 43 46 / .65),0 0 0 9px #fff0}}.cantina-mapa .mesa-privativa.ocupada .mesa-sprite{filter:grayscale(95%) brightness(.82);opacity:.5}.cantina-mapa .mesa-privativa.ocupada{cursor:not-allowed}.cantina-mapa .mesa-privativa.reservando .mesa-sprite{filter:drop-shadow(0 0 4px #d68a3e) drop-shadow(0 0 7px #d68a3e) saturate(.6) brightness(.92);animation:lockPulse 1.6s infinite}.cantina-mapa .mesa-privativa.reservando{cursor:not-allowed}.cantina-mapa .mesa-privativa.reservando::after,.cantina-mapa .mesa-privativa.ocupada::after{content:"\F4A5";font-family:"bootstrap-icons";position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font-size:4cqw;color:#fff;text-shadow:0 2px 6px rgb(0 0 0 / .7);z-index:7;pointer-events:none}.cantina-mapa .mesa-privativa.ocupada::after{color:#efe7da}.cantina-mapa .cantina-mesa.mesa-fora,.cantina-mapa .cantina-mesa.bloqueado{pointer-events:none;cursor:not-allowed}.cantina-mapa .cantina-mesa.mesa-fora .mesa-sprite,.cantina-mapa .cantina-mesa.bloqueado .mesa-sprite{filter:grayscale(.9) brightness(.95);opacity:.32}.cantina-mapa .cantina-mesa.mesa-fora .assento-click,.cantina-mapa .cantina-mesa.bloqueado .assento-click{opacity:.3;filter:grayscale(.8);pointer-events:none}.cantina-mapa .cantina-mesa.mesa-fora .mesa-info-btn,.cantina-mapa .cantina-mesa.bloqueado .mesa-info-btn{opacity:1!important;filter:none!important;pointer-events:auto!important}.cantina-mapa .cantina-mesa.mesa-fora:hover .mesa-sprite,.cantina-mapa .cantina-mesa.bloqueado:hover .mesa-sprite,.cantina-mapa .cantina-mesa.mesa-lotada:hover .mesa-sprite{transform:none}.cantina-mapa .cantina-mesa.mesa-lotada{pointer-events:none;cursor:not-allowed}.cantina-mapa .cantina-mesa.mesa-lotada .mesa-sprite{filter:grayscale(.95) brightness(.78);opacity:.5}.cantina-mapa .cantina-mesa.mesa-lotada .assento-click{opacity:.5;filter:grayscale(.6)}.cantina-mapa .cantina-mesa.mesa-lotada .mesa-info-btn{opacity:1!important;filter:none!important;pointer-events:auto!important}.cantina-mapa .cantina-mesa.mesa-lotada::after{content:"Lotada";position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);background:rgb(40 30 24 / .9);color:#f3ead3;font-family:'Lato',sans-serif;font-weight:700;font-size:2.4cqw;letter-spacing:.5px;text-transform:uppercase;padding:.25em .85em;border-radius:999px;box-shadow:0 4px 10px rgb(0 0 0 / .4);z-index:7;pointer-events:none}.cantina-mapa .mesa-apta:not(.bloqueado):not(.mesa-fora):not(.ocupada):not(.reservando):not(.mesa-lotada) .mesa-sprite{filter:drop-shadow(0 0 4px rgb(106 118 87 / .9)) drop-shadow(0 8px 16px rgb(40 26 12 / .4))}.cantina-mapa .mesa-compartilhada{cursor:pointer}.cantina-mapa .mesa-compartilhada:hover:not(.mesa-fora):not(.bloqueado) .mesa-sprite{transform:scale(1.03);filter:drop-shadow(0 0 5px rgb(106 118 87 / .8)) drop-shadow(0 12px 20px rgb(30 18 8 / .5)) brightness(1.04)}.cantina-mapa .mesa-compartilhada:has(.assento-click.selecionado) .mesa-sprite{filter:drop-shadow(0 0 4px var(--terracotta)) drop-shadow(0 0 8px var(--terracotta)) drop-shadow(0 8px 16px rgb(166 43 46 / .45)) brightness(1.04) saturate(1.08)}.cantina-mapa .mesa-cap{position:absolute;bottom:1%;left:50%;transform:translateX(-50%);background:rgb(30 22 12 / .85);color:#f3ead3;font-family:'Lato',sans-serif;font-weight:700;font-size:2.2cqw;letter-spacing:.3px;padding:.1em .7em;border-radius:999px;white-space:nowrap;pointer-events:none;box-shadow:0 3px 8px rgb(0 0 0 / .3);z-index:5}.cantina-mapa .assentos-row{position:absolute;left:0;right:0;height:0;z-index:4;margin:0;padding:0}.cantina-mapa .assento-click{position:absolute;top:0;width:2.1cqw;height:2.1cqw;min-width:13px;min-height:13px;border-radius:50%;pointer-events:none;background:transparent!important;border:0!important;box-shadow:none!important;background-image:none!important;transform:translate(-50%,-50%)!important;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.cantina-mapa .assento-click span{display:none!important}.cantina-mapa .assento-click.ocupado{background:rgb(60 48 42 / .82)!important;box-shadow:0 0 0 2px rgb(255 250 240 / .35)!important}.cantina-mapa .assento-click.reservando{background:#d68a3e!important;box-shadow:0 0 0 2px rgb(255 250 240 / .4)!important;animation:lockPulse 1.6s infinite}.cantina-mapa .assento-click.selecionado{background:var(--terracotta)!important;box-shadow:0 0 0 2px #fff,0 0 9px 1px var(--terracotta)!important;transform:translate(-50%,-50%) scale(1.35)!important;z-index:6}.mesa-m5 .assentos-top{top:18%}.mesa-m5 .assentos-bot{top:83%}.mesa-m5 .assentos-top .assento-click:nth-child(1){left:13.7%}.mesa-m5 .assentos-top .assento-click:nth-child(2){left:29%}.mesa-m5 .assentos-top .assento-click:nth-child(3){left:43.6%}.mesa-m5 .assentos-top .assento-click:nth-child(4){left:58%}.mesa-m5 .assentos-top .assento-click:nth-child(5){left:72.1%}.mesa-m5 .assentos-top .assento-click:nth-child(6){left:86.9%}.mesa-m5 .assentos-bot .assento-click:nth-child(1){left:13.4%}.mesa-m5 .assentos-bot .assento-click:nth-child(2){left:28.4%}.mesa-m5 .assentos-bot .assento-click:nth-child(3){left:42.9%}.mesa-m5 .assentos-bot .assento-click:nth-child(4){left:57.7%}.mesa-m5 .assentos-bot .assento-click:nth-child(5){left:72.1%}.mesa-m5 .assentos-bot .assento-click:nth-child(6){left:86.3%}.mesa-m3 .assentos-top{top:31%}.mesa-m3 .assentos-bot{top:71%}.mesa-m3 .assentos-top .assento-click:nth-child(1){left:13.3%}.mesa-m3 .assentos-top .assento-click:nth-child(2){left:29%}.mesa-m3 .assentos-top .assento-click:nth-child(3){left:44.7%}.mesa-m3 .assentos-top .assento-click:nth-child(4){left:60.5%}.mesa-m3 .assentos-top .assento-click:nth-child(5){left:75.8%}.mesa-m3 .assentos-bot .assento-click:nth-child(1){left:13.8%}.mesa-m3 .assentos-bot .assento-click:nth-child(2){left:29.3%}.mesa-m3 .assentos-bot .assento-click:nth-child(3){left:45.1%}.mesa-m3 .assentos-bot .assento-click:nth-child(4){left:60.8%}.mesa-m3 .assentos-bot .assento-click:nth-child(5){left:76.2%}.mesa-m3 .assento-cabeceira{position:absolute;left:93.5%;top:52%;z-index:4}.cantina-mapa:not(.planta-operador) .mesa-compartilhada:not(.modo-cadeiras) .assento-click{display:none!important}@container (max-width:560px){.cantina-mapa .assento-click{width:20px;height:20px}.cantina-mapa .assento-click span{font-size:11px}.cantina-mapa .mesa-cap{font-size:11px}}.cantina-mapa.planta-operador .assento-click{border-radius:50%!important;width:2.4cqw;height:2.4cqw;min-width:15px;min-height:15px}.cantina-mapa .assento-click.op-reservada{background:#f1c454!important;border-color:#c79a1e!important}.cantina-mapa .assento-click.op-pendente{background:#e8833a!important;border:2px dashed #fff!important}.cantina-mapa .assento-click.op-presente{background:#2e7d32!important;border-color:#1b5e20!important}.cantina-mapa .assento-click.op-noshow{background:#37474f!important;border-color:#1c252b!important}.cantina-mapa .assento-click.op-bloqueada{background:#a62b2e!important;border-color:#7a1f1d!important}.cantina-mapa .cantina-mesa.mesa-privativa.op-reservada,.cantina-mapa .cantina-mesa.mesa-privativa.op-pendente,.cantina-mapa .cantina-mesa.mesa-privativa.op-presente,.cantina-mapa .cantina-mesa.mesa-privativa.op-noshow,.cantina-mapa .cantina-mesa.mesa-privativa.op-bloqueada{cursor:pointer}.cantina-mapa .cantina-mesa.mesa-privativa.op-reservada .mesa-sprite{filter:drop-shadow(0 0 3px #f1c454) drop-shadow(0 0 7px #f1c454) drop-shadow(0 6px 12px rgb(30 18 8 / .45))}.cantina-mapa .cantina-mesa.mesa-privativa.op-pendente .mesa-sprite{filter:drop-shadow(0 0 3px #e8833a) drop-shadow(0 0 7px #e8833a) drop-shadow(0 6px 12px rgb(30 18 8 / .45))}.cantina-mapa .cantina-mesa.mesa-privativa.op-presente .mesa-sprite{filter:drop-shadow(0 0 3px #2e7d32) drop-shadow(0 0 7px #2e7d32) drop-shadow(0 6px 12px rgb(30 18 8 / .45))}.cantina-mapa .cantina-mesa.mesa-privativa.op-noshow .mesa-sprite{filter:grayscale(60%) brightness(.9) drop-shadow(0 0 3px #37474f) drop-shadow(0 0 6px #37474f)}.cantina-mapa .cantina-mesa.mesa-privativa.op-bloqueada .mesa-sprite{filter:drop-shadow(0 0 3px #a62b2e) drop-shadow(0 0 7px #a62b2e) drop-shadow(0 6px 12px rgb(30 18 8 / .45))}.cantina-mapa .cantina-mesa.mesa-privativa.op-reservada::after,.cantina-mapa .cantina-mesa.mesa-privativa.op-pendente::after,.cantina-mapa .cantina-mesa.mesa-privativa.op-presente::after,.cantina-mapa .cantina-mesa.mesa-privativa.op-noshow::after,.cantina-mapa .cantina-mesa.mesa-privativa.op-bloqueada::after{content:'';position:absolute;top:4%;right:8%;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px rgb(0 0 0 / .45);z-index:4}.cantina-mapa .cantina-mesa.mesa-privativa.op-reservada::after{background:#f1c454}.cantina-mapa .cantina-mesa.mesa-privativa.op-pendente::after{background:#e8833a;border-style:dashed}.cantina-mapa .cantina-mesa.mesa-privativa.op-presente::after{background:#2e7d32}.cantina-mapa .cantina-mesa.mesa-privativa.op-noshow::after{background:#37474f}.cantina-mapa .cantina-mesa.mesa-privativa.op-bloqueada::after{background:#a62b2e}.cantina-mapa.planta-operador span.mesa-cap{opacity:.85}.cantina-mapa.planta-operador .op-maplabel{position:absolute;left:50%;bottom:-4%;transform:translateX(-50%);background:rgb(20 20 16 / .82);color:#fff;padding:1px 8px;border-radius:50px;font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap;max-width:130%;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:5;box-shadow:0 1px 3px rgb(0 0 0 / .4)}.cantina-mapa.planta-operador .op-maplabel.op-lbl-presente{background:rgb(46 125 50 / .92)}.cantina-mapa.planta-operador .op-maplabel.op-lbl-pendente{background:rgb(232 131 58 / .94)}.cantina-mapa.planta-operador .op-maplabel.op-lbl-noshow{background:rgb(55 71 79 / .85)}.cantina-mapa.planta-operador .op-maplabel.op-lbl-bloqueada{background:rgb(166 43 46 / .92)}@container (max-width:560px){.cantina-mapa.planta-operador .op-maplabel{font-size:9px;padding:0 6px}}.cantina-mapa.planta-operador .assento-click{pointer-events:auto!important}.cantina-mapa.planta-picker .cantina-mesa.mesa-privativa:not(.op-reservada):not(.op-pendente):not(.op-presente):not(.op-noshow):not(.op-bloqueada){cursor:pointer}.cantina-mapa.planta-picker .cantina-mesa.mesa-privativa.nr-sel .mesa-sprite{filter:drop-shadow(0 0 4px #d4af37) drop-shadow(0 0 9px #d4af37) drop-shadow(0 6px 12px rgb(30 18 8 / .45))}.cantina-mapa.planta-picker .cantina-mesa.mesa-privativa.nr-sel::after{content:'✓';position:absolute;top:2%;right:6%;width:20px;height:20px;border-radius:50%;background:#d4af37;color:#1a2e1a;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 1px 3px rgb(0 0 0 / .45);z-index:4}.cantina-mapa.planta-picker .assento-click{cursor:pointer;width:3.1cqw!important;height:3.1cqw!important;min-width:22px!important;min-height:22px!important}.cantina-mapa.planta-picker .assento-click:not(.op-reservada):not(.op-pendente):not(.op-presente):not(.op-noshow):not(.op-bloqueada):not(.nr-sel){background:rgb(255 255 255 / .45)!important;box-shadow:0 0 0 2px rgb(70 50 25 / .5)!important}.cantina-mapa.planta-picker .assento-click:not(.op-reservada):not(.op-pendente):not(.op-presente):not(.op-noshow):not(.op-bloqueada):not(.nr-sel):hover{background:rgb(212 175 55 / .65)!important;box-shadow:0 0 0 2px #8a6d1c!important;transform:translate(-50%,-50%) scale(1.2)!important;z-index:6}.cantina-mapa.planta-picker .assento-click.nr-sel{background:#d4af37!important;border-color:#8a6d1c!important;box-shadow:0 0 0 3px #fff,0 0 8px 2px rgb(212 175 55 / .75)!important;transform:translate(-50%,-50%) scale(1.15)!important;z-index:6}