.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12 .elementor-element.elementor-element-6ffba97{--display:flex;--min-height:100vh;--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;--overflow:hidden;}.elementor-12 .elementor-element.elementor-element-6ffba97 .elementor-background-slideshow__slide__image{background-size:cover;background-position:bottom center;}.elementor-12 .elementor-element.elementor-element-4013d28{--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;--overflow:hidden;--padding-top:50px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-4013d28:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-4013d28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-117b245{text-align:center;}.elementor-12 .elementor-element.elementor-element-117b245 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-91cce9b{text-align:center;font-family:"graphie", Sans-serif;font-size:24px;font-weight:400;line-height:30px;color:var( --e-global-color-80d7fe9 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12 .elementor-element.elementor-element-1ae55f8 .elementor-button{background-color:#FFFFFF00;font-family:"graphie", Sans-serif;font-size:16px;font-weight:600;line-height:22px;border-style:none;}.elementor-12 .elementor-element.elementor-element-1ae55f8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-1ae55f8 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-1ae55f8 .elementor-button:focus{border-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-ed92376{--display:flex;--min-height:60vh;--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;--overflow:hidden;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ed92376:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-ed92376 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-edd6c1c{--display:flex;--justify-content:flex-start;--padding-top:0120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-carousel .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-image-carousel .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12 .elementor-element.elementor-element-63dbead{--e-image-carousel-slides-to-show:1;}.elementor-12 .elementor-element.elementor-element-d27eb59{--display:flex;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-12 .elementor-element.elementor-element-9888677{padding:0px 0px 20px 30px;}.elementor-12 .elementor-element.elementor-element-9888677 .elementor-heading-title{color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-e02618b{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-62d6aa8{text-align:left;}.elementor-12 .elementor-element.elementor-element-62d6aa8 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-d8325ce{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-f1493cc{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-5576ec9{text-align:left;}.elementor-12 .elementor-element.elementor-element-5576ec9 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-6254178{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-fe434db{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-3e49d27{text-align:left;}.elementor-12 .elementor-element.elementor-element-3e49d27 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-d3977a2{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-97e42fb{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-14354ac{text-align:left;}.elementor-12 .elementor-element.elementor-element-14354ac .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-6ea4f1d{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-6fee7f6{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-b96e456{text-align:left;}.elementor-12 .elementor-element.elementor-element-b96e456 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-4f4f673{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-e78cef1{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-e44b8de{text-align:left;}.elementor-12 .elementor-element.elementor-element-e44b8de .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-2b16045{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-8469098{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-9df83c4{text-align:left;}.elementor-12 .elementor-element.elementor-element-9df83c4 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-c91571a{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-1c9775c{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-5c8a088{text-align:left;}.elementor-12 .elementor-element.elementor-element-5c8a088 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-ae1cd5d{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-9352f66{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-08558fa{text-align:left;}.elementor-12 .elementor-element.elementor-element-08558fa .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-e54a12f{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-4b2a028{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-4cf1be0{text-align:left;}.elementor-12 .elementor-element.elementor-element-4cf1be0 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-baa90b7{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-eb950f1{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-893fc8d{text-align:left;}.elementor-12 .elementor-element.elementor-element-893fc8d .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-f8905d3{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-f214439{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-e880224{text-align:left;}.elementor-12 .elementor-element.elementor-element-e880224 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-e19259f{font-family:"graphie", Sans-serif;font-size:18px;font-weight:600;line-height:18px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-6662f3f{font-family:"graphie", Sans-serif;font-size:18px;font-weight:600;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-211f189{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-960f4ba{text-align:left;}.elementor-12 .elementor-element.elementor-element-960f4ba .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-998a9b5{font-family:"graphie", Sans-serif;font-size:18px;font-weight:600;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-4e964f1{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-3691a4d{text-align:left;}.elementor-12 .elementor-element.elementor-element-3691a4d .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-dbaecb4{font-family:"graphie", Sans-serif;font-size:18px;font-weight:600;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-a7c897d{--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;}.elementor-12 .elementor-element.elementor-element-a7c897d:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-a7c897d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-e806592{--display:flex;}.elementor-12 .elementor-element.elementor-element-dbab88f{--e-image-carousel-slides-to-show:1;}.elementor-12 .elementor-element.elementor-element-8d78dac{--display:flex;}.elementor-12 .elementor-element.elementor-element-4a367ae{padding:0px 0px 20px 30px;}.elementor-12 .elementor-element.elementor-element-4a367ae .elementor-heading-title{color:var( --e-global-color-80d7fe9 );}.elementor-widget-nested-carousel .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-nested-carousel .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12 .elementor-element.elementor-element-e4ae87e{--display:flex;}.elementor-12 .elementor-element.elementor-element-52c1cb5{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-5c336fd{text-align:left;}.elementor-12 .elementor-element.elementor-element-5c336fd .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-ee2245c{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-7e79462{--display:flex;}.elementor-12 .elementor-element.elementor-element-5f017bc{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-f5797d4{text-align:left;}.elementor-12 .elementor-element.elementor-element-f5797d4 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-ed1be48{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-cbd2db7{--display:flex;}.elementor-12 .elementor-element.elementor-element-f277a17{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-662252b{text-align:left;}.elementor-12 .elementor-element.elementor-element-662252b .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-440b85a{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-a8c36ac{--display:flex;}.elementor-12 .elementor-element.elementor-element-c3d37a5{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-221b1d9{text-align:left;}.elementor-12 .elementor-element.elementor-element-221b1d9 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-396569b{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-3ead3d3{--display:flex;}.elementor-12 .elementor-element.elementor-element-578dc47{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-4918443{text-align:left;}.elementor-12 .elementor-element.elementor-element-4918443 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-f3a2bfd{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-4bc9d92{--display:flex;}.elementor-12 .elementor-element.elementor-element-4b033e0{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-cae83f8{text-align:left;}.elementor-12 .elementor-element.elementor-element-cae83f8 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-a30e2e4{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-2c2fae0{--display:flex;}.elementor-12 .elementor-element.elementor-element-c89338c{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-61a285e{text-align:left;}.elementor-12 .elementor-element.elementor-element-61a285e .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-9ec51c6{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-8e77438{--display:flex;}.elementor-12 .elementor-element.elementor-element-5a4cc53{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-56da07d{text-align:left;}.elementor-12 .elementor-element.elementor-element-56da07d .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-8033fb1{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-7171513{--display:flex;}.elementor-12 .elementor-element.elementor-element-b2723b8{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-6c3aa37{text-align:left;}.elementor-12 .elementor-element.elementor-element-6c3aa37 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-cad8462{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-e0c8f5e{--display:flex;}.elementor-12 .elementor-element.elementor-element-8ab3e6e{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-9a9045a{text-align:left;}.elementor-12 .elementor-element.elementor-element-9a9045a .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-5448388{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-a16d75e{--display:flex;}.elementor-12 .elementor-element.elementor-element-264a1f7{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-1ebc598{text-align:left;}.elementor-12 .elementor-element.elementor-element-1ebc598 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-ce6485e{font-family:"graphie", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-b6bb2de{--display:flex;}.elementor-12 .elementor-element.elementor-element-1e6142a{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-24ea431{text-align:left;}.elementor-12 .elementor-element.elementor-element-24ea431 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-31052a1{font-family:"graphie", Sans-serif;font-size:18px;font-weight:600;line-height:18px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-a9a37f7{font-family:"graphie", Sans-serif;font-size:18px;font-weight:600;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-fe175a3{--display:flex;}.elementor-12 .elementor-element.elementor-element-23468e1{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-78ec675{text-align:left;}.elementor-12 .elementor-element.elementor-element-78ec675 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-288ab4e{font-family:"graphie", Sans-serif;font-size:18px;font-weight:600;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-505a5f4{--display:flex;}.elementor-12 .elementor-element.elementor-element-62ae925{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-e0384dc{text-align:left;}.elementor-12 .elementor-element.elementor-element-e0384dc .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-bfd0807{font-family:"graphie", Sans-serif;font-size:18px;font-weight:600;line-height:24px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-8c8d8e2{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:var( --e-global-color-80d7fe9 );--e-n-carousel-dots-normal-color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-d025ad5{--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;--overflow:hidden;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-d025ad5:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-d025ad5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-9f28f9e{--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;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ddd414e{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-widget-counter .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-counter .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12 .elementor-element.elementor-element-133c1f2 .elementor-counter-title{justify-content:start;color:var( --e-global-color-80d7fe9 );font-family:"graphie", Sans-serif;font-size:55px;font-weight:600;text-transform:uppercase;line-height:65px;}.elementor-12 .elementor-element.elementor-element-133c1f2 .elementor-counter{gap:0px;}.elementor-12 .elementor-element.elementor-element-133c1f2 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-secondary );font-family:"graphie", Sans-serif;font-size:100px;font-weight:600;text-transform:uppercase;line-height:110px;}.elementor-12 .elementor-element.elementor-element-8ad92a3{text-align:left;font-family:"graphie", Sans-serif;font-size:24px;font-weight:400;line-height:30px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-d64cb8c .elementor-button{background-color:#FFFFFF00;font-family:"graphie", Sans-serif;font-size:16px;font-weight:600;line-height:22px;border-style:none;}.elementor-12 .elementor-element.elementor-element-d64cb8c{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-d64cb8c .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-d64cb8c .elementor-button:focus{border-color:#FFFFFF;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-cebc6a9{right:-255px;}body.rtl .elementor-12 .elementor-element.elementor-element-cebc6a9{left:-255px;}.elementor-12 .elementor-element.elementor-element-cebc6a9{bottom:-40px;z-index:2;}.elementor-12 .elementor-element.elementor-element-cebc6a9 img{width:60%;}.elementor-12 .elementor-element.elementor-element-14de22d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-fb847d0{padding:0px 0px 0px 0px;text-align:left;}.elementor-12 .elementor-element.elementor-element-fb847d0 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-fa61b80{--e-image-carousel-slides-to-show:1;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-9343e8e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-5400f89{padding:0px 0px 0px 50px;text-align:left;}.elementor-12 .elementor-element.elementor-element-5400f89 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-9437f2a{--e-image-carousel-slides-to-show:2;}.elementor-12 .elementor-element.elementor-element-808e744{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-cbe1044{padding:0px 0px 0px 50px;text-align:left;}.elementor-12 .elementor-element.elementor-element-cbe1044 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-d59aa13{--e-image-carousel-slides-to-show:2;}.elementor-12 .elementor-element.elementor-element-5b64c48{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-e5ab45b{padding:0px 0px 0px 50px;text-align:left;}.elementor-12 .elementor-element.elementor-element-e5ab45b .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-883f406{--e-image-carousel-slides-to-show:2;}.elementor-12 .elementor-element.elementor-element-b343aed{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-e9cdb91{padding:0px 0px 0px 50px;text-align:left;}.elementor-12 .elementor-element.elementor-element-e9cdb91 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-d8c5630{--e-image-carousel-slides-to-show:2;}.elementor-12 .elementor-element.elementor-element-f539c5c{--display:flex;--min-height:80vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-9bdee66{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-9bdee66:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-9bdee66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0c6c214 );}.elementor-12 .elementor-element.elementor-element-17d73bd{font-family:"graphie", Sans-serif;font-size:30px;font-weight:400;line-height:24px;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-e3c4bf6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:140px;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-e3c4bf6{right:-130px;}body.rtl .elementor-12 .elementor-element.elementor-element-e3c4bf6{left:-130px;}.elementor-12 .elementor-element.elementor-element-e3c4bf6 img{width:100%;}.elementor-12 .elementor-element.elementor-element-b30fec6{padding:0px 50px 0px 0px;text-align:justify;font-family:"graphie", Sans-serif;font-size:12px;font-weight:400;line-height:8px;}.elementor-12 .elementor-element.elementor-element-2b9c9f0{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-2b9c9f0:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-2b9c9f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-c3f44c8{left:100px;}body.rtl .elementor-12 .elementor-element.elementor-element-c3f44c8{right:100px;}.elementor-12 .elementor-element.elementor-element-c3f44c8{bottom:-27px;text-align:center;}.elementor-12 .elementor-element.elementor-element-c3f44c8 img{width:50%;border-radius:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-8fdf957{margin:0px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:right;}.elementor-12 .elementor-element.elementor-element-8fdf957 img{width:80%;border-radius:16px 16px 16px 16px;}.elementor-12 .elementor-element.elementor-element-c6957e0{--display:flex;--min-height:80vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-faf2ee0{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-faf2ee0:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-faf2ee0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-0c6c214 ) 0%, var( --e-global-color-primary ) 100%);}.elementor-12 .elementor-element.elementor-element-fe2fbf8{font-family:"graphie", Sans-serif;font-size:30px;font-weight:400;line-height:24px;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-a741c9f{padding:0px 50px 0px 0px;text-align:justify;font-family:"graphie", Sans-serif;font-size:12px;font-weight:400;line-height:8px;}.elementor-12 .elementor-element.elementor-element-a7be254{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-a7be254 img{width:100%;}.elementor-12 .elementor-element.elementor-element-2a71a7a{margin:0px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:right;}.elementor-12 .elementor-element.elementor-element-2a71a7a img{width:80%;border-radius:16px 16px 16px 16px;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-bb81c59{left:100px;}body.rtl .elementor-12 .elementor-element.elementor-element-bb81c59{right:100px;}.elementor-12 .elementor-element.elementor-element-bb81c59{bottom:-27px;text-align:center;}.elementor-12 .elementor-element.elementor-element-bb81c59 img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-1499dd4{--display:flex;--min-height:80vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-e2a2524{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-e2a2524:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-e2a2524 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0c6c214 );}.elementor-12 .elementor-element.elementor-element-17d3bdc{font-family:"graphie", Sans-serif;font-size:30px;font-weight:400;line-height:24px;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-5cd70b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:140px;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-5cd70b5{right:-130px;}body.rtl .elementor-12 .elementor-element.elementor-element-5cd70b5{left:-130px;}.elementor-12 .elementor-element.elementor-element-5cd70b5 img{width:100%;}.elementor-12 .elementor-element.elementor-element-00d4649{padding:0px 50px 0px 0px;text-align:justify;font-family:"graphie", Sans-serif;font-size:12px;font-weight:400;line-height:8px;}.elementor-12 .elementor-element.elementor-element-a419d5f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a419d5f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-a419d5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-b01df02{margin:0px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:right;}.elementor-12 .elementor-element.elementor-element-b01df02 img{width:80%;border-radius:16px 16px 16px 16px;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-87aa6b2{left:100px;}body.rtl .elementor-12 .elementor-element.elementor-element-87aa6b2{right:100px;}.elementor-12 .elementor-element.elementor-element-87aa6b2{bottom:-27px;text-align:center;}.elementor-12 .elementor-element.elementor-element-87aa6b2 img{width:50%;border-radius:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-eedbd7b{--display:flex;--min-height:80vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-8de10ec{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-8de10ec:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-8de10ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-0c6c214 ) 0%, var( --e-global-color-primary ) 100%);}.elementor-12 .elementor-element.elementor-element-5c64ec7{font-family:"graphie", Sans-serif;font-size:30px;font-weight:400;line-height:24px;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-03e2d3b{padding:0px 50px 0px 0px;text-align:justify;font-family:"graphie", Sans-serif;font-size:12px;font-weight:400;line-height:8px;}.elementor-12 .elementor-element.elementor-element-736c3d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-736c3d8 img{width:100%;}.elementor-12 .elementor-element.elementor-element-97a95c1{margin:0px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:right;}.elementor-12 .elementor-element.elementor-element-97a95c1 img{width:80%;border-radius:16px 16px 16px 16px;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-30746ba{left:100px;}body.rtl .elementor-12 .elementor-element.elementor-element-30746ba{right:100px;}.elementor-12 .elementor-element.elementor-element-30746ba{bottom:-27px;text-align:center;}.elementor-12 .elementor-element.elementor-element-30746ba img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-c3a5c6b{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-c3a5c6b:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-c3a5c6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0c6c214 );}.elementor-12 .elementor-element.elementor-element-f0fabd9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-12bb952{text-align:center;font-family:"graphie", Sans-serif;font-size:30px;font-weight:600;text-transform:uppercase;line-height:24px;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-2739ccb{text-align:center;}.elementor-12 .elementor-element.elementor-element-b895668{--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;}.elementor-12 .elementor-element.elementor-element-fc8266f{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-fc8266f:hover{border-style:none;}.elementor-12 .elementor-element.elementor-element-fc8266f, .elementor-12 .elementor-element.elementor-element-fc8266f::before{--border-transition:0.3s;}.elementor-widget-icon-box .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-icon-box .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-09b1023{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-09b1023 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-09b1023 .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-8d3466c{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-2cff895{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-2cff895 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-2cff895 .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-dfcb2ac{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-cf0699b{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-cf0699b .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-cf0699b .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-6599bbd{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-e471610{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-e471610 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-e471610 .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-b0d90df{--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;}.elementor-12 .elementor-element.elementor-element-58e7870{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-58e7870:hover{border-style:none;}.elementor-12 .elementor-element.elementor-element-58e7870, .elementor-12 .elementor-element.elementor-element-58e7870::before{--border-transition:0.3s;}.elementor-12 .elementor-element.elementor-element-220cafd{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-220cafd .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-220cafd .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-b11492e{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-a19c837{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-a19c837 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-a19c837 .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-96d441b{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-cfc8ebc{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-cfc8ebc .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-cfc8ebc .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-3a0fb4b{--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;}.elementor-12 .elementor-element.elementor-element-07cdcbb{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-07cdcbb:hover{border-style:none;}.elementor-12 .elementor-element.elementor-element-07cdcbb, .elementor-12 .elementor-element.elementor-element-07cdcbb::before{--border-transition:0.3s;}.elementor-12 .elementor-element.elementor-element-385966a{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-385966a .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-385966a .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-3f5aedb{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-24d3cbe{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-24d3cbe .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-24d3cbe .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-4f8eafc{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-e1117be{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-e1117be .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-e1117be .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-6b53742 .elementor-button{background-color:#FFFFFF00;font-family:"graphie", Sans-serif;font-size:16px;font-weight:600;line-height:22px;border-style:none;}.elementor-12 .elementor-element.elementor-element-6b53742{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-6b53742 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-6b53742 .elementor-button:focus{border-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-facab1c{--display:flex;--min-height:50vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-facab1c:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-facab1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-9b08ebe{--display:flex;}.elementor-12 .elementor-element.elementor-element-9b08ebe:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-9b08ebe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://maximobrazcubas.com.br/wp-content/uploads/2025/11/Tour-Virtual-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-cff3f46{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-12 .elementor-element.elementor-element-cff3f46.e-con{--align-self:center;}.elementor-12 .elementor-element.elementor-element-55a9298{text-align:left;font-family:"graphie", Sans-serif;font-size:30px;font-weight:600;text-transform:uppercase;line-height:35px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-234c7fc .elementor-button{background-color:#FFFFFF00;font-family:"graphie", Sans-serif;font-size:16px;font-weight:600;line-height:22px;border-style:none;}.elementor-12 .elementor-element.elementor-element-234c7fc{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-234c7fc .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-234c7fc .elementor-button:focus{border-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-6deef56{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6deef56:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-6deef56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0c6c214 );}.elementor-12 .elementor-element.elementor-element-73c0096{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-317f1e5{text-align:center;font-family:"graphie", Sans-serif;font-size:30px;font-weight:600;text-transform:uppercase;line-height:24px;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-7103c06{text-align:center;}.elementor-12 .elementor-element.elementor-element-4cee5cc{--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;}.elementor-12 .elementor-element.elementor-element-b403a0e{--display:flex;--justify-content:center;--overflow:hidden;--border-radius:15px 15px 15px 15px;box-shadow:-5px 0px 20px 5px rgba(0, 0, 0, 0.1);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-12 .elementor-element.elementor-element-b403a0e:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-b403a0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-92fd1bb{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-92fd1bb:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-92fd1bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#003858B3;}.elementor-12 .elementor-element.elementor-element-92fd1bb:hover{background-color:#003858B3;}.elementor-12 .elementor-element.elementor-element-16f1846{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-16f1846.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-5dbaa12{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-5dbaa12 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-5dbaa12 .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-5dbaa12 .elementor-icon-box-title{color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-5dbaa12:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-5dbaa12:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-5dbaa12 .elementor-icon-box-description{font-family:"graphie", Sans-serif;font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-076cfaf{--display:flex;--position:absolute;--border-radius:0% 0% 0% 0%;}.elementor-12 .elementor-element.elementor-element-076cfaf:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-076cfaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3370EE;}.elementor-12 .elementor-element.elementor-element-5db2fd1{--display:flex;--position:absolute;--border-radius:0% 0% 0% 0%;top:0px;}.elementor-12 .elementor-element.elementor-element-5db2fd1:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-5db2fd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3370EE;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-5db2fd1{left:0px;}body.rtl .elementor-12 .elementor-element.elementor-element-5db2fd1{right:0px;}.elementor-12 .elementor-element.elementor-element-6eec9a1{--display:flex;--justify-content:center;--overflow:hidden;--border-radius:15px 15px 15px 15px;box-shadow:-5px 0px 20px 5px rgba(0, 0, 0, 0.1);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-12 .elementor-element.elementor-element-6eec9a1:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-6eec9a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-e02c7d3{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-e02c7d3:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-e02c7d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#003858B3;}.elementor-12 .elementor-element.elementor-element-e02c7d3:hover{background-color:#003858B3;}.elementor-12 .elementor-element.elementor-element-19ed0f2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-19ed0f2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-e7c6583{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-e7c6583 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-e7c6583 .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-e7c6583 .elementor-icon-box-title{color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-e7c6583:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-e7c6583:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-e7c6583 .elementor-icon-box-description{font-family:"graphie", Sans-serif;font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-6c84d52{--display:flex;--position:absolute;--border-radius:0% 0% 0% 0%;}.elementor-12 .elementor-element.elementor-element-6c84d52:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-6c84d52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3370EE;}.elementor-12 .elementor-element.elementor-element-070ed11{--display:flex;--position:absolute;--border-radius:0% 0% 0% 0%;top:0px;}.elementor-12 .elementor-element.elementor-element-070ed11:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-070ed11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3370EE;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-070ed11{left:0px;}body.rtl .elementor-12 .elementor-element.elementor-element-070ed11{right:0px;}.elementor-12 .elementor-element.elementor-element-3adc3dd{--display:flex;--justify-content:center;--overflow:hidden;--border-radius:15px 15px 15px 15px;box-shadow:-5px 0px 20px 5px rgba(0, 0, 0, 0.1);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-12 .elementor-element.elementor-element-3adc3dd:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-3adc3dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-09c41d5{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-09c41d5:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-09c41d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#003858B3;}.elementor-12 .elementor-element.elementor-element-09c41d5:hover{background-color:#003858B3;}.elementor-12 .elementor-element.elementor-element-4823582{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-4823582.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-4c2f1c0{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-4c2f1c0 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-4c2f1c0 .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-4c2f1c0 .elementor-icon-box-title{color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-4c2f1c0:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-4c2f1c0:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-4c2f1c0 .elementor-icon-box-description{font-family:"graphie", Sans-serif;font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-42ed1fa{--display:flex;--position:absolute;--border-radius:0% 0% 0% 0%;}.elementor-12 .elementor-element.elementor-element-42ed1fa:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-42ed1fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3370EE;}.elementor-12 .elementor-element.elementor-element-5639b39{--display:flex;--position:absolute;--border-radius:0% 0% 0% 0%;top:0px;}.elementor-12 .elementor-element.elementor-element-5639b39:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-5639b39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3370EE;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-5639b39{left:0px;}body.rtl .elementor-12 .elementor-element.elementor-element-5639b39{right:0px;}.elementor-12 .elementor-element.elementor-element-5edcc64{--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;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-5cca48a{--display:flex;--justify-content:center;--overflow:hidden;--border-radius:15px 15px 15px 15px;box-shadow:-5px 0px 20px 5px rgba(0, 0, 0, 0.1);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-12 .elementor-element.elementor-element-5cca48a:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-5cca48a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-c1a93cb{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-c1a93cb:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-c1a93cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#003858B3;}.elementor-12 .elementor-element.elementor-element-c1a93cb:hover{background-color:#003858B3;}.elementor-12 .elementor-element.elementor-element-90074c1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-90074c1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-1ddff29{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-1ddff29 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-1ddff29 .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-1ddff29 .elementor-icon-box-title{color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-1ddff29:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-1ddff29:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-1ddff29 .elementor-icon-box-description{font-family:"graphie", Sans-serif;font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-92bb403{--display:flex;--position:absolute;--border-radius:0% 0% 0% 0%;}.elementor-12 .elementor-element.elementor-element-92bb403:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-92bb403 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3370EE;}.elementor-12 .elementor-element.elementor-element-4464039{--display:flex;--position:absolute;--border-radius:0% 0% 0% 0%;top:0px;}.elementor-12 .elementor-element.elementor-element-4464039:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-4464039 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3370EE;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-4464039{left:0px;}body.rtl .elementor-12 .elementor-element.elementor-element-4464039{right:0px;}.elementor-12 .elementor-element.elementor-element-356f53c{--display:flex;--justify-content:center;--overflow:hidden;--border-radius:15px 15px 15px 15px;box-shadow:-5px 0px 20px 5px rgba(0, 0, 0, 0.1);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-12 .elementor-element.elementor-element-356f53c:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-356f53c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-cb83397{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-cb83397:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-cb83397 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#003858B3;}.elementor-12 .elementor-element.elementor-element-cb83397:hover{background-color:#003858B3;}.elementor-12 .elementor-element.elementor-element-1f66a5c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-1f66a5c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-063bd8c{--icon-box-icon-margin:15px;}.elementor-12 .elementor-element.elementor-element-063bd8c .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-063bd8c .elementor-icon-box-title a{font-family:"graphie", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-12 .elementor-element.elementor-element-063bd8c .elementor-icon-box-title{color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-063bd8c:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-063bd8c:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-063bd8c .elementor-icon-box-description{font-family:"graphie", Sans-serif;font-size:16px;font-weight:400;line-height:20px;color:var( --e-global-color-80d7fe9 );}.elementor-12 .elementor-element.elementor-element-663bcf0{--display:flex;--position:absolute;--border-radius:0% 0% 0% 0%;}.elementor-12 .elementor-element.elementor-element-663bcf0:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-663bcf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3370EE;}.elementor-12 .elementor-element.elementor-element-26c0388{--display:flex;--position:absolute;--border-radius:0% 0% 0% 0%;top:0px;}.elementor-12 .elementor-element.elementor-element-26c0388:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-26c0388 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3370EE;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-26c0388{left:0px;}body.rtl .elementor-12 .elementor-element.elementor-element-26c0388{right:0px;}.elementor-12 .elementor-element.elementor-element-474f811 .elementor-button{background-color:#FFFFFF00;font-family:"graphie", Sans-serif;font-size:16px;font-weight:600;line-height:22px;border-style:none;}.elementor-12 .elementor-element.elementor-element-474f811{width:var( --container-widget-width, 100% );max-width:100%;padding:50px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-474f811 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-474f811 .elementor-button:focus{border-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-8339274{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-8339274:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-8339274 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0c6c214 );}.elementor-12 .elementor-element.elementor-element-26600a6{text-align:center;font-family:"graphie", Sans-serif;font-size:30px;font-weight:600;text-transform:uppercase;line-height:24px;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-f3e8a85{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-15fd49c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-google_maps .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-google_maps .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12 .elementor-element.elementor-element-ba01746 iframe{height:55vh;}.elementor-12 .elementor-element.elementor-element-d07fe7c{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-e34bda3{text-align:left;font-family:"graphie", Sans-serif;font-size:30px;font-weight:600;text-transform:uppercase;line-height:35px;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-7439692{font-family:"graphie", Sans-serif;font-size:18px;font-weight:600;line-height:24px;}.elementor-widget-icon-list .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-icon-list .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-item:not(:last-child):after{content:"";width:100%;border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-12 .elementor-element.elementor-element-b8468c6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-db33558{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-db33558:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-db33558 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0c6c214 );}.elementor-12 .elementor-element.elementor-element-b03a230{text-align:center;font-family:"graphie", Sans-serif;font-size:30px;font-weight:600;text-transform:uppercase;line-height:24px;color:var( --e-global-color-primary );}.elementor-widget-eael-gravity-form .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-eael-gravity-form .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_wrapper .gform_title, html body .elementor-widget-eael-gravity-form .eael-gravity-form .eael-gravity-form-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_wrapper .gform_description, html body .elementor-widget-eael-gravity-form .eael-gravity-form .eael-gravity-form-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-eael-gravity-form .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar_title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-eael-gravity-form .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage, .elementor-widget-eael-gravity-form .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gfield.gsection .gsection_title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload input[type="file"]::file-selector-button, html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload input[type="file"]::-webkit-file-upload-button, html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload .button, html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload .large{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_footer input[type="submit"], html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_body .gform_page_footer input[type="submit"], html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_body input[type="submit"].gform-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_body .gform_page_footer input[type="button"]{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_confirmation_wrapper .gform_confirmation_message{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-12 .elementor-element.elementor-element-fc289d3{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-fc289d3.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage{display:flex;justify-content:end;}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield input[type="text"], html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield input[type="email"], html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield input[type="tel"], html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield input[type="number"], html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield textarea, html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield select{background-color:#02010100;color:var( --e-global-color-primary );border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-primary );}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield{margin-bottom:15px;}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield textarea{padding:10px 10px 10px 10px;}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield input[type="text"], html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield input[type="email"], html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield input[type="tel"], html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield input[type="number"], html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield textarea, html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield select{border-radius:0px 0px 0px 0px;}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gfield.gsection{border-bottom-style:solid;border-bottom-width:1px;}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gform_wrapper .gf_scroll_text{width:100%;}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gform_footer input[type="submit"]{width:100px !important;background-color:var( --e-global-color-secondary );color:var( --e-global-color-80d7fe9 );}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gform_body .gform_page_footer input[type="submit"]{width:100px !important;background-color:var( --e-global-color-secondary );color:var( --e-global-color-80d7fe9 );}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gform_body input[type="submit"].gform-button{width:100px !important;background-color:var( --e-global-color-secondary );}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gform_footer input[type="submit"]:hover{background-color:var( --e-global-color-secondary );color:var( --e-global-color-80d7fe9 );}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gform_body .gform_page_footer input[type="submit"]:hover{background-color:var( --e-global-color-secondary );color:var( --e-global-color-80d7fe9 );}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gform_body input[type="submit"].gform-button:hover{background-color:var( --e-global-color-secondary );color:var( --e-global-color-80d7fe9 );}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gform_body .gform_page_footer input[type="button"]{width:100px;}html body .elementor-12 .elementor-element.elementor-element-fc289d3 .eael-gravity-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), html body .elementor-12 .elementor-element.elementor-element-fc289d3 .gform_wrapper li.gfield_error textarea{border-width:1px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-ed92376{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-edd6c1c{--width:100%;}.elementor-12 .elementor-element.elementor-element-d27eb59{--width:40%;}.elementor-12 .elementor-element.elementor-element-d025ad5{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-ddd414e{--width:40%;}.elementor-12 .elementor-element.elementor-element-14de22d{--width:60%;}.elementor-12 .elementor-element.elementor-element-9bdee66{--width:40%;}.elementor-12 .elementor-element.elementor-element-2b9c9f0{--width:60%;}.elementor-12 .elementor-element.elementor-element-faf2ee0{--width:40%;}.elementor-12 .elementor-element.elementor-element-e2a2524{--width:40%;}.elementor-12 .elementor-element.elementor-element-a419d5f{--width:60%;}.elementor-12 .elementor-element.elementor-element-8de10ec{--width:40%;}.elementor-12 .elementor-element.elementor-element-16f1846{--width:100%;}.elementor-12 .elementor-element.elementor-element-19ed0f2{--width:100%;}.elementor-12 .elementor-element.elementor-element-4823582{--width:100%;}.elementor-12 .elementor-element.elementor-element-5cca48a{--width:33.33%;}.elementor-12 .elementor-element.elementor-element-90074c1{--width:100%;}.elementor-12 .elementor-element.elementor-element-356f53c{--width:33.33%;}.elementor-12 .elementor-element.elementor-element-1f66a5c{--width:100%;}}@media(max-width:1024px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-button .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-image-carousel .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-image-carousel .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-nested-carousel .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-nested-carousel .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12 .elementor-element.elementor-element-8c8d8e2{--e-n-carousel-swiper-slides-to-display:2;}.elementor-widget-counter .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-counter .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-counter .elementor-counter-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-image .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-image .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-box .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-icon-box .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-12 .elementor-element.elementor-element-b403a0e{grid-column:span 2;}.elementor-12 .elementor-element.elementor-element-16f1846{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6eec9a1{grid-column:span 2;}.elementor-12 .elementor-element.elementor-element-19ed0f2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-3adc3dd{grid-column:span 2;}.elementor-12 .elementor-element.elementor-element-4823582{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-5cca48a{grid-column:span 2;}.elementor-12 .elementor-element.elementor-element-90074c1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-356f53c{grid-column:span 2;}.elementor-12 .elementor-element.elementor-element-1f66a5c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-google_maps .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-google_maps .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-icon-list .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-icon-list .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-eael-gravity-form .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-eael-gravity-form .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_wrapper .gform_title, html body .elementor-widget-eael-gravity-form .eael-gravity-form .eael-gravity-form-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_wrapper .gform_description, html body .elementor-widget-eael-gravity-form .eael-gravity-form .eael-gravity-form-description{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-eael-gravity-form .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar_title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-eael-gravity-form .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage, .elementor-widget-eael-gravity-form .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage span{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gfield.gsection .gsection_title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload input[type="file"]::file-selector-button, html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload input[type="file"]::-webkit-file-upload-button, html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload .button, html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload .large{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_footer input[type="submit"], html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_body .gform_page_footer input[type="submit"], html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_body input[type="submit"].gform-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_body .gform_page_footer input[type="button"]{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_confirmation_wrapper .gform_confirmation_message{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12 .elementor-element.elementor-element-4013d28{--padding-top:50px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-heading .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-button .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-12 .elementor-element.elementor-element-1ae55f8.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-1ae55f8 .elementor-button{font-size:16px;line-height:24px;}.elementor-widget-image-carousel .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-image-carousel .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12 .elementor-element.elementor-element-d27eb59{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12 .elementor-element.elementor-element-a7c897d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-e806592{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-dbab88f{--e-image-carousel-slides-to-show:1;}.elementor-12 .elementor-element.elementor-element-8d78dac{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-4a367ae{padding:0px 0px 0px 0px;text-align:center;}.elementor-widget-nested-carousel .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-nested-carousel .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12 .elementor-element.elementor-element-e4ae87e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7e79462{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-cbd2db7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a8c36ac{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-3ead3d3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-4bc9d92{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-2c2fae0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-8e77438{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7171513{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-e0c8f5e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a16d75e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b6bb2de{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-fe175a3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-505a5f4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-8c8d8e2{--e-n-carousel-swiper-slides-to-display:1;}.elementor-widget-counter .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-counter .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-counter .elementor-counter-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12 .elementor-element.elementor-element-133c1f2{z-index:2;}.elementor-12 .elementor-element.elementor-element-133c1f2 .elementor-counter-title{font-size:40px;}.elementor-12 .elementor-element.elementor-element-8ad92a3{z-index:2;}.elementor-12 .elementor-element.elementor-element-d64cb8c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;z-index:2;}.elementor-12 .elementor-element.elementor-element-d64cb8c .elementor-button{font-size:16px;line-height:24px;}.elementor-widget-image .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-image .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-cebc6a9{right:-100px;}body.rtl .elementor-12 .elementor-element.elementor-element-cebc6a9{left:-100px;}.elementor-12 .elementor-element.elementor-element-cebc6a9{z-index:0;}.elementor-12 .elementor-element.elementor-element-14de22d{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-9343e8e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-5400f89{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-808e744{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-cbe1044{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-5b64c48{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-e5ab45b{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-b343aed{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-e9cdb91{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-e3c4bf6{right:2px;}body.rtl .elementor-12 .elementor-element.elementor-element-e3c4bf6{left:2px;}.elementor-12 .elementor-element.elementor-element-e3c4bf6{top:174px;}.elementor-12 .elementor-element.elementor-element-e3c4bf6 img{width:80%;}.elementor-12 .elementor-element.elementor-element-2b9c9f0{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12 .elementor-element.elementor-element-8fdf957{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-faf2ee0:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-faf2ee0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-0c6c214 ) 50%, var( --e-global-color-primary ) 50%);}.elementor-12 .elementor-element.elementor-element-faf2ee0{--padding-top:50px;--padding-bottom:50px;--padding-left:020px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-a7be254{text-align:center;}.elementor-12 .elementor-element.elementor-element-a7be254 img{width:100%;}.elementor-12 .elementor-element.elementor-element-2a71a7a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:2;text-align:center;}.elementor-12 .elementor-element.elementor-element-2a71a7a img{width:100%;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-bb81c59{left:-80px;}body.rtl .elementor-12 .elementor-element.elementor-element-bb81c59{right:-80px;}.elementor-12 .elementor-element.elementor-element-bb81c59{bottom:-123px;}.elementor-12 .elementor-element.elementor-element-bb81c59 img{width:65%;}.elementor-12 .elementor-element.elementor-element-8de10ec:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-8de10ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-0c6c214 ) 50%, var( --e-global-color-primary ) 50%);}.elementor-12 .elementor-element.elementor-element-8de10ec{--padding-top:50px;--padding-bottom:50px;--padding-left:020px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-736c3d8{text-align:center;}.elementor-12 .elementor-element.elementor-element-736c3d8 img{width:100%;}.elementor-12 .elementor-element.elementor-element-97a95c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:2;text-align:center;}.elementor-12 .elementor-element.elementor-element-97a95c1 img{width:100%;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-30746ba{left:-80px;}body.rtl .elementor-12 .elementor-element.elementor-element-30746ba{right:-80px;}.elementor-12 .elementor-element.elementor-element-30746ba{bottom:-123px;}.elementor-12 .elementor-element.elementor-element-30746ba img{width:70%;}.elementor-12 .elementor-element.elementor-element-c3a5c6b{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-12bb952{line-height:40px;}.elementor-widget-icon-box .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-icon-box .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-12 .elementor-element.elementor-element-6b53742{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-12 .elementor-element.elementor-element-6b53742 .elementor-button{font-size:16px;line-height:24px;}.elementor-12 .elementor-element.elementor-element-9b08ebe{--min-height:40vh;}.elementor-12 .elementor-element.elementor-element-cff3f46{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12 .elementor-element.elementor-element-55a9298{text-align:center;}.elementor-12 .elementor-element.elementor-element-234c7fc .elementor-button{font-size:16px;line-height:24px;}.elementor-12 .elementor-element.elementor-element-6deef56{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-317f1e5{line-height:40px;}.elementor-12 .elementor-element.elementor-element-4cee5cc{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-b403a0e{grid-column:span 2;grid-row:span 1;}.elementor-12 .elementor-element.elementor-element-b403a0e.e-con{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-92fd1bb{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-16f1846{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6eec9a1{grid-column:span 2;grid-row:span 1;}.elementor-12 .elementor-element.elementor-element-6eec9a1.e-con{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-e02c7d3{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-19ed0f2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-3adc3dd{grid-column:span 2;grid-row:span 1;}.elementor-12 .elementor-element.elementor-element-3adc3dd.e-con{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-09c41d5{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-4823582{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-5edcc64{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-5cca48a{grid-column:span 2;grid-row:span 1;}.elementor-12 .elementor-element.elementor-element-5cca48a.e-con{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-c1a93cb{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-90074c1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-356f53c{grid-column:span 2;grid-row:span 1;}.elementor-12 .elementor-element.elementor-element-356f53c.e-con{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-cb83397{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-1f66a5c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-474f811 .elementor-button{font-size:16px;line-height:24px;}.elementor-12 .elementor-element.elementor-element-8339274{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-google_maps .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-google_maps .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-12 .elementor-element.elementor-element-e34bda3{text-align:center;}.elementor-12 .elementor-element.elementor-element-7439692{text-align:center;}.elementor-widget-icon-list .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-icon-list .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(25px/2);}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(25px/2);}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(25px/2);}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-25px/2);}.elementor-12 .elementor-element.elementor-element-b8468c6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-25px/2);}.elementor-widget-eael-gravity-form .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-eael-gravity-form .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_wrapper .gform_title, html body .elementor-widget-eael-gravity-form .eael-gravity-form .eael-gravity-form-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_wrapper .gform_description, html body .elementor-widget-eael-gravity-form .eael-gravity-form .eael-gravity-form-description{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-eael-gravity-form .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar_title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-eael-gravity-form .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage, .elementor-widget-eael-gravity-form .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage span{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gfield.gsection .gsection_title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload input[type="file"]::file-selector-button, html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload input[type="file"]::-webkit-file-upload-button, html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload .button, html body .elementor-widget-eael-gravity-form .eael-gravity-form .ginput_container_fileupload .large{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_footer input[type="submit"], html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_body .gform_page_footer input[type="submit"], html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_body input[type="submit"].gform-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_body .gform_page_footer input[type="button"]{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}html body .elementor-widget-eael-gravity-form .eael-gravity-form .gform_confirmation_wrapper .gform_confirmation_message{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for container, class: .elementor-element-e02618b *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1493cc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fe434db *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-97e42fb *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6fee7f6 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e78cef1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8469098 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c9775c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9352f66 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b2a028 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eb950f1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f214439 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-211f189 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e964f1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c1cb5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f017bc *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f277a17 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d37a5 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-578dc47 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4b033e0 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c89338c *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a4cc53 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2723b8 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ab3e6e *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-264a1f7 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e6142a *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23468e1 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ae925 *//* ===== Liquid Glass Máximo (para Containers do Elementor) ===== */ :root{ --max-azul: #0F2B59; --max-azul-2: #26578C; --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container com classe `liquid-glass` */ .liquid-glass{ position: relative; border-radius: 24px; overflow: hidden; isolation: isolate; /* garante blend correto das camadas */ /* vidro base (mistura leve de branco + azul da marca) */ background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%), linear-gradient(180deg, rgba(15,43,89,.20) 0%, rgba(38,87,140,.16) 100%); backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); /* borda interna + sombra externa */ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 40px rgba(0,0,0,.22); will-change: transform, filter; } /* Caústicas “líquidas” (camada difusa girando) */ .liquid-glass::before{ content:""; position:absolute; inset:-25%; border-radius: 20px; background: conic-gradient(from 0deg, rgba(255,255,255,.20), rgba(242,171,99,.12), rgba(255,255,255,.08), rgba(237,135,56,.14), rgba(255,255,255,.10)); filter: blur(32px) saturate(120%); opacity: .55; animation: lg-rotate 14s linear infinite; pointer-events: none; z-index: 0; } /* Reflexos “líquidos” móveis (manchas elípticas animadas) */ .liquid-glass::after{ content:""; position:absolute; inset:0; background: radial-gradient(220px 140px at 12% 18%, rgba(255,255,255,.22), transparent 60%), radial-gradient(180px 120px at 88% 28%, rgba(242,171,99,.18), transparent 62%), radial-gradient(260px 160px at 28% 78%, rgba(237,135,56,.14), transparent 68%), radial-gradient(180px 120px at 72% 70%, rgba(255,255,255,.16), transparent 62%); filter: blur(14px); opacity: .8; animation: lg-flow 8s ease-in-out infinite; pointer-events: none; z-index: 1; } /* Conteúdo do container acima dos efeitos */ .liquid-glass > *{ position: relative; z-index: 2; } /* Aro/halo laranja opcional (borda externa com glow) */ .liquid-glass.glow-orange{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(237,135,56,.28), 0 20px 48px rgba(0,0,0,.25), 0 0 36px rgba(237,135,56,.18); } /* Hover: leve “respirar” no vidro */ .liquid-glass:hover{ backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); } /* ===== Keyframes ===== */ @keyframes lg-rotate{ from{ transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes lg-flow{ 0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } 50%{ background-position: 100% 0%, 0% 100%, 100% 100%, 0% 0%; transform: scale(1.02); opacity: .95; } 100%{ background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%; transform: scale(1); opacity: .78; } } /* ===== Responsivo (reduz custo no mobile) ===== */ @media (max-width: 1024px){ .liquid-glass{ backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } .liquid-glass::before{ filter: blur(28px); } .liquid-glass::after { filter: blur(12px); } } /* ===== Acessibilidade: respeitar redução de movimento ===== */ @media (prefers-reduced-motion: reduce){ .liquid-glass::before, .liquid-glass::after{ animation: none; } } /* ===== Fallback (navegadores sem backdrop-filter) ===== */ @supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){ .liquid-glass{ background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), linear-gradient(180deg, rgba(15,43,89,.40) 0%, rgba(38,87,140,.32) 100%); } }/* End custom CSS */ /* Start custom CSS for counter, class: .elementor-element-133c1f2 *//* === Glow pulsante para Contador (Máximo) === */ :root{ --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Container do número */ .counter-glow .elementor-counter-number-wrapper{ position: relative; display: inline-flex; align-items: baseline; gap: .15em; overflow: visible; isolation: isolate; /* garante blend correto do halo */ } /* Número + prefixo/sufixo com pulsação */ .counter-glow .elementor-counter-number, .counter-glow .elementor-counter-number-prefix, .counter-glow .elementor-counter-number-suffix{ color: var(--max-laranja); text-shadow: 0 0 8px rgba(237,135,56,.55), 0 0 22px rgba(242,171,99,.32); animation: counterGlow 2.4s ease-in-out infinite; will-change: transform, text-shadow, filter, opacity; } /* Versão “só o número” (sem prefixo/sufixo) – adicione também a classe 'only-number' */ .counter-glow.only-number .elementor-counter-number-prefix, .counter-glow.only-number .elementor-counter-number-suffix{ color: inherit; text-shadow: none; animation: none; opacity: .9; } /* Em fundos escuros, use 'on-dark' para um neon mais vivo */ .counter-glow.on-dark .elementor-counter-number-wrapper::after{ mix-blend-mode: screen; } /* Ignorar prefers-reduced-motion (se quiser forçar animação): adicione 'force-anim' */ @media (prefers-reduced-motion: reduce){ .counter-glow.force-anim .elementor-counter-number, .counter-glow.force-anim .elementor-counter-number-wrapper::after{ animation-duration: 2.4s !important; animation-iteration-count: infinite !important; } } /* ===== Keyframes ===== */ @keyframes counterGlow{ 0%,100%{ transform: scale(1); text-shadow: 0 0 8px rgba(237,135,56,.55), 0 0 22px rgba(242,171,99,.32); } 50%{ transform: scale(1.04); text-shadow: 0 0 12px rgba(237,135,56,.75), 0 0 34px rgba(242,171,99,.45), 0 0 50px rgba(237,135,56,.35); } } @keyframes haloPulse{ 0%,100%{ transform: scale(.96); opacity: .65; filter: blur(18px); } 50%{ transform: scale(1.06); opacity: 1; filter: blur(28px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b403a0e *//* css goes in .card */ .elementor-12 .elementor-element.elementor-element-b403a0e { --blob-size:250px; } .elementor-12 .elementor-element.elementor-element-b403a0e .inner{ backdrop-filter: blur(80px); height: 100%; } .elementor-12 .elementor-element.elementor-element-b403a0e .blob{ width: var(--blob-size); height: 80%; left: calc(50% - calc(var(--blob-size)/2)); filter: blur(40px); z-index: -1; opacity: 0; transition: opacity 300ms 300ms linear; } .elementor-12 .elementor-element.elementor-element-b403a0e .fakeblob { visibility: hidden; z-index: -1; height: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6eec9a1 *//* css goes in .card */ .elementor-12 .elementor-element.elementor-element-6eec9a1 { --blob-size:250px; } .elementor-12 .elementor-element.elementor-element-6eec9a1 .inner{ backdrop-filter: blur(80px); height: 100%; } .elementor-12 .elementor-element.elementor-element-6eec9a1 .blob{ width: var(--blob-size); height: 80%; left: calc(50% - calc(var(--blob-size)/2)); filter: blur(40px); z-index: -1; opacity: 0; transition: opacity 300ms 300ms linear; } .elementor-12 .elementor-element.elementor-element-6eec9a1 .fakeblob { visibility: hidden; z-index: -1; height: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3adc3dd *//* css goes in .card */ .elementor-12 .elementor-element.elementor-element-3adc3dd { --blob-size:250px; } .elementor-12 .elementor-element.elementor-element-3adc3dd .inner{ backdrop-filter: blur(80px); height: 100%; } .elementor-12 .elementor-element.elementor-element-3adc3dd .blob{ width: var(--blob-size); height: 80%; left: calc(50% - calc(var(--blob-size)/2)); filter: blur(40px); z-index: -1; opacity: 0; transition: opacity 300ms 300ms linear; } .elementor-12 .elementor-element.elementor-element-3adc3dd .fakeblob { visibility: hidden; z-index: -1; height: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cca48a *//* css goes in .card */ .elementor-12 .elementor-element.elementor-element-5cca48a { --blob-size:250px; } .elementor-12 .elementor-element.elementor-element-5cca48a .inner{ backdrop-filter: blur(80px); height: 100%; } .elementor-12 .elementor-element.elementor-element-5cca48a .blob{ width: var(--blob-size); height: 80%; left: calc(50% - calc(var(--blob-size)/2)); filter: blur(40px); z-index: -1; opacity: 0; transition: opacity 300ms 300ms linear; } .elementor-12 .elementor-element.elementor-element-5cca48a .fakeblob { visibility: hidden; z-index: -1; height: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-356f53c *//* css goes in .card */ .elementor-12 .elementor-element.elementor-element-356f53c { --blob-size:250px; } .elementor-12 .elementor-element.elementor-element-356f53c .inner{ backdrop-filter: blur(80px); height: 100%; } .elementor-12 .elementor-element.elementor-element-356f53c .blob{ width: var(--blob-size); height: 80%; left: calc(50% - calc(var(--blob-size)/2)); filter: blur(40px); z-index: -1; opacity: 0; transition: opacity 300ms 300ms linear; } .elementor-12 .elementor-element.elementor-element-356f53c .fakeblob { visibility: hidden; z-index: -1; height: 100%; }/* End custom CSS */ /* Start custom CSS *//* ===== Glow pulsante p/ títulos laranja (Máximo) ===== */ :root{ --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } /* Aplique a classe no widget Título: "titulo-laranja-glow" */ .titulo-laranja-glow, .titulo-laranja-glow .elementor-heading-title{ position: relative; color: var(--max-laranja); /* brilho constante sutil no texto */ text-shadow: 0 0 6px rgba(237,135,56,.45), 0 0 18px rgba(242,171,99,.25); } /* Halo pulsante atrás do texto */ .titulo-laranja-glow::after, .titulo-laranja-glow .elementor-heading-title::after{ content: ""; position: absolute; inset: 0; margin: auto; width: 115%; height: 140%; border-radius: 999px; background: radial-gradient(ellipse at center, rgba(237,135,56,.55) 0%, rgba(242,171,99,.35) 35%, rgba(237,135,56,0) 70%); filter: blur(16px); opacity: .65; z-index: -1; pointer-events: none; animation: tituloPulse 2.8s ease-in-out infinite; } /* Variante mais forte: adicione também "is-strong" ao widget */ .titulo-laranja-glow.is-strong::after, .titulo-laranja-glow.is-strong .elementor-heading-title::after{ filter: blur(22px); opacity: .9; animation-duration: 2.2s; } /* Em fundos muito escuros, usa blend para “neon” */ .titulo-laranja-glow.on-dark::after{ mix-blend-mode: screen; } @keyframes tituloPulse{ 0%,100%{ transform: scale(.96); opacity:.55; filter: blur(16px); } 50% { transform: scale(1.05); opacity:.95; filter: blur(22px); } } /* Acessibilidade: respeita redução de movimento */ @media (prefers-reduced-motion: reduce){ .titulo-laranja-glow::after, .titulo-laranja-glow .elementor-heading-title::after{ animation: none; } } /**/ /**/ /**/ /* === Botão Máximo NEO no Gravity Forms (por ID) === */ :root{ --max-laranja: #ED8738; --max-laranja-2: #F2AB63; } #gform_submit_button_1{ position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; border-radius: 4px; border: 1px solid rgba(255,255,255,.65); color: #fff !important; font-weight: 800; letter-spacing: .02em; cursor: pointer; -webkit-appearance: none; appearance: none; overflow: hidden; /* base laranja + camada de “shine” varrendo */ background-image: linear-gradient(135deg, var(--max-laranja) 0%, var(--max-laranja-2) 100%), linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 50%, rgba(255,255,255,0) 100%); background-size: cover, 28% 100%; background-repeat: no-repeat; background-position: center, -30% 0; /* glow quente + brilho interno */ box-shadow: 0 8px 18px rgba(237,135,56,.28), inset 0 1px 0 rgba(255,255,255,.25); transition: transform .15s ease, box-shadow .25s ease, filter .2s ease, background-position .8s cubic-bezier(.2,.7,.2,1); animation: btn-breathe 5s ease-in-out infinite; /* pulsar suave */ } /* hover com sweep “shine” */ #gform_submit_button_1:hover{ transform: translateY(-1px); box-shadow: 0 10px 28px rgba(237,135,56,.35), inset 0 1px 0 rgba(255,255,255,.35); background-position: center, 130% 0; /* varre o brilho */ } /* active + focus */ #gform_submit_button_1:active{ transform: translateY(0) scale(.98); filter: brightness(.98); } #gform_submit_button_1:focus{ outline: 0; box-shadow: 0 0 0 3px rgba(255,255,255,.25), 0 0 0 6px rgba(237,135,56,.35); } /* desabilitado */ #gform_submit_button_1[disabled]{ filter: grayscale(.2) brightness(.92); cursor: not-allowed; animation: none; } /* keyframes do “respirar” */ @keyframes btn-breathe{ 0% { box-shadow: 0 8px 18px rgba(237,135,56,.25), inset 0 1px 0 rgba(255,255,255,.25); } 50% { box-shadow: 0 12px 34px rgba(237,135,56,.45), inset 0 1px 0 rgba(255,255,255,.35); } 100% { box-shadow: 0 8px 18px rgba(237,135,56,.25), inset 0 1px 0 rgba(255,255,255,.25); } }/* End custom CSS */