.elementor-413 .elementor-element.elementor-element-d460cf4{--display:flex;--padding-top:2rem;--padding-bottom:2rem;--padding-left:3rem;--padding-right:3rem;}.elementor-413 .elementor-element.elementor-element-d460cf4:not(.elementor-motion-effects-element-type-background), .elementor-413 .elementor-element.elementor-element-d460cf4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F8;}.elementor-413 .elementor-element.elementor-element-63f9b33{--display:flex;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-413 .elementor-element.elementor-element-1ba48f1{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:3rem;--padding-right:3rem;}.elementor-413 .elementor-element.elementor-element-e5c4745{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-413 .elementor-element.elementor-element-b7f0cec{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-413 .elementor-element.elementor-element-5df6b65{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-413 .elementor-element.elementor-element-a0c6289{--display:flex;}.elementor-413 .elementor-element.elementor-element-f677cba{--display:flex;}.elementor-413 .elementor-element.elementor-element-34bedd0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-413 .elementor-element.elementor-element-bad837a{--display:flex;}.elementor-413 .elementor-element.elementor-element-73242fc{--display:flex;}.elementor-413 .elementor-element.elementor-element-646ecb7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-413 .elementor-element.elementor-element-985bb0f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:wrap;}.elementor-413 .elementor-element.elementor-element-4257c90.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-413 .elementor-element.elementor-element-20d9927{--grid-columns:3;--grid-row-gap:18px;--auto-scroll-offset:0px;--grid-column-gap:18px;}.elementor-413 .elementor-element.elementor-element-20d9927 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-413 .elementor-element.elementor-element-20d9927 .e-loop-item > .elementor-section, .elementor-413 .elementor-element.elementor-element-20d9927 .e-loop-item > .elementor-section > .elementor-container, .elementor-413 .elementor-element.elementor-element-20d9927 .e-loop-item > .e-con, .elementor-413 .elementor-element.elementor-element-20d9927 .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-413 .elementor-element.elementor-element-20d9927 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-413 .elementor-element.elementor-element-20d9927 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-413 .elementor-element.elementor-element-20d9927 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-413 .elementor-element.elementor-element-20d9927 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-413 .elementor-element.elementor-element-20d9927 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-413 .elementor-element.elementor-element-20d9927{--grid-columns:2;}}@media(max-width:767px){.elementor-413 .elementor-element.elementor-element-d460cf4{--padding-top:1.25rem;--padding-bottom:1.25rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-413 .elementor-element.elementor-element-1ba48f1{--padding-top:0rem;--padding-bottom:0rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-413 .elementor-element.elementor-element-4257c90 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-413 .elementor-element.elementor-element-4257c90.elementor-element{--order:99999 /* order end hack */;}.elementor-413 .elementor-element.elementor-element-20d9927{--grid-columns:2;--grid-row-gap:12px;--grid-column-gap:12px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-1ed9898 */.elementor-413 .elementor-element.elementor-element-1ed9898 .woocommerce-breadcrumb{
display: flex;
flex-wrap: wrap;
gap: 7px;
align-items: center;
font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size: 12.5px;
color: #70757C !important;
margin: 0;
padding: 0;
}
.elementor-413 .elementor-element.elementor-element-1ed9898 .woocommerce-breadcrumb a{
color: #70757C !important;
text-decoration: none;
transition: color .2s cubic-bezier(.16,1,.3,1);
}
.elementor-413 .elementor-element.elementor-element-1ed9898 .woocommerce-breadcrumb a:hover{ color: #0367B8 !important; }/* End custom CSS */
/* Start custom CSS for theme-archive-title, class: .elementor-element-8a3753f */.elementor-413 .elementor-element.elementor-element-8a3753f h1{
font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size: clamp(22px, 2.8vw, 32px);
font-weight: 700;
line-height: 1.15;
letter-spacing: -.03em;
color: #16181C !important;
margin: 10px 0 0;
}/* End custom CSS */
/* Start custom CSS for woocommerce-archive-description, class: .elementor-element-59486c4 */.elementor-413 .elementor-element.elementor-element-59486c4{
font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size: 14.5px;
line-height: 1.6;
color: #55585E !important;
max-width: 70ch;
margin-top: 8px;
}
.elementor-413 .elementor-element.elementor-element-59486c4 p:last-child{ margin-bottom: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d460cf4 */.elementor-413 .elementor-element.elementor-element-d460cf4{
background: #F4F6F8;
border-bottom: 1px solid #E3E7EB;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7f0cec *//* ==========================================================
TECHCELL · PAINEL DE FILTROS
========================================================== */
/* 1 · o painel não distribui espaço entre os blocos: quem faz isso é o
padding de cada bloco. Sem isso o gap do Kit soma 20px de um lado
só da divisória, e ela fica descentrada. */
.elementor-413 .elementor-element.elementor-element-b7f0cec{
width: 264px;
flex-shrink: 0;
border: 1px solid #E3E7EB;
border-radius: 14px;
overflow: hidden;
background: #fff;
padding: 0;
gap: 0;
font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
}
/* 2 · o cabeçalho da gaveta some INTEIRO no desktop. Escondendo só o
.tc-filtros-cabeca de dentro, o widget continua item flex e
carrega gap + margem: 32px de buraco no topo do painel. */
.elementor-413 .elementor-element.elementor-element-b7f0cec > .elementor-widget-html{ display: none; }
/* 3 · gap 0 no bloco: o único respiro interno é o margin-bottom de 12px
do widget, senão os dois se somam. */
.elementor-413 .elementor-element.elementor-element-b7f0cec > .e-con{
padding: 16px 18px;
width: 100%;
gap: 12px;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec > .e-con + .e-con{ border-top: 1px solid #E3E7EB; }
/* --- bloco do "Limpar filtros": some inteiro, padding junto, quando
não há filtro aplicado e o shortcode devolve vazio --- */
.elementor-413 .elementor-element.elementor-element-b7f0cec > .e-con:last-child:not(:has(.tc-limpar)){ display: none; }
/* --- zera o que o Elementor e o Kit penduram em widget e wrapper --- */
.elementor-413 .elementor-element.elementor-element-b7f0cec .elementor-widget:not(:last-child){ margin-bottom: 12px; }
.elementor-413 .elementor-element.elementor-element-b7f0cec .elementor-widget-container{ margin: 0; padding: 0; }
/* --- título de cada bloco.
line-height: 1 é o que mata o respiro extra que a caixa de linha
cria acima do texto. Sem isso, o espaço acima do título fica
visivelmente maior que o de baixo do bloco. --- */
.elementor-413 .elementor-element.elementor-element-b7f0cec h4,
.elementor-413 .elementor-element.elementor-element-b7f0cec .elementor-heading-title{
font-size: 12.5px;
font-weight: 700;
line-height: 1;
color: #16181C !important;
letter-spacing: .04em;
text-transform: uppercase;
margin: 0;
padding: 0;
padding-top: 4px;
}
/* ----------------------------------------------------------
LISTAS (categorias e layered nav)
O WooCommerce imprime a contagem FORA do link:
Capas (8)
Por isso quem vira linha flex é o , nunca o . Se o flex
for no , ele empurra o (8) pra linha de baixo.
---------------------------------------------------------- */
.elementor-413 .elementor-element.elementor-element-b7f0cec ul.product-categories,
.elementor-413 .elementor-element.elementor-element-b7f0cec ul.woocommerce-widget-layered-nav-list{
list-style: none;
margin: -6px 0;
padding: 0 8px 0 0; /* 8px entre a contagem e a barra */
scrollbar-gutter: stable; /* reserva a barra mesmo na lista curta */
max-height: 230px;
overflow-y: auto;
overflow-x: hidden;
}
/* A subcategoria NÃO pode ser indentada com margin-left: a filha
ocupa 100% da largura do - pai, então a margem soma e estoura o
painel. Resultado: barra de rolagem horizontal e a contagem de cada
nível parando numa coluna diferente. O recuo vai no padding do link. */
.elementor-413 .elementor-element.elementor-element-b7f0cec ul.product-categories ul.children{
list-style: none;
flex: 0 0 100%;
width: 100%;
margin: 0;
padding: 0;
max-height: none;
overflow: visible;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec ul.product-categories ul.children > li > a{ padding-left: 22px; }
.elementor-413 .elementor-element.elementor-element-b7f0cec ul.product-categories ul.children ul.children > li > a{ padding-left: 38px; }
.elementor-413 .elementor-element.elementor-element-b7f0cec ul li{
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
font-size: 13.5px;
line-height: 1.4;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec ul li{
display: flex;
flex-wrap: wrap;
align-items: stretch; /* era center: é isso que causava o degrau */
margin: 0;
font-size: 13.5px;
line-height: 1.4;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec ul li > a{
display: flex; /* o link e a contagem viram caixas da mesma altura */
align-items: center;
flex: 1 1 auto;
min-width: 0;
padding: 6px 4px 6px 6px;
border-radius: 6px 0 0 6px;
color: #55585E;
text-decoration: none;
transition: background .16s cubic-bezier(.16,1,.3,1), color .16s cubic-bezier(.16,1,.3,1);
}
.elementor-413 .elementor-element.elementor-element-b7f0cec ul li > .count{
display: flex;
align-items: center;
flex: 0 0 auto;
padding: 6px 6px 6px 4px;
border-radius: 0 6px 6px 0;
font-size: 11.5px;
font-weight: 400;
color: #70757C;
transition: background .16s cubic-bezier(.16,1,.3,1);
pointer-events: none;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec ul li > a:hover,
.elementor-413 .elementor-element.elementor-element-b7f0cec ul li > a:hover + .count,
.elementor-413 .elementor-element.elementor-element-b7f0cec ul li > .count:hover{
background: #F4F6F8;
color: #16181C;
}
/* --- item ativo: categoria atual e termo escolhido --- */
.elementor-413 .elementor-element.elementor-element-b7f0cec ul li.current-cat > a,
.elementor-413 .elementor-element.elementor-element-b7f0cec ul li.chosen > a{
background: #E8F1FA;
color: #024E8C;
font-weight: 600;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec ul li.current-cat > .count,
.elementor-413 .elementor-element.elementor-element-b7f0cec ul li.chosen > .count{
background: #E8F1FA;
color: #024E8C;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec ul li.chosen > a::before{
content: '×';
margin-right: 6px;
color: #0367B8;
font-weight: 700;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec .tc-ponto{ flex: 0 0 auto; } /* acrescente esta linha ao bloco .tc-ponto */
/* --- barra de rolagem discreta dentro das listas --- */
.elementor-413 .elementor-element.elementor-element-b7f0cec ul::-webkit-scrollbar{ width:6px;}
.elementor-413 .elementor-element.elementor-element-b7f0cec ul::-webkit-scrollbar-thumb{ background: #CFD5DC; border-radius: 999px; }
.elementor-413 .elementor-element.elementor-element-b7f0cec ul::-webkit-scrollbar-track{ background: transparent; }
/* --- ponto de cor dentro da lista de Cor ---
Fica dentro do , antes do nome do termo. Como o continua
sendo item flex do
- , não precisa mexer no display dele: o
inline-block com vertical-align resolve o alinhamento. --- */
.elementor-413 .elementor-element.elementor-element-b7f0cec .tc-ponto{
display: inline-block;
vertical-align: -2px;
width: 12px;
height: 12px;
margin-right: 9px;
border-radius: 999px;
border: 1px solid #fff;
box-shadow: 0 0 0 1px #CFD5DC;
}
/* ----------------------------------------------------------
SLIDER DE PREÇO
As regras de posicionamento (position, z-index, top, largura do
handle) precisam estar AQUI, e com o `.ui-slider` no meio do
seletor. A folha do WooCommerce tem regras iguais em
especificidade, e dependendo da ordem de carregamento ela vence:
o resultado é o handle nascendo com 4px colado na esquerda,
sem área nenhuma pra pegar com o mouse. Não é o arraste que está
quebrado, é o alvo que não existe.
---------------------------------------------------------- */
.elementor-413 .elementor-element.elementor-element-b7f0cec .price_slider_wrapper{ padding-top: 4px; }
.elementor-413 .elementor-element.elementor-element-b7f0cec .price_slider,
.elementor-413 .elementor-element.elementor-element-b7f0cec .ui-slider{
position: relative;
display: block;
height: 5px;
margin: 12px 9px 18px;
background: #E3E7EB;
border: 0;
border-radius: 999px;
text-align: left;
touch-action: none;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec .ui-slider .ui-slider-range{
position: absolute;
z-index: 1;
top: 0;
display: block;
height: 100%;
border: 0;
background: #0367B8;
border-radius: 999px;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec .ui-slider .ui-slider-handle{
position: absolute;
z-index: 2;
top: -7px;
width: 18px;
height: 18px;
margin-left: -9px;
background: #fff;
border: 2px solid #0367B8;
border-radius: 999px;
box-shadow: 0 1px 4px rgba(6,43,77,.2);
cursor: grab;
touch-action: none;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec .ui-slider .ui-slider-handle:hover{ box-shadow: 0 0 0 4px rgba(3,103,184,.13); }
.elementor-413 .elementor-element.elementor-element-b7f0cec .ui-slider .ui-slider-handle:active{ cursor: grabbing; }
.elementor-413 .elementor-element.elementor-element-b7f0cec .price_slider_amount{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec .price_slider_amount .price_label{
order: 1;
width: 100%;
font-size: 12.5px;
color: #70757C;
text-align: left;
margin-bottom: 10px;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec .price_slider_amount .price_label span{ color: #0367B8; font-weight: 600; }
.elementor-413 .elementor-element.elementor-element-b7f0cec .price_slider_amount .button{
order: 2;
background: #fff;
color: #16181C;
border: 1.5px solid #CFD5DC;
border-radius: 10px;
padding: 8px 15px;
font-size: 13px;
font-weight: 600;
transition: border-color .2s cubic-bezier(.16,1,.3,1), color .2s cubic-bezier(.16,1,.3,1);
}
.elementor-413 .elementor-element.elementor-element-b7f0cec .price_slider_amount .button:hover{ border-color: #0367B8; color: #0367B8; }
.elementor-413 .elementor-element.elementor-element-b7f0cec .price_slider_amount .clear{ display: none; }
/* --- botão limpar filtros --- */
.elementor-413 .elementor-element.elementor-element-b7f0cec .tc-limpar{
display: block;
width: 100%;
text-align: center;
padding: 9px 15px;
border: 1.5px solid #CFD5DC;
border-radius: 10px;
font-size: 13px;
font-weight: 600;
color: #16181C;
text-decoration: none;
transition: border-color .2s cubic-bezier(.16,1,.3,1), color .2s cubic-bezier(.16,1,.3,1);
}
.elementor-413 .elementor-element.elementor-element-b7f0cec .tc-limpar:hover{ border-color: #0367B8; color: #0367B8; }
/* --- cabeçalho do painel: só existe na gaveta mobile --- */
.elementor-413 .elementor-element.elementor-element-b7f0cec .tc-filtros-cabeca{ display: none; }
/* ==========================================================
GAVETA NO MOBILE
========================================================== */
@media (max-width: 980px){
.elementor-413 .elementor-element.elementor-element-b7f0cec{
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: min(340px, 86vw);
max-width: none;
z-index: 9995;
border: 0;
border-radius: 0;
overflow-y: auto;
transform: translateX(-100%);
transition: transform .38s cubic-bezier(.16,1,.3,1);
box-shadow: 0 14px 40px rgba(6,43,77,.12);
}
.elementor-413 .elementor-element.elementor-element-b7f0cec.tc-aberto{ transform: translateX(0); }
.elementor-413 .elementor-element.elementor-element-b7f0cec > .elementor-widget-html{ display: block; }
.elementor-413 .elementor-element.elementor-element-b7f0cec .tc-filtros-cabeca{
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px 18px;
border-bottom: 1px solid #E3E7EB;
position: sticky;
top: 0;
background: #fff;
z-index: 2;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec .tc-filtros-cabeca strong{
font-size: 14px;
font-weight: 700;
color: #16181C;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec .tc-fechar-filtros{
display: grid;
place-items: center;
width: 34px;
height: 34px;
border-radius: 8px;
border: 0;
background: #F4F6F8;
color: #55585E;
font-size: 17px;
cursor: pointer;
}
.elementor-413 .elementor-element.elementor-element-b7f0cec ul.product-categories,
.elementor-413 .elementor-element.elementor-element-b7f0cec ul.woocommerce-widget-layered-nav-list{ max-height: none; }
}/* End custom CSS */
/* Start custom CSS for woocommerce-notices, class: .elementor-element-242f937 */.elementor-413 .elementor-element.elementor-element-242f937 .woocommerce-message,
.elementor-413 .elementor-element.elementor-element-242f937 .woocommerce-info,
.elementor-413 .elementor-element.elementor-element-242f937 .woocommerce-error{
border: 1px solid #E3E7EB;
border-left: 3px solid #0367B8;
border-radius: 10px;
background: #F4F6F8;
padding: 13px 16px;
margin-bottom: 18px;
font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size: 13.5px;
color: #16181C;
list-style: none;
}
/* 🔴 O ícone redondo do WooCommerce, que aparece em cima da primeira palavra.
O `woocommerce.css` dá `padding: 1em 2em 1em 3.5em` na caixa só pra reservar
os 3.5em da esquerda a um `::before` absoluto em `left: 1.5em`. Trocando o
padding por 13px 16px, a reserva some e o ícone continua ancorado no mesmo
lugar: em cima do texto.
Ele sai em vez de ganhar espaço porque é desenhado com a fonte de ícones
`WooCommerce`, que não é a família do site, e a barra colorida da esquerda
(azul, verde ou vermelha) já diz o tipo da mensagem.
O `::after` continua vivo: é ele que segura o clearfix do botão. */
.elementor-413 .elementor-element.elementor-element-242f937 .woocommerce-message::before,
.elementor-413 .elementor-element.elementor-element-242f937 .woocommerce-info::before,
.elementor-413 .elementor-element.elementor-element-242f937 .woocommerce-error::before{ display: none !important; }
.elementor-413 .elementor-element.elementor-element-242f937 .woocommerce-error{ border-left-color: #C8342A; }
.elementor-413 .elementor-element.elementor-element-242f937 .woocommerce-message{ border-left-color: #0B7A4B; }
.elementor-413 .elementor-element.elementor-element-242f937 .woocommerce-message .button,
.elementor-413 .elementor-element.elementor-element-242f937 .woocommerce-info .button{
float: right;
background: none;
border: 0;
padding: 0;
color: #0367B8;
font-weight: 600;
text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c1dcd20 */.elementor-413 .elementor-element.elementor-element-c1dcd20{ width: auto; }
.elementor-413 .elementor-element.elementor-element-c1dcd20 .tc-bt-filtro{
display: none;
align-items: center;
gap: 8px;
padding: 9px 15px;
border: 1.5px solid #CFD5DC;
border-radius: 10px;
background-color: #fff;
background-image: none;
box-shadow: none;
text-shadow: none;
font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0;
color: #16181C;
text-transform: none;
cursor: pointer;
transition: border-color .2s cubic-bezier(.16,1,.3,1), color .2s cubic-bezier(.16,1,.3,1);
}
.elementor-413 .elementor-element.elementor-element-c1dcd20 .tc-bt-filtro:hover,
.elementor-413 .elementor-element.elementor-element-c1dcd20 .tc-bt-filtro:focus,
.elementor-413 .elementor-element.elementor-element-c1dcd20 .tc-bt-filtro:active{
background-color: #fff;
border-color: #0367B8;
color: #0367B8;
}
.elementor-413 .elementor-element.elementor-element-c1dcd20 .tc-bt-filtro i{ font-size: 17px; }
.elementor-413 .elementor-element.elementor-element-c1dcd20 .tc-veu{
position: fixed;
inset: 0;
background: rgba(6,43,77,.42);
z-index: 9994;
backdrop-filter: blur(2px);
}
.elementor-413 .elementor-element.elementor-element-c1dcd20 .tc-veu[hidden]{ display: none; }
/* `height: 40px` é o que iguala o botão à caixa do Select2 ao
lado: medido em 390px, o botão fechava em 38px e a caixa em 40. */
@media (max-width: 980px){
.elementor-413 .elementor-element.elementor-element-c1dcd20 .tc-bt-filtro{
display: inline-flex;
width: 100%;
height: 40px;
padding: 0 15px;
justify-content: center;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4257c90 */.elementor-413 .elementor-element.elementor-element-4257c90 .tc-contagem{
font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size: 13.5px;
color: #70757C;
}
.elementor-413 .elementor-element.elementor-element-4257c90 .tc-contagem b{ color: #16181C; font-weight: 600; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-983d6f7 *//* ==========================================================
TECHCELL · ORDENAR POR
========================================================== */
/* A largura fixa é o que impede a caixa de mudar de tamanho a cada
escolha: o