/* Only additions needed by the mockup; the look comes from the reference stylesheets. */
.maqueta-badge { position: fixed; right: 8px; bottom: 8px; z-index: 2000; background: #d9534f; color: #fff; font: 700 11px/1 Poppins, sans-serif; padding: 6px 10px; border-radius: 4px; letter-spacing: .5px; opacity: .9; }
.hidden-xl, .hidden-xxl, .hidden-xxxl { }
@media (min-width: 992px) { .hidden-xl, .hidden-xxl, .hidden-xxxl { display: none !important; } }
.combo-header { background-size: cover; background-position: center top; min-height: 140px; }
.action-shopping .btn-group button.value { pointer-events: none; }
.loja-pagamento .pagamento-opcoes .btn { margin-bottom: 8px; }
.loja-pagamento .pix-box { text-align: center; padding: 10px; }
.loja-pagamento .pix-box img { max-width: 180px; margin: 0 auto 8px; display: block; }
.loja-pagamento .pix-copia { font-size: 11px; word-break: break-all; background: #f5f5f5; border: 1px dashed #ccc; padding: 6px; border-radius: 4px; }
.loja-pagamento .boleto-linha { font-family: monospace; font-size: 13px; background: #f5f5f5; padding: 6px; border-radius: 4px; }
.loja-pagamento .cartao-form label img { height: 16px; vertical-align: middle; margin-right: 4px; }
.obrigado-box { background: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,.08); padding: 24px; margin: 24px auto; max-width: 820px; }
.obrigado-box h2 { color: #0b5d80; font-family: Grandstander, serif; }
.obrigado-box .qr { text-align: center; }
.obrigado-box .qr img { width: 160px; height: 160px; }
.obrigado-box table { width: 100%; margin: 16px 0; }
.obrigado-box td { padding: 6px 4px; border-bottom: 1px solid #eee; }
#bodyCarrinhoIngressos.mobile-open { display: block !important; position: fixed; inset: 0; z-index: 1500; overflow: auto; background: #fff; padding: 12px; }