.elementor-5253 .elementor-element.elementor-element-f3d596f{width:var( --container-widget-width, 93.214% );max-width:93.214%;--container-widget-width:93.214%;--container-widget-flex-grow:0;}.elementor-5253 .elementor-element.elementor-element-f3d596f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5253 .elementor-element.elementor-element-b99cf7e{width:var( --container-widget-width, 97.294% );max-width:97.294%;--container-widget-width:97.294%;--container-widget-flex-grow:0;align-self:center;}.elementor-5253 .elementor-element.elementor-element-e89a6f4{width:100%;max-width:100%;align-self:center;}.elementor-5253 .elementor-element.elementor-element-e89a6f4 .eael-entry-thumbnail{padding-bottom:calc(0.66 * 100%);}.elementor-5253 .elementor-element.elementor-element-e89a6f4 .eael-grid-post-holder{background-color:#fff;}.elementor-5253 .elementor-element.elementor-element-e89a6f4 .eael-entry-title a{color:#303133;}.elementor-5253 .elementor-element.elementor-element-e89a6f4 .eael-entry-title:hover, .elementor-5253 .elementor-element.elementor-element-e89a6f4 .eael-entry-title a:hover{color:#23527c;}.elementor-5253 .elementor-element.elementor-element-e89a6f4 .eael-grid-post .eael-entry-overlay{background-color:rgba(0,0,0, .75);}.elementor-5253 .elementor-element.elementor-element-e89a6f4 .eael-grid-post .eael-entry-overlay > i{color:#ffffff;font-size:30px;}.elementor-5253 .elementor-element.elementor-element-e89a6f4 .eael-grid-post .eael-entry-overlay > img{height:30px;width:30px;}.elementor-5253 .elementor-element.elementor-element-e89a6f4 .eael-post-elements-readmore-btn{color:#000BEC;}.elementor-5253 .elementor-element.elementor-element-e89a6f4 .eael-load-more-button{color:#fff;background:#29d8d8;}.elementor-5253 .elementor-element.elementor-element-e89a6f4 .eael-load-more-button:hover{color:#fff;background:#27bdbd;}.elementor-5253 .elementor-element.elementor-element-e89a6f4 .eael-load-more-button-wrap{justify-content:center;}@media(min-width:768px){.elementor-5253 .elementor-element.elementor-element-1652c03{width:25%;}.elementor-5253 .elementor-element.elementor-element-1e0aff2{width:75%;}}/* Start custom CSS for shortcode, class: .elementor-element-f3d596f */ /* 1. POSICIONA o bloco de pesquisa para baixo */
.searchandfilter {
    /* É importante definir o contêiner principal como relativo para posicionar itens internos */
    position: relative;
}

.searchandfilter .searchandfilter_search_submit {
    /* Usamos position: absolute para tirá-lo do fluxo normal e posicionar onde quisermos */
    position: absolute;
    /* Move o bloco para a direita */
    right: 0; 
    /* Define o topo para mover verticalmente. O valor de 240px é um *chute* baseado na sua imagem
       e na altura de 4 dropdowns. Ajuste este número para cima ou para baixo até alinhar perfeitamente
       com a base do botão FILTRAR. */
    top: 240px; 
    
    /* Z-index para garantir que ele fique acima de tudo */
    z-index: 10;
}


/* 2. LAYOUT E TAMANHOS (do bloco de pesquisa) */

/* Faz com que o input de texto de pesquisa use toda a largura disponível */
.searchandfilter .searchandfilter_search {
    width: 200px; /* Largura ajustável do campo de texto */
    float: left;
    margin-right: 5px; /* Espaço entre o input e o botão */
}

/* O campo de texto usa 100% da largura do contêiner acima */
.searchandfilter .searchandfilter_search input[type="text"] {
    width: 100%;
    height: 40px; /* Alinha a altura com o botão */
}

/* 3. ESTILO DO BOTÃO DE PESQUISA (LUPA) */

/* Contêiner do botão */
.searchandfilter .searchandfilter_submit {
    width: 40px; /* Largura para o ícone */
    height: 40px;
    float: left;
    margin-top: 0; 
    padding: 0;
}

/* O botão em si - Esconde o texto e define o tamanho */
.searchandfilter .searchandfilter_submit input[type="submit"] {
    text-indent: -9999px;
    width: 100%; 
    height: 40px; 
    position: relative; 
    /* Remove o float desnecessário */
    float: none;
}

/* Adiciona o ícone da lupa */
.searchandfilter .searchandfilter_submit input[type="submit"]:after {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'FontAwesome';
    content: "\f002"; 
    text-indent: 0; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff; 
    font-size: 16px; 
    font-weight: 900; 
}

/* 4. LIMPEZA E ESPAÇAMENTO (Melhora o alinhamento dos dropdowns) */

.searchandfilter ul li {
    margin-bottom: 15px; 
}

.searchandfilter .searchandfilter_submit_default {
    margin-top: 20px; 
}

/* Define uma largura uniforme para todos os campos SELECT dentro do formulário */
.searchandfilter ul li select {
    width: 250px !important; /* Mude '250px' para o valor que desejar */
    box-sizing: border-box; 
}

/* ================================================= */
/* MEDIA QUERY PARA CORREÇÃO EM TABLETS (< 1024px) */
/* ================================================= */
@media (max-width: 1024px) {

    /* 1. RESET GERAL PARA O CONTÊINER DO FILTRO */
    .searchandfilter {
        padding-left: 0 !important;
        padding-right: 0 !important;
        /* Garante que o contêiner use a largura total */
        width: 100% !important; 
    }

    /* O contêiner UL que lista os itens também precisa do ajuste de margem/padding */
    .searchandfilter ul {
        margin-left: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
    }

    /* Os itens de filtro individuais precisam de um padding interno se você quiser um respiro */
    .searchandfilter ul li {
        padding-left: 10px; /* Adiciona um pequeno respiro interno */
        padding-right: 10px;
    }

    /* 2. RESETAR POSICIONAMENTO E LARGURA DOS ITENS DE FILTRO */
    .searchandfilter ul li {
        float: none !important; /* Remove qualquer float residual */
        width: 100% !important; /* CRUCIAL: Força cada item de filtro a usar 100% */
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    /* 3. LARGURA 100% PARA OS DROPDOWNS */
    .searchandfilter ul li select {
        width: 100% !important; /* Desfaz o width: 250px; */
        max-width: 100% !important;
        box-sizing: border-box;
    }

    /* 4. CORREÇÃO DO BLOCO DE PESQUISA (Search + PESQUISAR) */
    .searchandfilter .searchandfilter_search_submit {
        position: static !important; /* Desliga o position: absolute/top/right */
        z-index: auto !important;
        width: 100% !important;
        /* Usa flexbox para manter o input e o botão lado a lado */
        display: flex !important;
        margin-top: 15px !important; 
        margin-bottom: 25px !important;
    }

    /* Input de pesquisa deve ocupar a maior parte do espaço */
    .searchandfilter .searchandfilter_search {
        flex-grow: 1;
        width: auto !important;
        margin-right: 10px !important;
    }
    
    .searchandfilter .searchandfilter_search input[type="text"] {
        width: 100% !important;
    }

    /* Botão PESQUISAR (submit) fica com largura fixa, mas alinhado */
    .searchandfilter .searchandfilter_submit {
        flex-shrink: 0;
        width: 40px !important; /* A largura fixa do ícone */
        float: none !important;
        margin-top: 0 !important;
    }
    
    /* 5. CORREÇÃO FINAL DO BOTÃO FILTRAR */
    .searchandfilter .searchandfilter_submit_default {
        margin-top: 20px !important;
        width: 100% !important; /* Faz o botão final ocupar a largura toda */
    }
} /* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b99cf7e */ .busca ul li input[type="text"] {
    /* Define a largura como 25% da largura total da janela do navegador */
    width: 50vw; 
    box-sizing: border-box;
}

@media (max-width: 1024px) { 
    .busca ul li input[type="text"] {

        width: 100% !important; 
        box-sizing: border-box;
    }

} /* End custom CSS */