@charset "UTF-8"; /*  * catalogo.css  *   * Autor: Wilson da Silva Cabrera (https://wilsoncabrera.com.br)  * Atualizado em 04/09/2025 às 10h02  *   */ @font-face {font-family: 'ft-regular'; src: url('fontes/BancoDoBrasilTextos-Regular-web.ttf');} @font-face {font-family: 'ft-bold'; src: url('fontes/BancoDoBrasilTextos-Bold-web.ttf');}  .ordenador {display: flex;}  .pointer {cursor: pointer;}  .btn-yellow {min-width: 150px; background: #fcfc30; color: #465eff; font-size: 22px; font-family: ft-bold; padding-top: 18px; padding-bottom: 18px; border-radius: 12px;} .btn-yellow:hover {min-width: 150px; background: #465eff; color: #fcfc30; font-size: 22px; font-family: ft-bold; padding-top: 18px; padding-bottom: 18px; border-radius: 12px;}  .btn-blue-light {min-width: 150px; background: #586eff; color: #ffff; font-size: 22px; font-family: ft-bold; padding-top: 18px; padding-bottom: 18px; border-radius: 12px;} .btn-blue-light:hover {min-width: 150px; background: #fcfc30; color: #586eff; font-size: 22px; font-family: ft-bold; padding-top: 18px; padding-bottom: 18px; border-radius: 12px;}  .btn-gray {background: #dddddd; color: #000000; font-size: 20px; font-family: ft-bold; padding: 12px; border-radius: 16px; text-decoration: none; cursor: pointer;} .btn-gray:hover {background: #dddddd; color: #f97a70; font-size: 20px; font-family: ft-bold; padding: 12px; border-radius: 16px;}  .btn-dark-gray {min-width: 250px; background: #767a86; color: #ffffff; font-size: 22px; font-family: ft-bold; padding: 18px; border-radius: 16px; text-decoration: none; cursor: pointer;} .btn-dark-gray:hover {min-width: 250px; background: #dddddd; color: #000000; font-size: 22px; font-family: ft-bold; padding: 18px; border-radius: 16px;}  .btn-transparent {background: transparent; color: rgba(118, 122, 134, 1); font-size: 14px; font-family: ft-bold; padding: 18px; border-radius: 16px; text-decoration: none; cursor: pointer;} .btn-transparent span {border-radius: 50%; background: #dddddd; color: #000; padding: 2px 6px 2px 6px;} .btn-transparent:hover {background: transparent; color: #000000; font-size: 14px; font-family: ft-bold; padding: 18px; border-radius: 16px;}  .ui-slider-horizontal .ui-slider-handle {top: -.5em; margin-left: -.6em;} .ui-slider-horizontal {height: .0em; border-top: 2px solid #dadada !important; border-bottom: 5px 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 #465eff !important;} .ui-slider-range {background: #465eff !important; border: 3px solid #465eff !important; margin-top: -1px;}  .tree {height: 44px !important; padding: 8px 16px 0 16px !important; border: 1px solid #c8cbd3 !important; border-radius: 4px !important; color: rgba(118, 122, 134, 1); font-family: ft-regular; background: #fff !important; font-size: 16px !important;} .tree:hover {background: #e3e3e3; color: #767a86; font-family: ft-regular;} .tree .inline {display: inline-block; font-family: ft-regular; height: 30px; overflow: hidden;} .tree .inline .chevron {color: rgba(70, 94, 255, 1) !important; font-size: 16px !important; font-family: ft-bold; margin-left: -1px !important;} .tree-body {border: 1px solid #c8cbd3 !important; border-radius: 4px !important; color: #33338d; padding: 4px;} .dropdown-item {color: #33338d; border-radius: 4px;} .dropdown-item:hover {background: rgba(0, 0, 0, .10); color: #33338d;} .tree-body a {display: block; min-height: 26px; text-decoration: none; color: #767a85; padding: 4px 12px 4px 12px;} .tree-body a:hover {background: #465eff; color: #ffffff; border-radius: 12px;}  .box-banner {height: 360px; background: #fcfc30;} .box-banner .container {height: 360px; background-image: url('_acervo/fundo-topo.png'); background-position: right; background-repeat: no-repeat; background-size: 60% 100%;} h1 {font-size: 56px; color: #465eff; font-family: ft-bold;}  .box-links {height: 140px; background: #465eff;} .rotulo {background: transparent; margin-top: 0px; border: none; color: #fff; font-size: 20px; font-family: ft-bold; width: 100%; text-align: left;} .filter-btn {text-align: center; text-decoration: none; padding-left: 10px; padding-right: 10px; cursor: pointer;}  .filter-dropdown {background: #ffffff; color: #767a86; border: none; border-radius: 24px; font-size: 16px; margin-top: -82px !important; min-height: 200px; min-width: 480px; box-shadow: 0 0 16px -6px #666;} .filter-dropdown .modal-header h5 {color: #465eff; font-size: 26px;} .filter-dropdown .modal-header .btn {color: #465eff !important; font-size: 28px !important;} .filter-dropdown .modal-body {max-height: 1080px; overflow: auto;} .filter-dropdown .modal-body .titulo {color: #465eff; font-size: 24px; font-family: ft-regular;} .filter-dropdown .modal-body .valores {display: inline-block; width: 200px; color: #767a86; border: 2px solid #dddddd; border-radius: 8px; padding: 8px 16px 8px 16px;} .filter-dropdown .modal-footer {background: #465eff; border-radius: 0 0 24px 24px; border: none;} .filter-dropdown .modal-footer .btn-limpar {color: #ffffff; border: 1px solid #ffffff; border-radius: 32px; font-size: 18px; padding: 20px !important; text-decoration: none; cursor: pointer;} .filter-dropdown .modal-footer .btn-limpar:hover {color: #465eff;} .filter-dropdown .modal-footer .btn-aplicar {border-radius: 32px; font-size: 18px; padding: 20px !important; text-decoration: none; cursor: pointer;} .filter-dropdown .modal-footer .btn-aplicar:hover {border: 1px solid #ffffff; }  .btn-aplicador {background: #465eff !important; color: #fcfc30 !important; border-radius: 32px; font-size: 16px; padding: 10px !important; text-decoration: none; cursor: pointer;} .btn-aplicador:hover {background: #fcfc30 !important; color: #465eff !important; border-radius: 32px !important;}  .form-switch {padding-left: 70px !important;} .form-check-input {font-size: 16px; color: rgba(118, 122, 134, 1);} .form-check-label {font-size: 16px; color: rgba(118, 122, 134, 1);}  .box-navigation {min-height: 80px; padding-top: 20px; background: #f7f7f7; line-height: normal;} .box-tags {height: 48px;} .box-tags .marca {display: inline-block; height: 26px; background: rgba(118, 122, 134, 0.1); color: rgba(51, 51, 141, 1); font-size: 14px; font-family: ft-regular; padding: 4px 8px 4px 8px; margin-left: 6px; border-radius: 4px; text-decoration: none; cursor: pointer;} .box-tags .marca:hover {background: rgba(118, 122, 134, 0.20);; color: #f97a70; font-size: 14px; text-decoration: none; cursor: pointer;}  .box-content {min-height: 800px; background: #ffffff; padding-top: 56px;} .box-content .contagem {font-family: ft-bold; font-size: 16px; color: rgba(118, 122, 134, 1);} .contagem-nome {color: #465eff;} .box-content .dropdown a {width: 100% !important; padding: 10px 20px 10px 20px; text-decoration: none;}  .box-content .tree {background: #f1f1f1; border: none; color: #767a86; font-size: 18px; font-family: ft-regular; width: 100%; text-align: left; border-radius: 20px; padding: 14px 30px 10px 30px;} .box-content .tree:hover {background: #f1f1f1; border: none; color: #000000;} .box-content .tree .inline {display: inline-block; font-family: ft-regular;} .box-content .tree .inline .chevron {color: #767a86; font-size: 22px; margin-left: 20px;} .box-content .tree-body {background: #ffffff; color: #f3f3f3; border-radius: 20px; font-size: 16px; margin-top: 10px; padding: 10px; min-height: 40px; min-width: 100%; box-shadow: 0 2px 10px 2px #999;} .box-content .tree-body .root {color: #3e3e3e; font-family: ft-regular; border-bottom: 1px solid #dddddd;} .box-content .tree-body a {display: block; min-height: 26px; text-decoration: none; color: #767a86; padding: 16px 30px 16px 30px;} .box-content .tree-body a:hover {background: transparent; color: #000000; border-radius: 0 !important;}  .carta .caixa .venda-locacao {display: inline-block; margin-top: 84px; margin-left: 22%; border-radius: 4px; background: #fff; color: #33338d; opacity: 1; font-size: 11px; font-family: ft-bold; padding: 2px 4px 2px 4px;}  .page-item {margin-left: 4px; margin-right: 4px; font-family: ft-bold; font-size: 20px !important;} .page-item .active {background: #465eff !important; color: #fcfc30 !important; border: none;} .page-item .inactive {background: transparent !important; color: #dddddd !important; border: none;} .page-link {width: 42px; height: 42px; padding: 0 !important; padding-top: 8px !important; text-align: center; color: #767a86 !important; border: none; border-radius: 4% !important; font-family: ft-bold; font-size: 16px !important;} .page-link-previous {width: 100px !important; font-size: 14px !important; padding-top: 10px !important;} .page-link-previous::before {color: #767a86 !important;} .page-link-next {width: 110px !important; font-size: 14px !important; padding-top: 10px !important;} .page-link-next::before {color: #767a86 !important;} .page-link.disabled, .disabled > .page-link {pointer-events: none; background-color: transparent !important; color: #bbb !important;}  .rotulo-paginacao {height: 48px !important; padding: 12px 16px 0 16px !important; font-size: 14px !important; color: rgba(118, 122, 134, 1);} .dropdown {} .dropdown-toggle {height: 48px !important; padding: 12px 16px 0 16px !important; border: 1px solid #c8cbd3 !important; border-radius: 4px !important; color: rgba(70, 94, 255, 1); font-family: ft-bold; font-size: 14px;} .icone3 {font-family: ft-bold; color: rgba(70, 94, 255, 1);} .dropdown .disabled {color: #bbb !important;} .dropdown-toggle {padding-right: 8px !important;} span {color: rgba(70, 94, 255, 1);} .dropdown-toggle::after {display: none !important;}  .bloco-filtro {padding-bottom: 32px;}  .btn-offcanvas {width: 175px; height: 48px; border-radius: 4px; border: 1px solid rgba(70, 94, 255, 1); color: rgba(70, 94, 255, 1); font-family: ft-bold; font-size: 14px !important; padding-top: 12px;} .lbl-offcanvas {height: 16px; border-radius: 4px; background: rgba(189, 182, 255, 0.5); font-size: 12px; color: rgba(51, 51, 141, 1); margin-left: 8px; padding: 4px 8px 4px 8px; font-family: ft-regular;} .btn-offcanvas:hover {background: #465eff; color: #fff; transition: background-color 0.3s ease-in-out;}  body:has(#btn-offcanvas:hover) #lbl-offcanvas {background: #fff; color: #465eff;}  #offcanvasFilters {} h5 {font-family: ft-medium; font-size: 20px !important; color: rgba(70, 94, 255, 1);} .btn-close {font-size: 12px !important;} .offcanvas {width: 400px !important;} .offcanvas-header {border-bottom: 1px solid rgba(226, 226, 226, 1);} .offcanvas-body {background: rgba(241, 241, 241, 1); overflow: auto;}  .filtros-ativos {color: rgba(118, 122, 134, 1); font-size: 14px; font-family: ft-regular;} .filtros-ativos-contagem {height: 16px; background: rgba(189, 182, 255, 0.5); border-radius: 4px; padding: 4px 8px 4px 8px; font-family: ft-regular; font-size: 12px !important; color: rgba(51, 51, 141, 1);}  .btn-filtros-limpar {width: 168px; height: 34px !important; background: #fff !important; color: rgba(70, 94, 255, 1) !important; border-radius: 4px; font-family: ft-bold; font-size: 14px; !important; padding: 8px 32px 8px 32px !important; text-decoration: none; cursor: pointer; border: 1px solid rgba(70, 94, 255, 1); transition: background-color 0.3s ease-in-out;} .btn-filtros-limpar:hover {background: #fcfc30 !important; color: #33338d !important; border: 1px solid #fcfc30;}  .btn-filtros-aplicar {width: 168px; height: 34px !important; background: #465eff !important; color: rgba(252, 252, 48, 1) !important; border-radius: 4px; font-family: ft-bold; font-size: 14px !important; padding: 8px 32px 8px 32px !important; text-decoration: none; cursor: pointer; border: 1px solid #465eff; transition: background-color 0.3s ease-in-out;} .btn-filtros-aplicar:hover {background: #fcfc30 !important; color: #33338d !important; border: 1px solid #fcfc30;}  .filtro-container {background: #fff; border-radius: 4px; padding: 16px; margin-bottom: 16px;} .filtro-container .titulo {height: 21px; font-family: ft-bold; font-size: 18px; color: rgba(70, 94, 255, 1);}  #__categoria {max-height: 100% !important; overflow: auto;}  .form-check-input {border: 2px solid #465eff;} .form-control-currency {border: 1px solid rgba(200, 203, 211, 1) !important; border-radius: 4px; color: rgba(118, 122, 134, 1);}  .filtro-preco-rotulo {height: 16px; font-family: ft-bold; color: rgba(118, 122, 134, 1); font-size: 12px;}  .vazio {height: 300px; text-align: center; border-radius: 20px; background: #fff7b5; font-size: 24px; color: #735cc6;}  .evolua {width: 48px !important; height: 64px !important; margin-top: -16px !important; margin-left: -50px !important; position: absolute !important;}  .bloco-paginacao {padding-bottom: 56px;}  /* Tablet */ @media (min-width: 768px) and (max-width: 1199px) {     .carta .caixa .venda-locacao {display: inline-block; margin-top: 84px; margin-left: 40%; border-radius: 4px; background: #fff; color: #33338d; opacity: 1; font-size: 11px; font-family: ft-bold; padding: 2px 4px 2px 4px;} }  /* Mobile */ @media (max-width: 767px) {     .box-tags {display: none !important;}     .box-content {min-height: 800px; background: #ffffff; padding-top: 0;}     .box-content .contagem {font-family: ft-bold; font-size: 16px; color: rgba(118, 122, 134, 1);}      .bloco-filtro {height: 80px !important; background: rgba(241, 242, 243, 1); padding-top: 16px;}      .btn-offcanvas {width: 144px; height: 48px; background: #fff; border-radius: 4px; border: 1px solid rgba(70, 94, 255, 1); color: rgba(70, 94, 255, 1); font-family: ft-bold; font-size: 14px !important; padding-top: 12px;} .lbl-offcanvas {height: 16px; border-radius: 4px; background: rgba(189, 182, 255, 0.5); font-size: 12px; color: rgba(51, 51, 141, 1); margin-left: 8px; padding: 4px 8px 4px 8px; font-family: ft-regular;}     .btn-offcanvas:hover {background: #465eff; color: #fff; transition: background-color 0.3s ease-in-out;}      .offcanvas {width: 340px !important;}      .btn-filtros-limpar {width: 200px !important; height: 32px !important; background: #fff !important; color: rgba(70, 94, 255, 1) !important; border-radius: 4px; font-family: ft-bold; font-size: 12px; !important; padding: 8px 22px 8px 22px !important; text-decoration: none; cursor: pointer; border: 1px solid rgba(70, 94, 255, 1); transition: background-color 0.3s ease-in-out;}     .btn-filtros-limpar:hover {background: #fcfc30 !important; color: #33338d !important; border: 1px solid #fcfc30;}      .btn-filtros-aplicar {width: 200px !important; height: 32px !important; background: #465eff !important; color: rgba(252, 252, 48, 1) !important; border-radius: 4px; font-family: ft-bold; font-size: 12px !important; padding: 8px 22px 8px 22px !important; text-decoration: none; cursor: pointer; border: 1px solid #465eff; transition: background-color 0.3s ease-in-out;}     .btn-filtros-aplicar:hover {background: #fcfc30 !important; color: #33338d !important; border: 1px solid #fcfc30;}      #contagem {padding: 24px 0 24px 0 !important; font-size: 16px !important;}      .dropdown-toggle {height: 32px !important; font-size: 12px !important; padding: 6px 10px !important;}     .rotulo-paginacao {font-size: 12px !important; padding: 8px 8px 0 16px !important;}      .ordenador {display: flex; justify-content: space-between !important;}     .ordem-1 {order: 1;}     .ordem-2 {order: 2;}     .ordem-3 {order: 3;}      .carta .caixa .venda-locacao {display: inline-block; margin-top: 84px; margin-left: 36%; border-radius: 4px; background: #fff; color: #33338d; opacity: 1; font-size: 11px; font-family: ft-bold; padding: 2px 4px 2px 4px;}      .page-item {margin-left: 4px; margin-right: 4px; font-family: ft-bold; font-size: 14px !important;}     .page-item .active {background: #465eff !important; color: #fcfc30 !important; border: none;}     .page-item .inactive {background: transparent !important; color: #dddddd !important; border: none;}     .page-link {width: 32px; height: 32px; padding: 0 !important; padding-top: 4px !important; text-align: center; color: #767a86 !important; border: none; border-radius: 4% !important; font-family: ft-bold; font-size: 14px !important;}     .page-link-previous {width: 80px !important; font-size: 12px !important; padding-top: 8px !important;}     .page-link-previous::before {color: #767a86 !important;}     .page-link-next {width: 80px !important; font-size: 12px !important; padding-top: 8px !important;}     .page-link-next::before {color: #767a86 !important;}     .page-link.disabled, .disabled > .page-link {pointer-events: none; background-color: transparent !important; color: #bbb !important;} }