.elementor-231 .elementor-element.elementor-element-b58e7cd{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-231 .elementor-element.elementor-element-d9bf55c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.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-231 .elementor-element.elementor-element-7372361 .elementor-menu-toggle{margin:0 auto;}.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-button .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-231 .elementor-element.elementor-element-52b8be8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-b58e7cd *//* ========================================================= KENDI KAN — HEADER VERSÃO FECHADA HEADER FIXO + BUSCA + RESPONSIVO ========================================================= */ /* ========================================================= HEADER ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd { width: 100% !important; max-width: none !important; height: 80px !important; min-height: 80px !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; margin: 0 !important; padding: 0 clamp(48px, 4.6vw, 88px) !important; background: #F7F4EE !important; border-bottom: 1px solid rgba(198, 190, 177, .48) !important; box-shadow: none !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 9999 !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= ESPAÇADOR CRIADO PELO JS ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd + .kk-header-spacer { width: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; flex: 0 0 auto !important; pointer-events: none !important; } /* ========================================================= INNER ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd > .e-con-inner { width: 100% !important; max-width: none !important; height: 100% !important; min-height: 80px !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; overflow: visible !important; } /* ========================================================= LOGO ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-logo { flex: 0 0 340px !important; width: 340px !important; min-width: 340px !important; max-width: 340px !important; align-self: center !important; margin: 0 !important; padding: 0 !important; transform: translateY(-5px) !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-logo .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-logo a { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-logo img { display: block !important; width: 340px !important; min-width: 340px !important; max-width: 340px !important; height: auto !important; max-height: none !important; object-fit: contain !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= MENU DESKTOP ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; align-self: center !important; margin: 0 34px 0 42px !important; padding: 0 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--main { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--main .elementor-nav-menu { width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: clamp(32px, 2.35vw, 46px) !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= LINKS DESKTOP ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--main .elementor-item { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 8px 0 !important; background: transparent !important; font-family: "Manrope", sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.1 !important; letter-spacing: -.015em !important; white-space: nowrap !important; color: #343B38 !important; transition: color .2s ease !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--main .elementor-item:hover { color: #1F4A3A !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--main .elementor-item.elementor-item-active { color: #1F4A3A !important; font-weight: 600 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--main .elementor-item::before { display: none !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--main .elementor-item::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 0 !important; height: 1px !important; background: #1F4A3A !important; transform: translateX(-50%) !important; transition: width .2s ease !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--main .elementor-item:hover::after { width: 18px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--main .elementor-item.elementor-item-active::after { width: 24px !important; } /* ========================================================= BUSCA ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search { flex: 0 0 44px !important; width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 48px !important; min-height: 0 !important; align-self: center !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 18px 0 0 !important; padding: 0 !important; position: relative !important; overflow: visible !important; z-index: 10000 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .elementor-widget-container { width: 44px !important; height: 48px !important; min-height: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; position: relative !important; overflow: visible !important; background: transparent !important; z-index: 10000 !important; } /* ========================================================= FORMULÁRIO ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search form { width: 44px !important; min-width: 44px !important; height: 48px !important; min-height: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; position: relative !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; z-index: 10000 !important; } /* ========================================================= HOVER CIRCULAR ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search::before { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 44px !important; height: 44px !important; transform: translate(-50%, -50%) !important; border-radius: 50% !important; background: transparent !important; pointer-events: none !important; transition: background .2s ease !important; z-index: 1 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search:hover::before, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search:focus-within::before { background: rgba(31, 74, 58, .06) !important; } /* ========================================================= BOTÃO DA BUSCA ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search-submit, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .elementor-search-form__submit, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search button[type="submit"] { position: absolute !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; display: block !important; margin: 0 !important; padding: 0 !important; transform: translate(-50%, -50%) !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; outline: none !important; color: #4A5450 !important; font-size: 0 !important; line-height: 0 !important; cursor: pointer !important; z-index: 5 !important; } /* ========================================================= ESCONDE ÍCONE NATIVO ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search-submit > *, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .elementor-search-form__submit > *, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search button[type="submit"] > * { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; visibility: hidden !important; } /* ========================================================= LUPA CUSTOMIZADA — ARO ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search-submit::before, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .elementor-search-form__submit::before, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search button[type="submit"]::before { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 14px !important; height: 14px !important; box-sizing: border-box !important; border: 3px solid currentColor !important; border-radius: 50% !important; background: transparent !important; transform: translate(-66%, -66%) !important; pointer-events: none !important; } /* ========================================================= LUPA CUSTOMIZADA — HASTE ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search-submit::after, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .elementor-search-form__submit::after, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search button[type="submit"]::after { content: "" !important; position: absolute !important; left: calc(50% + 3px) !important; top: calc(50% + 3px) !important; width: 9px !important; height: 3px !important; border-radius: 3px !important; background: currentColor !important; transform: rotate(45deg) !important; transform-origin: left center !important; pointer-events: none !important; } /* ========================================================= CAMPO DE BUSCA ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search-input, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search input[type="search"] { display: none !important; position: absolute !important; top: calc(100% + 12px) !important; right: -10px !important; width: 310px !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 16px !important; background: #FCFAF6 !important; border: 1px solid rgba(31, 74, 58, .16) !important; border-radius: 5px !important; outline: 0 !important; box-shadow: 0 10px 28px rgba(25, 45, 37, .10) !important; font-family: "Manrope", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; color: #343B38 !important; z-index: 10001 !important; } /* ========================================================= CAMPO ABERTO ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search.is-open .e-search-input, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search.is-open input[type="search"] { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ========================================================= PLACEHOLDER ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search-input::placeholder, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search input[type="search"]::placeholder { color: #747C78 !important; opacity: 1 !important; } /* ========================================================= REMOVE ÍCONE INTERNO ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search-input-icon { display: none !important; } /* ========================================================= RESULTADOS DA BUSCA DESATIVADOS PARA NÃO GERAR FAIXA VAZIA ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search-results-container { display: none !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; max-width: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; overflow: hidden !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* ========================================================= CTA ========================================================= */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-cta { flex: 0 0 auto !important; width: auto !important; align-self: center !important; margin: 0 !important; padding: 0 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-cta .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-cta .elementor-button { width: auto !important; min-width: 205px !important; height: 48px !important; min-height: 48px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 24px !important; background: #1F4A3A !important; border: 0 !important; border-radius: 4px !important; box-shadow: none !important; font-family: "Manrope", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: -.01em !important; white-space: nowrap !important; color: #FFFFFF !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-cta .elementor-button:hover { background: #173A2E !important; transform: translateY(-1px) !important; } /* ========================================================= NOTEBOOK ========================================================= */ @media (max-width: 1366px) { .elementor-231 .elementor-element.elementor-element-b58e7cd { height: 76px !important; min-height: 76px !important; padding: 0 28px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd > .e-con-inner { min-height: 76px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-logo { flex-basis: 280px !important; width: 280px !important; min-width: 280px !important; max-width: 280px !important; transform: none !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-logo img { width: 280px !important; min-width: 280px !important; max-width: 280px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu { margin: 0 24px 0 30px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--main .elementor-nav-menu { gap: 24px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--main .elementor-item { font-size: 13.5px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search { margin-right: 14px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search-input, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search input[type="search"] { width: 285px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-cta .elementor-button { min-width: 174px !important; height: 46px !important; min-height: 46px !important; padding: 0 18px !important; font-size: 13px !important; } } /* ========================================================= TABLET / MOBILE ========================================================= */ @media (max-width: 1024px) { /* ===================================================== HEADER ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd { height: 64px !important; min-height: 64px !important; padding: 0 20px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd > .e-con-inner { min-height: 64px !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; overflow: visible !important; } /* ===================================================== LOGO ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-logo { order: 1 !important; flex: 0 0 220px !important; width: 220px !important; min-width: 220px !important; max-width: 220px !important; margin: 0 !important; transform: none !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-logo img { width: 220px !important; min-width: 220px !important; max-width: 220px !important; } /* ===================================================== BUSCA MOBILE ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search { order: 2 !important; display: flex !important; flex: 0 0 40px !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; margin: 0 8px 0 auto !important; z-index: 10000 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .elementor-widget-container { width: 40px !important; height: 40px !important; overflow: visible !important; z-index: 10000 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search form { width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 0 !important; overflow: visible !important; z-index: 10000 !important; } /* ===================================================== LUPA ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search::before { width: 40px !important; height: 40px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search-submit, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .elementor-search-form__submit, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search button[type="submit"] { width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; } /* ===================================================== CAMPO DE BUSCA MOBILE ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search-input, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search input[type="search"] { position: fixed !important; top: 72px !important; left: 20px !important; right: 20px !important; width: auto !important; max-width: none !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 0 16px !important; background: #FCFAF6 !important; border: 1px solid rgba(31, 74, 58, .16) !important; border-radius: 5px !important; box-shadow: 0 10px 28px rgba(25, 45, 37, .11) !important; font-size: 14px !important; z-index: 10001 !important; } /* ===================================================== CTA ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-cta { display: none !important; } /* ===================================================== MENU ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu { order: 3 !important; flex: 0 0 42px !important; width: 42px !important; min-width: 42px !important; max-width: 42px !important; margin: 0 !important; padding: 0 !important; position: static !important; align-self: center !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-widget-container { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; position: static !important; overflow: visible !important; } /* ===================================================== HAMBÚRGUER ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-menu-toggle { position: relative !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; display: block !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; color: #1F4A3A !important; font-size: 0 !important; line-height: 0 !important; cursor: pointer !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-menu-toggle:hover { background: rgba(31, 74, 58, .06) !important; } /* ===================================================== REMOVE ÍCONE NATIVO ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-menu-toggle > *, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-menu-toggle svg, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-menu-toggle i { display: none !important; } /* ===================================================== HAMBÚRGUER CUSTOMIZADO ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-menu-toggle::before { content: "" !important; position: absolute !important; left: 10px !important; top: 13px !important; width: 22px !important; height: 2px !important; border-radius: 2px !important; background: currentColor !important; box-shadow: 0 7px 0 currentColor, 0 14px 0 currentColor !important; transform: none !important; transform-origin: center !important; transition: top .2s ease, transform .2s ease, box-shadow .2s ease !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-menu-toggle::after { content: "" !important; position: absolute !important; left: 10px !important; top: 20px !important; width: 22px !important; height: 2px !important; border-radius: 2px !important; background: currentColor !important; opacity: 0 !important; transform: rotate(-45deg) !important; } /* ===================================================== MENU ABERTO → X ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-menu-toggle.elementor-active::before { top: 20px !important; box-shadow: none !important; transform: rotate(45deg) !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-menu-toggle.elementor-active::after { opacity: 1 !important; } /* ===================================================== DROPDOWN ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--dropdown { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; min-width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; transform: none !important; background: #F7F4EE !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; z-index: 998 !important; } /* ===================================================== DROPDOWN ABERTO Usa o estado real do Elementor ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--dropdown[aria-hidden="false"] { padding: 8px 20px 12px !important; border-top: 1px solid rgba(198, 190, 177, .5) !important; border-bottom: 1px solid rgba(198, 190, 177, .38) !important; box-shadow: 0 10px 22px rgba(24, 39, 33, .07) !important; } /* ===================================================== ITENS DO DROPDOWN ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--dropdown .elementor-nav-menu { width: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--dropdown .elementor-item { width: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; margin: 0 !important; padding: 13px 2px !important; background: transparent !important; border-bottom: 1px solid rgba(198, 190, 177, .38) !important; font-family: "Manrope", sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: -.01em !important; text-align: left !important; color: #37403B !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--dropdown li:last-child .elementor-item { border-bottom: 0 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--dropdown .elementor-item.elementor-item-active { color: #1F4A3A !important; background: transparent !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-231 .elementor-element.elementor-element-b58e7cd { height: 58px !important; min-height: 58px !important; padding: 0 14px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd > .e-con-inner { min-height: 58px !important; } /* ===================================================== LOGO ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-logo { flex-basis: 188px !important; width: 188px !important; min-width: 188px !important; max-width: 188px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-logo img { width: 188px !important; min-width: 188px !important; max-width: 188px !important; } /* ===================================================== BUSCA ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search { flex-basis: 40px !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; margin: 0 6px 0 auto !important; z-index: 10000 !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search .e-search-input, .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-search input[type="search"] { position: fixed !important; top: 66px !important; left: 14px !important; right: 14px !important; width: auto !important; height: 44px !important; min-height: 44px !important; z-index: 10001 !important; } /* ===================================================== MENU ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu { flex-basis: 40px !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-widget-container { width: 40px !important; height: 40px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-menu-toggle { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-menu-toggle::before { left: 10px !important; top: 12px !important; width: 20px !important; box-shadow: 0 7px 0 currentColor, 0 14px 0 currentColor !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-menu-toggle::after { left: 10px !important; top: 19px !important; width: 20px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-menu-toggle.elementor-active::before { top: 19px !important; } /* ===================================================== DROPDOWN ===================================================== */ .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--dropdown[aria-hidden="false"] { padding: 6px 16px 10px !important; } .elementor-231 .elementor-element.elementor-element-b58e7cd .kk-header-menu .elementor-nav-menu--dropdown .elementor-item { padding: 13px 2px !important; font-size: 15px !important; } }/* End custom CSS */