/*
 * catalogo.css
 * 
 * Autor: (WSC TI) wscti.dev.br
 * Atualizado em 21/10/2026 às 09h01
 * 
 */
.secao-principal {min-height: 900px; padding-bottom: 32px; border-top: 3px solid rgba(15, 39, 71, 1); background-color: rgba(245, 246, 248, 1);}

h1 {font-size: 44px; margin-top: 64px; color: #0F2747;}
h6 {font-size: 12px; letter-spacing: 2px; color: #000;}

.filtrar-abrir {width: 94px; height: 30px; font-size: 14px; border: 1px solid #0F2747; border-radius: 4px; color: #0F2747; display: flex; align-items: center; justify-content: center;}
.filtrar-abrir:hover {background-color: #0F2747; color: #fff;}
.offcanvas {width: 400px !important;}
.offcanvas-close {display: none !important;}
.offcanvas-header {display: block !important;border-bottom: 1px solid #E8E8E8; padding-bottom: 16px;}
.offcanvas-title {font-size: 21px; letter-spacing: 4px; color: #0F2747; text-transform: uppercase; margin-top: 28px; margin-bottom: 6px;}
#filtros-ativos {display: flex; width: 18px; height: 18px; font-size: 8px; background-color: #0F2747; color: #fff; border-radius: 2px; text-align: center; align-items: center; justify-content: center;}
.filtrar-limpar {width: 100%; height: 32px; font-size: 11px; letter-spacing: 2px; border: 1px solid #0F2747; border-radius: 4px; color: #0F2747; display: flex; align-items: center; justify-content: center;}
.filtrar-limpar:hover {background-color: #0F2747; color: #fff;}
.filtrar-aplicar {width: 100%; height: 32px; font-size: 11px; letter-spacing: 2px; border: 1px solid #0F2747; border-radius: 4px; background-color: #0F2747; color: #ffff; display: flex; align-items: center; justify-content: center;}
.filtrar-aplicar:hover {background-color: #6184BE;; color: #fff;}

.overflow-botoes {display: flex; gap: 4px; margin-top: 6px; margin-bottom: 24px; overflow-x: auto; white-space: nowrap; padding-right: 40px; &::-webkit-scrollbar {display: none;} scrollbar-width: none; -ms-overflow-style: none; -webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%); mask-image: linear-gradient(to right, black 85%, transparent 100%);}
.btn-outline-custom {height: 30px; color: rgba(42, 47, 58, 1); border-color: rgba(0, 0, 0, 0.1); font-size: 11px; border-radius: 0;}
.btn-check:checked + .btn-outline-custom,
.btn-outline-custom:hover {color: #fff; background-color: #0F2747; border-color: #0F2747;}
.btn-outline-custom:hover {border-color: #0F2747 !important;}
.btn-check:focus + .btn-outline-custom {box-shadow: none !important;}

.filtro-botao {width: 100%; height: 39px; margin-top: 8px; background-color: #fff; color: #B0B0B0; border-radius: 4px !important; border: 1px solid #E2E8F0; font-size: 12px !important; letter-spacing: 2px; text-align: left !important; padding: 8px 12px 8px 24px !important;}
.filtro-botao-2 {min-width: 54px; height: 30px; margin-top: 4px; background-color: rgba(245, 246, 248, 1); color: #0F2747; border-radius: 4px !important; border: 1px solid #0F2747; font-size: 14px !important; text-align: left !important; padding: 4px 8px 4px 12px !important;}
.filtro-botao-3 {min-width: 130px; height: 30px; margin-top: 4px; background-color: rgba(245, 246, 248, 1); color: #0F2747; border-radius: 4px !important; border: 1px solid #0F2747; font-size: 14px !important; text-align: left !important; padding: 4px 8px 4px 12px !important;}
.filtro-rotulo {font-size: 10px; color: #6B7280; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 6px;}
.filtro-texto {overflow: hidden; white-space: nowrap; max-width: 240px; -webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%); mask-image: linear-gradient(to right, black 85%, transparent 100%);}
.filtro-menu {min-width: 100%; margin-top: 4px !important; background-color: #fff; border-radius: 0 !important; border: 1px solid #E2E8F0; font-size: 14px !important; text-align: left !important;}
.filtro-menu-2 {min-width: 100%; margin-top: 4px !important; background-color: rgba(245, 246, 248, 1); border-radius: 4px !important; border: 1px solid #0F2747; font-size: 14px !important; text-align: left !important;}
.dropdown-toggle::after {display: none !important;}
.dropdown-item {cursor: pointer;}
.dropdown-item:hover {background-color: #6B7280; color: #fff;}
.elemento-fundo-svg {background-image: url('data:image/svg+xml;utf8,<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.061 8.146C6.39806 8.14639 5.7621 7.88345 5.293 7.415L0 2.121L2.122 0L7.061 4.939L12 0L14.122 2.121L8.829 7.414C8.59681 7.64613 8.32116 7.83025 8.01781 7.95585C7.71445 8.08145 7.38933 8.14606 7.061 8.146Z" fill="currentColor"/></svg>'); background-position: right 16px center; background-repeat: no-repeat; background-size: 14px 8px;}
.elemento-fundo-svg-2 {background-image: url('data:image/svg+xml;utf8,<svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 4C3.17139 4.00019 2.85616 3.87108 2.62364 3.64105L0 1.04149L1.05183 0L3.5 2.42524L5.94816 0L7 1.04149L4.37636 3.64056C4.26127 3.75455 4.12464 3.84496 3.97427 3.90663C3.8239 3.9683 3.66275 4.00003 3.5 4Z" fill="currentColor"/></svg>'); background-position: right 6px center; background-repeat: no-repeat; background-size: 7px 4px;}

.caixa-filtro {background: #F5F5F5; border-radius: 10px; padding: 16px; margin-top: 16px;}
.caixa-filtro-titulo {font-size: 16px; letter-spacing: 1px; color: #0F2747; text-transform: uppercase; display: flex; align-items: center; margin-bottom: 8px;}
.caixa-filtro-titulo svg {margin-right: 8px;}
.caixa-filtro-rotulo {font-size: 9px; letter-spacing: 1px; color: #6B7280; text-transform: uppercase; margin-bottom: 6px; margin-top: 12px;}

.faixa-preco {max-width: 130px; height: 30px; border-radius: 4px; border: 1px solid #E2E8F0; font-size: 13px; color: #0F2747; padding-left: 8px; padding-right: 8px; letter-spacing: 1px;}
.faixa-preco::placeholder {color: #B0B0B0;}

.form-check {display: flex; align-items: center;}
.form-check-input {border-radius: 2px !important; border: 1px solid #0F2747 !important; cursor: pointer; margin-right: 8px; width: 14px !important; height: 14px !important; background-color: transparent;}
.form-check-label {font-size: 12px; letter-spacing: 2px; padding-top: 4px !important; color: #0F2747; cursor: pointer; font-family: "Montserrat", sans-serif !important; font-weight: 500 !important;}

.ui-slider-horizontal .ui-slider-handle {}
.ui-slider-horizontal {height: .0em; border-top: 2px solid #dadada !important; border-bottom: 4px solid #dadada !important;}
.ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 1.2em; height: 1.2em; border-radius: 50%; cursor: pointer; -ms-touch-action: none; background: #fff; border: 2px solid #353F58 !important;}
.ui-slider-range {background: #353F58 !important; border: 2px solid #353F58 !important; margin-top: -1px;}

.filtro-tipo-imovel-caixa {height: 360px; overflow: auto;}
.filtro-categoria-caixa {height: 200px; overflow: auto;}
.filtro-marca-caixa {height: 200px; overflow: auto;}
.filtro-vendedor-caixa {height: 200px; overflow: auto;}
.filtro-tipo-venda-caixa {height: 100px; overflow: auto;}
.filtro-pagamento-caixa {height: 100px; overflow: auto;}

.seletores {font-size: 14px; color: #919399; display: flex; align-items: center !important; justify-content: right !important;}

.destaque-cartas {margin-top: 32px; gap: 3.1rem; padding-bottom: 32px;}
.destaque-carta {width: 286px; height: 426px; background-color: #fff; box-shadow: 0 8px 30px -12px rgba(15, 39, 71, 0.15);}
.destaque-carta-imagem {width: 100%; height: 214px; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; padding: 16px;}
.destaque-carta-evento {height: 17px; display: inline-block; background-color: #314158; color: #F8FAFC; font-size: 7px; text-transform: uppercase; padding: 4px 12px 4px 12px;}
.destaque-carta-lote {height: 17px; display: inline-block; background-color: rgba(255, 255, 255, 0.95); color: #0F2747; font-size: 7px; text-transform: uppercase; padding: 4px 12px 4px 12px;}
.destaque-carta-corpo {padding: 16px;}
.destaque-carta-id {font-size: 7px; color: #6B7280; letter-spacing: 2px;}
.destaque-carta-titulo {font-size: 17px; color: #0F2747; text-transform: uppercase; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.destaque-carta-local {font-size: 10px; color: #6B7280; margin-top: 8px;}
.destaque-carta-agenda {font-size: 10px; color: #6B7280; margin-top: 6px;}
.destaque-carta-valor {height: 58px; border-top: 1px solid rgba(0, 0, 0, 0.05); margin-top: 16px; padding-top: 16px;}
.destaque-carta-rotulo {font-size: 7px; color: #6B7280; letter-spacing: 2px; text-transform: uppercase;}
.destaque-carta-cifra {font-size: 17px; color: #0F2747;} span {font-size: 10px;}
.destaque-carta-esquerda {display: inline-block; width: 60%;}
.destaque-carta-direita {display: inline-block; width: 40%;}
.destaque-carta-botao {width: 82px; height: 22px; background-color: #0F2747; color: #FFFFFF; font-size: 7px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; border-radius: 0 !important;}
.destaque-carta-botao:hover {background-color: #6184BE;; color: #fff;}
.destaque-carta-parceiro {font-size: 7px; color: #6B7280; letter-spacing: 2px; text-transform: uppercase; padding-top: 6px;}

.vazio {width: 100%; height: 300px; text-align: center; border-radius: 20px; background: #fff7b5; font-size: 24px; color: #735cc6;}

.paginacao-total {font-size: 20px; color: #83868C;}

.page-item {margin: 6px !important;}
.page-link {background-color: transparent !important; border: 2px solid #0F2747; border-radius: 4px !important; color: #0F2747 !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important;}
.ativo {background-color: #0F2747 !important; border: 2px solid #0F2747; border-radius: 4px !important; color: #fff !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important;}
.seta {background-color: transparent !important; border: none !important;}

.redirecionar {width: 380px; padding: 24px;}
.redirecionar-svg {}
.redirecionar-titulo {font-size: 25px; line-height: 36px; font-weight: 700; color: #000000; text-align: center; padding-top: 16px; padding-bottom: 8px;}
.redirecionar-informe {font-size: 16px; line-height: 23px; font-weight: 500; color: #000000; text-align: center; padding-bottom: 8px;}
.redirecionar-continuar {width: 100%; height: 48px; padding: 8px; background-color: #0F2747; font-size: 18px; font-weight: 500; color: #fff; border-radius: 6px;}

@media (max-width: 640px) {
    .pesquisa-titulo {font-size: 22px; line-height: 32px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; margin-top: 32px !important;}
    .seletores-informe {display: none;}

    .offcanvas {width: 360px !important;}
    .offcanvas-close {display: block !important;}
    .filtrar-limpar {width: 100%; height: 32px; font-size: 9px; letter-spacing: 2px; border: 1px solid #0F2747; border-radius: 4px; color: #0F2747; display: flex; align-items: center; justify-content: center;}
    .filtrar-aplicar {width: 100%; height: 32px; font-size: 9px; letter-spacing: 2px; border: 1px solid #0F2747; border-radius: 4px; background-color: #0F2747; color: #ffff; display: flex; align-items: center; justify-content: center;}
    .btn-outline-custom {height: 30px; color: rgba(42, 47, 58, 1); border-color: rgba(0, 0, 0, 0.1); font-size: 8px; border-radius: 0;}

    .filtrar-abrir {width: 100%; height: 30px; font-size: 14px; font-weight: 500; border: none; border-radius: 4px; color: #ffffff;  background-color: #0F2747; display: flex; align-items: center; justify-content: center; margin-bottom: 8px;}
    .filtrar-abrir:hover {background-color: #0F2747; color: #fff;}

    .seletores-2 {width: 30% !important;}
    .filtro-botao-2 {width: 100% !important; text-align: center !important; font-size: 12px !important; font-weight: 500 !important; padding-top: 6px !important;}
    .seletores-3 {width: 70% !important;}
    .filtro-botao-3 {width: 100% !important; text-align: center !important; font-size: 12px !important; font-weight: 500 !important; padding-top: 6px !important;}

    .destaque-cartas {margin-top: 32px; gap: 3.1rem; padding-bottom: 32px;}
    .destaque-carta {width: 100%; height: 426px; background-color: #fff; box-shadow: 0 8px 30px -12px rgba(15, 39, 71, 0.15); border-radius: 8px !important;}
    .destaque-carta-imagem {width: 100%; height: 214px; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; padding: 16px; border-radius: 8px 8px 0 0 !important;}
    .destaque-carta-evento {height: 17px; display: inline-block; background-color: #314158; color: #F8FAFC; font-size: 7px; text-transform: uppercase; padding: 4px 12px 4px 12px;}
    .destaque-carta-lote {height: 17px; display: inline-block; background-color: rgba(255, 255, 255, 0.95); color: #0F2747; font-size: 7px; text-transform: uppercase; padding: 4px 12px 4px 12px;}
    .destaque-carta-corpo {padding: 16px;}
    .destaque-carta-id {font-size: 7px; color: #6B7280; letter-spacing: 2px;}
    .destaque-carta-titulo {font-size: 17px; color: #0F2747; text-transform: uppercase; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .destaque-carta-local {font-size: 10px; color: #6B7280; margin-top: 8px;}
    .destaque-carta-agenda {font-size: 10px; color: #6B7280; margin-top: 6px;}
    .destaque-carta-valor {height: 58px; border-top: 1px solid rgba(0, 0, 0, 0.05); margin-top: 16px; padding-top: 16px;}
    .destaque-carta-rotulo {font-size: 7px; color: #6B7280; letter-spacing: 2px; text-transform: uppercase;}
    .destaque-carta-cifra {font-size: 17px; color: #0F2747;} span {font-size: 10px;}
    .destaque-carta-esquerda {display: inline-block; width: 60%;}
    .destaque-carta-direita {display: inline-block; width: 40%;}
    .destaque-carta-botao {width: 82px; height: 22px; background-color: #0F2747; color: #FFFFFF; font-size: 7px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; border-radius: 0 !important;}
    .destaque-carta-botao:hover {background-color: #6184BE;; color: #fff;}
    .destaque-carta-parceiro {font-size: 7px; color: #6B7280; letter-spacing: 2px; text-transform: uppercase; padding-top: 6px;}

    .paginacao-total {font-size: 9px !important; color: #83868C; margin-bottom: 16px !important;}

    .page-item {margin: 4px !important; width: 22px !important; height: 22px !important; padding: 0 !important; font-size: 10px !important;}
    .page-link {background-color: transparent !important; padding: 4px 4px !important; border: 1px solid #0F2747 !important; text-align: center !important; border-radius: 4px !important; color: #0F2747 !important; font-family: 'Montserrat', sans-serif !important; font-size: 10px !important; font-weight: 700 !important;}
    .ativo {background-color: #0F2747 !important; border: 1px solid #0F2747; border-radius: 4px !important; color: #fff !important; font-family: 'Montserrat', sans-serif !important; font-size: 10px !important; font-weight: 700 !important;}
    .seta {background-color: transparent !important; border: none !important;}
    .seta-svg {height: 12px !important;}

    .vazio {width: 100%; height: 300px; text-align: center; border-radius: 20px; background: #fff7b5; font-size: 16px; color: #735cc6;}

    .redirecionar {width: 380px; padding: 24px;}
    .redirecionar-svg {width: 56px; height: 56px;}
    .redirecionar-titulo {font-size: 15px; line-height: 21px; font-weight: 700; color: #000000; text-align: center; padding-top: 12px; padding-bottom: 4px;}
    .redirecionar-informe {font-size: 9px; line-height: 13px; font-weight: 500; color: #000000; text-align: center; padding-bottom: 4px;}
    .redirecionar-continuar {width: 100%; height: 28px; padding: 4px; background-color: #0F2747; font-size: 11px; font-weight: 500; color: #fff; border-radius: 4px;}
}