@charset "UTF-8"; /*  * catalogo.css  *   * Autor: Wilson da Silva Cabrera (https://wilsoncabrera.com.br)  * Atualizado em 17/06/2025 às 09h23  *   */ @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');}  .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: #767a86; font-size: 20px; font-family: ft-bold; padding: 18px; border-radius: 16px; text-decoration: none; cursor: pointer;} .btn-transparent span {border-radius: 50%; background: #dddddd; color: #000; font-size: 16px; padding: 2px 6px 2px 6px;} .btn-transparent:hover {background: transparent; color: #000000; font-size: 20px; 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 #465eff !important; border-bottom: 5px solid #465eff !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: #465eff; border: 2px solid #465eff !important;}  .tree {background: #f3f3f3; color: #767a86; border: none; border-radius: 24px; margin-top: 7px; border: none; font-size: 20px; width: 100%; text-align: left; padding: 14px 20px 14px 30px; font-family: ft-regular;} .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: #767a86; font-size: 22px; font-family: ft-bold;} .tree-body {background: #f3f3f3; color: #767a86; font-size: 16px; min-height: 60px; min-width: 306px; box-shadow: 0px 0px 16px -6px #666; max-height: 400px; border-radius: 24px; overflow: auto; border: none;} .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: 0px 0px 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: 0px 0px 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: #767a86;} .form-check-label {font-size: 16px; color: #767a86;}  .box-navigation {min-height: 80px; padding-top: 20px; background: #f7f7f7; line-height: normal;} .box-tags {min-height: 20px; background: #f7f7f7;} .box-tags .marca {display: inline-block; background: #dddddd; color: #000000; font-size: 20px; font-family: ft-bold; padding: 12px; border-radius: 16px; text-decoration: none; cursor: pointer; margin: 5px;} .box-tags .marca:hover  {display: inline-block; background: #dddddd; color: #f97a70; font-size: 20px; font-family: ft-bold; padding: 12px; border-radius: 16px; text-decoration: none; cursor: pointer; margin: 5px;}  .box-content {min-height: 800px; background: #ffffff; padding-top: 80px;} .box-content .contador {font-family: ft-bold; font-size: 18px; color: #465eff;} span {color: #767a86;} .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: 0px 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: 0px !important;}  .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: 0px !important; padding-top: 5px !important; text-align: center; color: #767a86 !important; border: none; border-radius: 50% !important; font-family: ft-bold; font-size: 20px !important;} .page-link-previous::before {color: #767a86 !important;} .page-link-next::before {color: #767a86 !important;}  .vazio {height: 300px; text-align: center; border-radius: 20px; background: #fff7b5; font-size: 24px; color: #735cc6;}  .evolua {width: 100px !important; height: 150px !important; margin-top: -16px !important; margin-left: -96px !important; position: absolute !important;}  /* SM */ @media (max-width: 776px) {     .box-banner {height: 200px !important; background: #fcfc30;}     .box-banner .container {height: 200px !important;; background-image: url('_acervo/fundo-topo.png'); background-position: right -60% center; background-repeat: no-repeat; background-size: 100% 100%;} h1 {font-size: 48px; color: #465eff; font-family: ft-bold;}      .box-links {width: 100%; height: 80px !important; background: #465eff;} .rotulo {background: transparent; border: none; color: #fff; font-size: 20px; font-family: ft-bold; text-align: left;}     .box-links .lg-links {display: none;}     .filter-btn {display: inline-block; width: 49% !important; text-align: center; text-decoration: none; padding-left: 10px; padding-right: 10px; cursor: pointer; font-size: 16px;}     .filter-btn:hover {display: inline-block; width: 49% !important; text-align: center; text-decoration: none; padding-left: 10px; padding-right: 10px; cursor: pointer; font-size: 16px;}     .accordion-item {padding: 0px 20px 10px 20px; background: #465eff;}     .accordion-button {background: transparent; color: #fff; font-size: 18px;}     .accordion-button i {font-size: 28px; color: #fcfc30; margin-right: 20px;}     .accordion-collapse {padding-bottom: 20px; z-index: 1000;}     .accordion-item:first-of-type .accordion-button {background: transparent; color: #fff; font-size: 18px;}      .filter-dropdown {background: #ffffff; color: #767a86; border: none; border-radius: 24px; font-size: 16px; margin-top: -82px !important; min-height: 200px; min-width: 100%; box-shadow: 0px 0px 16px -6px #666;}     .filter-dropdown .modal-header h5 {color: #465eff; font-size: 22px;}     .filter-dropdown .modal-header .a {color: #465eff !important; font-size: 24px !important;}     .filter-dropdown .modal-body {max-height: 700px; overflow: auto;}     .filter-dropdown .modal-body .titulo {color: #465eff; font-size: 22px; font-family: ft-regular;}     .filter-dropdown .modal-body .valores {display: inline-block; width: 140px; color: #767a86; border: 2px solid #dddddd; border-radius: 8px; padding: 8px 16px 8px 16px;}     .filter-dropdown .modal-footer {background: #465eff; border-radius: 0px 0px 24px 24px; border: none;}     .filter-dropdown .modal-footer .btn-limpar {color: #ffffff; border: 1px solid #ffffff; border-radius: 32px; font-size: 16px; padding: 10px !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: 16px; padding: 10px !important; text-decoration: none; cursor: pointer;text-align: center;}     .filter-dropdown .modal-footer .btn-aplicar:hover {border: 1px solid #ffffff; }      .form-switch {padding-left: 40px !important;}     .form-check-input {font-size: 16px; color: #767a86;}     .form-check-label {font-size: 16px; color: #767a86;}      .box-navigation {min-height: 80px; padding-top: 20px; background: #f7f7f7;}     .box-tags {min-height: 20px; background: #f7f7f7;}      .btn-dark-gray {background: #767a86; color: #ffffff; font-size: 16px; font-family: ft-bold; padding: 18px; border-radius: 16px; text-decoration: none; cursor: pointer;}     .btn-dark-gray:hover {background: #dddddd; color: #000000; font-size: 16px; font-family: ft-bold; padding: 18px; border-radius: 16px;}      .btn-transparent {background: transparent; color: #767a86; font-size: 16px; font-family: ft-bold; padding: 18px; border-radius: 16px; text-decoration: none; cursor: pointer;}     .btn-transparent span {border-radius: 50%; background: #dddddd; color: #000; font-size: 16px; padding: 2px 6px 2px 6px;}     .btn-transparent:hover {background: transparent; color: #000000; font-size: 16px; font-family: ft-bold; padding: 18px; border-radius: 16px;}      .btn-gray {background: #dddddd; color: #000000; font-size: 16px; font-family: ft-regular; padding: 12px; border-radius: 16px; text-decoration: none; cursor: pointer;}     .btn-gray:hover {background: #dddddd; color: #f97a70; font-size: 16px; font-family: ft-regular; padding: 12px; border-radius: 16px;}      .box-content {min-height: 800px; background: #ffffff; padding-top: 30px;}     .box-content .contador {font-family: ft-regular; font-size: 14px; color: #465eff;} span {color: #767a86;}     .box-content .dropdown a {width: 100% !important; padding: 14px 14px 4px 14px; text-decoration: none;}      .box-content .tree {background: #f1f1f1; border: none; color: #767a86; font-size: 14px; font-family: ft-regular; text-align: left; border-radius: 20px;}     .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: 16px;}     .box-content .tree-body {background: #ffffff; color: #f3f3f3; border-radius: 20px; font-size: 14px; margin-top: 10px; padding: 6px; min-height: 40px; min-width: 100%; box-shadow: 0px 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: 12px;}     .box-content .tree-body a:hover {background: transparent; color: #000000; border-radius: 0px !important;}      .tree-body {background: #f3f3f3; color: #767a86; font-size: 16px; min-height: 60px; min-width: 306px; padding-left: 20px; padding-top: 20px; box-shadow: 0px 0px 16px -6px #666; max-height: 400px; border-radius: 24px; overflow: auto; border: none;}      .page-item {width: 36px; height: 36px; padding: 0px !important; padding-top: 4px !important; margin-left: 0px; margin-right: 0px; font-family: ft-bold; font-size: 12px !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: 36px; height: 36px; padding: 0px !important; padding-top: 4px !important; margin-left: 0px; margin-right: 0px; text-align: center; color: #767a86 !important; border: none; border-radius: 50% !important; font-family: ft-bold; font-size: 18px !important;}     .page-link-previous::before {color: #767a86 !important;}     .page-link-next::before {color: #767a86 !important;}      .evolua {width: 67px !important; height: 100px !important; margin-top: -16px !important; margin-left: -96px !important; position: absolute !important;} }  /* XSM */ @media (max-width: 500px) {     .box-banner {height: 340px; background: #fcfc30;}     .box-banner .container {height: 340px; width: 100%;} .titulo {font-size: 48px;} }  /* MD */ @media (min-width: 777px) and (max-width: 991.98px) {     .box-banner {height: 440px; background: #fcfc30;}     .box-banner .container {height: 440px; background-image: url('_acervo/suacesta-banner-vertical.png'); background-repeat: no-repeat; background-size: 80%; background-position: center;}      .filter-btn {display: block; width: 16% !important; text-align: center; text-decoration: none; padding-left: 2px; padding-right: 2px; cursor: pointer; font-size: 12px;}     .filter-btn:hover {display: block; width: 16% !important; text-align: center; text-decoration: none; padding-left: 2px; padding-right: 2px; cursor: pointer; font-size: 12px;}      .btn-yellow {display: block; min-width: 17% !important; max-width: 17% !important; background: #fcfc30; color: #465eff; font-size: 14px; font-family: ft-bold; padding-top: 24px; padding-bottom: 24px; border-radius: 12px;}     .btn-yellow:hover {display: block; min-width: 17% !important; max-width: 17% !important; background: #465eff; color: #fcfc30; font-size: 14px; font-family: ft-bold; padding-top: 24px; padding-bottom: 24px; border-radius: 12px;}      .btn-blue-light {display: block; min-width: 17% !important; max-width: 17% !important; background: #586eff; color: #ffff; font-size: 14px; font-family: ft-bold; padding-top: 24px; padding-bottom: 24px; border-radius: 12px;}     .btn-blue-light:hover {display: block; min-width: 17% !important; max-width: 17% !important; background: #fcfc30; color: #586eff; font-size: 14px; font-family: ft-bold; padding-top: 24px; padding-bottom: 24px; border-radius: 12px;} }  /* iLG */ @media (min-width: 992px) and (max-width: 1374.98px) {     .btn-yellow {min-width: 120px; background: #fcfc30; color: #465eff; font-size: 18px; font-family: ft-bold; padding-top: 18px; padding-bottom: 18px; border-radius: 12px;}     .btn-yellow:hover {min-width: 120px; background: #465eff; color: #fcfc30; font-size: 18px; font-family: ft-bold; padding-top: 18px; padding-bottom: 18px; border-radius: 12px;}      .btn-blue-light {min-width: 120px; background: #586eff; color: #ffff; font-size: 18px; font-family: ft-bold; padding-top: 18px; padding-bottom: 18px; border-radius: 12px;}     .btn-blue-light:hover {min-width: 120px; background: #fcfc30; color: #586eff; font-size: 18px; font-family: ft-bold; padding-top: 18px; padding-bottom: 18px; border-radius: 12px;} }  /* LG */ @media (min-width: 1375px) and (max-width: 1999.98px) { }