/* ===========================================================================
   LISTAGEM (imoveis-locacao.php DO SITE ANTIGO): A BUSCA NO TOPO, A LINHA, O TÍTULO COM
   O TOTAL, OS CARTÕES EM GRUPOS DE TRÊS COM UMA LINHA ENTRE ELES E A PAGINAÇÃO.
   =========================================================================== */

/* NA LISTAGEM A BUSCA NÃO TEM O RESPIRO DE BAIXO DA HOME: A LINHA VEM LOGO DEPOIS. */
.listagem .busca {
    padding-bottom: 0;
}

/* O TÍTULO: "Imóveis disponíveis em ... | " E O TOTAL, OS DOIS EM LINHA (page-title DO TEMA). */
.listagem__titulo {
    margin: 10px 0;
}

.listagem__titulo::before,
.listagem__titulo::after {
    content: " ";
    display: table;
}

.listagem__titulo::after {
    clear: both;
}

.listagem__titulo-miolo {
    float: left;
}

.listagem__titulo h1 {
    display: inline;
    margin: 0;
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
}

.listagem__total {
    display: inline;
    margin: 0;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1;
}

@media (min-width: 768px) and (max-width: 991px) {
    .listagem__titulo h1,
    .listagem__total { font-size: 24px; }
}

/* NO CELULAR O TÍTULO FICA EM CIMA E O TOTAL NUMA LINHA PRÓPRIA, MENOR E CINZA, SEM A BARRA (NO SITE ANTIGO O
   TOTAL CONTINUAVA COM 30px E FICAVA MAIOR QUE O TÍTULO, QUEBRANDO NO MEIO). */
@media (max-width: 767px) {
    .listagem__titulo-miolo { float: none; }
    .listagem__titulo h1 { display: block; font-size: 20px; line-height: 26px; }
    .listagem__barra { display: none; }
    .listagem__total { display: block; margin-top: 4px; color: #727272; font-size: 14px; font-weight: 400; line-height: 20px; }
}

@media (max-width: 481px) {
    .listagem__titulo h1 { font-size: 18px; line-height: 24px; }
}

@media (max-width: 991px) {
    .listagem__area { margin-bottom: 30px; }
}

.listagem__aviso {
    margin: 30px 0 0;
    color: #5b5b5b;
}

/* A GRADE DOS CARTÕES (css/cartao.css) LOGO ABAIXO DO TÍTULO; SEM A LINHA ENTRE AS FILEIRAS DO SITE ANTIGO. */
.listagem__cartoes {
    margin-top: 32px;
}

/* PAGINAÇÃO: NÚMEROS CINZA; A ATUAL COM FUNDO CINZA E CANTOS DE 5px. */
.paginacao {
    text-align: center;
}

.paginacao__lista {
    display: inline-block;
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

.paginacao__lista li {
    display: inline-block;
    margin: 1px;
}

.paginacao__lista a,
.paginacao__reticencias {
    position: relative;
    float: left;
    padding: 6px 12px;
    background-color: #fff;
    color: #b1b1b1;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
}

.paginacao__lista a:hover,
.paginacao__lista a:focus {
    z-index: 3;
    border-radius: 5px;
    background-color: #eee;
    color: #b1b1b1;
}

.paginacao__lista .ativo a {
    z-index: 2;
    border-radius: 5px;
    background-color: #b1b1b1;
    color: #fff;
}