/* Ajustes específicos da página de compra.
   Mantém as regras do carrinho legado isoladas e fáceis de remover aos poucos. */

#btn-compre-aqui {
    display: none !important;
}

#btn-controle-carrinho {
    display: inherit;
}

#miolo .interna-compre .leftbox,
#miolo .interna-compre .box-camarote,
#miolo .blocos-coluna .box-blocos {
    transition: opacity 0.2s ease, filter 0.2s ease, border-color 0.2s ease;
}

#miolo .box-camarote .precos ul li a,
#miolo .blocos-coluna .box-blocos .precos ul li a,
a.btn-reservar2 {
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.pacl { width: 80% !important; }
.pacr { width: 20% !important; }
.pacn { width: auto !important; height: auto !important; }
.pacn3 { width: 150px !important; }
.mobile-visible2 { display: none !important; }

a.btn-reservar2 {
    display: block;
    height: 39px;
    margin: 0 auto;
    color: #fff !important;
    background: #039a36;
    font-family: "Gotham Bold", sans-serif;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 39px;
    text-align: center;
    text-decoration: none;
}

a.btn-reservar2:hover,
a.btn-reservar2:focus { background: #69a816; }

.glymr { margin-right: 3px; }
.sex { font-size: 10px !important; }

@font-face {
    font-family: "Glyphicons Halflings";
    font-display: swap;
    src: url("https://cdn.queroabada.com.br/fonts/glyphicons-halflings-regular.eot");
    src: url("https://cdn.queroabada.com.br/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
         url("https://cdn.queroabada.com.br/fonts/glyphicons-halflings-regular.woff2") format("woff2"),
         url("https://cdn.queroabada.com.br/fonts/glyphicons-halflings-regular.woff") format("woff"),
         url("https://cdn.queroabada.com.br/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
         url("https://cdn.queroabada.com.br/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

@media screen and (min-width: 740px) {
    #miolo .blocos-coluna .box-blocos { width: 100% !important; }
    #miolo .blocos-coluna .box-blocos .info { width: 40% !important; }
    #miolo .blocos-coluna .box-blocos .info .logo,
    #miolo .blocos-coluna .box-blocos .info .nome { width: 50% !important; }
    #miolo .blocos-coluna .box-blocos .precos { width: 60% !important; }
    #miolo .blocos-coluna .box-blocos .precos ul li { width: 31% !important; }
}

@media screen and (max-width: 739px) {
    .size13 { font-size: 17px !important; }
    #ul1 li span label { font-size: 11px; }
    .mobile-visible2 { display: block !important; }
    .mobile-hidden2 { display: none !important; }

    .leftbox-hide {
        position: relative;
        filter: blur(3.5px);
        opacity: 0.85;
        pointer-events: none;
        will-change: filter, opacity;
    }

    .boxpass li { width: 15% !important; }
    .pacl, .pacr { width: 100% !important; }
    .pacl { height: auto !important; }
    .pacn { width: 85% !important; }
    .box-camarote { height: auto !important; }
}

@media (prefers-reduced-motion: reduce) {
    #miolo .interna-compre .leftbox,
    #miolo .interna-compre .box-camarote,
    #miolo .blocos-coluna .box-blocos,
    #miolo .box-camarote .precos ul li a,
    #miolo .blocos-coluna .box-blocos .precos ul li a,
    a.btn-reservar2 { transition: none; }
}
