.elementor-168 .elementor-element.elementor-element-be8bd32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:1000;}.elementor-168 .elementor-element.elementor-element-adb57b9{--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;--padding-top:19px;--padding-bottom:19px;--padding-left:19px;--padding-right:19px;}.elementor-168 .elementor-element.elementor-element-adb57b9:not(.elementor-motion-effects-element-type-background), .elementor-168 .elementor-element.elementor-element-adb57b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1818189C;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-168 .elementor-element.elementor-element-6891c2d .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:14px;font-weight:500;letter-spacing:0.48em;color:#FFFFFF;}.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-168 .elementor-element.elementor-element-97fdec2{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-168 .elementor-element.elementor-element-97fdec2 .elementor-button{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:600;border-radius:10px 10px 10px 10px;padding:15px 25px 15px 25px;}.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-168 .elementor-element.elementor-element-adb57b9{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-168 .elementor-element.elementor-element-6891c2d{width:var( --container-widget-width, 121px );max-width:121px;--container-widget-width:121px;--container-widget-flex-grow:0;text-align:start;}.elementor-168 .elementor-element.elementor-element-6891c2d .elementor-heading-title{font-size:14px;}.elementor-168 .elementor-element.elementor-element-97fdec2{--container-widget-width:53%;--container-widget-flex-grow:0;width:var( --container-widget-width, 53% );max-width:53%;}.elementor-168 .elementor-element.elementor-element-97fdec2 .elementor-button{font-size:16px;}}@media(min-width:768px){.elementor-168 .elementor-element.elementor-element-be8bd32{--content-width:1180px;}}/* Start custom CSS for heading, class: .elementor-element-6891c2d */.elementor-168 .elementor-element.elementor-element-6891c2d{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.2s ease forwards; /*Para adicionar o delay, basta adicionar ao lado do 0.5s o tempo que vc deseja (Ex. 0.5s 1s ease forwards;)*/ } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-97fdec2 */.elementor-button { background: linear-gradient(-45deg, #A9DD00, #92BE00, #A9DD00, #92BE00, #A9DD00, #92BE00); /* Mude as cores do degradê do botão aqui */ background-size: 800% 400%; transition: all .5s; animation: gradient 12s infinite cubic-bezier(.62, .28, .23, .99) both, pisca 1.5s infinite; box-shadow: 0px 0px 20px -5px #ffffff70; /* Mude a cor aqui */ } .elementor-button:hover{ transform: scale(1.05); } .elementor-button::before{ content: ""; background: transparent; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; animation: pisca 1.5s infinite; box-shadow: 0px 0px 20px -5px #A9DD0080; /*mude a cor aqui*/ } @keyframes pisca { 70% { box-shadow: 0 0 0 30px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } } /* Animação do degradê */ @keyframes gradient { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .elementor-168 .elementor-element.elementor-element-97fdec2{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 1.5s ease forwards; /*Para adicionar o delay, basta adicionar ao lado do 0.5s o tempo que vc deseja (Ex. 0.5s 1s ease forwards;)*/ } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-adb57b9 *//* Liquid Glass – estilo Apple (2024+) */ .glass{ /* Vars de ajuste rápido */ --accent: #7cd4ff; /* sua cor de destaque (opcional) */ --radius: 20px; position: relative; border-radius: var(--radius); /* Fundo com tint + highlights */ background: /* tint suave com a cor de destaque */ linear-gradient( to bottom right, color-mix(in oklab, var(--accent) 18%, transparent), color-mix(in oklab, var(--accent) 8%, transparent) ), /* brilho grande no canto superior esquerdo */ radial-gradient(120% 120% at -10% -10%, rgba(255,255,255,.55), rgba(255,255,255,0) 60%), /* luz ambiente oposta */ radial-gradient(120% 120% at 110% 110%, rgba(255,255,255,.12), rgba(255,255,255,0) 60%); /* O “líquido” de verdade */ backdrop-filter: blur(20px) saturate(170%) contrast(102%); -webkit-backdrop-filter: blur(20px) saturate(160%) contrast(102%); /* Borda e sombras super discretas */ border: 1px solid color-mix(in oklab, white 55%, transparent); box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 0 rgba(0,0,0,.06), 0 8px 30px rgba(0,0,0,.10), 0 2px 10px rgba(0,0,0,.06); } /* Sheen especular “líquido” */ .glass::before{ content:""; position:absolute; inset:-1px; border-radius:inherit; background: conic-gradient(from 210deg at 0% 10%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%, rgba(255,255,255,.08)); mix-blend-mode:soft-light; pointer-events:none; } /* Ruído fininho para quebrar banding */ .glass::after{ content:""; position:absolute; inset:0; border-radius:inherit; background-image:url('data:image/svg+xml;utf8,'); background-size:120px 120px; mix-blend-mode:overlay; pointer-events:none; } /* Tema escuro: aumenta o contraste e ajusta sombras */ @media (prefers-color-scheme: dark){ .glass{ background: linear-gradient(to bottom right, rgba(255,255,255,.06), rgba(255,255,255,.0)), radial-gradient(120% 120% at -10% -10%, rgba(255,255,255,.10), transparent 60%), radial-gradient(120% 120% at 110% 110%, rgba(255,255,255,.08), transparent 60%); border-color: rgba(255,255,255,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(255,255,255,.06), 0 20px 40px rgba(0,0,0,.35); } }/* End custom CSS */