.elementor-10169 .elementor-element.elementor-element-ba4deb8{--display:flex;--position:fixed;--min-height:60px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:50px;--z-index:9999;}.elementor-10169 .elementor-element.elementor-element-ba4deb8.e-con{--align-self:center;}.elementor-10169 .elementor-element.elementor-element-d82295f{--display:flex;--position:fixed;--min-height:60px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#000000;--border-color:#000000;--border-radius:100px 100px 100px 100px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.4);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:60px;--z-index:9999;}.elementor-10169 .elementor-element.elementor-element-d82295f:not(.elementor-motion-effects-element-type-background), .elementor-10169 .elementor-element.elementor-element-d82295f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF5E;}.elementor-10169 .elementor-element.elementor-element-d82295f.e-con{--align-self:center;}.elementor-10169 .elementor-element.elementor-element-256f4c3{--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;--align-items:center;--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-10169 .elementor-element.elementor-element-256f4c3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10169 .elementor-element.elementor-element-6ae74df{--display:flex;--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-10169 .elementor-element.elementor-element-6ae74df:not(.elementor-motion-effects-element-type-background), .elementor-10169 .elementor-element.elementor-element-6ae74df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-10169 .elementor-element.elementor-element-6ae74df.e-con{--flex-grow:0;--flex-shrink:0;}.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-10169 .elementor-element.elementor-element-3d98841.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10169 .elementor-element.elementor-element-3d98841 img{max-width:60%;}.elementor-10169 .elementor-element.elementor-element-8b579d7{--display:flex;--min-height:0px;--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:flex-end;--align-items:flex-end;--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-10169 .elementor-element.elementor-element-8b579d7:not(.elementor-motion-effects-element-type-background), .elementor-10169 .elementor-element.elementor-element-8b579d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-10169 .elementor-element.elementor-element-8b579d7.e-con{--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-10169 .elementor-element.elementor-element-dfd2ec9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-menu-toggle{margin:0 auto;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--main .elementor-item:hover, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--main .elementor-item:focus{color:#171717;fill:#171717;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown a, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown a:hover, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown a:focus, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown a.highlighted, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-menu-toggle:hover, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown a:hover, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown a:focus, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown a.highlighted{background-color:#171717;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown .elementor-item, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;}.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-10169 .elementor-element.elementor-element-eceb9b5 .elementor-button{background-color:transparent;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:700;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(113deg, #16D8E3 0%, #05C88D 100%);border-style:solid;border-color:#02010100;border-radius:100px 100px 100px 100px;padding:8px 8px 8px 8px;}.elementor-10169 .elementor-element.elementor-element-eceb9b5 .elementor-button:hover, .elementor-10169 .elementor-element.elementor-element-eceb9b5 .elementor-button:focus{background-color:#00B607;}.elementor-10169 .elementor-element.elementor-element-eceb9b5{width:auto;max-width:auto;z-index:1;}.elementor-10169 .elementor-element.elementor-element-eceb9b5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:40px 40px 40px 40px;}.elementor-10169 .elementor-element.elementor-element-eceb9b5.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-10169 .elementor-element.elementor-element-ba4deb8{--width:100%;}.elementor-10169 .elementor-element.elementor-element-d82295f{--width:60%;}.elementor-10169 .elementor-element.elementor-element-256f4c3{--width:100%;}.elementor-10169 .elementor-element.elementor-element-6ae74df{--width:6%;}.elementor-10169 .elementor-element.elementor-element-8b579d7{--width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10169 .elementor-element.elementor-element-6ae74df{--width:82.469px;}.elementor-10169 .elementor-element.elementor-element-8b579d7{--width:40%;}}@media(max-width:1024px){.elementor-10169 .elementor-element.elementor-element-256f4c3{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10169 .elementor-element.elementor-element-6ae74df{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10169 .elementor-element.elementor-element-3d98841{width:var( --container-widget-width, 48.469px );max-width:48.469px;--container-widget-width:48.469px;--container-widget-flex-grow:0;}.elementor-10169 .elementor-element.elementor-element-3d98841 img{max-width:100%;}.elementor-10169 .elementor-element.elementor-element-8b579d7{--flex-direction:row-reverse;--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-reverse;--justify-content:flex-start;--align-items:flex-start;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-10169 .elementor-element.elementor-element-eceb9b5{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-10169 .elementor-element.elementor-element-eceb9b5.elementor-element{--align-self:flex-start;}}@media(max-width:767px){.elementor-10169 .elementor-element.elementor-element-ba4deb8{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;top:0px;}.elementor-10169 .elementor-element.elementor-element-d82295f{--width:80%;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;top:30px;}.elementor-10169 .elementor-element.elementor-element-6ae74df{--width:30%;}.elementor-10169 .elementor-element.elementor-element-8b579d7{--width:100%;--flex-direction:row-reverse;--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-reverse;--justify-content:center;--align-items:center;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9{width:var( --container-widget-width, 0% );max-width:0%;--container-widget-width:0%;--container-widget-flex-grow:0;z-index:9999;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown{border-radius:50px 50px 50px 50px;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:50px;border-top-right-radius:50px;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:50px;border-bottom-left-radius:50px;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--dropdown a{padding-top:7px;padding-bottom:7px;}.elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-10169 .elementor-element.elementor-element-dfd2ec9 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-10169 .elementor-element.elementor-element-eceb9b5{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-10169 .elementor-element.elementor-element-eceb9b5.elementor-element{--align-self:center;}} /* Start custom CSS for container, class: .elementor-element-256f4c3 */Atualmente meu header já tem esse css personlaizado /* valor padrão caso o JS ainda não tenha rodado */ :root{ --header-h: 88px; } /* faz o viewport respeitar o topo "invisível" do header */ html{ scroll-padding-top: var(--header-h); } /* se você tiver containers roláveis, aplique também neles */ .vts-scrollbox, .elementor-element[data-scrollable="true"]{ scroll-padding-top: var(--header-h); } /* quando logado no WP (admin bar), some ~32px automaticamente */ body.admin-bar { --adminbar-h: 32px; } body:not(.admin-bar) { --adminbar-h: 0px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d82295f *//* ================================================== MENU — BASE COM LIQUID GLASS (DESKTOP + MOBILE) Classe: menu26 ================================================== */ .menu26{ z-index: 1000000; background: linear-gradient( 180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03) ), rgba(8, 10, 11, 0.78); backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); border-bottom: 1px solid rgba(255,255,255,0.14); box-shadow: 0 8px 28px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.10); } /* ================================================== MENU MOBILE — BASE COM LIQUID GLASS Classe: menu26 ================================================== */ @media (max-width: 1024px){ /* ========================= BASE DO MENU (HEADER) LIQUID GLASS FIXO ========================= */ .menu26{ position: relative; z-index: 1000000; background: linear-gradient( 180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03) ), rgba(8, 10, 11, 0.78); backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); border-bottom: 1px solid rgba(255,255,255,0.14); box-shadow: 0 8px 28px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.10); } /* ========================= BOTÃO TOGGLE ========================= */ .menu26 .elementor-menu-toggle{ position: relative; z-index: 1000003 !important; } .menu26 .elementor-menu-toggle i{ color: #ffffff !important; font-size: 26px !important; } /* Quando o menu estiver aberto */ .menu26 .elementor-menu-toggle.elementor-active{ position: fixed !important; top: 16px !important; right: 16px !important; z-index: 1000004 !important; } /* ========================= DROPDOWN — PAINEL FLUTUANTE (SEM LIQUID GLASS) ========================= */ /* Fechado por padrão */ .menu26 .elementor-nav-menu--dropdown{ display: none; } /* Aberto apenas quando ativo */ .menu26 .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown{ display: flex !important; position: fixed !important; top: 72px !important; /* abaixo da base */ left: 16px !important; right: 16px !important; height: 62vh !important; max-height: 65vh !important; background: #080a0b !important; backdrop-filter: none !important; border-radius: 28px !important; box-shadow: 0 22px 60px rgba(0,0,0,.6); z-index: 1000002 !important; animation: menuPanelIn .32s ease; } /* ========================= CONTEÚDO INTERNO DO MENU ========================= */ .menu26 .elementor-nav-menu{ width: 100%; max-width: 420px; margin: auto; padding: 32px 24px; display: flex; flex-direction: column; gap: 18px; text-align: center; } /* ========================= LINKS ========================= */ .menu26 .elementor-item{ font-size: 19px; font-weight: 600; color: #ffffff !important; text-shadow: 0 1px 6px rgba(0,0,0,.55); } .menu26 .elementor-item:hover, .menu26 .elementor-item.elementor-item-active{ color: #00d1b2 !important; } /* ========================= CTA DESTACADO ========================= */ .menu26 .elementor-item[href*="ingresso"], .menu26 .elementor-item[href*="sympla"]{ margin-top: 18px; padding: 16px 28px; border-radius: 999px; background: linear-gradient(90deg,#00d1b2,#009da2); color: #000 !important; font-weight: 700; box-shadow: 0 10px 28px rgba(0,0,0,.45); } /* ========================= ISOLAMENTO TOTAL (protege contra .card-painel) ========================= */ .menu26, .menu26 *{ transform: none !important; filter: none !important; } } /* ========================= ANIMAÇÃO DO PAINEL ========================= */ @keyframes menuPanelIn{ from{ opacity: 0; transform: translateY(-12px); } to{ opacity: 1; transform: translateY(0); } }/* End custom CSS */