.elementor-3737 .elementor-element.elementor-element-201b041{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.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-3737 .elementor-element.elementor-element-5fea809{width:var( --container-widget-width, 19% );max-width:19%;--container-widget-width:19%;--container-widget-flex-grow:0;}.elementor-3737 .elementor-element.elementor-element-42a5182 > .elementor-widget-container{margin:20px 0px -0px 0px;}.elementor-3737 .elementor-element.elementor-element-42a5182.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.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-3737 .elementor-element.elementor-element-d673d0d.elementor-element{--align-self:center;}.elementor-3737 .elementor-element.elementor-element-d673d0d .elementor-nav-menu--main .elementor-item{color:#7A7A7A;fill:#7A7A7A;}.elementor-3737 .elementor-element.elementor-element-d673d0d .elementor-nav-menu--main .elementor-item:hover, .elementor-3737 .elementor-element.elementor-element-d673d0d .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-3737 .elementor-element.elementor-element-d673d0d .elementor-nav-menu--main .elementor-item.highlighted, .elementor-3737 .elementor-element.elementor-element-d673d0d .elementor-nav-menu--main .elementor-item:focus{color:#2C93E9;fill:#2C93E9;}.elementor-3737 .elementor-element.elementor-element-d673d0d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-3737 .elementor-element.elementor-element-d673d0d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#0D9AF0;}.elementor-3737 .elementor-element.elementor-element-d673d0d .e--pointer-framed .elementor-item:before, .elementor-3737 .elementor-element.elementor-element-d673d0d .e--pointer-framed .elementor-item:after{border-color:#0D9AF0;}.elementor-3737 .elementor-element.elementor-element-d673d0d .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-3737 .elementor-element.elementor-element-d673d0d .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-3737 .elementor-element.elementor-element-d673d0d .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-3737 .elementor-element.elementor-element-d673d0d .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-3737 .elementor-element.elementor-element-d673d0d .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-3737 .elementor-element.elementor-element-d673d0d .e--pointer-underline .elementor-item:after, .elementor-3737 .elementor-element.elementor-element-d673d0d .e--pointer-overline .elementor-item:before, .elementor-3737 .elementor-element.elementor-element-d673d0d .e--pointer-double-line .elementor-item:before, .elementor-3737 .elementor-element.elementor-element-d673d0d .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-3737 .elementor-element.elementor-element-d673d0d{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-3737 .elementor-element.elementor-element-d673d0d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-3737 .elementor-element.elementor-element-98a2f14{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-image .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-3737 .elementor-element.elementor-element-4ea10b5 > .elementor-widget-container{margin:20px 0px -0px 0px;}.elementor-3737 .elementor-element.elementor-element-4ea10b5.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3737 .elementor-element.elementor-element-e0c176b.elementor-element{--align-self:center;}.elementor-3737 .elementor-element.elementor-element-e0c176b .elementor-nav-menu--main .elementor-item{color:#7A7A7A;fill:#7A7A7A;}.elementor-3737 .elementor-element.elementor-element-e0c176b .elementor-nav-menu--main .elementor-item:hover, .elementor-3737 .elementor-element.elementor-element-e0c176b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-3737 .elementor-element.elementor-element-e0c176b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-3737 .elementor-element.elementor-element-e0c176b .elementor-nav-menu--main .elementor-item:focus{color:#2C93E9;fill:#2C93E9;}.elementor-3737 .elementor-element.elementor-element-e0c176b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-3737 .elementor-element.elementor-element-e0c176b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#0D9AF0;}.elementor-3737 .elementor-element.elementor-element-e0c176b .e--pointer-framed .elementor-item:before, .elementor-3737 .elementor-element.elementor-element-e0c176b .e--pointer-framed .elementor-item:after{border-color:#0D9AF0;}.elementor-3737 .elementor-element.elementor-element-e0c176b .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-3737 .elementor-element.elementor-element-e0c176b .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-3737 .elementor-element.elementor-element-e0c176b .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-3737 .elementor-element.elementor-element-e0c176b .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-3737 .elementor-element.elementor-element-e0c176b .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-3737 .elementor-element.elementor-element-e0c176b .e--pointer-underline .elementor-item:after, .elementor-3737 .elementor-element.elementor-element-e0c176b .e--pointer-overline .elementor-item:before, .elementor-3737 .elementor-element.elementor-element-e0c176b .e--pointer-double-line .elementor-item:before, .elementor-3737 .elementor-element.elementor-element-e0c176b .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-3737 .elementor-element.elementor-element-e0c176b{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-3737 .elementor-element.elementor-element-e0c176b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-3737 .elementor-element.elementor-element-42a5182 > .elementor-widget-container{margin:37px 0px 0px 0px;padding:39px 39px 39px 39px;}.elementor-3737 .elementor-element.elementor-element-98a2f14{--width:1600px;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:999999;}.elementor-3737 .elementor-element.elementor-element-74ec5b2{width:var( --container-widget-width, 176px );max-width:176px;--container-widget-width:176px;--container-widget-flex-grow:0;}.elementor-3737 .elementor-element.elementor-element-4ea10b5 > .elementor-widget-container{margin:37px 0px 0px 0px;padding:39px 39px 39px 39px;}}/* Start custom CSS for shortcode, class: .elementor-element-42a5182 *//* ========================================== GROWMED — SELETOR DE IDIOMAS GTRANSLATE Aplicar no CSS personalizado do shortcode ========================================== */ .elementor-3737 .elementor-element.elementor-element-42a5182 { position: relative !important; z-index: 999999 !important; width: auto !important; max-width: max-content !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; pointer-events: auto !important; } /* Container geral */ .elementor-3737 .elementor-element.elementor-element-42a5182 .elementor-widget-container, .elementor-3737 .elementor-element.elementor-element-42a5182 .elementor-shortcode, .elementor-3737 .elementor-element.elementor-element-42a5182 .gtranslate_wrapper { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: auto !important; max-width: max-content !important; margin: 0 !important; padding: 5px 7px !important; background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 999px !important; backdrop-filter: blur(16px) saturate(160%) !important; -webkit-backdrop-filter: blur(16px) saturate(160%) !important; line-height: 1 !important; white-space: nowrap !important; pointer-events: auto !important; } .elementor-3737 .elementor-element.elementor-element-42a5182 br { display: none !important; } /* ========================================== CADA IDIOMA ========================================== */ .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink { position: relative !important; z-index: 2 !important; display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 3px !important; width: 36px !important; min-width: 36px !important; height: 36px !important; margin: 0 !important; padding: 4px !important; box-sizing: border-box !important; border-radius: 11px !important; color: rgba(255, 255, 255, 0.82) !important; font-size: 8px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; background: transparent !important; border: 1px solid transparent !important; opacity: 0.9 !important; cursor: pointer !important; pointer-events: auto !important; transition: background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease, opacity 0.22s ease !important; } /* ========================================== BANDEIRAS ========================================== */ .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink img { width: 18px !important; height: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: block !important; border: 1px solid transparent !important; border-radius: 2px !important; opacity: 1 !important; filter: none !important; transform: translateZ(0) !important; image-rendering: auto !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; pointer-events: none !important; } /* ========================================== HOVER ========================================== */ .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink:hover { opacity: 1 !important; transform: translateY(-1px) !important; background: rgba(255, 255, 255, 0.14) !important; border-color: rgba(255, 255, 255, 0.35) !important; } /* Clique momentâneo */ .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink:focus-visible, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink:active { opacity: 1 !important; background: rgba(255, 255, 255, 0.24) !important; border-color: rgba(255, 255, 255, 0.75) !important; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.26) !important; color: #ffffff !important; outline: none !important; } /* ========================================== IDIOMA SELECIONADO Classes e atributos usados pelo GTranslate ========================================== */ .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.gt-current-lang, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.current, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.selected, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.active, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-current="page"], .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-current="true"], .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-selected="true"], /* Identificação automática pela linguagem da página */ html[lang^="en"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="en"], html[lang^="pt"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="pt"], html[lang^="es"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="es"], /* Alternativa caso o plugin utilize o atributo title */ html[lang^="en"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="English"], html[lang^="pt"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Portuguese"], html[lang^="pt"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Português"], html[lang^="es"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Spanish"], html[lang^="es"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Español"] { opacity: 1 !important; transform: none !important; color: #ffffff !important; background: rgba(255, 255, 255, 0.20) !important; border: 1px solid rgba(255, 255, 255, 0.9) !important; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.10), 0 4px 12px rgba(3, 15, 35, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.32) !important; /* Contorno discreto para a letra branca */ text-shadow: -0.6px -0.6px 0 rgba(10, 27, 52, 0.8), 0.6px -0.6px 0 rgba(10, 27, 52, 0.8), -0.6px 0.6px 0 rgba(10, 27, 52, 0.8), 0.6px 0.6px 0 rgba(10, 27, 52, 0.8) !important; } /* Contorno especificamente ao redor da bandeira ativa */ .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.gt-current-lang img, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.current img, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.selected img, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.active img, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-current="page"] img, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-current="true"] img, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-selected="true"] img, html[lang^="en"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="en"] img, html[lang^="pt"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="pt"] img, html[lang^="es"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="es"] img, html[lang^="en"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="English"] img, html[lang^="pt"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Portuguese"] img, html[lang^="pt"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Português"] img, html[lang^="es"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Spanish"] img, html[lang^="es"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Español"] img { opacity: 1 !important; filter: none !important; border: 1px solid rgba(255, 255, 255, 0.95) !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.16), 0 2px 5px rgba(4, 17, 38, 0.20) !important; } /* ========================================== DESKTOP — HEADER CLARO ========================================== */ @media (min-width: 768px) { .elementor-3737 .elementor-element.elementor-element-42a5182 .elementor-widget-container, .elementor-3737 .elementor-element.elementor-element-42a5182 .elementor-shortcode, .elementor-3737 .elementor-element.elementor-element-42a5182 .gtranslate_wrapper { gap: 5px !important; padding: 4px 6px !important; background: rgba(255, 255, 255, 0.16) !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; backdrop-filter: blur(12px) saturate(150%) !important; -webkit-backdrop-filter: blur(12px) saturate(150%) !important; } .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink { width: auto !important; min-width: 48px !important; height: 32px !important; padding: 5px 7px !important; flex-direction: row !important; gap: 5px !important; color: #263044 !important; font-size: 12px !important; border-radius: 9px !important; } .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink img { width: 20px !important; } .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink:hover { color: #0b63f6 !important; background: rgba(11, 99, 246, 0.08) !important; border-color: rgba(11, 99, 246, 0.22) !important; } /* Idioma selecionado no desktop */ .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.gt-current-lang, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.current, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.selected, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.active, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-current="page"], .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-current="true"], .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-selected="true"], html[lang^="en"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="en"], html[lang^="pt"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="pt"], html[lang^="es"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="es"], html[lang^="en"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="English"], html[lang^="pt"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Portuguese"], html[lang^="pt"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Português"], html[lang^="es"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Spanish"], html[lang^="es"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Español"] { color: #ffffff !important; background: rgba(11, 99, 246, 0.88) !important; border-color: rgba(255, 255, 255, 0.9) !important; box-shadow: 0 0 0 2px rgba(11, 99, 246, 0.14), 0 4px 10px rgba(11, 99, 246, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .elementor-3737 .elementor-element.elementor-element-42a5182 .elementor-widget-container, .elementor-3737 .elementor-element.elementor-element-42a5182 .elementor-shortcode, .elementor-3737 .elementor-element.elementor-element-42a5182 .gtranslate_wrapper { gap: 5px !important; padding: 4px 6px !important; } .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink { width: 35px !important; min-width: 35px !important; height: 35px !important; } .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink img { width: 18px !important; } } /* ========================================== AJUSTE PREMIUM E MINIMALISTA Cole no final do CSS atual ========================================== */ /* Cápsula externa mais discreta */ .elementor-3737 .elementor-element.elementor-element-42a5182 .elementor-widget-container, .elementor-3737 .elementor-element.elementor-element-42a5182 .elementor-shortcode, .elementor-3737 .elementor-element.elementor-element-42a5182 .gtranslate_wrapper { background: rgba(255, 255, 255, 0.28) !important; border: 1px solid rgba(21, 43, 72, 0.08) !important; box-shadow: 0 5px 18px rgba(18, 38, 65, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.65) !important; backdrop-filter: blur(14px) saturate(135%) !important; -webkit-backdrop-filter: blur(14px) saturate(135%) !important; } /* Hover discreto */ .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink:hover { color: #172a45 !important; background: rgba(23, 42, 69, 0.06) !important; border-color: rgba(23, 42, 69, 0.10) !important; box-shadow: none !important; transform: none !important; } /* Idioma selecionado */ .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.gt-current-lang, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.current, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.selected, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.active, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-current="page"], .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-current="true"], .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-selected="true"], html[lang^="en"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="en"], html[lang^="pt"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="pt"], html[lang^="es"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="es"], html[lang^="en"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="English"], html[lang^="pt"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Portuguese"], html[lang^="pt"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Português"], html[lang^="es"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Spanish"], html[lang^="es"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[title="Español"] { color: #ffffff !important; background: linear-gradient( 145deg, rgba(21, 39, 65, 0.96), rgba(36, 55, 82, 0.94) ) !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; box-shadow: 0 4px 12px rgba(13, 31, 55, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) !important; opacity: 1 !important; transform: none !important; } /* Bandeira selecionada sem contorno exagerado */ .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.gt-current-lang img, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.current img, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.selected img, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink.active img, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-current="page"] img, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-current="true"] img, .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[aria-selected="true"] img, html[lang^="en"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="en"] img, html[lang^="pt"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="pt"] img, html[lang^="es"] .elementor-3737 .elementor-element.elementor-element-42a5182 a.glink[data-gt-lang="es"] img { border: none !important; outline: none !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16) !important; opacity: 1 !important; filter: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-201b041 *//* Garante que o header fique acima do banner */ header, .site-header, .elementor-location-header, .elementor-section.elementor-sticky, .elementor-widget-theme-site-logo, .elementor-widget-nav-menu, .elementor-nav-menu, .elementor-menu-toggle { position: relative !important; z-index: 99999 !important; } /* Garante que dropdowns do menu fiquem por cima */ .elementor-nav-menu--dropdown, .elementor-nav-menu .sub-menu, .elementor-item.has-submenu { z-index: 999999 !important; } /* Mantém o banner abaixo do header */ .home .elementor-location-single, .home main, .home .site-content, .home .elementor-section, .home .elementor-container { position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-4ea10b5 *//* ========================================== GROWMED — GTRANSLATE MOBILE CORRIGIDO Aplicar no CSS personalizado do shortcode ========================================== */ @media (max-width: 767px) { /* Widget principal */ .elementor-3737 .elementor-element.elementor-element-4ea10b5 { position: relative !important; z-index: 20 !important; flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; max-width: 118px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; background-image: none !important; border: none !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; overflow: visible !important; } /* Remove fundo de todas as camadas internas */ .elementor-3737 .elementor-element.elementor-element-4ea10b5 .elementor-widget-container, .elementor-3737 .elementor-element.elementor-element-4ea10b5 .elementor-shortcode, .elementor-3737 .elementor-element.elementor-element-4ea10b5 .gtranslate_wrapper { width: auto !important; min-width: 0 !important; max-width: 118px !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 5px !important; line-height: 1 !important; white-space: nowrap !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; overflow: visible !important; } /* Remove elementos decorativos que possam gerar fundos */ .elementor-3737 .elementor-element.elementor-element-4ea10b5::before, .elementor-3737 .elementor-element.elementor-element-4ea10b5::after, .elementor-3737 .elementor-element.elementor-element-4ea10b5 .elementor-widget-container::before, .elementor-3737 .elementor-element.elementor-element-4ea10b5 .elementor-widget-container::after, .elementor-3737 .elementor-element.elementor-element-4ea10b5 .elementor-shortcode::before, .elementor-3737 .elementor-element.elementor-element-4ea10b5 .elementor-shortcode::after, .elementor-3737 .elementor-element.elementor-element-4ea10b5 .gtranslate_wrapper::before, .elementor-3737 .elementor-element.elementor-element-4ea10b5 .gtranslate_wrapper::after { content: none !important; display: none !important; } .elementor-3737 .elementor-element.elementor-element-4ea10b5 br { display: none !important; } /* Cada idioma */ .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink { position: relative !important; width: 31px !important; min-width: 31px !important; height: 41px !important; margin: 0 !important; padding: 4px 2px !important; display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 3px !important; color: rgba(255, 255, 255, 0.90) !important; font-size: 9px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; background: transparent !important; background-image: none !important; border: 1px solid transparent !important; border-radius: 9px !important; outline: none !important; box-shadow: none !important; opacity: 0.92 !important; cursor: pointer !important; touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; transition: background-color 0.12s ease, border-color 0.12s ease, opacity 0.12s ease, transform 0.08s ease !important; } /* Bandeiras */ .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink img { width: 18px !important; min-width: 18px !important; max-width: 18px !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; display: block !important; border: none !important; border-radius: 2px !important; outline: none !important; box-shadow: none !important; opacity: 1 !important; filter: none !important; object-fit: contain !important; pointer-events: none !important; } /* Hover */ .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink:hover { opacity: 1 !important; background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.10) !important; transform: none !important; } /* Remove o fundo persistente do foco */ .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink:focus { color: rgba(255, 255, 255, 0.90) !important; background: transparent !important; border-color: transparent !important; outline: none !important; box-shadow: none !important; transform: none !important; } /* Resposta rápida somente enquanto toca */ .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink:active { opacity: 1 !important; background: rgba(255, 255, 255, 0.09) !important; border-color: rgba(255, 255, 255, 0.15) !important; transform: scale(0.96) !important; outline: none !important; box-shadow: none !important; } /* Idioma atual selecionado */ .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink.gt-current-lang, .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink.current, .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink.selected, .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink.active, .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink[aria-current="page"], .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink[aria-current="true"], .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink[aria-selected="true"] { color: #ffffff !important; opacity: 1 !important; background: rgba(255, 255, 255, 0.09) !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 9px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 2px 6px rgba(0, 0, 0, 0.10) !important; transform: none !important; } /* Mantém a bandeira ativa limpa */ .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink.gt-current-lang img, .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink.current img, .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink.selected img, .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink.active img, .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink[aria-current="page"] img, .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink[aria-current="true"] img, .elementor-3737 .elementor-element.elementor-element-4ea10b5 a.glink[aria-selected="true"] img { border: none !important; outline: none !important; box-shadow: none !important; opacity: 1 !important; filter: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98a2f14 *//* ========================================== GROWMED — CABEÇALHO MOBILE CORRIGIDO Aplicar no CSS personalizado do container que contém: logo + GTranslate + menu ========================================== */ @media (max-width: 767px) { /* ========================================== CABEÇALHO PRINCIPAL ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 { --growmed-logo-width: clamp(125px, 39vw, 155px); position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; transform: none !important; width: 100% !important; min-width: 100% !important; max-width: none !important; min-height: 68px !important; margin: 0 !important; padding: 8px 12px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 5px !important; box-sizing: border-box !important; border-radius: 0 0 18px 18px !important; background: linear-gradient( 135deg, rgba(18, 26, 40, 0.97) 0%, rgba(31, 42, 59, 0.95) 52%, rgba(19, 29, 45, 0.97) 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; backdrop-filter: blur(14px) saturate(140%) !important; -webkit-backdrop-filter: blur(14px) saturate(140%) !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.17), inset 0 -1px 0 rgba(255, 255, 255, 0.05) !important; overflow: visible !important; isolation: isolate !important; z-index: 999999 !important; } /* Brilho discreto do vidro */ .elementor-3737 .elementor-element.elementor-element-98a2f14::before { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; background: radial-gradient( circle at 50% 0%, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.04) 35%, transparent 72% ), linear-gradient( 180deg, rgba(255, 255, 255, 0.045) 0%, transparent 55%, rgba(0, 0, 0, 0.08) 100% ) !important; pointer-events: none !important; z-index: 0 !important; } /* ========================================== ESTRUTURA INTERNA ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 > .e-con-inner, .elementor-3737 .elementor-element.elementor-element-98a2f14 > .elementor-container, .elementor-3737 .elementor-element.elementor-element-98a2f14 .e-con-inner, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-container { position: relative !important; z-index: 2 !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 5px !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-widget { position: relative !important; z-index: 3 !important; margin: 0 !important; } /* ========================================== LOGO GROWMED ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-widget-theme-site-logo, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-widget-image.logo-growmed, .elementor-3737 .elementor-element.elementor-element-98a2f14 .e-con-inner > .elementor-widget-image:first-child, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-container > .elementor-widget-image:first-child { flex: 0 0 var(--growmed-logo-width) !important; width: var(--growmed-logo-width) !important; min-width: var(--growmed-logo-width) !important; max-width: var(--growmed-logo-width) !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; overflow: visible !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-widget-theme-site-logo .elementor-widget-container, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-widget-theme-site-logo a, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-widget-image.logo-growmed .elementor-widget-container, .elementor-3737 .elementor-element.elementor-element-98a2f14 .e-con-inner > .elementor-widget-image:first-child .elementor-widget-container, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-container > .elementor-widget-image:first-child .elementor-widget-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; background: transparent !important; border: none !important; box-shadow: none !important; overflow: visible !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-widget-theme-site-logo img, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-widget-image.logo-growmed img, .elementor-3737 .elementor-element.elementor-element-98a2f14 .e-con-inner > .elementor-widget-image:first-child img, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-container > .elementor-widget-image:first-child img { width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; display: block !important; object-fit: contain !important; object-position: left center !important; background: transparent !important; border: none !important; box-shadow: none !important; transform: none !important; } /* ========================================== POSICIONAMENTO DO GTRANSLATE O visual das bandeiras continua sendo controlado pelo CSS do shortcode. ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-widget-shortcode { flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; max-width: 112px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; overflow: visible !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-widget-shortcode > .elementor-widget-container { width: auto !important; min-width: 0 !important; max-width: 112px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; overflow: visible !important; } /* ========================================== WIDGET DO MENU position: static faz o dropdown usar o cabeçalho inteiro como referência. ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-widget-nav-menu, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-widget-nav-menu > .elementor-widget-container { position: static !important; flex: 0 0 auto !important; width: auto !important; min-width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; background: transparent !important; border: none !important; box-shadow: none !important; overflow: visible !important; } /* ========================================== BOTÃO HAMBÚRGUER ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-menu-toggle { position: relative !important; z-index: 20 !important; flex: 0 0 42px !important; width: 42px !important; min-width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 14px !important; color: #ffffff !important; background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.20) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), 0 5px 14px rgba(0, 0, 0, 0.18) !important; touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-menu-toggle:hover, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-menu-toggle:focus, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-menu-toggle:active, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-menu-toggle.elementor-active { color: #ffffff !important; background: rgba(255, 255, 255, 0.13) !important; border-color: rgba(255, 255, 255, 0.28) !important; outline: none !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-menu-toggle i, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-menu-toggle svg { width: 20px !important; height: 20px !important; color: #ffffff !important; fill: #ffffff !important; font-size: 19px !important; } /* ========================================== PAINEL PRINCIPAL DO MENU Agora abre abaixo do cabeçalho. ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; bottom: auto !important; transform: none !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px !important; box-sizing: border-box !important; border-radius: 22px !important; background: rgba(9, 14, 25, 0.985) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; /* Sem blur pesado para carregar rápido no iPhone */ backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.09) !important; max-height: calc(100vh - 115px) !important; max-height: calc(100dvh - 115px) !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; scrollbar-width: thin !important; z-index: 999998 !important; transition: opacity 0.14s ease, visibility 0.14s ease !important; } /* Menu principal fechado */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown[aria-hidden="true"] { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; max-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border-width: 0 !important; overflow: hidden !important; } /* Menu principal aberto */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown[aria-hidden="false"] { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ========================================== RESET DA ESTRUTURA Impede sobreposição entre os itens. ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown ul, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .elementor-nav-menu, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; float: none !important; clear: both !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin-right: 0 !important; transform: none !important; box-sizing: border-box !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown li { position: relative !important; display: block !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; box-sizing: border-box !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown li:last-child { margin-bottom: 0 !important; } /* ========================================== LINKS PRINCIPAIS ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown a { position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; min-height: 52px !important; margin: 0 !important; padding: 13px 15px !important; box-sizing: border-box !important; border-radius: 14px !important; color: #ffffff !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: left !important; text-decoration: none !important; white-space: normal !important; word-break: normal !important; background: rgba(255, 255, 255, 0.055) !important; border: 1px solid rgba(255, 255, 255, 0.07) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055) !important; touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; transition: background-color 0.12s ease, border-color 0.12s ease !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown a:hover, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown a:focus, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown a.highlighted, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .current-menu-item > a, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .current-menu-ancestor > a { color: #ffffff !important; background: rgba(255, 255, 255, 0.12) !important; border-color: rgba(255, 255, 255, 0.13) !important; outline: none !important; } /* ========================================== SETAS DAS CATEGORIAS ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-arrow { flex: 0 0 auto !important; margin-left: auto !important; padding: 0 0 0 12px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: transform 0.12s ease !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown a.highlighted .sub-arrow { transform: rotate(180deg) !important; } /* ========================================== SUBMENUS Abrem abaixo da categoria e aumentam naturalmente a altura do painel. ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu { position: static !important; width: calc(100% - 14px) !important; min-width: 0 !important; max-width: calc(100% - 14px) !important; margin: 6px 0 4px 14px !important; padding: 6px !important; box-sizing: border-box !important; border-radius: 13px !important; background: rgba(0, 0, 0, 0.22) !important; border: 1px solid rgba(255, 255, 255, 0.055) !important; box-shadow: none !important; transform: none !important; animation: none !important; overflow: visible !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu li { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 0 4px !important; padding: 0 !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu li:last-child { margin-bottom: 0 !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu a { width: 100% !important; min-width: 0 !important; min-height: 45px !important; margin: 0 !important; padding: 11px 12px !important; border-radius: 11px !important; font-size: 14px !important; font-weight: 600 !important; background: rgba(255, 255, 255, 0.045) !important; border: 1px solid rgba(255, 255, 255, 0.045) !important; box-shadow: none !important; } /* ========================================== SUBCATEGORIA DENTRO DE SUBCATEGORIA ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu .sub-menu { width: calc(100% - 10px) !important; max-width: calc(100% - 10px) !important; margin: 5px 0 3px 10px !important; padding: 5px !important; background: rgba(255, 255, 255, 0.025) !important; } .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu .sub-menu a { min-height: 42px !important; padding: 10px 11px !important; font-size: 13px !important; font-weight: 600 !important; background: rgba(255, 255, 255, 0.035) !important; } /* Remove animações pesadas dos submenus */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown li, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu li { animation: none !important; } /* ========================================== WORDPRESS LOGADO O dropdown acompanha automaticamente o cabeçalho por estar em position absolute. ========================================== */ .admin-bar .elementor-3737 .elementor-element.elementor-element-98a2f14 { top: 0 !important; } } /* ========================================== GROWMED — AJUSTES FINAIS DO MENU MOBILE 1. Evita quebra antes de abrir categorias 2. Remove demora da animação do Elementor 3. Mantém o link selecionado durante a troca 4. Mostra indicador visual de carregamento ========================================== */ @media (max-width: 767px) { /* ========================================== CORREÇÃO DA ABERTURA DO MENU PRINCIPAL ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown { transition: none !important; animation: none !important; transform: none !important; will-change: auto !important; } /* Menu completamente removido quando fechado */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown[aria-hidden="true"] { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; width: 100% !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } /* Todas as propriedades são restauradas juntas */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown[aria-hidden="false"] { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; width: 100% !important; min-width: 100% !important; height: auto !important; max-height: calc(100vh - 115px) !important; max-height: calc(100dvh - 115px) !important; margin: 0 !important; padding: 10px !important; border-width: 1px !important; overflow-x: hidden !important; overflow-y: auto !important; } /* ========================================== CORREÇÃO DAS CATEGORIAS E SUBCATEGORIAS ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; transform: none !important; transition: none !important; animation: none !important; will-change: auto !important; } /* Submenu fechado */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu[style*="display: none"] { display: none !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; visibility: hidden !important; overflow: hidden !important; } /* Submenu aberto pelo Elementor */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu[style*="display: block"], .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown a.highlighted + .sub-menu { display: block !important; height: auto !important; max-height: none !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; transform: none !important; transition: none !important; animation: none !important; } /* Restaura o espaçamento do primeiro submenu */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown > ul > li > a.highlighted + .sub-menu, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown > .elementor-nav-menu > li > a.highlighted + .sub-menu { width: calc(100% - 14px) !important; max-width: calc(100% - 14px) !important; margin: 6px 0 4px 14px !important; padding: 6px !important; border: 1px solid rgba(255, 255, 255, 0.055) !important; } /* Restaura o segundo nível de submenu */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu a.highlighted + .sub-menu { width: calc(100% - 10px) !important; max-width: calc(100% - 10px) !important; margin: 5px 0 3px 10px !important; padding: 5px !important; border: 1px solid rgba(255, 255, 255, 0.04) !important; } /* Impede o Elementor de aplicar altura temporária */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown .sub-menu[style*="height"] { height: auto !important; max-height: none !important; } /* ========================================== LINK SELECIONADO DURANTE O CARREGAMENTO Não é aplicado em categorias com submenu. ========================================== */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown a:not(.has-submenu):active, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown a:not(.has-submenu):focus { position: relative !important; color: #ffffff !important; background: linear-gradient( 135deg, rgba(55, 78, 115, 0.95), rgba(35, 54, 84, 0.96) ) !important; border-color: rgba(255, 255, 255, 0.22) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 5px 14px rgba(0, 0, 0, 0.18) !important; padding-right: 48px !important; opacity: 1 !important; outline: none !important; } /* Pequeno círculo de carregamento */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown a:not(.has-submenu):active::after, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown a:not(.has-submenu):focus::after { content: "" !important; position: absolute !important; top: 50% !important; right: 16px !important; width: 15px !important; height: 15px !important; margin-top: -8px !important; box-sizing: border-box !important; border-radius: 50% !important; border: 2px solid rgba(255, 255, 255, 0.28) !important; border-top-color: #ffffff !important; pointer-events: none !important; animation: growmed-menu-loading 0.65s linear infinite !important; } /* Evita mudança brusca da largura ao selecionar */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown a { box-sizing: border-box !important; transition: background-color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease !important; } /* Categoria aberta não recebe o ícone de carregamento */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown a.has-submenu::after, .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown a.highlighted::after { content: none !important; display: none !important; } } /* Animação do indicador de carregamento */ @keyframes growmed-menu-loading { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* ========================================== GROWMED — POSICIONAMENTO FINAL DO CABEÇALHO Fica sobre o banner e desaparece ao rolar. Mantém toda a estrutura visual já criada. ========================================== */ @media (max-width: 767px) { .elementor-3737 .elementor-element.elementor-element-98a2f14, .elementor-3737 .elementor-element.elementor-element-98a2f14.elementor-sticky, .elementor-3737 .elementor-element.elementor-element-98a2f14.elementor-sticky--active, .elementor-3737 .elementor-element.elementor-element-98a2f14.elementor-sticky--effects, .growmed-mobile-header, .growmed-mobile-header.elementor-sticky, .growmed-mobile-header.elementor-sticky--active, .growmed-mobile-header.elementor-sticky--effects { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: auto !important; width: 100% !important; min-width: 100% !important; max-width: none !important; margin: 0 !important; transform: none !important; translate: none !important; overflow: visible !important; z-index: 999999 !important; animation: none !important; transition: none !important; } /* Mantém o dropdown preso ao cabeçalho, não à tela */ .elementor-3737 .elementor-element.elementor-element-98a2f14 .elementor-nav-menu--dropdown, .growmed-mobile-header .elementor-nav-menu--dropdown { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; bottom: auto !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; transform: none !important; z-index: 999998 !important; } /* Ajuste somente durante visualização logada no WordPress */ body.admin-bar .elementor-3737 .elementor-element.elementor-element-98a2f14, body.admin-bar .growmed-mobile-header { top: 0 !important; } } /* Garante que o wrapper do cabeçalho também encoste no topo e nas laterais */ @media (max-width: 767px) { .elementor-location-header, header.elementor-location-header, .elementor-location-header > .elementor-element, .elementor-location-header > .e-con { position: absolute !important; top: 0 !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; overflow: visible !important; z-index: 999999 !important; } } /* Evita que o menu aberto seja cortado */ .elementor-3737 .elementor-element.elementor-element-98a2f14 { overflow: visible !important; }/* End custom CSS */