/* =============================================================
   LISTAGEM DE VENDA E DE LOCAÇÃO (imoveis-para-venda.php E imoveis-para-locacao.php DO SITE ANTIGO, TEMA QUARTER +
   css/personalizados/imoveis-venda.css): 50PX EM CIMA E 120PX EMBAIXO (mt-50 mb-120), LISTA EM col-lg-8 E FILTROS EM
   col-lg-4 A PARTIR DE 992PX; DE 760 A 991PX OS FILTROS FICAM EMBAIXO DA LISTA; ATÉ 759PX, A BUSCA DO CELULAR NO TOPO.
   ============================================================= */
.lv-area {
    margin: 50px 0 120px;
    color: var(--cor-paragrafo);
    font-size: 16px;
    line-height: 1.8;
}

.lv-area a:hover {
    color: var(--cor-site-1);
}

.lv-linha {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.lv-lista {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
}

.lv-lado {
    display: none;
    padding: 0 15px;
}

/* TOPO (ltn__shop-options): TÍTULO, TOTAL E ORDENAÇÃO */
.lv-opcoes {
    margin-bottom: 50px;
}

.lv-titulo {
    margin: 0 0 1.5rem;
    color: var(--cor-titulo);
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

.lv-opcoes ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lv-opcoes li {
    margin-right: 30px;
    line-height: 50px;
}

.lv-opcoes li:last-child {
    margin-right: 0;
}

.lv-total {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

/* ORDENAÇÃO (nice-select): BORDA CINZA DE 2PX, TEXTO EM NEGRITO E A SETINHA À DIREITA */
.lv-ordenar {
    min-width: 190px;
    height: 50px;
    padding: 0 30px 0 18px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23999' stroke-width='1.5'/%3E%3C/svg%3E") right 12px center / 9px 6px no-repeat;
    border: 2px solid #ededed;
    border-radius: 0;
    color: var(--cor-paragrafo);
    font-family: var(--fonte);
    font-size: 14px;
    font-weight: 700;
    line-height: 46px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.lv-ordenar:focus {
    outline: none;
}

/* A MESMA CAIXA COM A LISTA DO nice-select DE LÁ (plugins.css + .ltn__shop-options .short-by), MONTADA PELO
   listagem-venda.js NO LUGAR DO SELECT (QUE FICA ESCONDIDO; SEM JS, ELE APARECE COM O VISUAL DE CIMA): A SETA CINZA QUE
   GIRA AO ABRIR; A LISTA BRANCA COM CANTOS DE 5PX E A SOMBRA FININHA, QUE "CRESCE" AO ABRIR; A ESCOLHIDA EM NEGRITO E A
   DO MOUSE/TECLADO EM CINZA. AS REGRAS DE .lv-opcoes ul/li NÃO VALEM AQUI DENTRO. */
.lv-ordem {
    position: relative;
    display: inline-block;
    min-width: 190px;
    height: 50px;
    padding: 0 30px 0 18px;
    background: #fff;
    border: 2px solid #ededed;
    color: var(--cor-paragrafo);
    font-family: var(--fonte);
    font-size: 14px;
    font-weight: 400;
    line-height: 46px;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    user-select: none;
    transition: all .2s ease-in-out;
    -webkit-tap-highlight-color: transparent;
}

.lv-ordem__atual {
    font-weight: 700;
}

.lv-ordem::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    pointer-events: none;
    transform: rotate(45deg);
    transform-origin: 66% 66%;
    transition: all .15s ease-in-out;
}

.lv-ordem.aberta::after {
    transform: rotate(-135deg);
}

.lv-opcoes .lv-ordem__lista {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    display: block;
    min-width: 100%;
    margin: 4px 0 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    opacity: 0;
    pointer-events: none;
    transform: scale(.75) translateY(-21px);
    transform-origin: 50% 0;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
}

.lv-ordem.aberta .lv-ordem__lista {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0);
}

.lv-opcoes .lv-ordem__opcao {
    width: 100%;
    min-height: 40px;
    margin: 0;
    padding: 10px 5px 10px 10px;
    font-weight: 400;
    line-height: 1.8;
    white-space: normal;
    text-align: left;
    cursor: pointer;
    transition: all .2s;
}

.lv-ordem__opcao.foco,
.lv-ordem__opcao:hover {
    background: #f6f6f6;
}

.lv-ordem__lista:hover .lv-ordem__opcao:not(:hover) {
    background: transparent;
}

.lv-opcoes .lv-ordem__opcao.selecionada {
    font-weight: 700;
}

/* "BUSQUE PELA RUA" (ltn__search-widget mb-30) */
.lv-rua {
    position: relative;
    margin-bottom: 30px;
}

.lv-rua input {
    display: block;
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0 65px 0 20px;
    background: #f2f6f7;
    border: 2px solid #e4ecf2;
    border-radius: 0;
    color: var(--cor-paragrafo);
    font-family: var(--fonte);
    font-size: 14px;
    font-weight: 600;
}

.lv-rua input::placeholder {
    color: #000;
    font-size: 12px;
    opacity: 1;
}

.lv-rua input:focus,
.lv-codigo input:focus {
    border: 1px solid var(--cor-site-1);
    outline: none;
}

.lv-rua button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 20px;
    background: var(--cor-site-1);
    border: 1px solid var(--cor-site-1);
    color: #fff;
    cursor: pointer;
    transition: all .3s ease 0s;
}

.lv-rua button:hover {
    background: #000;
    border-color: #000;
}

.lv-rua svg,
.lv-codigo svg {
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    fill: currentColor;
}

/* CARTÕES: 2 POR LINHA A PARTIR DE 576PX (col-sm-6 col-xl-6) */
.lv-grade {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.lv-coluna {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
}

/* CARTÃO (product-item-4 + product-item-5) */
.lv-cartao {
    position: relative;
    margin-bottom: 50px;
    background: #fff;
    border: 1px solid #f1f8ff;
    box-shadow: 0 5px 20px 0 rgba(23, 44, 82, .1);
}

/* FOTO DE NO MÁXIMO 200PX DE ALTURA, CENTRADA; ESCURECE 40% NO HOVER DO CARTÃO */
.lv-cartao__foto {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 200px;
    overflow: hidden;
}

.lv-cartao__foto::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: #000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s ease 0s;
}

.lv-cartao:hover .lv-cartao__foto::before {
    opacity: .4;
    visibility: visible;
}

.lv-cartao__foto a {
    display: block;
}

.lv-cartao__foto img {
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    transition: all .5s ease 0s;
}

.lv-cartao__sem-foto {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 200px;
    background: #f2f6f7;
    font-size: 14px;
    font-weight: 700;
}

/* SELO "RESERVADO" (etiqueta-reservado) */
.lv-cartao__reservado {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    padding: 0 10px;
    background: var(--cor-site-1);
    border-radius: 20px;
    box-shadow: 0 2px 5px 5px rgba(32, 33, 36, .28);
    color: #fff;
}

.lv-cartao__info {
    padding: 30px 30px 1px;
}

/* "BAIRRO | CÓD. IMÓVEL" EM VERMELHO (product-badge do product-item-5) */
.lv-cartao__selo {
    margin: 0 0 15px;
    color: var(--cor-site-1);
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;
}

.lv-cartao__titulo {
    margin: 0 0 15px;
    color: var(--cor-titulo);
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

/* CIDADE/ESTADO COM O ALFINETE VERMELHO (O <li> DE LÁ TEM 1REM EM CIMA) */
.lv-cartao__local {
    margin: 1rem 0 0;
    font-size: 14px;
}

.lv-cartao__local svg {
    width: .75em;
    height: 1em;
    vertical-align: -.125em;
    fill: var(--cor-site-1);
}

/* NÚMEROS EM LINHA, O VALOR EM NEGRITO (ltn__plot-brief) */
.lv-cartao__numeros {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.lv-cartao__numeros li {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
}

.lv-cartao__numeros li:last-child {
    margin-right: 0;
}

.lv-cartao__numeros span {
    font-weight: 700;
}

.lv-cartao__rodape {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px 15px;
    border-top: 1px solid #e5eaee;
}

.lv-cartao__valor {
    margin-bottom: 5px;
    color: var(--cor-site-1);
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.lv-vazio h4 {
    margin: 0 0 50px;
    color: var(--cor-titulo);
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

/* PAGINAÇÃO (ltn__pagination): CÍRCULOS DE 50PX, VERMELHOS NA ATUAL E NO HOVER */
.lv-paginacao {
    text-align: center;
}

.lv-paginacao ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lv-paginacao li {
    display: inline-block;
    margin: 1rem 10px 0 0;
}

.lv-paginacao li:last-child {
    margin-right: 0;
}

.lv-paginacao a {
    display: block;
    width: 50px;
    height: 50px;
    border: 2px solid #ededed;
    border-radius: 100%;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    transition: all .3s ease 0s;
}

.lv-paginacao li:hover a,
.lv-paginacao li.ativa a {
    background: var(--cor-site-1);
    border-color: var(--cor-site-1);
    color: #fff;
}

/* FILTROS (widget ltn__menu-widget): CAIXA COM BORDA CINZA DE 2PX */
.lv-filtros {
    padding: 35px 30px 40px 35px;
    border: 2px solid #ededed;
}

.lv-filtros hr {
    margin: 35px 0;
    border: 0;
    border-top: 1px solid currentColor;
    opacity: .25;
}

.lv-filtros__titulo {
    margin: 0 0 25px;
    color: var(--cor-titulo);
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: capitalize;
}

.lv-filtros__titulo--acima {
    margin-top: 1rem;
}

/* CÓDIGO: CAMPO DE 80% COM BORDA PRETA E O BOTÃO VERMELHO DE 18% */
.lv-codigo {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.lv-codigo input {
    width: 80%;
    height: 50px;
    margin-bottom: 10px;
    padding: 0 20px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 0;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.lv-codigo button {
    width: 18%;
    height: 50px;
    background: var(--cor-site-1);
    border: 1px solid var(--cor-site-1);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s ease 0s;
}

/* CIDADE E BAIRRO (bootstrap-select): BORDA PRETA, FUNDO CINZA-CLARO E 60PX DE ALTURA */
.lv-select {
    display: block;
    width: 100%;
    height: 60px;
    padding: 0 40px;
    background: #f8f9fa;
    border: 1px solid #000;
    border-radius: 0;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

/* A LISTA COM PESQUISA (bootstrap-select 1.13 + Bootstrap 5 DO ANTIGO; MONTADA PELO listagem-venda.js): O MENU BRANCO
   COLADO NO BOTÃO, O CAMPO form-control EM .bs-searchbox (4PX 8PX) E OS ITENS dropdown-item COM OS 16PX DO "ul li" DO
   TEMA ENTRE ELES; ESCOLHIDO/TECLADO EM AZUL, PASSAR O MOUSE EM CINZA. SEM O BOTÃO DO BAIRRO VAZANDO POR CIMA DO MENU,
   QUE É FALHA DO ANTIGO. */
.lv-escolha {
    position: relative;
}

.lv-escolha select {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.lv-escolha__botao {
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lv-escolha__menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 100%;
    padding: .5rem 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    color: #212529;
    font-size: 1rem;
    text-align: left;
}

.lv-escolha__menu[hidden] {
    display: none;
}

/* SEM PESQUISA (CELULAR) O FOCO FICA NO MENU, PARA AS SETAS E O ENTER: SEM CONTORNO NELE */
.lv-escolha__menu:focus {
    outline: none;
}

.lv-escolha__busca {
    padding: 4px 8px;
}

.lv-escolha__campo {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    padding: .375rem .75rem;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #212529;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    outline: 0;
}

.lv-escolha__rolagem {
    overflow-y: auto;
}

.lv-escolha__lista {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lv-escolha__item {
    display: block;
    margin-top: 1rem;
    padding: .25rem 1rem;
    color: #212529;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}

.lv-escolha__item[hidden] {
    display: none;
}

.lv-escolha__item:hover {
    background: #e9ecef;
    color: #1e2125;
}

.lv-escolha__item.ativo {
    background: #0d6efd;
    color: #fff;
}

.lv-escolha__vazio {
    margin: 0 5px;
    padding: 3px;
    background: #f5f5f5;
    white-space: nowrap;
}

/* CAIXINHAS (checkbox-item): QUADRADO DE 16PX, VERMELHO MARCADO E NO HOVER */
.lv-marcar-lista {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lv-marcar-lista li {
    margin-top: 1rem;
}

.lv-marcar {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

.lv-marcar input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.lv-marcar__caixa {
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #93959e;
}

.lv-marcar:hover input ~ .lv-marcar__caixa,
.lv-marcar input:checked ~ .lv-marcar__caixa {
    background: var(--cor-site-1);
    border-color: var(--cor-site-1);
}

.lv-marcar input:checked ~ .lv-marcar__caixa::after {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
}

.lv-marcar input:focus-visible ~ .lv-marcar__caixa {
    outline: 2px solid var(--cor-site-1);
    outline-offset: 2px;
}

/* FILTRO DE VALORES (price_filter + jQuery UI): LINHA PRETA DE 3PX EM 98% DA LARGURA, O INTERVALO VERMELHO E BOLINHAS
   VERMELHAS DE 12PX QUE COMEÇAM NO PONTO DO VALOR (NO MÁXIMO, PASSAM 12PX DA LINHA). AS DUAS BOLINHAS SÃO DOIS
   input range SOBREPOSTOS, 12PX MAIS LARGOS QUE A LINHA PARA A BOLINHA CAIR NO MESMO LUGAR. */
.lv-valores {
    padding-bottom: 13px;
}

.lv-faixa {
    position: relative;
    width: 98%;
    height: 3px;
}

.lv-faixa__trilho {
    position: absolute;
    inset: 0;
    background: #000;
}

.lv-faixa__intervalo {
    position: absolute;
    top: 0;
    height: 100%;
    background: var(--cor-site-1);
}

.lv-faixa input {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    width: calc(100% + 12px);
    height: 12px;
    margin: -6px 0 0;
    padding: 0;
    background: transparent;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
}

.lv-faixa input.lv-faixa__por-cima {
    z-index: 3;
}

.lv-faixa input::-webkit-slider-runnable-track {
    height: 12px;
    background: transparent;
    border: 0;
}

.lv-faixa input::-moz-range-track {
    height: 12px;
    background: transparent;
    border: 0;
}

.lv-faixa input::-webkit-slider-thumb {
    width: 12px;
    height: 12px;
    background: var(--cor-site-1);
    border: 0;
    border-radius: 100%;
    pointer-events: auto;
    cursor: default;
    -webkit-appearance: none;
    appearance: none;
}

.lv-faixa input::-moz-range-thumb {
    width: 12px;
    height: 12px;
    background: var(--cor-site-1);
    border: 0;
    border-radius: 100%;
    pointer-events: auto;
    cursor: default;
}

.lv-valores__texto {
    margin-top: 1rem;
}

/* COMPARTILHAR (ltn__social-media-2) */
.lv-redes {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lv-redes li {
    display: inline-block;
    margin: 1rem 10px 0 0;
}

.lv-redes li:last-child {
    margin-right: 0;
}

.lv-redes a {
    display: block;
    width: 40px;
    height: 40px;
    background: #f2f6f7;
    color: var(--cor-paragrafo);
    line-height: 40px;
    text-align: center;
}

.lv-redes svg {
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    fill: currentColor;
}

.lv-area .lv-redes li:hover a {
    background: var(--cor-site-1);
    color: #fff;
}

/* "REINICIAR BUSCA" (btn theme-btn-1 btn-effect-1, SEM O EFEITO: NO HOVER FICA PRETO COM O TEXTO ESCURO, COMO LÁ) */
.lv-reiniciar {
    margin-top: 30px;
    text-align: center;
}

.lv-botao {
    display: inline-block;
    padding: 17px 40px;
    background: var(--cor-site-1);
    border: 1px solid transparent;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    text-transform: uppercase;
    transition: all .3s ease 0s;
}

/* NO ANTIGO O TEXTO FICA ESCURO NO FUNDO PRETO (SOME); AQUI FICA BRANCO (PEDIDO DO MESSIAS EM 2026-10-22). */
.lv-area .lv-botao:hover {
    background: #000;
    color: #fff;
}

/* BUSCA DO CELULAR (busca-mobile.php + imoveis-venda.css ATÉ 600PX DO ANTIGO): A CAIXA "Filtre sua busca" COM OS CAMPOS
   DE 60PX, BORDA PRETA E CANTOS DE 12PX (O CÓDIGO COM 50PX E FUNDO BRANCO), AS REDES E OS BOTÕES DE LARGURA TODA. */
.lv-celular {
    display: none;
    margin-bottom: 3rem;
    padding: 0 8px;
}

.lv-celular__caixa {
    padding: 35px 20px 40px;
    border: 2px solid #ededed;
}

.lv-celular__titulo {
    margin-left: 5px;
}

.lv-celular__campo {
    display: block;
    width: calc(100% - 8px);
    height: 60px;
    margin: 0 4px 10px;
    padding: 0 15px;
    background: #f8f9fa;
    border: 1px solid #000;
    border-radius: 12px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    -webkit-appearance: none;
    appearance: none;
}

/* CAIXAS DO CELULAR VESTIDAS PELO listagem-venda.js (.lv-escolha, O bootstrap-select DE LÁ, SEM PESQUISA): A MARGEM
   PASSA PARA A CAIXA (O MENU ABRE COLADO NO BOTÃO) E, COM O FOCO, O ANEL ESCURO DO .dropdown-toggle:focus DE LÁ. */
.lv-celular .lv-escolha {
    margin: 0 4px 10px;
}

.lv-celular .lv-escolha__botao {
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.lv-celular .lv-escolha__botao:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.lv-celular__codigo {
    height: 50px;
    margin-bottom: 20px;
    padding-left: 20px;
    background: #fff;
}

.lv-celular__codigo::placeholder {
    color: #000;
    opacity: 1;
}

.lv-celular__botao {
    display: block;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    cursor: pointer;
}

/* BOTÃO QUE PULSA NO CANTO (#btn-busca-mobile): 80PX ACIMA DO RODAPÉ DA TELA, COLADO À DIREITA */
.lv-flutuante {
    position: fixed;
    right: 0;
    bottom: 80px;
    z-index: 999;
    display: none;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
    animation: lv-pulsar 1.5s ease-in-out infinite;
}

.lv-flutuante img {
    display: block;
    width: 64px;
    height: auto;
}

@keyframes lv-pulsar {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

/* ATÉ 759PX: A BUSCA DO CELULAR E O BOTÃO; A PARTIR DE 760PX, A LATERAL (EMBAIXO DA LISTA ATÉ 991PX), COMO O d-lg-block
   DE 760PX DO ANTIGO. LÁ A BUSCA DO CELULAR SÓ IA ATÉ 600PX E DE 601 A 759PX NÃO HAVIA FILTRO NENHUM. */
@media (max-width: 759px) {
    .lv-celular {
        display: block;
    }

    .lv-flutuante {
        display: block;
    }
}

/* COM O CHATBOT DO PAINEL (body.tem-chat) O WHATSAPP SOBE PARA CIMA DA BOLHA DO CHAT (css/style.css): A LUPA SOBE JUNTO,
   NOS MESMOS 10PX ACIMA DO TOPO DELE (WHATSAPP DE 50PX A 92PX DO FUNDO; ATÉ 480PX, A 84PX). */
@media (max-width: 759px) {
    body.tem-chat .lv-flutuante {
        bottom: 152px;
    }
}

@media (max-width: 480px) {
    body.tem-chat .lv-flutuante {
        bottom: 144px;
    }
}

@media (min-width: 760px) {
    .lv-lado {
        display: block;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lv-flutuante {
        animation: none;
    }
}

@media (min-width: 576px) {
    .lv-coluna {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .lv-lista {
        flex-basis: 66.666667%;
        max-width: 66.666667%;
    }

    .lv-lado {
        display: block;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lv-titulo {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .lv-area {
        font-size: 14px;
    }

    .lv-titulo {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .lv-titulo {
        font-size: 24px;
    }

    .lv-paginacao li {
        margin-right: 5px;
        font-size: 14px;
    }

    .lv-paginacao a {
        width: 40px;
        height: 40px;
        line-height: 36px;
    }
}