.elementor-18 .elementor-element.elementor-element-c260bce{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.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-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-7261d83 .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-c260bce{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-c260bce{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for search, class: .elementor-element-4619dc4 *//* 1. Estilização Base do Campo de Pesquisa */
SEU_SELETOR_DO_INPUT {
    /* Dimensões e Posição */
    width: 250px; /* Largura inicial razoável */
    max-width: 100%;
    padding: 12px 15px 12px 40px; /* Espaço para o texto e para o ícone */
    
    /* Aparência */
    border: 1px solid #ddd; /* Borda fina e discreta */
    border-radius: 30px; /* Borda bem arredondada (estilo pílula) */
    background-color: #fff;
    font-size: 16px;
    color: #333;
    
    /* Transição para o efeito extendido */
    transition: width 0.4s ease-in-out, border-color 0.4s ease;
    
    /* Remove o contorno padrão do navegador */
    outline: none; 
}

/* 2. Efeito ao Focar (Extendendo e Destacando) */
SEU_SELETOR_DO_INPUT:focus {
    width: 350px; /* Expandir a largura ao clicar (Ajuste o valor se necessário) */
    border-color: #007bff; /* Destaca a borda com a cor principal (azul) */
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.1); /* Sombra suave */
}

/* 3. Estilização do Texto (Placeholder) */
/* Altera a cor do texto "Pesquise o produto..." */
SEU_SELETOR_DO_INPUT::placeholder {
    color: #999;
    font-style: italic;
}

/* 4. Estilização para o Botão/Ícone (Assumindo que o botão/ícone esteja ao lado ou que você queira o ícone dentro) */
/* Se você quiser um ÍCONE DE LUPA (magnifying glass) dentro do campo, 
   o método mais limpo é usando CSS com a propriedade `background-image`
   ou usando um container para posicionamento absoluto, mas como estamos no
   CSS Adicional, vou focar no campo de input. 
*//* End custom CSS */