.elementor-979 .elementor-element.elementor-element-d84f577{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}@media(max-width:1024px){.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for search, class: .elementor-element-b3a43e7 *//* ==================================================
   DESIGN DA BARRA DE PESQUISA (NOVO WIDGET ELEMENTOR)
   ================================================== */

/* Transformando a caixa em uma "pílula" cinza */
.elementor-979 .elementor-element.elementor-element-b3a43e7 form {
    background-color: #eeeeee !important;
    border-radius: 50px !important;
    padding: 0px 20px !important;
    border: 1px solid transparent !important;
    transition: all 0.3s ease !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
}

/* Efeito ao clicar (foco): Fundo branco e borda rosa */
.elementor-979 .elementor-element.elementor-element-b3a43e7 form:focus-within {
    background-color: #ffffff !important;
    border-color: #FF1B8D !important;
    box-shadow: 0 0 0 2px rgba(255, 27, 141, 0.1) !important;
}

/* Ajustando o campo de texto (onde o cliente digita) */
.elementor-979 .elementor-element.elementor-element-b3a43e7 input[type="search"] {
    background: transparent !important;
    border: none !important;
    color: #333333 !important;
    font-size: 14px !important;
    font-family: 'DM Sans', sans-serif !important;
    padding-left: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    flex-grow: 1 !important;
}

/* Ajustando o Botão da Lupa (fundo transparente e ícone cinza) */
.elementor-979 .elementor-element.elementor-element-b3a43e7 button[type="submit"] {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    min-width: auto !important;
    box-shadow: none !important;
}

/* Pintando o desenho da Lupa */
.elementor-979 .elementor-element.elementor-element-b3a43e7 button[type="submit"] i,
.elementor-979 .elementor-element.elementor-element-b3a43e7 button[type="submit"] svg {
    fill: #4A4A4A !important;
    color: #4A4A4A !important;
    width: 18px !important;
    height: 18px !important;
    transition: color 0.2s ease;
}

/* A Lupa fica rosa ao passar o mouse */
.elementor-979 .elementor-element.elementor-element-b3a43e7 button[type="submit"]:hover i,
.elementor-979 .elementor-element.elementor-element-b3a43e7 button[type="submit"]:hover svg {
    fill: #FF1B8D !important;
    color: #FF1B8D !important;
}/* End custom CSS */