/*
 * index.css
 *
 * Autor: Wilson da Silva Cabrera
 * Atualizado em 02/12/2025 às 14h27
 *
 */
@keyframes fadeInSlideDownRight {
    0% {opacity: 0; transform: translateY(-30px) translateX(-30px);}
    100% {opacity: 1; transform: translateY(0) translateX(0);}
}

@keyframes fadeInSlideUpLeft {
    0% {opacity: 0; transform: translateY(30px) translateX(30px);}
    100% {opacity: 1; transform: translateY(0) translateX(0);}
}

.hero-block {min-height: 680px; background-color: #4a4b4b; background-image: url('/imagem/publicidade/0.jpg'); background-size: cover; padding-top: 106px;} .hero-h1 {font-weight: bold; font-size: 48px; color: #ffffff; animation: fadeInSlideDownRight 1s ease-out forwards; position: relative;} .hero-h6 {font-weight: normal; font-size: 20px; color: #f3f4f6; animation: fadeInSlideUpLeft 1s ease-out forwards; position: relative;}

.search-block {width: 960px; height: 220px; border-radius: 12px; background: #f0f1f2; box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 7px; text-align: left; padding: 24px 24px 16px 24px;}
.search-title {font-weight: bold; font-size: 1.3rem; color: #111827;}
.search-label {font-weight: 500; font-size: 0.85rem; color: #374151;}
.search-submit {width: 200px; height: 40px; background: #d97706; color: #ffffff; border-radius: 25px; padding-left: 22px; padding-right: 22px; font-size: 1.0rem; font-weight: bold;} .search-submit:hover {background: #b45309; color: #ffffff !important;}
.search-dropdown {border-radius: 25px; background: #ffffff; color: #0f1419; border-color: #d1d5db; width: 100%; height: 40px; font-size: 0.85rem; text-align: left;} .search-dropdown:hover {background: #f9fafb; border-color: #d1d5db; color: #111111;}
.search-dropdown-menu {border-radius: 25px; background: #ffffff; color: #0f1419; border-color: #d1d5db; width: 100%; font-size: 0.85rem; text-align: left; padding: 16px;} .menu-categoria {width: 300px;} .menu-faixa-preco {width: 280px;}

.categories-block {min-height: 386px; background: #ffffff; padding-top: 56px;} .categories-h1 {font-size: 36px; font-weight: bold; color: #16191d;} .categories-h6 {font-size: 18px; font-weight: normal; color: #4b5563;}
.categories-bt {width: 140px; height: 86px; border: 1px solid #e5e7eb; border-radius: 20px; text-align: center; font-size: 0.76rem; font-weight: bold; padding-top: 18px !important; margin-bottom: 12px;} .categories-bt:hover {background: #f9fafb; border: 1px solid #d1d5db; box-shadow: 0 2px 16px #ddd;} .categories-bt-icon {padding: 3px 5px 1px 5px; border-radius: 50px; font-size: 26px; margin-bottom: 16px !important; background: #e4e4e4; border: none;}
.categories-bt-todos {background: #c4a245 !important; color: #ffffff; border: none !important;} .categories-bt-todos:hover {background: #c4a245 !important; color: #ffffff; border: none !important;} .categories-bt-todos-icon {padding: 6px 8px 5px 8px; border-radius: 50px; font-size: 18px; background: #debd53; border: none;}
.categories-bt-imoveis {background: #ffffff !important; color: #2e6fef;} .categories-bt-imoveis:hover {background: #f9fafb !important; border: 1px solid #d1d5db; color: #000000;} .categories-bt-imoveis-icon {padding: 6px 8px 5px 8px; border-radius: 50px; font-size: 18px; background: #2e6fef; color: #ffffff; border: none;}
.categories-bt-veiculos {background: #ffffff !important; color: #e12e2e;} .categories-bt-veiculos:hover {background: #f9fafb !important; border: 1px solid #d1d5db; color: #000000;} .categories-bt-veiculos-icon {padding: 6px 8px 5px 8px; border-radius: 50px; font-size: 18px; background: #e12e2e; color: #ffffff; border: none;}
.categories-bt-maquinas-pesadas {background: #ffffff !important; color: #ee5e0e;} .categories-bt-maquinas-pesadas:hover {background: #f9fafb !important; border: 1px solid #d1d5db; color: #000000;} .categories-bt-maquinas-pesadas-icon {padding: 6px 8px 5px 8px; border-radius: 50px; font-size: 18px; background: #ee5e0e; color: #ffffff; border: none;}
.categories-bt-maquinas-operatrizes {background: #ffffff !important; color: #9a3eee;} .categories-bt-maquinas-operatrizes:hover {background: #f9fafb !important; border: 1px solid #d1d5db; color: #000000;} .categories-bt-maquinas-operatrizes-icon {padding: 6px 8px 5px 8px; border-radius: 50px; font-size: 18px; background: #9a3eee; color: #ffffff; border: none;}
.categories-bt-equipamentos {background: #ffffff !important; color: #18aa4e;} .categories-bt-equipamentos:hover {background: #f9fafb !important; border: 1px solid #d1d5db; color: #000000;} .categories-bt-equipamentos-icon {padding: 6px 8px 5px 8px; border-radius: 50px; font-size: 18px; background: #18aa4e; color: #ffffff; border: none;}
.categories-bt-sucatas {background: #ffffff !important; color: #525b69;} .categories-bt-sucatas:hover {background: #f9fafb !important; border: 1px solid #d1d5db; color: #000000;} .categories-bt-sucatas-icon {padding: 6px 8px 5px 8px; border-radius: 50px; font-size: 18px; background: #525b69; color: #ffffff; border: none;}
.categories-bt-sucatas-diversas {background: #ffffff !important; color: #0e9b8e;} .categories-bt-sucatas-diversas:hover {background: #f9fafb !important; border: 1px solid #d1d5db; color: #000000;} .categories-bt-sucatas-diversas-icon {padding: 6px 8px 5px 8px; border-radius: 50px; font-size: 18px; background: #0e9b8e; color: #ffffff; border: none;}
.categories-bt-semoventes {background: #ffffff !important; color: #c4a245;} .categories-bt-semoventes:hover {background: #f9fafb !important; border: 1px solid #d1d5db; color: #000000;} .categories-bt-semoventes-icon {padding: 6px 8px 5px 8px; border-radius: 50px; font-size: 18px; background: #c4a245; color: #ffffff; border: none;}
.categories-bt-joias {background: #ffffff !important; color: #de2d7d;} .categories-bt-joias:hover {background: #f9fafb !important; border: 1px solid #d1d5db; color: #000000;} .categories-bt-joias-icon {padding: 6px 8px 5px 8px; border-radius: 50px; font-size: 18px; background: #de2d7d; color: #ffffff; border: none;}
.categories-bt-outros {background: #ffffff !important; color: #524be7;} .categories-bt-outros:hover {background: #f9fafb !important; border: 1px solid #d1d5db; color: #000000;} .categories-bt-outros-icon {padding: 6px 8px 5px 8px; border-radius: 50px; font-size: 18px; background: #524be7; color: #ffffff; border: none;}

.feature-block {min-height: 600px; background: #16191d; padding-top: 36px;} .feature-h1 {font-weight: bold; font-size: 36px; color: #ffffff;} .feature-h6 {font-weight: normal; font-size: 18px; color: #d1d5db;}
.feature-play-pause {font-size: 24px; font-weight: normal; color: #ffffff;} .feature-play-pause:hover {color: #f9fafb !important;}
.feature-container {background: #16191d; min-height: 520px;}
.feature-foto-container {width: 620px; height: 460px; padding: 0; margin: 0; overflow: hidden; border-radius: 16px;}
.feature-foto {width: 100%; height: 100%; object-fit: cover; overflow: hidden; border: none; border-radius: 16px; padding-top: 0 !important; margin-top: 0 !important; padding-right: 0 !important; transition: transform 0.2s ease-in-out;}
.feature-lote {display: inline-block; background: #c4a245; color: #000; padding: 10px 22px 10px 22px; border-radius: 24px; font-size: 14px; font-weight: bold;}
.feature-titulo {height: 26px; overflow: hidden; font-size: 22px; font-weight: bold; color: #ffffff; width: 420px; margin-top: 4px;}
.feature-resumo {height: 42px; overflow: hidden; color: #d1d5db; font-weight: normal; font-size: 14px; margin-top: 4px;}
.feature-tag {display: inline-block; padding: 4px 16px 4px 16px; font-size: 15px; font-weight: bold; background: #222222; color: #ffffff; margin-top: 6px; border-radius: 24px;}
.feature-tag-icone {color: #c4a245;}
.feature-avaliacao {height: 74px; border: 1px solid #e1eaef; border-radius: 16px; margin-top: 12px; padding: 16px;}
.feature-avaliacao-rotulo {font-size: 12px; color: #9ca3af;}
.feature-avaliacao-valor {font-size: 16px; color: #ffff; font-weight: bold;}
.feature-encerramento {height: 148px; background: #2e3134; border-radius: 16px; margin-top: 12px; padding: 8px;}
.feature-encerramento-titulo {font-size: 18px; font-weight: bold; color: #ffffff; margin-top: 16px; text-align: center;}
.feature-encerramento-tempo {display: inline-block; width: 24%; font-size: 32px; font-weight: bold; color: #c4a245; margin-top: 12px; text-align: center;}
.feature-encerramento-rotulo {font-size: 14px; color: #d1d5db; font-weight: normal;}
.feature-leilao {color: #c4a245; font-size: 16px; font-weight: bold; margin-top: 12px;}
.feature-leilao-rotulo {font-size: 12px; color: #949ba6; font-weight: normal;}
.feature-mais {background: #c4a245; color: #000; border-radius: 24px; padding: 8px 22px 8px 22px !important; font-size: 14px; font-weight: bold; transition: transform 0.2s ease-in-out; margin-top: 12px;} .feature-mais:hover {background: #eab307; color: #000 !important;}

.carousel-indicators button {width: 14px !important; height: 14px !important; border-radius: 100% !important; background-color: #6b7280 !important; margin: 0 5px !important;}
.carousel-indicators .active {width: 16px !important; height: 16px !important; background-color: #c4a245 !important;}
.carousel-control-prev,
.carousel-control-next {margin-top: 16%; margin-left: 1%; margin-right: 1%; background-color: rgba(0, 0, 0, 0.9); border-radius: 100%; width: 46px; height: 46px;}

.vitrine-block {background: #ffffff; padding-top: 56px; padding-bottom: 56px;} .vitrine-h1 {font-weight: bold; font-size: 36px; color: #000000;} .vitrine-h6 {font-weight: normal; font-size: 18px; color: #4b5563; margin-bottom: 56px;}
.vitrine-navegador {width: 990px; background: #e5e5e5; border-radius: 25px; padding: 4px;}
.vitrine-navegador-link {width: 140px; color: #0f1419 !important; font-size: 14px; font-weight: bold;}
.vitrine-navegador-link.active {border-radius: 25px; color: #0f1419 !important; font-size: 14px; font-weight: bold;}
.vitrine-tab-conteudo {margin-top: 24px; min-height: 630px;}
.vitrine-card {display: inline-block; width: 294px; height: 620px; border-radius: 16px; background: #ffffff; box-shadow: 0 2px 10px #eee; transform: translateY(0); transition: transform 0.2s ease-in-out;} .vitrine-card:hover {box-shadow: 0 2px 10px #ddd; transform: translateY(-5px); cursor: pointer;}
.vitrine-foto-container {width: 100%; height: 190px; padding: 0; margin: 0; overflow: hidden; border-radius: 16px 16px 0 0;}
.vitrine-foto {width: 100%; height: 100%; object-fit: cover; overflow: hidden; border: none; border-radius: 16px 16px 0 0; padding-top: 0 !important; margin-top: 0 !important; padding-right: 0 !important; transition: transform 0.2s ease-in-out;}
.vitrine-flutuante {position: absolute; top: 0; left: 0;}
.vitrine-flutuante-visitas {display: inline-block; border-radius: 16px; background: #fff; color: #16191d; font-size: 12px; font-weight: bold; padding: 4px 8px 4px 8px; text-align: center;} .vitrine-flutuante-visitas-icone {font-size: 13px; font-weight: bold; color: #c4a245;}
.vitrine-flutuante-comando {display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: #fff; color: #16191d; font-size: 14px; font-weight: normal; text-align: center; padding-top: 4px;}
.vitrine-card-body {padding: 12px;}
.vitrine-tag-leilao {display: inline-block; font-weight: bold; font-size: 12px; color: #ffffff; padding: 4px 16px 4px 16px; background: #2563eb; border-radius: 12px; margin-right: 4px; margin-bottom: 6px;}
.vitrine-tag-judicial {display: inline-block; font-weight: bold; font-size: 12px; color: #ffffff; padding: 4px 16px 4px 16px; background: #16a34a; border-radius: 12px; margin-right: 4px; margin-bottom: 6px;}
.vitrine-tag-encerrado {display: inline-block; font-weight: bold; font-size: 12px; color: #ffffff; padding: 4px 16px 4px 16px; background: #6b7280; border-radius: 12px; margin-right: 4px; margin-bottom: 6px;}
.vitrine-tag-presencial {display: inline-block; font-weight: bold; font-size: 12px; color: #ffffff; padding: 4px 16px 4px 16px; background: #14b8a6; border-radius: 12px; margin-right: 4px; margin-bottom: 6px;}
.vitrine-tag-extrajudicial {display: inline-block; font-weight: bold; font-size: 12px; color: #ffffff; padding: 4px 16px 4px 16px; background: #4f46e5; border-radius: 12px; margin-right: 4px; margin-bottom: 6px;}
.vitrine-titulo {height: 60px; overflow: hidden; color: #16191d; font-weight: bold; font-size: 18px; margin-top: 8px; margin-bottom: 8px;}
.vitrine-pracas {height: 80px; border-radius: 16px; border: 1px solid #e5e7eb; background: #f9fafb; padding: 12px; font-size: 12px; color: #374151;}
.vitrine-pracas-1 {color: #ccb163;}
.vitrine-pracas-2 {color: #f98a3c;}
.vitrine-comitente {height: 60px; border-radius: 16px; border: 1px solid #e5e7eb; background: #ffffff; padding: 8px; font-size: 12px; color: #374151; margin-top: 12px;}
.vitrine-comitente-icone {width: 40px; height: 40px; border-radius: 50%; background: #d48217; color: #ffffff; font-weight: bold; font-size: 16px; padding-top: 8px; text-align: center; margin-left: 4px;}
.vitrine-comitente-rotulo {font-size: 12px; color: #6b7280;}
.vitrine-comitente-nome {font-size: 14px; color: #1f2937; font-weight: bold;}
.vitrine-observacao {height: 58px; overflow: hidden; border-left: 4px solid #c4a245; color: #374151; font-size: 14px; padding: 8px; margin-top: 12px;}
.vitrine-observacao-rotulo {color: #c4a245; font-weight: bold;}
.vitrine-local {display: inline-block; border-radius: 16px; border: 1px solid #e5e7eb; background: #f9fafb; color: #4b5563; font-size: 12px; font-weight: bold; padding: 8px; margin-top: 8px;} .vitrine-local-icone {color: #c4a245;}
.vitrine-lotes {display: inline-block; border-radius: 16px; border: 1px solid #e5e7eb; background: #f9fafb; color: #4b5563; font-size: 12px; font-weight: bold; padding: 8px; margin-top: 8px;} .vitrine-lotes-icone {color: #c4a245;}
.vitrine-mais {background: #16191d; color: #ffffff; border-radius: 25px; padding-left: 26px; padding-right: 26px; font-size: 1.0rem; font-weight: bold;} .vitrine-mais:hover {background: #1f2937; color: #ffffff !important;}

.destaques-block {background: #ffffff; padding-top: 56px; padding-bottom: 56px;} .destaques-h1 {font-weight: bold; font-size: 36px; color: #000000;} .destaques-h6 {font-weight: normal; font-size: 18px; color: #4b5563; margin-bottom: 56px;}
.destaques-card {display: inline-block; width: 294px; height: 316px; border-radius: 16px; background: #ffffff; box-shadow: 0 2px 10px #eee; transition: transform 0.2s ease-in-out;} .destaques-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}
.destaques-foto-container {width: 100%; height: 160px; padding: 0; margin: 0; overflow: hidden; border-radius: 16px 16px 0 0;}
.destaques-foto {width: 100%; height: 100%; object-fit: cover; overflow: hidden; border: none; border-radius: 16px 16px 0 0; padding-top: 0 !important; margin-top: 0 !important; padding-right: 0 !important;}
.destaques-card-body {padding: 12px 16px 16px 16px;}
.destaques-titulo {height: 20px; overflow: hidden; color: #16191d; font-weight: bold; font-size: 16px;}
.destaques-resumo {height: 42px; overflow: hidden; color: #555f6c; font-weight: normal; font-size: 14px; margin-top: 8px;}
.destaques-rotulo {color: #555f6c; font-weight: normal; font-size: 12px; margin-top: 12px;}
.destaques-valor {color: #c4a245; font-weight: bold; font-size: 15px;}
.destaques-lote {color: #374151; font-weight: bold; font-size: 12px; margin-top: 4px;}
.destaques-mais {background: #16191d; color: #ffffff; border-radius: 25px; padding-left: 26px; padding-right: 26px; font-size: 1.0rem; font-weight: bold;} .destaques-mais:hover {background: #1f2937; color: #ffffff !important;}

.mais-visitados-block {background: #f9fafb; padding-top: 56px; padding-bottom: 56px;} .mais-visitados-h1 {font-weight: bold; font-size: 36px; color: #000000;}
.mais-visitados-card {display: inline-block; width: 294px; height: 360px; border-radius: 16px; border: none; background: #ffffff; box-shadow: 0 2px 10px #eee; transition: transform 0.2s ease-in-out;} .mais-visitados-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}
.mais-visitados-foto-container {width: 100%; height: 160px; padding: 0; margin: 0; overflow: hidden; border-radius: 16px 16px 0 0;}
.mais-visitados-foto {width: 100%; height: 100%; object-fit: cover; overflow: hidden; border: none; border-radius: 16px 16px 0 0; padding-top: 0 !important; margin-top: 0 !important; padding-right: 0 !important;}
.mais-visitados-flutuante {position: absolute; top: 0; left: 0;}
.mais-visitados-flutuante-visitas {display: inline-block; border-radius: 16px; background: #ef4444; color: #ffffff; font-size: 12px; font-weight: bold; padding: 2px 8px 2px 8px; text-align: center;}
.mais-visitados-card-body {padding: 12px 16px 16px 16px;}
.mais-visitados-titulo {height: 20px; overflow: hidden; color: #16191d; font-weight: bold; font-size: 14px;}
.mais-visitados-lote {color: #6b7280; font-weight: normal; font-size: 12px; margin-top: 4px;}
.mais-visitados-resumo {height: 40px; overflow: hidden; color: #555f6c; font-weight: normal; font-size: 12px; margin-top: 8px;}
.mais-visitados-local {color: #6b7280; font-weight: normal; font-size: 12px; margin-top: 4px; padding-bottom: 8px; border-bottom: 1px solid #e5e7eb;} .mais-visitados-local-icone {color: #c4a245;}
.mais-visitados-rotulo {color: #555f6c; font-weight: normal; font-size: 12px; margin-top: 8px;}
.mais-visitados-valor {color: #c4a245; font-weight: bold; font-size: 15px;}
.mais-visitados-encerramento {color: #374151; font-weight: bold; font-size: 12px; margin-top: 4px;}
.mais-visitados-mais {background: #16191d; color: #ffffff; border-radius: 25px; padding-left: 26px; padding-right: 26px; font-size: 1.0rem; font-weight: bold;} .mais-visitados-mais:hover {background: #1f2937; color: #ffffff !important;}

.newsletter-block {background: #141921; padding-top: 56px; padding-bottom: 56px;}
.newsletter-box {width: 860px; height: 260px; border-radius: 12px; background: #f4f4f4; box-shadow: #4a4b4b 1px 1px 1px; text-align: left; padding: 24px 24px 16px 24px;} .newsletter-h1 {font-weight: bold; font-size: 32px; color: #16191d;} .newsletter-h6 {font-weight: normal; font-size: 18px; color: #374151; margin-top: 24px; margin-bottom: 12px;}
.newsletter-email {width: 220px; height: 46px !important; border-radius: 16px !important; padding-top: 16px !important; padding-bottom: 16px; border: 2px solid #e5e7eb !important;}
.newsletter-enviar {background: #dba02a; color: #fff; font-size: 14px; font-weight: bold; width: 220px; height: 46px !important; border-radius: 16px !important; padding-top: 12px !important; padding-bottom: 16px; box-shadow: 0 2px 10px #eee; transition: transform 0.2s ease-in-out;} .newsletter-enviar:hover {background: #fca500; box-shadow: 0 2px 10px #ddd; cursor: pointer; color: #fff; font-size: 14px;}
.newsletter-legenda {font-size: 12px; color: #4d5764; margin-top: 24px;}
.newsletter-legenda-icone {font-size: 12px; color: #22e55e; font-weight: bold;}

.artigos-block {background: #ffffff; padding-top: 56px; padding-bottom: 56px;} .artigos-h1 {font-weight: bold; font-size: 36px; color: #000000;} .artigos-h6 {font-weight: normal; font-size: 18px; color: #4b5563; margin-bottom: 56px;}
.artigos-card {display: inline-block; width: 396px; height: 430px; border-radius: 16px; background: #ffffff; box-shadow: 0 2px 10px #eee;} .artigos-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}
.artigos-body {padding-top: 20px;}
.artigos-foto-container {width: 100%; height: 192px; padding: 0; margin: 0; overflow: hidden; border-radius: 16px 16px 0 0;}
.artigos-foto {width: 100%; height: 100%; object-fit: cover; overflow: hidden; border: none; border-radius: 16px 16px 0 0; padding-top: 0 !important; margin-top: 0 !important; padding-right: 0 !important;}
.artigos-classificacao {font-weight: bold; font-size: 12px; color: #1e40af; margin-left: 24px; padding: 4px 16px 4px 16px; background: #dbeafe; border-radius: 12px;}
.artigos-leitura {font-weight: normal; font-size: 14px; color: #6b7280; padding-right: 18px;}
.artigos-titulo {height: 56px; padding-left: 24px; padding-right: 24px; margin-top: 16px; overflow: hidden; color: #16191d; font-weight: bold; font-size: 20px;}
.artigos-resumo {height: 40px; padding-left: 24px; padding-right: 24px; overflow: hidden; color: #4b5563; font-weight: normal; font-size: 13px; margin-top: 12px;}
.artigos-responsavel {color: #4b5563; font-weight: normal; font-size: 14px; padding-top: 16px; padding-left: 24px;}
.artigos-data {color: #4b5563; font-weight: normal; font-size: 14px; padding-top: 16px; padding-right: 18px;}
.artigos-mais {background: #c4a245; color: #ffffff; border-radius: 25px; padding-left: 26px; padding-right: 26px; font-size: 1.0rem; font-weight: bold;} .artigos-mais:hover {background: #ab8b36; color: #ffffff !important;}

.tube-block {background: #16191d; padding-top: 56px; padding-bottom: 56px;} .tube-h1 {font-weight: bold; font-size: 36px; color: #ffffff;} .tube-h6 {font-weight: normal; font-size: 18px; color: #d1d5db; margin-bottom: 56px;}
.tube-card {display: inline-block; width: 396px; height: 372px; border-radius: 16px; background: #2e3134;} .tube-card:hover {background: #45474b; cursor: pointer;}
.tube-body {padding-top: 20px;}
.tube-foto-container {width: 100%; height: 192px; padding: 0; margin: 0; overflow: hidden; border-radius: 16px 16px 0 0;}
.tube-foto {width: 100%; height: 100%; object-fit: cover; overflow: hidden; border: none; border-radius: 16px 16px 0 0; padding-top: 0 !important; margin-top: 0 !important; padding-right: 0 !important;}
.tube-titulo {height: 52px; padding-left: 24px; padding-right: 24px; overflow: hidden; color: #ffffff; font-weight: bold; font-size: 18px;}
.tube-resumo {height: 42px; padding-left: 24px; padding-right: 24px; overflow: hidden; color: #d1d5db; font-weight: normal; font-size: 14px; margin-top: 8px;}
.tube-visitas {color: #999fab; font-weight: normal; font-size: 14px; padding-top: 12px;}
.tube-data {color: #999fab; font-weight: normal; font-size: 14px; padding-top: 12px; padding-right: 18px;}
.tube-mais {background: #c4a245; color: #ffffff; border-radius: 25px; padding-left: 26px; padding-right: 26px; font-size: 1.0rem; font-weight: bold;} .tube-mais:hover {background: #ab8b36; color: #ffffff !important;}

.facilitadores-block {background: #f9fafb; padding-top: 56px; padding-bottom: 56px;} .facilitadores-h1 {font-weight: bold; font-size: 36px; color: #000000;} .facilitadores-h6 {font-weight: normal; font-size: 18px; color: #4b5563; margin-bottom: 56px;}
.facilitadores-card {display: inline-block; width: 294px; height: 276px; border-radius: 16px; background: #ffffff; box-shadow: 0 2px 10px #eee;} .facilitadores-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}
.facilitadores-foto-container {width: 56px; height: 56px; padding: 0; margin: 0; overflow: hidden; border-radius: 50%; margin-top: 24px;}
.facilitadores-foto {width: 100%; height: 100%; object-fit: cover; overflow: hidden; border: none; border-radius: 50px; padding-top: 0 !important; margin-top: 0 !important; padding-right: 0 !important;}
.facilitadores-nome {color: #16191d; font-weight: bold; font-size: 14px;}
.facilitadores-cargo {color: #cbad5d; font-weight: normal; font-size: 13px;}
.facilitadores-descritivo {height: 70px; color: #4b5563; font-weight: normal; font-size: 12px; overflow: hidden;}
.facilitadores-social {color: #cbad5d; font-weight: normal; font-size: 12px;}
.facilitadores-detalhes {width: 100%; background: #c4a245; color: #ffffff; border-radius: 25px; font-size: 0.8rem; font-weight: bold; padding-top: 0; padding-bottom: 0;} .facilitadores-mais:hover {background: #ab8b36; color: #ffffff !important;}
.facilitadores-mais {background: #16191d; color: #ffffff; border-radius: 25px; padding-left: 26px; padding-right: 26px; font-size: 1.0rem; font-weight: bold;} .facilitadores-mais:hover {background: #1f2937; color: #ffffff !important;}

.nos-block {background: #ffffff; padding-top: 56px; padding-bottom: 56px;} .nos-h1 {font-weight: bold; font-size: 36px; color: #000000;} .nos-h6 {font-weight: normal; font-size: 18px; color: #4b5563; margin-bottom: 56px;}
.nos-card {display: inline-block; width: 396px; height: 320px; border-radius: 16px; background: #f9fafb;} .nos-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}
.nos-icone {display: inline-block; width: 64px; height: 64px; border-radius: 50%; background: #c4a245; color: #fff; margin-top: 24px; font-size: 32px; font-weight: bold; padding-top: 10px;}
.nos-titulo {color: #16191d; font-weight: bold; font-size: 22px; margin-top: 20px; padding-left: 26px; padding-right: 26px;}
.nos-resumo {color: #4b5563; font-weight: normal; font-size: 16px; margin-top: 24px; padding-left: 26px; padding-right: 26px;}
.nos-mais {background: #c4a245; color: #ffffff; border-radius: 16px; padding: 12px 24px 12px 24px; font-size: 1.0rem; font-weight: normal; margin-top: 24px;} .nos-mais:hover {background: #ab8b36; color: #ffffff !important;}

.equipe-block {background: #ffffff; padding-top: 56px; padding-bottom: 56px;} .equipe-h1 {font-weight: bold; font-size: 36px; color: #000000;} .equipe-h6 {font-weight: normal; font-size: 18px; color: #4b5563; margin-bottom: 56px;}
.equipe-card {display: inline-block; width: 396px; height: 390px; border-radius: 16px; background: #f9fafb;} .equipe-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}
.equipe-foto-container {width: 128px; height: 128px; padding: 0; overflow: hidden; border-radius: 50%; margin-top: 24px;}
.equipe-foto {width: 100%; height: 100%; object-fit: cover; overflow: hidden; border: none; border-radius: 50px; padding-top: 0 !important; margin-top: 0 !important; padding-right: 0 !important;}
.equipe-nome {color: #16191d; font-weight: bold; font-size: 18px;}
.equipe-cargo {color: #cbad5d; font-weight: normal; font-size: 16px;}
.equipe-descritivo {height: 96px; color: #4b5563; font-weight: normal; font-size: 15px; overflow: hidden; padding: 0 16px 0 16px;}
.equipe-social {color: #cbad5d; font-weight: normal; font-size: 20px;}

.numeros-block {background: #16191d; padding-top: 56px; padding-bottom: 56px;} .numeros-h1 {font-weight: bold; font-size: 36px; color: #ffffff;} .numeros-h6 {font-weight: normal; font-size: 18px; color: #d1d5db; margin-bottom: 32px;}
.numeros-card {display: inline-block; width: 24%; height: 140px;}
.numeros-titulo {font-size: 58px; color: #c4a245; font-weight: bold; text-align: center;}
.numeros-rotulo {font-size: 18px; color: #d1d5db;}

.clientes-block {background: #ffffff; padding-top: 56px; padding-bottom: 56px;} .clientes-h1 {font-weight: bold; font-size: 36px; color: #000000;} .clientes-h6 {font-weight: normal; font-size: 18px; color: #4b5563; margin-bottom: 56px;}
.clientes-card {display: inline-block; width: 220px; height: 146px; border-radius: 8px; padding-top: 24px; background: #f9fafb; transition: background 0.2s ease-in-out;} .clientes-card:hover {background: #f3f4f6; box-shadow: 0 2px 10px #ddd; cursor: pointer;}
.clientes-container-logo {width: 96px; height: 46px; border-radius: 16px; background: #d1d5db; padding: 8px 16px 8px 14px; transition: background 0.2s ease-in-out;}
.clientes-foto-container {width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; border-radius: 4px; background: #9ca3af; transition: background 0.2s ease-in-out;}
.clientes-foto {width: 100%; height: 100%; object-fit: cover; overflow: hidden; border: none; border-radius: 4px; padding-top: 0 !important; margin-top: 0 !important; padding-right: 0 !important;}
.clientes-nome {color: #16191d; font-weight: bold; font-size: 14px;}
.clientes-segmento {color: #4b5563; font-weight: normal; font-size: 12px;}
.clientes-legenda {color: #4b5563; font-weight: normal; font-size: 14px;}
.clientes-ponto {color: #c4a245; font-size: 21px; margin-right: 4px;}

.cases-block {background: #f9fafb; padding-top: 56px; padding-bottom: 56px;} .cases-h1 {font-weight: bold; font-size: 36px; color: #000000;} .cases-h6 {font-weight: normal; font-size: 18px; color: #4b5563; margin-bottom: 56px;}
.cases-card {display: inline-block; width: 396px; height: 590px; border-radius: 16px; box-shadow: 0 2px 10px #eee; border: none !important;} .cases-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}
.cases-foto-container {width: 100%; height: 224px; padding: 0; margin: 0; overflow: hidden; border-radius: 16px 16px 0 0;}
.cases-foto {width: 100%; height: 100%; object-fit: cover; overflow: hidden; border: none; border-radius: 16px; padding-top: 0 !important; margin-top: 0 !important; padding-right: 0 !important;}
.cases-flutuante {position: absolute; top: 0; left: 0;}
.cases-flutuante-economia {display: inline-block; width: 150px; border-radius: 25px; background: #c4a245; color: #ffffff; font-size: 15px; font-weight: bold; padding: 6px; margin-left: 216px; text-align: center;}
.cases-card-body {padding: 24px;}
.cases-estrelas {color: #c4a245;}
.cases-avaliacao {height: 86px; color: #374151; font-style: italic; font-size: 16px;}
.cases-persona {width: 46px; height: 46px; background: #d1d5db; border: none; border-radius: 50%; padding: 2px; text-align: center; font-size: 1.9rem; color: #111;}
.cases-nome {color: #16191d; font-weight: bold; font-size: 16px;}
.cases-empresa {color: #4b5563; font-weight: normal; font-size: 15px;}
.cases-valores {height: 136px; background: #f9fafb; border-radius: 8px; margin-top: 24px;} .cases-valores-rotulo {color: #4f5966; font-size: 0.75rem;} .cases-valores-divisor {border-bottom: 1px solid #e5e7eb; padding-top: 16px;} .cases-valor-mercado {color: #16191d; font-weight: bold; font-size: 15px;} .cases-valor-leilao {color: #16a34a; font-weight: bold; font-size: 15px;} .cases-valor-economia {color: #c4a245; font-weight: bold; font-size: 16px;}
.cases-mais {background: #c4a245; color: #ffffff; border-radius: 25px; padding-left: 26px; padding-right: 26px; font-size: 1.0rem; font-weight: bold;} .cases-mais:hover {background: #ab8b36; color: #ffffff !important;}

.gallery-block {background: #f9fafb; padding-top: 56px; padding-bottom: 56px;} .gallery-h1 {font-weight: bold; font-size: 36px; color: #000000;} .gallery-h6 {font-weight: normal; font-size: 18px; color: #4b5563; margin-bottom: 56px;}
.gallery-row {height: 210px;}
.gallery-card {display: inline-block; width: 300px; height: 190px; border-radius: 16px; box-shadow: 0 2px 10px #eee; transition: transform 0.2s ease-in-out;} .gallery-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}
.gallery-foto-container {width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; border-radius: 16px; border: none !important;}
.gallery-foto-container-overlay {position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 16px; background: rgba(0, 0, 0, 0.5); padding-top: 48px; opacity: 0; transition: opacity 0.2s ease-in-out;} .gallery-foto-container-overlay-h5 {font-weight: bold; font-size: 18px; color: #ffffff; margin-bottom: 8px;} .gallery-foto-container-overlay-h6 {font-weight: normal; font-size: 16px; color: #ffffff;}
.gallery-foto {width: 100%; height: 100%; object-fit: cover; overflow: hidden; border: none; border-radius: 16px; padding-top: 0 !important; margin-top: 0 !important; padding-right: 0 !important; transition: transform 0.2s ease-in-out;}
.gallery-mais {background: #16191d; color: #ffffff; border-radius: 25px; padding-left: 26px; padding-right: 26px; font-size: 1.0rem; font-weight: bold;} .gallery-mais:hover {background: #1f2937; color: #ffffff !important;}


@media (max-width: 767px) {
    @keyframes fadeInSlideDownRight {
        0% {opacity: 0; transform: translateY(-10px) translateX(-10px);}
        100% {opacity: 1; transform: translateY(0) translateX(0);}
    }

    @keyframes fadeInSlideUpLeft {
        0% {opacity: 0; transform: translateY(10px) translateX(10px);}
        100% {opacity: 1; transform: translateY(0) translateX(0);}
    }

    .hero-block {min-height: 800px; background-color: #16191d; background-image: none; background-size: cover; padding-top: 90px; padding-bottom: 4px;} .hero-h1 {font-weight: bold; font-size: 28px; color: #ffffff; animation: fadeInSlideDownRight 1s ease-out forwards; position: relative;} .hero-h6 {font-weight: normal; font-size: 14px; color: #f3f4f6; animation: fadeInSlideUpLeft 1s ease-out forwards; position: relative;}
    .search-block {width: 100%; min-height: 410px; border-radius: 12px; background: #f0f1f2; box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 7px; text-align: left; padding: 12px 24px 12px 24px;}

    .categories-block {min-height: 370px; background: #ffffff; padding-top: 16px;} .categories-h1 {font-size: 28px; font-weight: bold; color: #16191d;} .categories-h6 {font-size: 14px; font-weight: normal; color: #4b5563;}
    .categories-bt {width: 26vw; height: 92px;}

    .feature-block {min-height: 300px; background: #16191d; padding-top: 16px;} .feature-h1 {font-weight: bold; font-size: 28px; color: #ffffff;} .feature-h6 {font-weight: normal; font-size: 14px; color: #d1d5db;}
    .feature-play-pause {font-size: 24px; font-weight: normal; color: #ffffff;} .feature-play-pause:hover {color: #f9fafb !important;}
    .feature-container {background: #16191d; min-height: 300px;}
    .feature-foto-container {width: 100%; height: 260px; padding: 0; margin: 0 0 8px 0; overflow: hidden; border-radius: 16px;}
    .feature-titulo {height: 26px; overflow: hidden; font-size: 18px; font-weight: bold; color: #ffffff; width: 100%; margin-top: 4px;}
    .feature-resumo {height: 38px; overflow: hidden; color: #d1d5db; font-weight: normal; font-size: 12px; margin-top: 4px;}
    .feature-avaliacao {height: 60px; border: 1px solid #e1eaef; border-radius: 16px; margin-top: 12px; padding: 8px 16px;}
    .feature-encerramento {height: 128px; background: #2e3134; border-radius: 16px; margin-top: 12px; padding: 8px;}
    .feature-encerramento-titulo {font-size: 18px; font-weight: bold; color: #ffffff; margin-top: 0; text-align: center;}
    .feature-leilao {color: #c4a245; font-size: 16px; font-weight: bold; margin-top: 12px;}
    .feature-leilao-rotulo {font-size: 12px; color: #949ba6; font-weight: normal;}
    .feature-mais {background: #c4a245; color: #000; border-radius: 24px; padding: 8px 12px 8px 12px !important; font-size: 14px; font-weight: bold; transition: transform 0.2s ease-in-out; margin-top: 12px;} .feature-mais:hover {background: #eab307; color: #000 !important;}

    .carousel-indicators {display: none !important;}
    .carousel-control-prev,
    .carousel-control-next {margin-top: 12vh; margin-left: 1%; margin-right: 1%; background-color: rgba(0, 0, 0, 0.9); border-radius: 100%; width: 46px; height: 46px;}

    .vitrine-block {background: #ffffff; padding-top: 16px; padding-bottom: 16px;} .vitrine-h1 {font-weight: bold; font-size: 28px; color: #000000;} .vitrine-h6 {font-weight: normal; font-size: 14px; color: #4b5563; margin-bottom: 16px;}
    .vitrine-navegador {width: 100%; background: #e5e5e5; border-radius: 25px; padding: 4px;}
    .vitrine-card {display: inline-block; width: 294px; height: 620px; border-radius: 16px; background: #ffffff; box-shadow: 0 2px 10px #eee; transform: translateY(0); transition: transform 0.2s ease-in-out; margin-bottom: 16px;} .vitrine-card:hover {box-shadow: 0 2px 10px #ddd; transform: translateY(-5px); cursor: pointer;}
    .vitrine-navegador-link {width: 43vw; color: #0f1419 !important; font-size: 14px; font-weight: bold;}

    .destaques-block {background: #ffffff; padding-top: 16px; padding-bottom: 16px;} .destaques-h1 {font-weight: bold; font-size: 28px; color: #000000;} .destaques-h6 {font-weight: normal; font-size: 14px; color: #4b5563; margin-bottom: 16px;}
    .destaques-card {display: inline-block; width: 294px; height: 316px; border-radius: 16px; background: #ffffff; box-shadow: 0 2px 10px #eee; transition: transform 0.2s ease-in-out; margin-bottom: 16px;} .destaques-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}

    .mais-visitados-block {background: #f9fafb; padding-top: 16px; padding-bottom: 16px;} .mais-visitados-h1 {font-weight: bold; font-size: 28px; color: #000000;}
    .mais-visitados-card {display: inline-block; width: 294px; height: 360px; border-radius: 16px; border: none; background: #ffffff; box-shadow: 0 2px 10px #eee; transition: transform 0.2s ease-in-out; margin-bottom: 16px;} .mais-visitados-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}

    .newsletter-block {min-height: 382px; background: #141921; padding-top: 16px; padding-bottom: 16px;}
    .newsletter-box {width: 100%; height: 350px; border-radius: 12px; background: #f4f4f4; box-shadow: #4a4b4b 1px 1px 1px; text-align: left; padding: 24px 24px 16px 24px;} .newsletter-h1 {font-weight: bold; font-size: 28px; color: #16191d;} .newsletter-h6 {font-weight: normal; font-size: 14px; color: #374151; margin-top: 24px; margin-bottom: 12px;}
    .newsletter-email {width: 100%; height: 46px !important; border-radius: 16px !important; padding-top: 16px !important; padding-bottom: 16px; border: 2px solid #e5e7eb !important;}
    .newsletter-enviar {background: #dba02a; color: #fff; font-size: 14px; font-weight: bold; width: 100%; height: 44px !important; border-radius: 16px !important; padding-top: 10px !important; padding-bottom: 6px; box-shadow: 0 2px 10px #eee; transition: transform 0.2s ease-in-out;} .newsletter-enviar:hover {background: #fca500; box-shadow: 0 2px 10px #ddd; cursor: pointer; color: #fff; font-size: 14px;}
    .newsletter-legenda {font-size: 12px; color: #4d5764; margin-top: 16px;}

    .artigos-block {background: #ffffff; padding-top: 16px; padding-bottom: 16px;} .artigos-h1 {font-weight: bold; font-size: 28px; color: #000000;} .artigos-h6 {font-weight: normal; font-size: 14px; color: #4b5563; margin-bottom: 16px;}
    .artigos-card {display: inline-block; width: 100%; height: 430px; border-radius: 16px; background: #ffffff; box-shadow: 0 2px 10px #eee; margin-bottom: 16px;} .artigos-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}

    .tube-block {background: #16191d; padding-top: 16px; padding-bottom: 16px;} .tube-h1 {font-weight: bold; font-size: 28px; color: #ffffff;} .tube-h6 {font-weight: normal; font-size: 14px; color: #d1d5db; margin-bottom: 16px;}
    .tube-card {display: inline-block; width: 100%; height: 372px; border-radius: 16px; background: #2e3134; margin-bottom: 16px;} .tube-card:hover {background: #45474b; cursor: pointer;}

    .facilitadores-block {background: #f9fafb; padding-top: 16px; padding-bottom: 16px;} .facilitadores-h1 {font-weight: bold; font-size: 28px; color: #000000;} .facilitadores-h6 {font-weight: normal; font-size: 14px; color: #4b5563; margin-bottom: 16px;}
    .facilitadores-card {display: inline-block; width: 294px; height: 276px; border-radius: 16px; background: #ffffff; box-shadow: 0 2px 10px #eee; margin-bottom: 16px;} .facilitadores-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}

    .nos-block {background: #ffffff; padding-top: 16px; padding-bottom: 16px;} .nos-h1 {font-weight: bold; font-size: 28px; color: #000000;} .nos-h6 {font-weight: normal; font-size: 14px; color: #4b5563; margin-bottom: 16px;}
    .nos-card {display: inline-block; width: 100%; height: 320px; border-radius: 16px; background: #f9fafb; margin-bottom: 16px;} .nos-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}

    .equipe-block {background: #ffffff; padding-top: 16px; padding-bottom: 16px;} .equipe-h1 {font-weight: bold; font-size: 28px; color: #000000;} .equipe-h6 {font-weight: normal; font-size: 14px; color: #4b5563; margin-bottom: 16px;}
    .equipe-card {display: inline-block; width: 100%; height: 390px; border-radius: 16px; background: #f9fafb; margin-bottom: 16px;} .equipe-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}

    .numeros-block {background: #16191d; padding-top: 16px; padding-bottom: 16px;} .numeros-h1 {font-weight: bold; font-size: 28px; color: #ffffff;} .numeros-h6 {font-weight: normal; font-size: 14px; color: #d1d5db; margin-bottom: 16px;}
    .numeros-card {display: inline-block; width: 100%; height: 100px;}
    .numeros-titulo {font-size: 42px; color: #c4a245; font-weight: bold; text-align: center;}
    .numeros-rotulo {font-size: 16px; color: #d1d5db;}

    .clientes-block {background: #ffffff; padding-top: 16px; padding-bottom: 16px;} .clientes-h1 {font-weight: bold; font-size: 28px; color: #000000;} .clientes-h6 {font-weight: normal; font-size: 14px; color: #4b5563; margin-bottom: 16px;}
    .clientes-card {display: inline-block; width: 49%; height: 146px; border-radius: 8px; padding-top: 24px; background: #f9fafb; transition: background 0.2s ease-in-out; margin-bottom: 16px;} .clientes-card:hover {background: #f3f4f6; box-shadow: 0 2px 10px #ddd; cursor: pointer;}

    .cases-block {background: #f9fafb; padding-top: 16px; padding-bottom: 16px;} .cases-h1 {font-weight: bold; font-size: 28px; color: #000000;} .cases-h6 {font-weight: normal; font-size: 14px; color: #4b5563; margin-bottom: 16px;}
    .cases-card {display: inline-block; width: 98%; height: 590px; border-radius: 16px; box-shadow: 0 2px 10px #eee; border: none !important; margin-bottom: 16px;} .cases-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}
    .cases-flutuante-economia {display: inline-block; width: 150px; border-radius: 25px; background: #c4a245; color: #ffffff; font-size: 15px; font-weight: bold; padding: 6px; margin-left: 44vw; text-align: center;}

    .gallery-block {background: #f9fafb; padding-top: 16px; padding-bottom: 16px;} .gallery-h1 {font-weight: bold; font-size: 28px; color: #000000;} .gallery-h6 {font-weight: normal; font-size: 14px; color: #4b5563; margin-bottom: 16px;}
    .gallery-card {display: inline-block; width: 300px; height: 190px; border-radius: 16px; box-shadow: 0 2px 10px #eee; transition: transform 0.2s ease-in-out; margin-bottom: 16px;} .gallery-card:hover {box-shadow: 0 2px 10px #ddd; cursor: pointer;}
    .gallery-foto-container-overlay {position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 16px; background: rgba(0, 0, 0, 0.5); padding-top: 34px; opacity: 0; transition: opacity 0.2s ease-in-out;} .gallery-foto-container-overlay-h5 {font-weight: bold; font-size: 16px; color: #ffffff; margin-bottom: 8px;} .gallery-foto-container-overlay-h6 {font-weight: normal; font-size: 14px; color: #ffffff;}
}

@media (min-width: 768px) and (max-width: 1199px) {
}