.reserva {
    display: block;
    background: transparent url("../../../arquivo/site/reserva/chao-sombras.png") no-repeat top left;
    background-size: 100%;
    padding-top: 53.16159%;
    position: relative
}

.reserva__scroller {
    overflow-x: auto
}

.reserva__container {
    min-width: 600px
}

.reserva__checkbox {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.reserva__mesa {
    display: block;
    position: absolute;
    cursor: pointer;
    background-size: 100%;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 0;
    color: transparent
}

.reserva__checkbox[disabled] + .reserva__mesa {
    cursor: not-allowed;
    filter: grayscale(100%) brightness(40%)
}

.reserva__checkbox:checked + .reserva__mesa {
    filter: hue-rotate(70deg) saturate(100%) drop-shadow(0 0 1px lime) drop-shadow(0 0 1px lime) drop-shadow(0 0 1px lime)
}

.reserva__mesa--sofa {
    background-image: url("../../../arquivo/site/reserva/mesa-sofa.png");
    width: 7.49415% !important;
    padding-top: 6.44028% !important;
}

.reserva__mesa--sofa-abaixo {
    background-image: url("../../../arquivo/site/reserva/mesa-sofa-abaixo.png");
    width: 4.33255% !important;
    padding-top: 4.33255% !important;
}

.reserva__mesa--sofa-esquerda {
    background-image: url("../../../arquivo/site/reserva/mesa-sofa-esquerda.png");
    width: 4.56674% !important;
    padding-top: 5.26932% !important;
}

.reserva__mesa--sofa-direita {
    background-image: url("../../../arquivo/site/reserva/mesa-sofa-direita.png");
    width: 4.56674% !important;
    padding-top: 5.26932% !important;
}

.reserva__mesa--redonda-6-lugares {
    background-image: url("../../../arquivo/site/reserva/mesa-redonda-6-lugares.png");
    width: 6.67447% !important;
    padding-top: 6.79157% !important;
}

.reserva__mesa--redonda-5-lugares {
    background-image: url("../../../arquivo/site/reserva/mesa-redonda-5-lugares.png");
    width: 7.96253% !important;
    padding-top: 8.54801% !important;
}

.reserva__mesa--4-lugares {
    background-image: url("../../../arquivo/site/reserva/mesa-4-lugares.png");
    width: 5.15222% !important;
    padding-top: 4.09836% !important;
}

.reserva__mesa--4-lugares-45-graus {
    background-image: url("../../../arquivo/site/reserva/mesa-4-lugares-45-graus.png");
    width: 5.7377% !important;
    padding-top: 5.7377% !important;
}

.reserva__mesa--4-lugares-90-graus {
    background-image: url("../../../arquivo/site/reserva/mesa-4-lugares-90-graus.png");
    width: 3.98126% !important;
    padding-top: 6.67447% !important;
}

.reserva__mesa--2-lugares {
    background-image: url("../../../arquivo/site/reserva/mesa-2-lugares.png");
    width: 5.03513% !important;
    padding-top: 2.8103% !important;
}

.reserva__mesa--8-lugares {
    background-image: url("../../../arquivo/site/reserva/mesa-8-lugares.png");
    width: 6.67447% !important;
    padding-top: 6.90867% !important;
}

.reserva__mesa--redonda-8-lugares {
    background-image: url("../../../arquivo/site/reserva/mesa-redonda-8-lugares.png");
    width: 6.67447% !important;
    padding-top: 6.90867% !important;
}

.reserva__mesa--redonda-sofa-esquerda {
    background-image: url("../../../arquivo/site/reserva/mesa-redonda-sofa-esquerda.png");
    width: 6.32319% !important;
    padding-top: 6.32319% !important;
}

.reserva__mesa--redonda-sofa-direita {
    background-image: url("../../../arquivo/site/reserva/mesa-redonda-sofa-direita.png");
    width: 6.32319% !important;
    padding-top: 6.32319% !important;
}

.reserva__paredes {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: transparent url("../../../arquivo/site/reserva/paredes-e-texto.png") left top no-repeat;
    background-size: 100%;
    z-index: 10
}

.reserva__legenda {
    box-sizing: border-box;
    position: absolute;
    top: 5.26932%;
    left: 1.63934%;
    width: 36.29977%;
    height: 12.88056%;
    background-color: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.58548%;
    z-index: 20;
    box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 7px 0;
    border: 3px solid rgba(0, 0, 0, 0.15)
}

@media (max-width: 780px) {
    .reserva__legenda {
        display: none
    }
}

.reserva__legenda__item {
    width: 33.33333%;
    text-align: center;
    font-size: 12px;
    max-height: 100%
}

.reserva__legenda__item--selected {
    filter: hue-rotate(70deg) saturate(100%) drop-shadow(0 0 1px lime) drop-shadow(0 0 1px lime) drop-shadow(0 0 1px lime)
}

.reserva__legenda__item--unavailable {
    filter: grayscale(100%) brightness(40%)
}

.reserva__legenda__imagem {
    max-width: 100%
}

#mesa-1 {
    top: 31.03044%;
    left: 94.61358%
}

#mesa-2 {
    top: 18.50117%;
    left: 93.20843%
}

#mesa-3 {
    top: 3.27869%;
    left: 92.03747%
}

#mesa-4 {
    top: 5.8548%;
    left: 81.73302%
}

#mesa-5 {
    top: 25.76112%;
    left: 84.89461%
}

#mesa-6 {
    top: 7.49415%;
    left: 72.59953%
}

#mesa-7 {
    top: 25.76112%;
    left: 69.67213%
}

#mesa-8 {
    top: 7.61124%;
    left: 62.64637%
}

#mesa-9 {
    top: 25.76112%;
    left: 52.9274%
}

#mesa-10 {
    top: 9.01639%;
    left: 52.69321%
}

#mesa-11 {
    top: 12.76347%;
    left: 41.56909%
}

#mesa-12 {
    top: 19.55504%;
    left: 31.26464%
}

#mesa-13 {
    top: 19.55504%;
    left: 23.77049%
}

#mesa-14 {
    top: 19.55504%;
    left: 16.39344%
}

#mesa-15 {
    top: 19.55504%;
    left: 9.01639%
}

#mesa-16 {
    top: 19.55504%;
    left: 1.63934%
}

#mesa-17 {
    top: 39.81265%;
    left: 6.20609%
}

#mesa-18 {
    top: 39.81265%;
    left: 13.58314%
}

#mesa-19 {
    top: 39.81265%;
    left: 20.96019%
}

#mesa-20 {
    top: 39.81265%;
    left: 28.33724%
}

#mesa-21 {
    top: 39.81265%;
    left: 40.28103%
}

#mesa-22 {
    top: 39.81265%;
    left: 47.77518%
}

#mesa-23 {
    top: 33.72365%;
    left: 58.43091%
}

#mesa-24 {
    top: 39.57845%;
    left: 69.67213%
}

#mesa-25 {
    top: 67.21311%;
    left: 54.21546%
}

#mesa-26 {
    top: 69.55504%;
    left: 45.31616%
}

#mesa-27 {
    top: 69.55504%;
    left: 37.82201%
}

#mesa-28 {
    top: 67.21311%;
    left: 28.68852%
}

#mesa-29 {
    top: 81.49883%;
    left: 28.45433%
}

#mesa-30 {
    top: 84.66042%;
    left: 38.1733%
}

#mesa-31 {
    top: 84.66042%;
    left: 45.55035%
}

#mesa-32 {
    top: 81.49883%;
    left: 52.57611%
}