.elementor-2044 .elementor-element.elementor-element-174b600{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:70px;--padding-left:140px;--padding-right:140px;}.elementor-2044 .elementor-element.elementor-element-174b600:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-174b600 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_01_Abg-1.webp");background-position:0px 50px;background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-174b600.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2044 .elementor-element.elementor-element-2947973{--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-2044 .elementor-element.elementor-element-46d4d06{--display:flex;--min-height:680px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:205px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2044 .elementor-element.elementor-element-aeb26b1 .elementor-button{background-color:#2E55FF00;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:700;line-height:1em;letter-spacing:-0.5px;fill:#2E55FF;color:#2E55FF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D5B2FF;border-radius:999px 999px 999px 999px;padding:10px 14px 6px 20px;}.elementor-2044 .elementor-element.elementor-element-aeb26b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2044 .elementor-element.elementor-element-54177de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2044 .elementor-element.elementor-element-54177de .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;letter-spacing:-2px;color:#132B7A;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-2044 .elementor-element.elementor-element-8261b1a{margin:0px 230px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;line-height:1.5em;letter-spacing:0px;color:#24356F;}.elementor-2044 .elementor-element.elementor-element-60d7d11{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-a308b76{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-26edc4a .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:-0.5px;fill:#FFFFFF;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-23e0a4a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-8f7ae20{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-05557f2 .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:-0.5px;fill:#FFFFFF;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-9c10f45{--display:flex;--min-height:680px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-f1b8ce7{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:70px;--padding-left:140px;--padding-right:140px;}.elementor-2044 .elementor-element.elementor-element-f1b8ce7:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-f1b8ce7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#040720;background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_01_Bbg.webp");background-position:0px 50px;background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-f1b8ce7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2044 .elementor-element.elementor-element-386aac8{--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-2044 .elementor-element.elementor-element-b049344{--display:flex;--min-height:680px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:205px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-358f468 .elementor-button{background-color:#2E55FF00;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:700;line-height:1em;letter-spacing:-0.5px;fill:#2E55FF;color:#2E55FF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D5B2FF;border-radius:999px 999px 999px 999px;padding:10px 14px 6px 20px;}.elementor-2044 .elementor-element.elementor-element-358f468{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-66aeb6c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2044 .elementor-element.elementor-element-66aeb6c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;letter-spacing:-2px;color:#132B7A;}.elementor-2044 .elementor-element.elementor-element-37db641{margin:0px 230px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;line-height:1.5em;letter-spacing:0px;color:#24356F;}.elementor-2044 .elementor-element.elementor-element-7c7eac5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-e5b5fbd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-164bece .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:-0.5px;fill:#FFFFFF;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-36c2ec4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-8070933{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-01da6e8 .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:-0.5px;fill:#FFFFFF;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-1dadd6c{--display:flex;--min-height:680px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-28ec023{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:210px;--padding-right:210px;}.elementor-2044 .elementor-element.elementor-element-28ec023:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-28ec023 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-28ec023.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2044 .elementor-element.elementor-element-0cb49b0{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF8C;--border-color:#FFFFFF8C;--border-radius:18px 18px 18px 18px;box-shadow:0px 8px 24px 0px rgba(44.00000000000001, 62, 80, 0.08);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:18px;--padding-left:28px;--padding-right:28px;}.elementor-2044 .elementor-element.elementor-element-0cb49b0:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-0cb49b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB8;}.elementor-2044 .elementor-element.elementor-element-d41ab42{--e-image-carousel-slides-to-show:5;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-867e13e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:210px;--padding-right:210px;}.elementor-2044 .elementor-element.elementor-element-867e13e:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-867e13e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#07002E;}.elementor-2044 .elementor-element.elementor-element-867e13e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2044 .elementor-element.elementor-element-a69756f{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF8C;--border-color:#FFFFFF8C;--border-radius:18px 18px 18px 18px;box-shadow:0px 8px 24px 0px rgba(44.00000000000001, 62, 80, 0.08);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:18px;--padding-left:28px;--padding-right:28px;}.elementor-2044 .elementor-element.elementor-element-a69756f:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-a69756f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00011DE0;}.elementor-2044 .elementor-element.elementor-element-52800b2{--e-image-carousel-slides-to-show:5;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-314cd75{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:70px;--padding-left:140px;--padding-right:140px;}.elementor-2044 .elementor-element.elementor-element-314cd75:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-314cd75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_02_ABG.webp");background-position:0px 50px;background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-314cd75.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2044 .elementor-element.elementor-element-80ed5cd{--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-2044 .elementor-element.elementor-element-a13bd55{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2044 .elementor-element.elementor-element-267ba35 .elementor-button{background-color:#2E55FF00;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:700;line-height:1em;letter-spacing:-0.5px;fill:#2E55FF;color:#2E55FF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D5B2FF;border-radius:999px 999px 999px 999px;padding:10px 14px 6px 20px;}.elementor-2044 .elementor-element.elementor-element-267ba35{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-94f19d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2044 .elementor-element.elementor-element-94f19d0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;letter-spacing:-2px;color:#132B7A;}.elementor-2044 .elementor-element.elementor-element-ae9adb8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:1.5em;letter-spacing:0px;color:#5E6EA8;}.elementor-2044 .elementor-element.elementor-element-628bbb3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;}.elementor-2044 .elementor-element.elementor-element-38290a9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-2044 .elementor-element.elementor-element-910ede2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;color:#06195C;}.elementor-2044 .elementor-element.elementor-element-29999e4{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;}.elementor-2044 .elementor-element.elementor-element-ff50708{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-2044 .elementor-element.elementor-element-89efcf3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;color:#06195C;}.elementor-2044 .elementor-element.elementor-element-44faeec{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;}.elementor-2044 .elementor-element.elementor-element-99e69aa{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-2044 .elementor-element.elementor-element-501d1af .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;color:#06195C;}.elementor-2044 .elementor-element.elementor-element-4ca8fb3{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;}.elementor-2044 .elementor-element.elementor-element-196c1b4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-2px;--margin-bottom:-2px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:70px;--padding-left:140px;--padding-right:140px;}.elementor-2044 .elementor-element.elementor-element-196c1b4:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-196c1b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_02_ABG2.webp");background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-196c1b4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2044 .elementor-element.elementor-element-5605fe8{--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-2044 .elementor-element.elementor-element-d332273{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2044 .elementor-element.elementor-element-fb88d8f .elementor-button{background-color:#2E55FF00;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:700;line-height:1em;letter-spacing:-0.5px;fill:#2E55FF;color:#2E55FF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D5B2FF;border-radius:999px 999px 999px 999px;padding:10px 14px 6px 20px;}.elementor-2044 .elementor-element.elementor-element-fb88d8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-b44684d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2044 .elementor-element.elementor-element-b44684d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;letter-spacing:-2px;color:#132B7A;}.elementor-2044 .elementor-element.elementor-element-5e91a6d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:1.5em;letter-spacing:0px;color:#5E6EA8;}.elementor-2044 .elementor-element.elementor-element-3fe3e55{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;}.elementor-2044 .elementor-element.elementor-element-ff2933c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-2044 .elementor-element.elementor-element-403ee3b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;color:#06195C;}.elementor-2044 .elementor-element.elementor-element-c994662{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;}.elementor-2044 .elementor-element.elementor-element-ebbeb4c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-2044 .elementor-element.elementor-element-91af4b7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;color:#06195C;}.elementor-2044 .elementor-element.elementor-element-e567134{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;}.elementor-2044 .elementor-element.elementor-element-4941982{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-2044 .elementor-element.elementor-element-9e8ae77 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;color:#06195C;}.elementor-2044 .elementor-element.elementor-element-811c59c{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;}.elementor-2044 .elementor-element.elementor-element-d8167ae{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-2044 .elementor-element.elementor-element-d8167ae:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-d8167ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-d8167ae.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2044 .elementor-element.elementor-element-407b89b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-8343878{--display:flex;}.elementor-2044 .elementor-element.elementor-element-36f04c8{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-24f57ee{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2044 .elementor-element.elementor-element-1606984{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-1606984 img{width:100%;}.elementor-2044 .elementor-element.elementor-element-b43c788{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-f1102e1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-722d4d5{--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;--justify-content:center;}.elementor-2044 .elementor-element.elementor-element-d6ed350{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-d6ed350 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:700;color:#2558FF;}.elementor-2044 .elementor-element.elementor-element-c70e0a5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:800;color:#06195C;}.elementor-2044 .elementor-element.elementor-element-d33b722{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:1.2em;color:#263B8F;}.elementor-2044 .elementor-element.elementor-element-2c28d8b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-c7af40a{--display:flex;}.elementor-2044 .elementor-element.elementor-element-bf987eb{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-2371130{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-dd04397{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-dd04397 img{width:100%;}.elementor-2044 .elementor-element.elementor-element-d700700{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-2aaf191{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-152f1b5{--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;--justify-content:center;}.elementor-2044 .elementor-element.elementor-element-e0366e6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-e0366e6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:700;color:#2558FF;}.elementor-2044 .elementor-element.elementor-element-2bfd303 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:800;color:#06195C;}.elementor-2044 .elementor-element.elementor-element-628f366{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:1.2em;color:#263B8F;}.elementor-2044 .elementor-element.elementor-element-9e528c3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-8c2220f{--display:flex;}.elementor-2044 .elementor-element.elementor-element-2163894{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-88bd262{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-4de9be5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-4de9be5 img{width:100%;}.elementor-2044 .elementor-element.elementor-element-41e1f6f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-a7ed339{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-73e60a0{--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;--justify-content:center;}.elementor-2044 .elementor-element.elementor-element-e82f23b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-e82f23b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:700;color:#2558FF;}.elementor-2044 .elementor-element.elementor-element-3e36b6c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:800;color:#06195C;}.elementor-2044 .elementor-element.elementor-element-796898c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:1.2em;color:#263B8F;}.elementor-2044 .elementor-element.elementor-element-2e40b43{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-44e774b{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-2044 .elementor-element.elementor-element-5ebada3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-2044 .elementor-element.elementor-element-5ebada3:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-5ebada3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#03021A;}.elementor-2044 .elementor-element.elementor-element-5ebada3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2044 .elementor-element.elementor-element-3b64fe6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-2044 .elementor-element.elementor-element-3b64fe6:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-3b64fe6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#03021A;}.elementor-2044 .elementor-element.elementor-element-3b64fe6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2044 .elementor-element.elementor-element-7a6120a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-36a0a22{--display:flex;}.elementor-2044 .elementor-element.elementor-element-f9efe12{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-d7ad0de{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-26cf938{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-26cf938 img{width:100%;}.elementor-2044 .elementor-element.elementor-element-7a5f209{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-902a51a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-09dba7d{--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;--justify-content:center;}.elementor-2044 .elementor-element.elementor-element-5755d23{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-5755d23 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:700;color:#2558FF;}.elementor-2044 .elementor-element.elementor-element-93df3e9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:800;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-aad5cd6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:1.2em;color:#263B8F;}.elementor-2044 .elementor-element.elementor-element-070b81e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-006b422{--display:flex;}.elementor-2044 .elementor-element.elementor-element-15601ba{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-90479ef{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-f7ce7b4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-f7ce7b4 img{width:100%;}.elementor-2044 .elementor-element.elementor-element-c983b0b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-3580605{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-e9c0987{--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;--justify-content:center;}.elementor-2044 .elementor-element.elementor-element-901d81c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-901d81c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:700;color:#2558FF;}.elementor-2044 .elementor-element.elementor-element-2d90a2f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:800;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-db90764{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:1.2em;color:#263B8F;}.elementor-2044 .elementor-element.elementor-element-c221266{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-e3b2406{--display:flex;}.elementor-2044 .elementor-element.elementor-element-fb7efb4{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-01ab161{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-7c41e0e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-7c41e0e img{width:100%;}.elementor-2044 .elementor-element.elementor-element-0bf098c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-5f22302{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-fda2d72{--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;--justify-content:center;}.elementor-2044 .elementor-element.elementor-element-560bbe6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-560bbe6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:700;color:#2558FF;}.elementor-2044 .elementor-element.elementor-element-585aabf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:800;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-c832c27{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;line-height:1.2em;color:#263B8F;}.elementor-2044 .elementor-element.elementor-element-0fe415c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-a50ac53{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-2044 .elementor-element.elementor-element-0c91d54{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:140px;--padding-right:140px;}.elementor-2044 .elementor-element.elementor-element-0c91d54:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-0c91d54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_05_Abg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-0c91d54.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2044 .elementor-element.elementor-element-7b5696b{--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-2044 .elementor-element.elementor-element-d95cbce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2044 .elementor-element.elementor-element-d95cbce .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:700;color:#080D34;}.elementor-2044 .elementor-element.elementor-element-3c4eeb6{text-align:center;}.elementor-2044 .elementor-element.elementor-element-3c4eeb6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:700;color:#080D34;}.elementor-2044 .elementor-element.elementor-element-b573f6d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#101A4A;}.elementor-2044 .elementor-element.elementor-element-6d38c88 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-882c077{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:140px;--padding-right:140px;}.elementor-2044 .elementor-element.elementor-element-882c077:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-882c077 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_05_Bbg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-882c077.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2044 .elementor-element.elementor-element-98c6c84{--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-2044 .elementor-element.elementor-element-43df945{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2044 .elementor-element.elementor-element-43df945 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:700;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-9a6a682{text-align:center;}.elementor-2044 .elementor-element.elementor-element-9a6a682 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:700;color:#080D34;}.elementor-2044 .elementor-element.elementor-element-9c976d9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#D9DFFF;}.elementor-2044 .elementor-element.elementor-element-34af101 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-f7fe517{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:70px;--padding-left:140px;--padding-right:140px;}.elementor-2044 .elementor-element.elementor-element-f7fe517:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-f7fe517 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_06_Abg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-f7fe517.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2044 .elementor-element.elementor-element-bd0b55a{--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-2044 .elementor-element.elementor-element-4895ff0{--display:flex;--min-height:680px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:205px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-10f3ddd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -12px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2044 .elementor-element.elementor-element-10f3ddd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;letter-spacing:-2px;color:#132B7A;}.elementor-2044 .elementor-element.elementor-element-020e799{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2044 .elementor-element.elementor-element-020e799 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;letter-spacing:-2px;color:#132B7A;}.elementor-2044 .elementor-element.elementor-element-fcfe436{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;line-height:1.5em;letter-spacing:0px;color:#24356F;}.elementor-2044 .elementor-element.elementor-element-669b75f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-0834634{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-967e19f .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:-0.5px;fill:#FFFFFF;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-49f5388{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-116e023{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-0c5d158 .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:-0.5px;fill:#FFFFFF;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-51416b8{--display:flex;--min-height:680px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-5412835{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:70px;--padding-left:140px;--padding-right:140px;}.elementor-2044 .elementor-element.elementor-element-5412835:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-5412835 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_06_BBG.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-5412835.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2044 .elementor-element.elementor-element-eaaf5f6{--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-2044 .elementor-element.elementor-element-7588b43{--display:flex;--min-height:680px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:205px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-de278b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -12px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2044 .elementor-element.elementor-element-de278b2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;letter-spacing:-2px;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-97fa26a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2044 .elementor-element.elementor-element-97fa26a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;letter-spacing:-2px;color:#132B7A;}.elementor-2044 .elementor-element.elementor-element-d4ba2a6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;line-height:1.5em;letter-spacing:0px;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-c5eb152{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-1f5ee29{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-9a88ac8 .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:-0.5px;fill:#FFFFFF;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-06aaa8f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-6b452d9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-2e5b409 .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:-0.5px;fill:#FFFFFF;color:#FFFFFF;}.elementor-2044 .elementor-element.elementor-element-0f7d142{--display:flex;--min-height:680px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:0px;}@media(max-width:1024px){.elementor-2044 .elementor-element.elementor-element-174b600:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-174b600 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_01_Abg-1.webp");background-position:-57px 90px;background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-174b600{--min-height:0vh;--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:220px;--padding-bottom:30px;--padding-left:30px;--padding-right:80px;}.elementor-2044 .elementor-element.elementor-element-46d4d06{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-aeb26b1 .elementor-button{font-size:11px;}.elementor-2044 .elementor-element.elementor-element-54177de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-54177de .elementor-heading-title{font-size:17px;}.elementor-2044 .elementor-element.elementor-element-8261b1a{margin:0px 0300px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:13px;}.elementor-2044 .elementor-element.elementor-element-15efdbf{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-9c10f45{--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-f1b8ce7:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-f1b8ce7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_01_Bbg.webp");background-position:-57px 90px;background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-f1b8ce7{--min-height:0vh;--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:220px;--padding-bottom:30px;--padding-left:30px;--padding-right:80px;}.elementor-2044 .elementor-element.elementor-element-b049344{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-358f468 .elementor-button{font-size:11px;}.elementor-2044 .elementor-element.elementor-element-66aeb6c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-66aeb6c .elementor-heading-title{font-size:17px;}.elementor-2044 .elementor-element.elementor-element-37db641{margin:0px 0300px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:13px;}.elementor-2044 .elementor-element.elementor-element-a612a5b{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-1dadd6c{--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-28ec023{--min-height:0vh;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-2044 .elementor-element.elementor-element-0cb49b0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-d41ab42{--e-image-carousel-slides-to-show:2;}.elementor-2044 .elementor-element.elementor-element-867e13e{--min-height:0vh;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-2044 .elementor-element.elementor-element-a69756f{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-52800b2{--e-image-carousel-slides-to-show:2;}.elementor-2044 .elementor-element.elementor-element-314cd75{--min-height:0vh;--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:40px;--padding-bottom:40px;--padding-left:80px;--padding-right:80px;}.elementor-2044 .elementor-element.elementor-element-314cd75:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-314cd75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-57px 90px;background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-267ba35 .elementor-button{font-size:11px;}.elementor-2044 .elementor-element.elementor-element-94f19d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-94f19d0 .elementor-heading-title{font-size:17px;}.elementor-2044 .elementor-element.elementor-element-ae9adb8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:13px;}.elementor-2044 .elementor-element.elementor-element-628bbb3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-910ede2 .elementor-heading-title{font-size:15px;}.elementor-2044 .elementor-element.elementor-element-29999e4{font-size:12px;}.elementor-2044 .elementor-element.elementor-element-89efcf3 .elementor-heading-title{font-size:15px;}.elementor-2044 .elementor-element.elementor-element-44faeec{font-size:12px;}.elementor-2044 .elementor-element.elementor-element-501d1af .elementor-heading-title{font-size:15px;}.elementor-2044 .elementor-element.elementor-element-4ca8fb3{font-size:12px;}.elementor-2044 .elementor-element.elementor-element-196c1b4{--min-height:0vh;--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:40px;--padding-bottom:40px;--padding-left:80px;--padding-right:80px;}.elementor-2044 .elementor-element.elementor-element-196c1b4:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-196c1b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-fb88d8f .elementor-button{font-size:11px;}.elementor-2044 .elementor-element.elementor-element-b44684d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-b44684d .elementor-heading-title{font-size:17px;}.elementor-2044 .elementor-element.elementor-element-5e91a6d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:13px;}.elementor-2044 .elementor-element.elementor-element-3fe3e55{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-403ee3b .elementor-heading-title{font-size:15px;}.elementor-2044 .elementor-element.elementor-element-c994662{font-size:12px;}.elementor-2044 .elementor-element.elementor-element-91af4b7 .elementor-heading-title{font-size:15px;}.elementor-2044 .elementor-element.elementor-element-e567134{font-size:12px;}.elementor-2044 .elementor-element.elementor-element-9e8ae77 .elementor-heading-title{font-size:15px;}.elementor-2044 .elementor-element.elementor-element-811c59c{font-size:12px;}.elementor-2044 .elementor-element.elementor-element-d8167ae{--min-height:0vh;--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:40px;--padding-bottom:40px;--padding-left:80px;--padding-right:80px;}.elementor-2044 .elementor-element.elementor-element-44e774b{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2044 .elementor-element.elementor-element-5ebada3{--min-height:0vh;--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:40px;--padding-bottom:40px;--padding-left:80px;--padding-right:80px;}.elementor-2044 .elementor-element.elementor-element-3b64fe6{--min-height:0vh;--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:40px;--padding-bottom:40px;--padding-left:80px;--padding-right:80px;}.elementor-2044 .elementor-element.elementor-element-a50ac53{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2044 .elementor-element.elementor-element-0c91d54{--min-height:0vh;--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:40px;--padding-bottom:40px;--padding-left:80px;--padding-right:80px;}.elementor-2044 .elementor-element.elementor-element-0c91d54:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-0c91d54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-b573f6d{padding:0px 80px 0px 80px;}.elementor-2044 .elementor-element.elementor-element-882c077{--min-height:0vh;--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:40px;--padding-bottom:40px;--padding-left:80px;--padding-right:80px;}.elementor-2044 .elementor-element.elementor-element-882c077:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-882c077 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-9c976d9{padding:0px 80px 0px 80px;}.elementor-2044 .elementor-element.elementor-element-f7fe517:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-f7fe517 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_06_Abg.webp");background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-f7fe517{--min-height:0vh;--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:80px;}.elementor-2044 .elementor-element.elementor-element-4895ff0{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-10f3ddd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-10f3ddd .elementor-heading-title{font-size:17px;}.elementor-2044 .elementor-element.elementor-element-020e799{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-020e799 .elementor-heading-title{font-size:17px;}.elementor-2044 .elementor-element.elementor-element-fcfe436{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 200px 0px 0px;font-size:13px;}.elementor-2044 .elementor-element.elementor-element-51416b8{--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-5412835:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-5412835 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_06_BBG.webp");background-repeat:no-repeat;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-5412835{--min-height:0vh;--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:80px;}.elementor-2044 .elementor-element.elementor-element-7588b43{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-de278b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-de278b2 .elementor-heading-title{font-size:17px;}.elementor-2044 .elementor-element.elementor-element-97fa26a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-97fa26a .elementor-heading-title{font-size:17px;}.elementor-2044 .elementor-element.elementor-element-d4ba2a6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 200px 0px 0px;font-size:13px;}.elementor-2044 .elementor-element.elementor-element-0f7d142{--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-2044 .elementor-element.elementor-element-174b600:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-174b600 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_01_AMOBILEbg-1.webp");background-position:0px 190px;background-size:contain;}.elementor-2044 .elementor-element.elementor-element-174b600{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:105px;--padding-bottom:350px;--padding-left:25px;--padding-right:25px;}.elementor-2044 .elementor-element.elementor-element-2947973{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-46d4d06{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-aeb26b1 .elementor-button{font-size:10px;}.elementor-2044 .elementor-element.elementor-element-54177de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2044 .elementor-element.elementor-element-54177de .elementor-heading-title{font-size:22px;}.elementor-2044 .elementor-element.elementor-element-8261b1a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -18px) 0px;padding:0px 0px 0px 0px;font-size:11px;}.elementor-2044 .elementor-element.elementor-element-15efdbf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2044 .elementor-element.elementor-element-9c10f45{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-f1b8ce7:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-f1b8ce7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_01_AMOBILEbg2-1.webp");background-position:0px 190px;background-size:contain;}.elementor-2044 .elementor-element.elementor-element-f1b8ce7{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:105px;--padding-bottom:350px;--padding-left:25px;--padding-right:25px;}.elementor-2044 .elementor-element.elementor-element-386aac8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-b049344{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-358f468 .elementor-button{font-size:10px;}.elementor-2044 .elementor-element.elementor-element-66aeb6c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2044 .elementor-element.elementor-element-66aeb6c .elementor-heading-title{font-size:22px;}.elementor-2044 .elementor-element.elementor-element-37db641{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -18px) 0px;padding:0px 0px 0px 0px;font-size:11px;}.elementor-2044 .elementor-element.elementor-element-a612a5b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2044 .elementor-element.elementor-element-1dadd6c{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-28ec023{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-2044 .elementor-element.elementor-element-0cb49b0{--content-width:100%;--min-height:80px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2044 .elementor-element.elementor-element-0cb49b0.e-con{--align-self:center;}.elementor-2044 .elementor-element.elementor-element-d41ab42{--e-image-carousel-slides-to-show:3;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-867e13e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-2044 .elementor-element.elementor-element-a69756f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2044 .elementor-element.elementor-element-52800b2{--e-image-carousel-slides-to-show:3;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-314cd75:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-314cd75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 190px;background-size:contain;}.elementor-2044 .elementor-element.elementor-element-314cd75{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;}.elementor-2044 .elementor-element.elementor-element-80ed5cd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-267ba35 .elementor-button{font-size:10px;}.elementor-2044 .elementor-element.elementor-element-94f19d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2044 .elementor-element.elementor-element-94f19d0 .elementor-heading-title{font-size:22px;}.elementor-2044 .elementor-element.elementor-element-ae9adb8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -18px) 0px;padding:0px 0px 0px 0px;font-size:13px;}.elementor-2044 .elementor-element.elementor-element-196c1b4:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-196c1b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_02_AMOBILEbg2.webp");background-size:cover;}.elementor-2044 .elementor-element.elementor-element-196c1b4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;}.elementor-2044 .elementor-element.elementor-element-5605fe8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-fb88d8f .elementor-button{font-size:10px;}.elementor-2044 .elementor-element.elementor-element-b44684d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2044 .elementor-element.elementor-element-b44684d .elementor-heading-title{font-size:22px;}.elementor-2044 .elementor-element.elementor-element-5e91a6d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -18px) 0px;padding:0px 0px 0px 0px;font-size:13px;}.elementor-2044 .elementor-element.elementor-element-d8167ae{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-2044 .elementor-element.elementor-element-44e774b{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2044 .elementor-element.elementor-element-5ebada3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-2044 .elementor-element.elementor-element-3b64fe6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;}.elementor-2044 .elementor-element.elementor-element-a50ac53{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2044 .elementor-element.elementor-element-0c91d54:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-0c91d54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_05_AMOBILEbg.webp");background-position:35px 190px;background-size:contain;}.elementor-2044 .elementor-element.elementor-element-0c91d54{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:180px;--padding-left:25px;--padding-right:25px;}.elementor-2044 .elementor-element.elementor-element-d95cbce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-d95cbce .elementor-heading-title{font-size:32px;}.elementor-2044 .elementor-element.elementor-element-3c4eeb6 .elementor-heading-title{font-size:34px;}.elementor-2044 .elementor-element.elementor-element-b573f6d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:14px;}.elementor-2044 .elementor-element.elementor-element-6d38c88 .elementor-button{font-size:12px;}.elementor-2044 .elementor-element.elementor-element-882c077:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-882c077 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_05_BMOBILEbg.webp");background-position:center center;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-882c077{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:180px;--padding-left:25px;--padding-right:25px;}.elementor-2044 .elementor-element.elementor-element-43df945{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2044 .elementor-element.elementor-element-43df945 .elementor-heading-title{font-size:32px;}.elementor-2044 .elementor-element.elementor-element-9a6a682 .elementor-heading-title{font-size:34px;}.elementor-2044 .elementor-element.elementor-element-9c976d9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:14px;}.elementor-2044 .elementor-element.elementor-element-34af101 .elementor-button{font-size:12px;}.elementor-2044 .elementor-element.elementor-element-f7fe517:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-f7fe517 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_06_AMOBILEbg.webp");background-position:center center;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-f7fe517{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:400px;--padding-left:25px;--padding-right:25px;}.elementor-2044 .elementor-element.elementor-element-bd0b55a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-4895ff0{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-10f3ddd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2044 .elementor-element.elementor-element-10f3ddd .elementor-heading-title{font-size:22px;}.elementor-2044 .elementor-element.elementor-element-020e799{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2044 .elementor-element.elementor-element-020e799 .elementor-heading-title{font-size:22px;}.elementor-2044 .elementor-element.elementor-element-fcfe436{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:11px;}.elementor-2044 .elementor-element.elementor-element-51416b8{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-5412835:not(.elementor-motion-effects-element-type-background), .elementor-2044 .elementor-element.elementor-element-5412835 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://allka.com.vc/wp-content/uploads/2026/05/Sessao_06_AMOBILEbg2.webp");background-position:center center;background-size:cover;}.elementor-2044 .elementor-element.elementor-element-5412835{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:400px;--padding-left:25px;--padding-right:25px;}.elementor-2044 .elementor-element.elementor-element-eaaf5f6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-7588b43{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2044 .elementor-element.elementor-element-de278b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2044 .elementor-element.elementor-element-de278b2 .elementor-heading-title{font-size:22px;}.elementor-2044 .elementor-element.elementor-element-97fa26a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2044 .elementor-element.elementor-element-97fa26a .elementor-heading-title{font-size:22px;}.elementor-2044 .elementor-element.elementor-element-d4ba2a6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:11px;}.elementor-2044 .elementor-element.elementor-element-0f7d142{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-2044 .elementor-element.elementor-element-46d4d06{--width:100%;}.elementor-2044 .elementor-element.elementor-element-a308b76{--width:45%;}.elementor-2044 .elementor-element.elementor-element-8f7ae20{--width:45%;}.elementor-2044 .elementor-element.elementor-element-9c10f45{--width:85%;}.elementor-2044 .elementor-element.elementor-element-b049344{--width:100%;}.elementor-2044 .elementor-element.elementor-element-e5b5fbd{--width:45%;}.elementor-2044 .elementor-element.elementor-element-8070933{--width:45%;}.elementor-2044 .elementor-element.elementor-element-1dadd6c{--width:85%;}.elementor-2044 .elementor-element.elementor-element-a69756f{--width:100%;}.elementor-2044 .elementor-element.elementor-element-38290a9{--width:33.33%;}.elementor-2044 .elementor-element.elementor-element-ff50708{--width:33.33%;}.elementor-2044 .elementor-element.elementor-element-99e69aa{--width:33.33%;}.elementor-2044 .elementor-element.elementor-element-ff2933c{--width:33.33%;}.elementor-2044 .elementor-element.elementor-element-ebbeb4c{--width:33.33%;}.elementor-2044 .elementor-element.elementor-element-4941982{--width:33.33%;}.elementor-2044 .elementor-element.elementor-element-24f57ee{--width:50%;}.elementor-2044 .elementor-element.elementor-element-722d4d5{--width:50%;}.elementor-2044 .elementor-element.elementor-element-2371130{--width:50%;}.elementor-2044 .elementor-element.elementor-element-152f1b5{--width:50%;}.elementor-2044 .elementor-element.elementor-element-88bd262{--width:50%;}.elementor-2044 .elementor-element.elementor-element-73e60a0{--width:50%;}.elementor-2044 .elementor-element.elementor-element-7a6120a{--content-width:100%;}.elementor-2044 .elementor-element.elementor-element-d7ad0de{--width:50%;}.elementor-2044 .elementor-element.elementor-element-09dba7d{--width:50%;}.elementor-2044 .elementor-element.elementor-element-90479ef{--width:50%;}.elementor-2044 .elementor-element.elementor-element-e9c0987{--width:50%;}.elementor-2044 .elementor-element.elementor-element-01ab161{--width:50%;}.elementor-2044 .elementor-element.elementor-element-fda2d72{--width:50%;}.elementor-2044 .elementor-element.elementor-element-4895ff0{--width:100%;}.elementor-2044 .elementor-element.elementor-element-0834634{--width:45%;}.elementor-2044 .elementor-element.elementor-element-116e023{--width:45%;}.elementor-2044 .elementor-element.elementor-element-51416b8{--width:85%;}.elementor-2044 .elementor-element.elementor-element-7588b43{--width:100%;}.elementor-2044 .elementor-element.elementor-element-1f5ee29{--width:45%;}.elementor-2044 .elementor-element.elementor-element-6b452d9{--width:45%;}.elementor-2044 .elementor-element.elementor-element-0f7d142{--width:85%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2044 .elementor-element.elementor-element-46d4d06{--width:100%;}.elementor-2044 .elementor-element.elementor-element-9c10f45{--width:0px;}.elementor-2044 .elementor-element.elementor-element-b049344{--width:100%;}.elementor-2044 .elementor-element.elementor-element-1dadd6c{--width:0px;}.elementor-2044 .elementor-element.elementor-element-a69756f{--width:46%;}.elementor-2044 .elementor-element.elementor-element-4895ff0{--width:100%;}.elementor-2044 .elementor-element.elementor-element-51416b8{--width:0px;}.elementor-2044 .elementor-element.elementor-element-7588b43{--width:100%;}.elementor-2044 .elementor-element.elementor-element-0f7d142{--width:0px;}}/* Start custom CSS for button, class: .elementor-element-aeb26b1 *//* =========================================
   ITEM 1 - WRAPPER DO SELO
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-aeb26b1{
  width:max-content;
}

/* =========================================
   ITEM 2 - BOTÃO / BASE
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-aeb26b1 .elementor-button{
  position:relative;
  background:rgba(255,255,255,0.55) !important;
  border:none !important;
  border-radius:999px !important;
  padding:11px 20px !important;
  box-shadow:none !important;
  line-height:1 !important;
}

/* =========================================
   ITEM 3 - BORDA COM DEGRADÊ CORRIGIDO
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-aeb26b1 .elementor-button:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  padding:2px;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

/* =========================================
   ITEM 4 - TEXTO COM O MESMO DEGRADÊ
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-aeb26b1 .elementor-button-text{
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;
  font-weight:700;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-54177de */.elementor-2044 .elementor-element.elementor-element-54177de .hero-titulo-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* TABLET */
@media (min-width:768px) and (max-width:1024px){
  .elementor-2044 .elementor-element.elementor-element-54177de .elementor-heading-title{
    max-width:620px;
  }
}

/* MOBILE */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-54177de .elementor-heading-title{
    max-width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8261b1a */.elementor-2044 .elementor-element.elementor-element-8261b1a{
  max-width:680px;
}

.elementor-2044 .elementor-element.elementor-element-8261b1a p{
  margin:0;
}

/* TABLET */
@media (min-width:768px) and (max-width:1024px){
  .elementor-2044 .elementor-element.elementor-element-8261b1a{
    max-width:620px;
  }
}

/* MOBILE */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-8261b1a{
    max-width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15efdbf */.elementor-2044 .elementor-element.elementor-element-15efdbf .hero-chamada-agencias-html{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  margin-top:30px;
}

.elementor-2044 .elementor-element.elementor-element-15efdbf .hero-chamada-icone-html{
  width:36px;
  height:36px;
  min-width:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  box-shadow:0 8px 18px rgba(37, 88, 255, 0.20);
}

.elementor-2044 .elementor-element.elementor-element-15efdbf .hero-rocket-svg{
  width:21px;
  height:21px;
  display:block;
  transform:rotate(-10deg);
}

.elementor-2044 .elementor-element.elementor-element-15efdbf .hero-rocket-svg path,
.elementor-2044 .elementor-element.elementor-element-15efdbf .hero-rocket-svg circle{
  stroke:#FFFFFF;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.elementor-2044 .elementor-element.elementor-element-15efdbf .hero-chamada-texto-html{
  font-family:Montserrat, sans-serif;
  font-size:22px;
  font-weight:800;
  line-height:1.2em;
  color:#132B7A;
  display:inline-block;
}

/* TABLET */
@media (min-width:768px) and (max-width:1024px){
  .elementor-2044 .elementor-element.elementor-element-15efdbf .hero-chamada-texto-html{
    font-size:20px;
  }
}

/* MOBILE */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-15efdbf .hero-chamada-agencias-html{
    gap:10px;
    margin-top:26px;
  }

  .elementor-2044 .elementor-element.elementor-element-15efdbf .hero-chamada-icone-html{
    width:34px;
    height:34px;
    min-width:34px;
  }

  .elementor-2044 .elementor-element.elementor-element-15efdbf .hero-rocket-svg{
    width:19px;
    height:19px;
  }

  .elementor-2044 .elementor-element.elementor-element-15efdbf .hero-chamada-texto-html{
    font-size:18px;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-26edc4a *//* =========================================
   SEÇÃO 10 - BOTÃO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-26edc4a .elementor-button{
  min-width:200px;
  min-height:58px;
  border-radius:999px;
  padding:0 10px 0 28px;
  background:linear-gradient(90deg, #070B78 0%, #6E2C96 55%, #D92293 100%) !important;
  color:#FFFFFF !important;
  border:none !important;
  box-shadow:0 16px 36px rgba(7,11,120,0.18);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    filter .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-26edc4a .elementor-button:hover{
  transform:translateY(-2px);
  filter:saturate(1.06);
  box-shadow:
    0 22px 48px rgba(7,11,120,0.24),
    0 0 22px rgba(166,30,134,0.16);
}

.elementor-2044 .elementor-element.elementor-element-26edc4a .elementor-button-content-wrapper{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.elementor-2044 .elementor-element.elementor-element-26edc4a .elementor-button-content-wrapper::after{
  content:"";
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:50%;
  border:2px solid transparent;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H18' stroke='%23090F8F' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M13 7L18 12L13 17' stroke='%23090F8F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 23px 23px no-repeat,
    linear-gradient(#FFFFFF, #FFFFFF) padding-box,
    linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%) border-box;
  transition:transform .28s ease, box-shadow .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-26edc4a .elementor-button:hover .elementor-button-content-wrapper::after{
  transform:translateX(3px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60d7d11 *//* =========================================
   SEÇÃO 10 - ÁREA DOS BOTÕES
   DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-60d7d11{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-60d7d11 > .e-con-inner{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-60d7d11 .secao-10-botao-wrap{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.elementor-2044 .elementor-element.elementor-element-60d7d11 .elementor-widget-button{
  width:auto !important;
  max-width:none !important;
}

.elementor-2044 .elementor-element.elementor-element-60d7d11 .elementor-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-60d7d11 .elementor-button-content-wrapper{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-60d7d11 .elementor-button-text{
  white-space:nowrap !important;
  line-height:1 !important;
}


/* =========================================
   SEÇÃO 10 - TABLET
   Mantém lado a lado, mas permite quebrar se faltar espaço
   ========================================= */

@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-60d7d11,
  .elementor-2044 .elementor-element.elementor-element-60d7d11 > .e-con-inner{
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:20px !important;
    flex-wrap:wrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-60d7d11 .secao-10-botao-wrap,
  .elementor-2044 .elementor-element.elementor-element-60d7d11 .elementor-widget-button{
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
  }

}


/* =========================================
   SEÇÃO 10 - MOBILE
   Botões um embaixo do outro
   ========================================= */

@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-60d7d11,
  .elementor-2044 .elementor-element.elementor-element-60d7d11 > .e-con-inner{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-60d7d11 .secao-10-botao-wrap{
    width:100% !important;
    max-width:330px !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .elementor-2044 .elementor-element.elementor-element-60d7d11 .elementor-widget-button{
    width:100% !important;
    max-width:330px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-60d7d11 .elementor-button{
    width:100% !important;
    min-width:0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-60d7d11 .elementor-button-content-wrapper{
    width:100% !important;
    justify-content:space-between !important;
  }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-05557f2 *//* =========================================
   SEÇÃO 10 - BOTÃO SECUNDÁRIO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-05557f2 .elementor-button{
  min-width:200px;
  min-height:58px;
  border-radius:999px;
  padding:0 28px;
  color:#6E2C96 !important;
  background:
    linear-gradient(#FFFFFF, #FFFFFF) padding-box,
    linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #D92293 100%) border-box !important;
  border:1.5px solid transparent !important;
  box-shadow:none;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    filter .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-05557f2 .elementor-button:hover{
  transform:translateY(-2px);
  filter:saturate(1.06);
  box-shadow:
    0 16px 36px rgba(37,88,255,0.10),
    0 0 20px rgba(166,30,134,0.12);
}

.elementor-2044 .elementor-element.elementor-element-05557f2 .elementor-button-content-wrapper{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.elementor-2044 .elementor-element.elementor-element-05557f2 .elementor-button-content-wrapper::after{
  content:"";
  width:22px;
  height:22px;
  min-width:22px;
  background:#D92293;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H18' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M13 7L18 12L13 17' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H18' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M13 7L18 12L13 17' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:22px 22px;
  mask-size:22px 22px;
  transition:transform .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-05557f2 .elementor-button:hover .elementor-button-content-wrapper::after{
  transform:translateX(3px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23e0a4a *//* =========================================
   SEÇÃO 10 - ÁREA DOS BOTÕES
   DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-23e0a4a{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-23e0a4a > .e-con-inner{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-23e0a4a .secao-10-botao-wrap{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.elementor-2044 .elementor-element.elementor-element-23e0a4a .elementor-widget-button{
  width:auto !important;
  max-width:none !important;
}

.elementor-2044 .elementor-element.elementor-element-23e0a4a .elementor-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-23e0a4a .elementor-button-content-wrapper{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-23e0a4a .elementor-button-text{
  white-space:nowrap !important;
  line-height:1 !important;
}


/* =========================================
   SEÇÃO 10 - TABLET
   Mantém lado a lado, mas permite quebrar se faltar espaço
   ========================================= */

@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-23e0a4a,
  .elementor-2044 .elementor-element.elementor-element-23e0a4a > .e-con-inner{
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:20px !important;
    flex-wrap:wrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-23e0a4a .secao-10-botao-wrap,
  .elementor-2044 .elementor-element.elementor-element-23e0a4a .elementor-widget-button{
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
  }

}


/* =========================================
   SEÇÃO 10 - MOBILE
   Botões um embaixo do outro
   ========================================= */

@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-23e0a4a,
  .elementor-2044 .elementor-element.elementor-element-23e0a4a > .e-con-inner{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-23e0a4a .secao-10-botao-wrap{
    width:100% !important;
    max-width:330px !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .elementor-2044 .elementor-element.elementor-element-23e0a4a .elementor-widget-button{
    width:100% !important;
    max-width:330px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-23e0a4a .elementor-button{
    width:100% !important;
    min-width:0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-23e0a4a .elementor-button-content-wrapper{
    width:100% !important;
    justify-content:space-between !important;
  }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-358f468 *//* =========================================
   ITEM 1 - WRAPPER DO SELO
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-358f468{
  width:max-content;
}

/* =========================================
   ITEM 2 - BOTÃO / BASE
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-358f468 .elementor-button{
  position:relative;
  background:rgba() !important;
  border:none !important;
  border-radius:999px !important;
  padding:11px 20px !important;
  box-shadow:none !important;
  line-height:1 !important;
}

/* =========================================
   ITEM 3 - BORDA COM DEGRADÊ CORRIGIDO
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-358f468 .elementor-button:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  padding:2px;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

/* =========================================
   ITEM 4 - TEXTO COM O MESMO DEGRADÊ
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-358f468 .elementor-button-text{
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;
  font-weight:700;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-66aeb6c */.elementor-2044 .elementor-element.elementor-element-66aeb6c .hero-titulo-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* TABLET */
@media (min-width:768px) and (max-width:1024px){
  .elementor-2044 .elementor-element.elementor-element-66aeb6c .elementor-heading-title{
    max-width:620px;
  }
}

/* MOBILE */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-66aeb6c .elementor-heading-title{
    max-width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-37db641 */.elementor-2044 .elementor-element.elementor-element-37db641{
  max-width:680px;
}

.elementor-2044 .elementor-element.elementor-element-37db641 p{
  margin:0;
}

/* TABLET */
@media (min-width:768px) and (max-width:1024px){
  .elementor-2044 .elementor-element.elementor-element-37db641{
    max-width:620px;
  }
}

/* MOBILE */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-37db641{
    max-width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a612a5b */.elementor-2044 .elementor-element.elementor-element-a612a5b .hero-chamada-agencias-html{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  margin-top:30px;
}

.elementor-2044 .elementor-element.elementor-element-a612a5b .hero-chamada-icone-html{
  width:36px;
  height:36px;
  min-width:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  box-shadow:0 8px 18px rgba(37, 88, 255, 0.20);
}

.elementor-2044 .elementor-element.elementor-element-a612a5b .hero-rocket-svg{
  width:21px;
  height:21px;
  display:block;
  transform:rotate(-10deg);
}

.elementor-2044 .elementor-element.elementor-element-a612a5b .hero-rocket-svg path,
.elementor-2044 .elementor-element.elementor-element-a612a5b .hero-rocket-svg circle{
  stroke:#FFFFFF;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.elementor-2044 .elementor-element.elementor-element-a612a5b .hero-chamada-texto-html{
  font-family:Montserrat, sans-serif;
  font-size:22px;
  font-weight:800;
  line-height:1.2em;
  color:#132B7A;
  display:inline-block;
}

/* TABLET */
@media (min-width:768px) and (max-width:1024px){
  .elementor-2044 .elementor-element.elementor-element-a612a5b .hero-chamada-texto-html{
    font-size:20px;
  }
}

/* MOBILE */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-a612a5b .hero-chamada-agencias-html{
    gap:10px;
    margin-top:26px;
  }

  .elementor-2044 .elementor-element.elementor-element-a612a5b .hero-chamada-icone-html{
    width:34px;
    height:34px;
    min-width:34px;
  }

  .elementor-2044 .elementor-element.elementor-element-a612a5b .hero-rocket-svg{
    width:19px;
    height:19px;
  }

  .elementor-2044 .elementor-element.elementor-element-a612a5b .hero-chamada-texto-html{
    font-size:18px;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-164bece *//* =========================================
   SEÇÃO 10 - BOTÃO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-164bece .elementor-button{
  min-width:200px;
  min-height:58px;
  border-radius:999px;
  padding:0 10px 0 28px;
  background:linear-gradient(90deg, #070B78 0%, #6E2C96 55%, #D92293 100%) !important;
  color:#FFFFFF !important;
  border:none !important;
  box-shadow:0 16px 36px rgba(7,11,120,0.18);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    filter .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-164bece .elementor-button:hover{
  transform:translateY(-2px);
  filter:saturate(1.06);
  box-shadow:
    0 22px 48px rgba(7,11,120,0.24),
    0 0 22px rgba(166,30,134,0.16);
}

.elementor-2044 .elementor-element.elementor-element-164bece .elementor-button-content-wrapper{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.elementor-2044 .elementor-element.elementor-element-164bece .elementor-button-content-wrapper::after{
  content:"";
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:50%;
  border:2px solid transparent;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H18' stroke='%23090F8F' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M13 7L18 12L13 17' stroke='%23090F8F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 23px 23px no-repeat,
    linear-gradient(#FFFFFF, #FFFFFF) padding-box,
    linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%) border-box;
  transition:transform .28s ease, box-shadow .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-164bece .elementor-button:hover .elementor-button-content-wrapper::after{
  transform:translateX(3px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c7eac5 *//* =========================================
   SEÇÃO 10 - ÁREA DOS BOTÕES
   DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-7c7eac5{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-7c7eac5 > .e-con-inner{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-7c7eac5 .secao-10-botao-wrap{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.elementor-2044 .elementor-element.elementor-element-7c7eac5 .elementor-widget-button{
  width:auto !important;
  max-width:none !important;
}

.elementor-2044 .elementor-element.elementor-element-7c7eac5 .elementor-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-7c7eac5 .elementor-button-content-wrapper{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-7c7eac5 .elementor-button-text{
  white-space:nowrap !important;
  line-height:1 !important;
}


/* =========================================
   SEÇÃO 10 - TABLET
   Mantém lado a lado, mas permite quebrar se faltar espaço
   ========================================= */

@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-7c7eac5,
  .elementor-2044 .elementor-element.elementor-element-7c7eac5 > .e-con-inner{
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:20px !important;
    flex-wrap:wrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-7c7eac5 .secao-10-botao-wrap,
  .elementor-2044 .elementor-element.elementor-element-7c7eac5 .elementor-widget-button{
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
  }

}


/* =========================================
   SEÇÃO 10 - MOBILE
   Botões um embaixo do outro
   ========================================= */

@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-7c7eac5,
  .elementor-2044 .elementor-element.elementor-element-7c7eac5 > .e-con-inner{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-7c7eac5 .secao-10-botao-wrap{
    width:100% !important;
    max-width:330px !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .elementor-2044 .elementor-element.elementor-element-7c7eac5 .elementor-widget-button{
    width:100% !important;
    max-width:330px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-7c7eac5 .elementor-button{
    width:100% !important;
    min-width:0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-7c7eac5 .elementor-button-content-wrapper{
    width:100% !important;
    justify-content:space-between !important;
  }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-01da6e8 *//* =========================================
   SEÇÃO 10 - BOTÃO SECUNDÁRIO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01da6e8 .elementor-button{
  min-width:200px;
  min-height:58px;
  border-radius:999px;
  padding:0 28px;
  color:#6E2C96 !important;
  background:
    linear-gradient(#000000, #000000) padding-box,
    linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #D92293 100%) border-box !important;
  border:1.5px solid transparent !important;
  box-shadow:none;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    filter .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-01da6e8 .elementor-button:hover{
  transform:translateY(-2px);
  filter:saturate(1.06);
  box-shadow:
    0 16px 36px rgba(37,88,255,0.10),
    0 0 20px rgba(166,30,134,0.12);
}

.elementor-2044 .elementor-element.elementor-element-01da6e8 .elementor-button-content-wrapper{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.elementor-2044 .elementor-element.elementor-element-01da6e8 .elementor-button-content-wrapper::after{
  content:"";
  width:22px;
  height:22px;
  min-width:22px;
  background:#D92293;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H18' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M13 7L18 12L13 17' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H18' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M13 7L18 12L13 17' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:22px 22px;
  mask-size:22px 22px;
  transition:transform .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-01da6e8 .elementor-button:hover .elementor-button-content-wrapper::after{
  transform:translateX(3px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36c2ec4 *//* =========================================
   SEÇÃO 10 - ÁREA DOS BOTÕES
   DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-36c2ec4{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-36c2ec4 > .e-con-inner{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-36c2ec4 .secao-10-botao-wrap{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.elementor-2044 .elementor-element.elementor-element-36c2ec4 .elementor-widget-button{
  width:auto !important;
  max-width:none !important;
}

.elementor-2044 .elementor-element.elementor-element-36c2ec4 .elementor-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-36c2ec4 .elementor-button-content-wrapper{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-36c2ec4 .elementor-button-text{
  white-space:nowrap !important;
  line-height:1 !important;
}


/* =========================================
   SEÇÃO 10 - TABLET
   Mantém lado a lado, mas permite quebrar se faltar espaço
   ========================================= */

@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-36c2ec4,
  .elementor-2044 .elementor-element.elementor-element-36c2ec4 > .e-con-inner{
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:20px !important;
    flex-wrap:wrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-36c2ec4 .secao-10-botao-wrap,
  .elementor-2044 .elementor-element.elementor-element-36c2ec4 .elementor-widget-button{
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
  }

}


/* =========================================
   SEÇÃO 10 - MOBILE
   Botões um embaixo do outro
   ========================================= */

@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-36c2ec4,
  .elementor-2044 .elementor-element.elementor-element-36c2ec4 > .e-con-inner{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-36c2ec4 .secao-10-botao-wrap{
    width:100% !important;
    max-width:330px !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .elementor-2044 .elementor-element.elementor-element-36c2ec4 .elementor-widget-button{
    width:100% !important;
    max-width:330px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-36c2ec4 .elementor-button{
    width:100% !important;
    min-width:0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-36c2ec4 .elementor-button-content-wrapper{
    width:100% !important;
    justify-content:space-between !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1b8ce7 *//* =========================================
   HERO AGÊNCIAS - VERSÃO ESCURA
   COLE NO CONTAINER DOS TEXTOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-f1b8ce7{
  position:relative;
}

/* SELO SUPERIOR */
.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-selo-agencias .elementor-heading-title{
  color:#FFFFFF !important;
  border-color:rgba(100, 140, 255, 0.45) !important;
  background:rgba(8, 14, 32, 0.55) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 10px 28px rgba(37, 88, 255, 0.12);
}

/* TÍTULO PRINCIPAL */
.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-titulo-agencias .elementor-heading-title{
  color:#FFFFFF !important;
}

/* PARTE EM GRADIENTE DO TÍTULO */
.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-titulo-agencias .hero-titulo-gradiente{
  background:linear-gradient(90deg, #5E82FF 0%, #A86BFF 52%, #FF4FC3 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}

/* TEXTO DE APOIO */
.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-texto-agencias,
.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-texto-agencias p,
.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-texto-agencias .elementor-widget-container{
  color:#D6DCEA !important;
}

/* CHAMADA COM FOGUETE */
.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-chamada-agencias-html{
  color:#FFFFFF !important;
}

.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-chamada-texto-html{
  color:#FFFFFF !important;
}

/* CÍRCULO DO ÍCONE */
.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-chamada-icone-html{
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%) !important;
  box-shadow:
    0 8px 24px rgba(37, 88, 255, 0.28),
    0 0 22px rgba(166, 30, 134, 0.18);
}

/* BOTÕES */
.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-botoes-agencias{
  position:relative;
}

/* BOTÃO PRINCIPAL */
.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-botao-principal-agencias .elementor-button{
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%) !important;
  color:#FFFFFF !important;
  box-shadow:
    0 12px 30px rgba(37, 88, 255, 0.30),
    0 0 24px rgba(166, 30, 134, 0.18);
}

.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-botao-principal-agencias .elementor-button:hover{
  transform:translateY(-2px);
  box-shadow:
    0 16px 38px rgba(37, 88, 255, 0.38),
    0 0 32px rgba(166, 30, 134, 0.24);
}

/* CASO TENHA BOTÃO SECUNDÁRIO DEPOIS */
.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-botao-secundario-agencias .elementor-button{
  background:rgba(8, 14, 32, 0.55) !important;
  color:#FFFFFF !important;
  border:1px solid rgba(100, 140, 255, 0.38) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-botao-secundario-agencias .elementor-button:hover{
  border-color:rgba(166, 30, 134, 0.65) !important;
  box-shadow:0 12px 28px rgba(37, 88, 255, 0.20);
}

/* MOBILE */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-f1b8ce7 .hero-selo-agencias .elementor-heading-title{
    box-shadow:0 8px 20px rgba(37, 88, 255, 0.10);
  }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-d41ab42 *//* =========================================
   ITEM 1 - ÁREA GERAL DO CARROSSEL
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-d41ab42{
  width:100%;
  overflow:visible !important;
}

/* =========================================
   ITEM 2 - WRAPPER DOS SLIDES
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-d41ab42 .swiper-wrapper{
  align-items:center !important;
}

.elementor-2044 .elementor-element.elementor-element-d41ab42 .swiper-slide{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:all .25s ease;
}

/* =========================================
   ITEM 3 - LOGOS MAIORES
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-d41ab42 .swiper-slide img{
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:64px !important;
  object-fit:contain !important;
  transition:transform .25s ease, filter .25s ease, opacity .25s ease;
  opacity:0.9;
}

.elementor-2044 .elementor-element.elementor-element-d41ab42:hover .swiper-slide img{
  opacity:0.65;
}

.elementor-2044 .elementor-element.elementor-element-d41ab42 .swiper-slide:hover img{
  transform:translateY(-4px) scale(1.06);
  opacity:1;
  filter:drop-shadow(0 6px 14px rgba(80, 70, 180, 0.18));
}

/* =========================================
   ITEM 4 - SETAS
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper-button{
  width:48px;
  height:48px;
  border-radius:50%;
  background:rgba(255,255,255,0.95);
  box-shadow:0 8px 18px rgba(44,62,80,0.10);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .25s ease;
  top:50%;
  transform:translateY(-50%);
  z-index:50;
}

.elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper-button:hover{
  transform:translateY(-50%) scale(1.06);
  box-shadow:0 10px 24px rgba(44,62,80,0.16);
}

.elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper-button i,
.elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper-button svg{
  font-size:16px;
  color:#A061D8 !important;
  fill:#A061D8 !important;
}

/* =========================================
   ITEM 5 - POSIÇÃO DAS SETAS
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper-button-prev{
  left:-56px;
}

.elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper-button-next{
  right:-56px;
}

/* =========================================
   ITEM 6 - AJUSTE SE O ELEMENTOR USAR SVG
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper-button svg{
  width:16px;
  height:16px;
}

/* =========================================
   ITEM 7 - RESPONSIVO DESKTOP MAIOR
   ========================================= */
@media (min-width:1400px){
  .elementor-2044 .elementor-element.elementor-element-d41ab42 .swiper-slide img{
    max-height:68px !important;
  }
}

/* =========================================
   ITEM 8 - MOBILE - ÁREA GERAL DO CARROSSEL
   ========================================= */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-d41ab42{
    width:100% !important;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-d41ab42 .swiper,
  .elementor-2044 .elementor-element.elementor-element-d41ab42 .swiper-container,
  .elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper{
    overflow:hidden !important;
    border-radius:18px !important;
  }
}

/* =========================================
   ITEM 9 - MOBILE - SLIDES E LOGOS
   ========================================= */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-d41ab42 .swiper-wrapper{
    align-items:center !important;
  }

  .elementor-2044 .elementor-element.elementor-element-d41ab42 .swiper-slide{
    height:64px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .elementor-2044 .elementor-element.elementor-element-d41ab42 .swiper-slide img{
    max-height:30px !important;
    max-width:105px !important;
    width:auto !important;
    object-fit:contain !important;
  }
}

/* =========================================
   ITEM 10 - MOBILE - SETAS DO CARROSSEL
   ========================================= */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper-button{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:50% !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:80 !important;
    background:rgba(255,255,255,0.98) !important;
    box-shadow:0 8px 18px rgba(44,62,80,0.14) !important;
  }

  .elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper-button:hover{
    transform:translateY(-50%) scale(1.04) !important;
  }
}

/* =========================================
   ITEM 11 - MOBILE - POSIÇÃO DAS SETAS
   ========================================= */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper-button-prev{
    left:-6px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper-button-next{
    right:-6px !important;
  }
}

/* =========================================
   ITEM 12 - MOBILE - ÍCONES DAS SETAS
   ========================================= */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper-button i,
  .elementor-2044 .elementor-element.elementor-element-d41ab42 .elementor-swiper-button svg{
    font-size:13px !important;
    width:13px !important;
    height:13px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cb49b0 *//* =========================================
   ITEM 1 - FAIXA DOS LOGOS
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-0cb49b0{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-52800b2 *//* =========================================
   ITEM 1 - ÁREA GERAL DO CARROSSEL
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-52800b2{
  width:100%;
  overflow:visible !important;
}

/* =========================================
   ITEM 2 - WRAPPER DOS SLIDES
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-52800b2 .swiper-wrapper{
  align-items:center !important;
}

.elementor-2044 .elementor-element.elementor-element-52800b2 .swiper-slide{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:all .25s ease;
}

/* =========================================
   ITEM 3 - LOGOS BRANCOS COM MÁSCARA
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-52800b2 .swiper-slide img{
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:64px !important;
  object-fit:contain !important;
  filter:brightness(0) invert(1) !important;
  transition:transform .25s ease, filter .25s ease, opacity .25s ease;
  opacity:0.9;
}

.elementor-2044 .elementor-element.elementor-element-52800b2:hover .swiper-slide img{
  opacity:0.65;
}

.elementor-2044 .elementor-element.elementor-element-52800b2 .swiper-slide:hover img{
  transform:translateY(-4px) scale(1.06);
  opacity:1;
  filter:
    brightness(0) invert(1)
    drop-shadow(0 6px 14px rgba(255,255,255,0.22)) !important;
}

/* =========================================
   ITEM 4 - SETAS
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper-button{
  width:48px;
  height:48px;
  border-radius:50%;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.18);
  box-shadow:0 8px 18px rgba(0,0,0,0.18);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .25s ease;
  top:50%;
  transform:translateY(-50%);
  z-index:80;
}

.elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper-button:hover{
  transform:translateY(-50%) scale(1.06);
  background:rgba(255,255,255,0.16);
  box-shadow:0 10px 24px rgba(0,0,0,0.25);
}

.elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper-button i,
.elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper-button svg{
  font-size:16px;
  color:#ffffff !important;
  fill:#ffffff !important;
}

/* =========================================
   ITEM 5 - POSIÇÃO DAS SETAS
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper-button-prev{
  left:-56px;
}

.elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper-button-next{
  right:-56px;
}

/* =========================================
   ITEM 6 - AJUSTE SE O ELEMENTOR USAR SVG
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper-button svg{
  width:16px;
  height:16px;
}

/* =========================================
   ITEM 7 - RESPONSIVO DESKTOP MAIOR
   ========================================= */
@media (min-width:1400px){
  .elementor-2044 .elementor-element.elementor-element-52800b2 .swiper-slide img{
    max-height:68px !important;
  }
}

/* =========================================
   ITEM 8 - MOBILE - ÁREA GERAL DO CARROSSEL
   ========================================= */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-52800b2{
    width:100% !important;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-52800b2 .swiper,
  .elementor-2044 .elementor-element.elementor-element-52800b2 .swiper-container,
  .elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper{
    overflow:hidden !important;
    border-radius:18px !important;
  }
}

/* =========================================
   ITEM 9 - MOBILE - SLIDES E LOGOS
   ========================================= */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-52800b2 .swiper-wrapper{
    align-items:center !important;
  }

  .elementor-2044 .elementor-element.elementor-element-52800b2 .swiper-slide{
    height:64px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .elementor-2044 .elementor-element.elementor-element-52800b2 .swiper-slide img{
    max-height:30px !important;
    max-width:105px !important;
    width:auto !important;
    object-fit:contain !important;
  }
}

/* =========================================
   ITEM 10 - MOBILE - SETAS DO CARROSSEL
   ========================================= */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper-button{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:50% !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:80 !important;
    background:rgba(255,255,255,0.12) !important;
    border:1px solid rgba(255,255,255,0.22) !important;
    box-shadow:0 8px 18px rgba(0,0,0,0.20) !important;
  }

  .elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper-button:hover{
    transform:translateY(-50%) scale(1.04) !important;
    background:rgba(255,255,255,0.18) !important;
  }
}

/* =========================================
   ITEM 11 - MOBILE - POSIÇÃO DAS SETAS
   ========================================= */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper-button-prev{
    left:-6px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper-button-next{
    right:-6px !important;
  }
}

/* =========================================
   ITEM 12 - MOBILE - ÍCONES DAS SETAS
   ========================================= */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper-button i,
  .elementor-2044 .elementor-element.elementor-element-52800b2 .elementor-swiper-button svg{
    font-size:13px !important;
    width:13px !important;
    height:13px !important;
    color:#ffffff !important;
    fill:#ffffff !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a69756f *//* =========================================
   ITEM 1 - FAIXA DOS LOGOS
   ========================================= */
.elementor-2044 .elementor-element.elementor-element-a69756f{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-267ba35 */.elementor-2044 .elementor-element.elementor-element-267ba35{
  display:inline-flex;
  width:auto;
  max-width:max-content;
}

.elementor-2044 .elementor-element.elementor-element-267ba35 .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-94f19d0 */.elementor-2044 .elementor-element.elementor-element-94f19d0 .beneficios-titulo-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* MOBILE */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-94f19d0 .elementor-heading-title{
    max-width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ae9adb8 */.elementor-2044 .elementor-element.elementor-element-ae9adb8{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}

.elementor-2044 .elementor-element.elementor-element-ae9adb8 p{
  margin:0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38290a9 *//* =========================================
   01. CARD BENEFÍCIO - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-38290a9{
  position:relative;
  overflow:hidden;
  min-height:315px;
  padding:28px 34px 24px;
  border-radius:24px;
  background:rgba(255,255,255,0.78);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 45px rgba(19,43,122,0.06);
  transition:all .28s ease;
}


/* =========================================
   02. PONTILHADO MAIS À DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-38290a9::before{
  content:"";
  position:absolute;
  top:32px;
  right:12px;
  width:128px;
  height:62px;
  opacity:.34;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  pointer-events:none;
  z-index:1;
}


/* =========================================
   03. CAMADAS INTERNAS ACIMA DO PONTILHADO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-icone,
.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-titulo,
.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-texto,
.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-seta{
  position:relative;
  z-index:2;
}


/* =========================================
   04. HOVER DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-38290a9:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 58px rgba(37,88,255,0.11);
  border-color:rgba(100,140,255,0.32);
}


/* =========================================
   05. ÍCONE DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-icone{
  width:66px;
  height:66px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  box-shadow:0 12px 28px rgba(37,88,255,0.22);
}

.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-icone svg{
  width:36px;
  height:36px;
  display:block;
}

.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-icone svg path,
.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-icone svg circle,
.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-icone svg rect{
  stroke:#FFFFFF;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   06. TÍTULO DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-titulo .elementor-heading-title{
  margin:0;
}


/* =========================================
   07. LINHA DEGRADÊ ABAIXO DO TÍTULO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-titulo::after{
  content:"";
  display:block;
  width:70px;
  height:3px;
  margin-top:10px;
  margin-bottom:12px;
  border-radius:999px;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  transition:width .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-38290a9:hover .beneficio-card-titulo::after{
  width:94px;
}


/* =========================================
   08. TEXTO DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-texto p{
  margin:0;
}


/* =========================================
   09. BOTÃO / SETA DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-seta{
  width:44px;
  height:28px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  text-decoration:none;
  color:#2558FF;
  font-size:22px;
  font-weight:700;
  line-height:1;
  background:#FFFFFF;
  box-shadow:0 8px 18px rgba(37,88,255,0.14);
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-seta:hover{
  color:#FFFFFF;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  transform:translateX(3px);
}


/* =========================================
   10. TABLET
   ========================================= */

@media (min-width:768px) and (max-width:1021024px){
  .elementor-2044 .elementor-element.elementor-element-38290a9{
    min-height:305px;
    padding:26px 28px 24px;
  }

  .elementor-2044 .elementor-element.elementor-element-38290a9::before{
    top:30px;
    right:10px;
    width:112px;
    height:58px;
  }

  .elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-icone{
    margin-bottom:18px;
  }

  .elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-titulo::after{
    margin-top:9px;
    margin-bottom:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-seta{
    margin-top:9px;
  }
}


/* =========================================
   11. MOBILE
   ========================================= */

@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-38290a9{
    min-height:auto;
    padding:26px 24px 24px;
    border-radius:22px;
  }

  .elementor-2044 .elementor-element.elementor-element-38290a9::before{
    top:28px;
    right:8px;
    width:96px;
    height:50px;
    background-size:14px 14px;
  }

  .elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-icone{
    width:58px;
    height:58px;
    border-radius:15px;
    margin-bottom:18px;
  }

  .elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-icone svg{
    width:31px;
    height:31px;
  }

  .elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-titulo::after{
    margin-top:9px;
    margin-bottom:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-38290a9 .beneficio-card-seta{
    margin-top:10px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff50708 *//* =========================================
   01. CARD BENEFÍCIO - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff50708{
  position:relative;
  overflow:hidden;
  min-height:315px;
  padding:28px 34px 24px;
  border-radius:24px;
  background:rgba(255,255,255,0.78);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 45px rgba(19,43,122,0.06);
  transition:all .28s ease;
}


/* =========================================
   02. PONTILHADO MAIS À DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff50708::before{
  content:"";
  position:absolute;
  top:32px;
  right:12px;
  width:128px;
  height:62px;
  opacity:.34;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  pointer-events:none;
  z-index:1;
}


/* =========================================
   03. CAMADAS INTERNAS ACIMA DO PONTILHADO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-icone,
.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-titulo,
.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-texto,
.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-seta{
  position:relative;
  z-index:2;
}


/* =========================================
   04. HOVER DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff50708:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 58px rgba(37,88,255,0.11);
  border-color:rgba(100,140,255,0.32);
}


/* =========================================
   05. ÍCONE DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-icone{
  width:66px;
  height:66px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  box-shadow:0 12px 28px rgba(37,88,255,0.22);
}

.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-icone svg{
  width:36px;
  height:36px;
  display:block;
}

.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-icone svg path,
.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-icone svg circle,
.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-icone svg rect{
  stroke:#FFFFFF;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   06. TÍTULO DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-titulo .elementor-heading-title{
  margin:0;
}


/* =========================================
   07. LINHA DEGRADÊ ABAIXO DO TÍTULO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-titulo::after{
  content:"";
  display:block;
  width:70px;
  height:3px;
  margin-top:10px;
  margin-bottom:12px;
  border-radius:999px;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  transition:width .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-ff50708:hover .beneficio-card-titulo::after{
  width:94px;
}


/* =========================================
   08. TEXTO DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-texto p{
  margin:0;
}


/* =========================================
   09. BOTÃO / SETA DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-seta{
  width:44px;
  height:28px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  text-decoration:none;
  color:#2558FF;
  font-size:22px;
  font-weight:700;
  line-height:1;
  background:#FFFFFF;
  box-shadow:0 8px 18px rgba(37,88,255,0.14);
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-seta:hover{
  color:#FFFFFF;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  transform:translateX(3px);
}


/* =========================================
   10. TABLET
   ========================================= */

@media (min-width:768px) and (max-width:1021024px){
  .elementor-2044 .elementor-element.elementor-element-ff50708{
    min-height:305px;
    padding:26px 28px 24px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff50708::before{
    top:30px;
    right:10px;
    width:112px;
    height:58px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-icone{
    margin-bottom:18px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-titulo::after{
    margin-top:9px;
    margin-bottom:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-seta{
    margin-top:9px;
  }
}


/* =========================================
   11. MOBILE
   ========================================= */

@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-ff50708{
    min-height:auto;
    padding:26px 24px 24px;
    border-radius:22px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff50708::before{
    top:28px;
    right:8px;
    width:96px;
    height:50px;
    background-size:14px 14px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-icone{
    width:58px;
    height:58px;
    border-radius:15px;
    margin-bottom:18px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-icone svg{
    width:31px;
    height:31px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-titulo::after{
    margin-top:9px;
    margin-bottom:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff50708 .beneficio-card-seta{
    margin-top:10px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99e69aa *//* =========================================
   01. CARD BENEFÍCIO - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-99e69aa{
  position:relative;
  overflow:hidden;
  min-height:315px;
  padding:28px 34px 24px;
  border-radius:24px;
  background:rgba(255,255,255,0.78);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 45px rgba(19,43,122,0.06);
  transition:all .28s ease;
}


/* =========================================
   02. PONTILHADO MAIS À DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-99e69aa::before{
  content:"";
  position:absolute;
  top:32px;
  right:12px;
  width:128px;
  height:62px;
  opacity:.34;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  pointer-events:none;
  z-index:1;
}


/* =========================================
   03. CAMADAS INTERNAS ACIMA DO PONTILHADO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-icone,
.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-titulo,
.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-texto,
.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-seta{
  position:relative;
  z-index:2;
}


/* =========================================
   04. HOVER DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-99e69aa:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 58px rgba(37,88,255,0.11);
  border-color:rgba(100,140,255,0.32);
}


/* =========================================
   05. ÍCONE DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-icone{
  width:66px;
  height:66px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  box-shadow:0 12px 28px rgba(37,88,255,0.22);
}

.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-icone svg{
  width:36px;
  height:36px;
  display:block;
}

.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-icone svg path,
.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-icone svg circle,
.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-icone svg rect{
  stroke:#FFFFFF;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   06. TÍTULO DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-titulo .elementor-heading-title{
  margin:0;
}


/* =========================================
   07. LINHA DEGRADÊ ABAIXO DO TÍTULO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-titulo::after{
  content:"";
  display:block;
  width:70px;
  height:3px;
  margin-top:10px;
  margin-bottom:12px;
  border-radius:999px;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  transition:width .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-99e69aa:hover .beneficio-card-titulo::after{
  width:94px;
}


/* =========================================
   08. TEXTO DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-texto p{
  margin:0;
}


/* =========================================
   09. BOTÃO / SETA DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-seta{
  width:44px;
  height:28px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  text-decoration:none;
  color:#2558FF;
  font-size:22px;
  font-weight:700;
  line-height:1;
  background:#FFFFFF;
  box-shadow:0 8px 18px rgba(37,88,255,0.14);
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-seta:hover{
  color:#FFFFFF;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  transform:translateX(3px);
}


/* =========================================
   10. TABLET
   ========================================= */

@media (min-width:768px) and (max-width:1021024px){
  .elementor-2044 .elementor-element.elementor-element-99e69aa{
    min-height:305px;
    padding:26px 28px 24px;
  }

  .elementor-2044 .elementor-element.elementor-element-99e69aa::before{
    top:30px;
    right:10px;
    width:112px;
    height:58px;
  }

  .elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-icone{
    margin-bottom:18px;
  }

  .elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-titulo::after{
    margin-top:9px;
    margin-bottom:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-seta{
    margin-top:9px;
  }
}


/* =========================================
   11. MOBILE
   ========================================= */

@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-99e69aa{
    min-height:auto;
    padding:26px 24px 24px;
    border-radius:22px;
  }

  .elementor-2044 .elementor-element.elementor-element-99e69aa::before{
    top:28px;
    right:8px;
    width:96px;
    height:50px;
    background-size:14px 14px;
  }

  .elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-icone{
    width:58px;
    height:58px;
    border-radius:15px;
    margin-bottom:18px;
  }

  .elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-icone svg{
    width:31px;
    height:31px;
  }

  .elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-titulo::after{
    margin-top:9px;
    margin-bottom:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-99e69aa .beneficio-card-seta{
    margin-top:10px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-628bbb3 *//* =========================================
   01. CONTAINER PRINCIPAL DOS CARDS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-628bbb3{
  width:100%;
  max-width:1320px;
  margin:0 auto;

  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
  align-items:stretch;
}

/* força os cards a ocuparem 100% da coluna */
.elementor-2044 .elementor-element.elementor-element-628bbb3 .beneficio-card-agencia{
  width:100% !important;
  height:100%;
}


/* =========================================
   02. TABLET
   mantém 3 cards na mesma linha
   ========================================= */

@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-628bbb3{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:18px;
    max-width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-628bbb3 .beneficio-card-agencia{
    width:100% !important;
    max-width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-628bbb3 .beneficio-card-agencia:nth-child(3){
    grid-column:auto;
    max-width:100%;
    justify-self:stretch;
  }
}


/* =========================================
   03. MOBILE
   1 card por linha
   ========================================= */

@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-628bbb3{
    grid-template-columns:1fr;
    gap:18px;
    max-width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-628bbb3 .beneficio-card-agencia{
    width:100% !important;
    max-width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-628bbb3 .beneficio-card-agencia:nth-child(3){
    grid-column:auto;
    max-width:100%;
    justify-self:stretch;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fb88d8f */.elementor-2044 .elementor-element.elementor-element-fb88d8f{
  display:inline-flex;
  width:auto;
  max-width:max-content;
}

.elementor-2044 .elementor-element.elementor-element-fb88d8f .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b44684d */.elementor-2044 .elementor-element.elementor-element-b44684d .beneficios-titulo-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* MOBILE */
@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-b44684d .elementor-heading-title{
    max-width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5e91a6d */.elementor-2044 .elementor-element.elementor-element-5e91a6d{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}

.elementor-2044 .elementor-element.elementor-element-5e91a6d p{
  margin:0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff2933c *//* =========================================
   01. CARD BENEFÍCIO - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff2933c{
  position:relative;
  overflow:hidden;
  min-height:315px;
  padding:28px 34px 24px;
  border-radius:24px;
  background:rgba(255,255,255,0.78);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 45px rgba(19,43,122,0.06);
  transition:all .28s ease;
}


/* =========================================
   02. PONTILHADO MAIS À DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff2933c::before{
  content:"";
  position:absolute;
  top:32px;
  right:12px;
  width:128px;
  height:62px;
  opacity:.34;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  pointer-events:none;
  z-index:1;
}


/* =========================================
   03. CAMADAS INTERNAS ACIMA DO PONTILHADO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-icone,
.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-titulo,
.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-texto,
.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-seta{
  position:relative;
  z-index:2;
}


/* =========================================
   04. HOVER DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff2933c:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 58px rgba(37,88,255,0.11);
  border-color:rgba(100,140,255,0.32);
}


/* =========================================
   05. ÍCONE DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-icone{
  width:66px;
  height:66px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  box-shadow:0 12px 28px rgba(37,88,255,0.22);
}

.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-icone svg{
  width:36px;
  height:36px;
  display:block;
}

.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-icone svg path,
.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-icone svg circle,
.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-icone svg rect{
  stroke:#FFFFFF;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   06. TÍTULO DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-titulo .elementor-heading-title{
  margin:0;
}


/* =========================================
   07. LINHA DEGRADÊ ABAIXO DO TÍTULO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-titulo::after{
  content:"";
  display:block;
  width:70px;
  height:3px;
  margin-top:10px;
  margin-bottom:12px;
  border-radius:999px;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  transition:width .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-ff2933c:hover .beneficio-card-titulo::after{
  width:94px;
}


/* =========================================
   08. TEXTO DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-texto p{
  margin:0;
}


/* =========================================
   09. BOTÃO / SETA DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-seta{
  width:44px;
  height:28px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  text-decoration:none;
  color:#2558FF;
  font-size:22px;
  font-weight:700;
  line-height:1;
  background:#FFFFFF;
  box-shadow:0 8px 18px rgba(37,88,255,0.14);
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-seta:hover{
  color:#FFFFFF;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  transform:translateX(3px);
}


/* =========================================
   10. TABLET
   ========================================= */

@media (min-width:768px) and (max-width:1021024px){
  .elementor-2044 .elementor-element.elementor-element-ff2933c{
    min-height:305px;
    padding:26px 28px 24px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff2933c::before{
    top:30px;
    right:10px;
    width:112px;
    height:58px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-icone{
    margin-bottom:18px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-titulo::after{
    margin-top:9px;
    margin-bottom:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-seta{
    margin-top:9px;
  }
}


/* =========================================
   11. MOBILE
   ========================================= */

@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-ff2933c{
    min-height:auto;
    padding:26px 24px 24px;
    border-radius:22px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff2933c::before{
    top:28px;
    right:8px;
    width:96px;
    height:50px;
    background-size:14px 14px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-icone{
    width:58px;
    height:58px;
    border-radius:15px;
    margin-bottom:18px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-icone svg{
    width:31px;
    height:31px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-titulo::after{
    margin-top:9px;
    margin-bottom:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-ff2933c .beneficio-card-seta{
    margin-top:10px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebbeb4c *//* =========================================
   01. CARD BENEFÍCIO - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ebbeb4c{
  position:relative;
  overflow:hidden;
  min-height:315px;
  padding:28px 34px 24px;
  border-radius:24px;
  background:rgba(255,255,255,0.78);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 45px rgba(19,43,122,0.06);
  transition:all .28s ease;
}


/* =========================================
   02. PONTILHADO MAIS À DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ebbeb4c::before{
  content:"";
  position:absolute;
  top:32px;
  right:12px;
  width:128px;
  height:62px;
  opacity:.34;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  pointer-events:none;
  z-index:1;
}


/* =========================================
   03. CAMADAS INTERNAS ACIMA DO PONTILHADO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-icone,
.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-titulo,
.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-texto,
.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-seta{
  position:relative;
  z-index:2;
}


/* =========================================
   04. HOVER DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ebbeb4c:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 58px rgba(37,88,255,0.11);
  border-color:rgba(100,140,255,0.32);
}


/* =========================================
   05. ÍCONE DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-icone{
  width:66px;
  height:66px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  box-shadow:0 12px 28px rgba(37,88,255,0.22);
}

.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-icone svg{
  width:36px;
  height:36px;
  display:block;
}

.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-icone svg path,
.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-icone svg circle,
.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-icone svg rect{
  stroke:#FFFFFF;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   06. TÍTULO DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-titulo .elementor-heading-title{
  margin:0;
}


/* =========================================
   07. LINHA DEGRADÊ ABAIXO DO TÍTULO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-titulo::after{
  content:"";
  display:block;
  width:70px;
  height:3px;
  margin-top:10px;
  margin-bottom:12px;
  border-radius:999px;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  transition:width .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-ebbeb4c:hover .beneficio-card-titulo::after{
  width:94px;
}


/* =========================================
   08. TEXTO DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-texto p{
  margin:0;
}


/* =========================================
   09. BOTÃO / SETA DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-seta{
  width:44px;
  height:28px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  text-decoration:none;
  color:#2558FF;
  font-size:22px;
  font-weight:700;
  line-height:1;
  background:#FFFFFF;
  box-shadow:0 8px 18px rgba(37,88,255,0.14);
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-seta:hover{
  color:#FFFFFF;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  transform:translateX(3px);
}


/* =========================================
   10. TABLET
   ========================================= */

@media (min-width:768px) and (max-width:1021024px){
  .elementor-2044 .elementor-element.elementor-element-ebbeb4c{
    min-height:305px;
    padding:26px 28px 24px;
  }

  .elementor-2044 .elementor-element.elementor-element-ebbeb4c::before{
    top:30px;
    right:10px;
    width:112px;
    height:58px;
  }

  .elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-icone{
    margin-bottom:18px;
  }

  .elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-titulo::after{
    margin-top:9px;
    margin-bottom:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-seta{
    margin-top:9px;
  }
}


/* =========================================
   11. MOBILE
   ========================================= */

@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-ebbeb4c{
    min-height:auto;
    padding:26px 24px 24px;
    border-radius:22px;
  }

  .elementor-2044 .elementor-element.elementor-element-ebbeb4c::before{
    top:28px;
    right:8px;
    width:96px;
    height:50px;
    background-size:14px 14px;
  }

  .elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-icone{
    width:58px;
    height:58px;
    border-radius:15px;
    margin-bottom:18px;
  }

  .elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-icone svg{
    width:31px;
    height:31px;
  }

  .elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-titulo::after{
    margin-top:9px;
    margin-bottom:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-ebbeb4c .beneficio-card-seta{
    margin-top:10px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4941982 *//* =========================================
   01. CARD BENEFÍCIO - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-4941982{
  position:relative;
  overflow:hidden;
  min-height:315px;
  padding:28px 34px 24px;
  border-radius:24px;
  background:rgba(255,255,255,0.78);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 45px rgba(19,43,122,0.06);
  transition:all .28s ease;
}


/* =========================================
   02. PONTILHADO MAIS À DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-4941982::before{
  content:"";
  position:absolute;
  top:32px;
  right:12px;
  width:128px;
  height:62px;
  opacity:.34;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  pointer-events:none;
  z-index:1;
}


/* =========================================
   03. CAMADAS INTERNAS ACIMA DO PONTILHADO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-icone,
.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-titulo,
.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-texto,
.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-seta{
  position:relative;
  z-index:2;
}


/* =========================================
   04. HOVER DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-4941982:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 58px rgba(37,88,255,0.11);
  border-color:rgba(100,140,255,0.32);
}


/* =========================================
   05. ÍCONE DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-icone{
  width:66px;
  height:66px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  box-shadow:0 12px 28px rgba(37,88,255,0.22);
}

.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-icone svg{
  width:36px;
  height:36px;
  display:block;
}

.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-icone svg path,
.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-icone svg circle,
.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-icone svg rect{
  stroke:#FFFFFF;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   06. TÍTULO DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-titulo .elementor-heading-title{
  margin:0;
}


/* =========================================
   07. LINHA DEGRADÊ ABAIXO DO TÍTULO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-titulo::after{
  content:"";
  display:block;
  width:70px;
  height:3px;
  margin-top:10px;
  margin-bottom:12px;
  border-radius:999px;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  transition:width .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-4941982:hover .beneficio-card-titulo::after{
  width:94px;
}


/* =========================================
   08. TEXTO DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-texto p{
  margin:0;
}


/* =========================================
   09. BOTÃO / SETA DO CARD
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-seta{
  width:44px;
  height:28px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  text-decoration:none;
  color:#2558FF;
  font-size:22px;
  font-weight:700;
  line-height:1;
  background:#FFFFFF;
  box-shadow:0 8px 18px rgba(37,88,255,0.14);
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-seta:hover{
  color:#FFFFFF;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  transform:translateX(3px);
}


/* =========================================
   10. TABLET
   ========================================= */

@media (min-width:768px) and (max-width:1021024px){
  .elementor-2044 .elementor-element.elementor-element-4941982{
    min-height:305px;
    padding:26px 28px 24px;
  }

  .elementor-2044 .elementor-element.elementor-element-4941982::before{
    top:30px;
    right:10px;
    width:112px;
    height:58px;
  }

  .elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-icone{
    margin-bottom:18px;
  }

  .elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-titulo::after{
    margin-top:9px;
    margin-bottom:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-seta{
    margin-top:9px;
  }
}


/* =========================================
   11. MOBILE
   ========================================= */

@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-4941982{
    min-height:auto;
    padding:26px 24px 24px;
    border-radius:22px;
  }

  .elementor-2044 .elementor-element.elementor-element-4941982::before{
    top:28px;
    right:8px;
    width:96px;
    height:50px;
    background-size:14px 14px;
  }

  .elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-icone{
    width:58px;
    height:58px;
    border-radius:15px;
    margin-bottom:18px;
  }

  .elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-icone svg{
    width:31px;
    height:31px;
  }

  .elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-titulo::after{
    margin-top:9px;
    margin-bottom:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-4941982 .beneficio-card-seta{
    margin-top:10px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fe3e55 *//* =========================================
   01. CONTAINER PRINCIPAL DOS CARDS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3fe3e55{
  width:100%;
  max-width:1320px;
  margin:0 auto;

  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
  align-items:stretch;
}

/* força os cards a ocuparem 100% da coluna */
.elementor-2044 .elementor-element.elementor-element-3fe3e55 .beneficio-card-agencia{
  width:100% !important;
  height:100%;
}


/* =========================================
   02. TABLET
   mantém 3 cards na mesma linha
   ========================================= */

@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-3fe3e55{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:18px;
    max-width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-3fe3e55 .beneficio-card-agencia{
    width:100% !important;
    max-width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-3fe3e55 .beneficio-card-agencia:nth-child(3){
    grid-column:auto;
    max-width:100%;
    justify-self:stretch;
  }
}


/* =========================================
   03. MOBILE
   1 card por linha
   ========================================= */

@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-3fe3e55{
    grid-template-columns:1fr;
    gap:18px;
    max-width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-3fe3e55 .beneficio-card-agencia{
    width:100% !important;
    max-width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-3fe3e55 .beneficio-card-agencia:nth-child(3){
    grid-column:auto;
    max-width:100%;
    justify-self:stretch;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-196c1b4 *//* =========================================
   01. SEÇÃO BENEFÍCIOS - VERSÃO ESCURA
   COLE NO CONTAINER PRINCIPAL TOTAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-196c1b4{
  position:relative;
  z-index:2;
}


/* =========================================
   02. SELO SUPERIOR
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficios-selo-agencias .elementor-heading-title{
  color:#FFFFFF !important;
  border-color:rgba(100, 140, 255, 0.45) !important;
  background:rgba(8, 14, 32, 0.58) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 10px 28px rgba(37, 88, 255, 0.12);
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficios-titulo-agencias .elementor-heading-title{
  color:#FFFFFF !important;
}

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficios-titulo-gradiente{
  background:linear-gradient(90deg, #5E82FF 0%, #A86BFF 52%, #FF4FC3 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}


/* =========================================
   04. SUBTÍTULO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficios-subtitulo-agencias,
.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficios-subtitulo-agencias p{
  color:#D6DCEA !important;
}


/* =========================================
   05. CARDS - FUNDO ESCURO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-agencia{
  background:rgba(8, 14, 32, 0.72) !important;
  border:1px solid rgba(100, 140, 255, 0.22) !important;
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.24),
    0 0 28px rgba(37, 88, 255, 0.08) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-agencia:hover{
  border-color:rgba(166, 30, 134, 0.42) !important;
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.32),
    0 0 34px rgba(37, 88, 255, 0.16),
    0 0 28px rgba(166, 30, 134, 0.12) !important;
}


/* =========================================
   06. PONTILHADO DOS CARDS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-agencia::before{
  opacity:.42 !important;
  background-image:radial-gradient(circle, rgba(115, 150, 255, 0.55) 2px, transparent 2.5px) !important;
}


/* =========================================
   07. ÍCONE DOS CARDS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-icone{
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%) !important;
  box-shadow:
    0 12px 30px rgba(37, 88, 255, 0.30),
    0 0 24px rgba(166, 30, 134, 0.18) !important;
}

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-icone svg path,
.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-icone svg circle,
.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-icone svg rect{
  stroke:#FFFFFF !important;
}


/* =========================================
   08. TÍTULO DOS CARDS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-titulo .elementor-heading-title{
  color:#FFFFFF !important;
}


/* =========================================
   09. LINHA DEGRADÊ DOS CARDS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-titulo::after{
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%) !important;
  box-shadow:0 0 12px rgba(166, 30, 134, 0.25);
}


/* =========================================
   10. TEXTO DOS CARDS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-texto,
.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-texto p{
  color:#C9D2EA !important;
}


/* =========================================
   11. SETA DOS CARDS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-seta{
  color:#FFFFFF !important;
  background:rgba(255,255,255,0.08) !important;
  border:1px solid rgba(100, 140, 255, 0.24);
  box-shadow:0 8px 18px rgba(37, 88, 255, 0.12) !important;
}

.elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-seta:hover{
  color:#FFFFFF !important;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%) !important;
  border-color:transparent !important;
  box-shadow:
    0 10px 24px rgba(37, 88, 255, 0.26),
    0 0 20px rgba(166, 30, 134, 0.18) !important;
}


/* =========================================
   12. MOBILE
   ========================================= */

@media (max-width:767px){
  .elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficio-card-agencia{
    background:rgba(8, 14, 32, 0.78) !important;
  }

  .elementor-2044 .elementor-element.elementor-element-196c1b4 .beneficios-selo-agencias .elementor-heading-title{
    background:rgba(8, 14, 32, 0.64) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24f57ee *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-24f57ee{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-24f57ee{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-722d4d5 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-722d4d5{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-722d4d5{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f04c8 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-36f04c8{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-36f04c8 > .e-con,
.elementor-2044 .elementor-element.elementor-element-36f04c8 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-36f04c8{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-36f04c8{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2371130 *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-2371130{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-2371130{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-152f1b5 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-152f1b5{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-152f1b5{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf987eb *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-bf987eb{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-bf987eb > .e-con,
.elementor-2044 .elementor-element.elementor-element-bf987eb .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-bf987eb{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-bf987eb{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88bd262 *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-88bd262{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-88bd262{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73e60a0 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-73e60a0{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-73e60a0{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2163894 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2163894{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-2163894 > .e-con,
.elementor-2044 .elementor-element.elementor-element-2163894 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-2163894{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-2163894{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24f57ee *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-24f57ee{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-24f57ee{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-722d4d5 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-722d4d5{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-722d4d5{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f04c8 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-36f04c8{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-36f04c8 > .e-con,
.elementor-2044 .elementor-element.elementor-element-36f04c8 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-36f04c8{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-36f04c8{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2371130 *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-2371130{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-2371130{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-152f1b5 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-152f1b5{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-152f1b5{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf987eb *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-bf987eb{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-bf987eb > .e-con,
.elementor-2044 .elementor-element.elementor-element-bf987eb .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-bf987eb{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-bf987eb{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88bd262 *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-88bd262{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-88bd262{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73e60a0 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-73e60a0{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-73e60a0{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2163894 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2163894{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-2163894 > .e-con,
.elementor-2044 .elementor-element.elementor-element-2163894 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-2163894{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-2163894{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24f57ee *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-24f57ee{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-24f57ee{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-722d4d5 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-722d4d5{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-722d4d5{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f04c8 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-36f04c8{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-36f04c8 > .e-con,
.elementor-2044 .elementor-element.elementor-element-36f04c8 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-36f04c8{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-36f04c8{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2371130 *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-2371130{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-2371130{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-152f1b5 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-152f1b5{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-152f1b5{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf987eb *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-bf987eb{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-bf987eb > .e-con,
.elementor-2044 .elementor-element.elementor-element-bf987eb .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-bf987eb{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-bf987eb{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88bd262 *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-88bd262{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-88bd262{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73e60a0 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-73e60a0{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-73e60a0{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2163894 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2163894{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-2163894 > .e-con,
.elementor-2044 .elementor-element.elementor-element-2163894 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-2163894{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-2163894{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24f57ee *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-24f57ee{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-24f57ee{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-24f57ee .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-722d4d5 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-722d4d5{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-722d4d5{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-722d4d5 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f04c8 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-36f04c8{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-36f04c8 > .e-con,
.elementor-2044 .elementor-element.elementor-element-36f04c8 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-36f04c8{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-36f04c8{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-36f04c8 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2371130 *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-2371130{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-2371130{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-2371130 .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-152f1b5 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-152f1b5{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-152f1b5{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-152f1b5 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf987eb *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-bf987eb{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-bf987eb > .e-con,
.elementor-2044 .elementor-element.elementor-element-bf987eb .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-bf987eb{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-bf987eb{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-bf987eb .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88bd262 *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-88bd262{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-88bd262{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-88bd262 .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73e60a0 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-73e60a0{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-73e60a0{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-73e60a0 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2163894 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2163894{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-2163894 > .e-con,
.elementor-2044 .elementor-element.elementor-element-2163894 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-2163894{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-2163894{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-2163894 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-44e774b *//* =========================================
   01. CARROSSEL - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-44e774b{
  width:100%;
  margin:0 auto;
  position:relative;
  padding-bottom:82px;
}


/* =========================================
   02. SWIPER - MOSTRAR APENAS 1 SLIDE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-44e774b .swiper,
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-wrapper{
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-44e774b .swiper{
  overflow:hidden !important;
}

.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-wrapper{
  overflow:visible !important;
}

.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-slide{
  width:100% !important;
  height:auto !important;
  position:relative;
  overflow:visible !important;
}

.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-slide:not(.swiper-slide-active){
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-slide-active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}


/* =========================================
   03. CONTEÚDO INTERNO DO SLIDE SEM CORTE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-44e774b .como-fazemos-slide,
.elementor-2044 .elementor-element.elementor-element-44e774b .como-fazemos-col-imagem,
.elementor-2044 .elementor-element.elementor-element-44e774b .como-fazemos-col-conteudo,
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-slide > .e-con,
.elementor-2044 .elementor-element.elementor-element-44e774b .e-con-inner{
  overflow:visible !important;
}


/* =========================================
   04. PAGINAÇÃO - POSIÇÃO ALTA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination{
  position:absolute !important;
  bottom:38px !important;
  left:74% !important;
  right:auto !important;
  transform:translate(-50%, -100px) !important;

  width:auto !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:0 !important;
  z-index:50;
}


/* =========================================
   05. PAGINAÇÃO - ÁREA CLICÁVEL MAIOR
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet{
  position:relative;
  width:70px !important;
  height:34px !important;
  border-radius:999px;
  background:transparent !important;
  opacity:1 !important;
  margin:0 !important;
  cursor:pointer;
  display:flex !important;
  align-items:center;
  justify-content:center;
  transition:all .25s ease;
}

/* fundo invisível clicável com pulso */
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:54px;
  height:20px;
  border-radius:999px;
  background:rgba(37, 88, 255, 0.08);
  transform:translate(-50%, -50%);
  opacity:.65;
  animation:allka-paginacao-area-pulse 2s ease-in-out infinite;
}

/* barrinha visual */
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:48px;
  height:4px;
  border-radius:999px;
  background:#E3E9F7;
  transform:translate(-50%, -50%);
  z-index:2;
  transition:all .25s ease;
}

/* hover */
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet:hover::after{
  width:62px;
  height:24px;
  opacity:1;
  background:rgba(37, 88, 255, 0.14);
}

.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet:hover::before{
  background:#B8C7F2;
}

/* ativo */
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet-active::before{
  width:58px;
  background:#2558FF;
  box-shadow:0 0 18px rgba(37, 88, 255, 0.55);
  animation:allka-paginacao-barra-pulse 1.4s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet-active::after{
  width:66px;
  height:24px;
  background:rgba(37, 88, 255, 0.16);
  opacity:1;
}


/* =========================================
   06. ANIMAÇÕES DA PAGINAÇÃO
   ========================================= */

@keyframes allka-paginacao-area-pulse{
  0%, 100%{
    opacity:.45;
    transform:translate(-50%, -50%) scale(1);
  }

  50%{
    opacity:.9;
    transform:translate(-50%, -50%) scale(1.08);
  }
}

@keyframes allka-paginacao-barra-pulse{
  0%, 100%{
    box-shadow:0 0 10px rgba(37, 88, 255, 0.35);
  }

  50%{
    box-shadow:0 0 24px rgba(37, 88, 255, 0.75);
  }
}


/* =========================================
   07. SETAS DO CARROSSEL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-44e774b .elementor-swiper-button,
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-prev,
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-next{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#FFFFFF;
  color:#2558FF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.14);
  border:1px solid rgba(37, 88, 255, 0.14);
  z-index:55 !important;
  top:auto !important;
  bottom:69px !important;
  transform:none !important;
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-44e774b .elementor-swiper-button:hover,
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-prev:hover,
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-next:hover{
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  color:#FFFFFF;
  border-color:transparent;
}

.elementor-2044 .elementor-element.elementor-element-44e774b .elementor-swiper-button-prev,
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-prev{
  left:calc(74% - 158px) !important;
  right:auto !important;
}

.elementor-2044 .elementor-element.elementor-element-44e774b .elementor-swiper-button-next,
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-next{
  left:calc(74% + 124px) !important;
  right:auto !important;
}

.elementor-2044 .elementor-element.elementor-element-44e774b .elementor-swiper-button i,
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-prev::after,
.elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-next::after{
  font-size:13px !important;
  font-weight:700;
}

/* =========================================
   TABLET E MOBILE - CARROSSEL COMO FAZEMOS
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-44e774b{
    padding-bottom:70px;
  }

  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination{
    left:50% !important;
    bottom:18px !important;
    transform:translateX(-50%) !important;
    gap:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet{
    width:62px !important;
    height:32px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet::before{
    width:44px;
    height:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet-active::before{
    width:54px;
  }

  .elementor-2044 .elementor-element.elementor-element-44e774b .elementor-swiper-button,
  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-prev,
  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-next{
    bottom:18px !important;
    width:32px;
    height:32px;
  }

  .elementor-2044 .elementor-element.elementor-element-44e774b .elementor-swiper-button-prev,
  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-prev{
    left:calc(50% - 150px) !important;
  }

  .elementor-2044 .elementor-element.elementor-element-44e774b .elementor-swiper-button-next,
  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-next{
    left:calc(50% + 118px) !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-44e774b{
    padding-bottom:54px;
  }

  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper,
  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-wrapper,
  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-slide{
    width:100% !important;
  }

  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination{
    left:50% !important;
    bottom:8px !important;
    transform:translateX(-50%) !important;
    gap:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet{
    width:48px !important;
    height:28px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet::after{
    width:38px;
    height:16px;
  }

  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet::before{
    width:34px;
    height:3px;
  }

  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-pagination-bullet-active::before{
    width:42px;
  }

  /* no mobile, escondo as setas para não poluir */
  .elementor-2044 .elementor-element.elementor-element-44e774b .elementor-swiper-button,
  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-prev,
  .elementor-2044 .elementor-element.elementor-element-44e774b .swiper-button-next{
    display:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-407b89b *//* =========================================
   01. CONTAINER INTERNO DO SLIDER
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-407b89b{
  width:100%;
  max-width:1480px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* garante que o carrossel ocupe toda a largura */
.elementor-2044 .elementor-element.elementor-element-407b89b .como-fazemos-slider{
  width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7ad0de *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-d7ad0de{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-d7ad0de{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09dba7d *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-09dba7d{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-09dba7d{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9efe12 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-f9efe12{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-f9efe12 > .e-con,
.elementor-2044 .elementor-element.elementor-element-f9efe12 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-f9efe12{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-f9efe12{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90479ef *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-90479ef{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-90479ef{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9c0987 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-e9c0987{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-e9c0987{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15601ba *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-15601ba{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-15601ba > .e-con,
.elementor-2044 .elementor-element.elementor-element-15601ba .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-15601ba{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-15601ba{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01ab161 *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-01ab161{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-01ab161{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fda2d72 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-fda2d72{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-fda2d72{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb7efb4 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fb7efb4{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-fb7efb4 > .e-con,
.elementor-2044 .elementor-element.elementor-element-fb7efb4 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-fb7efb4{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-fb7efb4{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7ad0de *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-d7ad0de{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-d7ad0de{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09dba7d *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-09dba7d{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-09dba7d{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9efe12 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-f9efe12{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-f9efe12 > .e-con,
.elementor-2044 .elementor-element.elementor-element-f9efe12 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-f9efe12{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-f9efe12{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90479ef *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-90479ef{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-90479ef{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9c0987 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-e9c0987{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-e9c0987{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15601ba *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-15601ba{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-15601ba > .e-con,
.elementor-2044 .elementor-element.elementor-element-15601ba .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-15601ba{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-15601ba{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01ab161 *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-01ab161{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-01ab161{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fda2d72 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-fda2d72{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-fda2d72{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb7efb4 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fb7efb4{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-fb7efb4 > .e-con,
.elementor-2044 .elementor-element.elementor-element-fb7efb4 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-fb7efb4{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-fb7efb4{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7ad0de *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-d7ad0de{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-d7ad0de{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09dba7d *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-09dba7d{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-09dba7d{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9efe12 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-f9efe12{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-f9efe12 > .e-con,
.elementor-2044 .elementor-element.elementor-element-f9efe12 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-f9efe12{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-f9efe12{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90479ef *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-90479ef{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-90479ef{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9c0987 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-e9c0987{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-e9c0987{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15601ba *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-15601ba{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-15601ba > .e-con,
.elementor-2044 .elementor-element.elementor-element-15601ba .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-15601ba{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-15601ba{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01ab161 *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-01ab161{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-01ab161{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fda2d72 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-fda2d72{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-fda2d72{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb7efb4 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fb7efb4{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-fb7efb4 > .e-con,
.elementor-2044 .elementor-element.elementor-element-fb7efb4 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-fb7efb4{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-fb7efb4{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7ad0de *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-d7ad0de{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-d7ad0de{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-d7ad0de .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09dba7d *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-09dba7d{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-09dba7d{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-09dba7d .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9efe12 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-f9efe12{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-f9efe12 > .e-con,
.elementor-2044 .elementor-element.elementor-element-f9efe12 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-f9efe12{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-f9efe12{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-f9efe12 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90479ef *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-90479ef{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-90479ef{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-90479ef .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9c0987 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-e9c0987{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-e9c0987{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-e9c0987 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15601ba *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-15601ba{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-15601ba > .e-con,
.elementor-2044 .elementor-element.elementor-element-15601ba .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-15601ba{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-15601ba{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-15601ba .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01ab161 *//* =========================================
   01. COLUNA DA IMAGEM - BASE LIVRE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:visible;
}


/* =========================================
   02. IMAGEM PRINCIPAL
   Agora o tamanho fica controlável pelo Elementor
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal{
  position:relative;
  z-index:2;
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal img{
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 22px 55px rgba(19,43,122,0.08);
}


/* =========================================
   03. BOLINHAS ESQUERDA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161::before{
  content:"";
  position:absolute;
  left:-18px;
  top:22%;
  width:112px;
  height:96px;
  opacity:.42;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:1;
  pointer-events:none;
}


/* =========================================
   04. BOLINHAS BAIXO DIREITA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:6%;
  width:112px;
  height:84px;
  opacity:.36;
  background-image:radial-gradient(circle, rgba(80,105,210,.55) 2px, transparent 2.5px);
  background-size:16px 16px;
  z-index:3;
  pointer-events:none;
}


/* =========================================
   05. WIDGETS DOS ÍCONES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  z-index:5;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
  top:10%;
  left:8%;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
  right:-2%;
  bottom:16%;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo .elementor-widget-container,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================
   06. CAIXAS DOS ÍCONES FLUTUANTES
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
  position:relative;
  width:84px;
  height:84px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.90);
  border:1px solid rgba(255,255,255,0.95);
  box-shadow:0 18px 42px rgba(37,88,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:11px;
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  z-index:1;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================
   07. ÍCONES FLUTUANTES - ANIMAÇÃO AUTOMÁTICA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
  animation:allka-float-topo 4.2s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
  animation:allka-float-baixo 4.8s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
  transition:box-shadow .28s ease;
}

/* brilho leve contínuo */
.elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:30px;
  border:1px solid rgba(37, 88, 255, 0.18);
  opacity:.55;
  animation:allka-icone-glow 2.6s ease-in-out infinite;
  pointer-events:none;
}


/* =========================================
   08. KEYFRAMES DOS ÍCONES
   ========================================= */

@keyframes allka-float-topo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }
}

@keyframes allka-float-baixo{
  0%, 100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }
}

@keyframes allka-icone-glow{
  0%, 100%{
    opacity:.35;
    transform:scale(.96);
  }

  50%{
    opacity:.85;
    transform:scale(1.04);
  }
}


/* =========================================
   TABLET E MOBILE - COLUNA DA IMAGEM
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-01ab161{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal img{
    border-radius:24px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::before{
    left:-18px;
    top:20%;
    width:82px;
    height:78px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::after{
    right:8%;
    bottom:4%;
    width:84px;
    height:70px;
    background-size:13px 13px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
    top:9%;
    left:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
    right:-2%;
    bottom:14%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
    width:68px;
    height:68px;
    border-radius:20px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::before{
    inset:17px;
    border-radius:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg{
    width:27px;
    height:27px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-01ab161{
    width:100%;
    overflow:visible !important;
    margin-top:4px;
    margin-bottom:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal{
    width:100%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-imagem-principal img{
    width:100%;
    border-radius:18px;
    box-shadow:0 16px 36px rgba(19,43,122,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::before{
    left:-18px;
    top:34%;
    width:70px;
    height:64px;
    background-size:12px 12px;
    opacity:.35;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161::after{
    right:10%;
    bottom:-4%;
    width:72px;
    height:58px;
    background-size:12px 12px;
    opacity:.32;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-topo{
    top:8%;
    left:8%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-widget-baixo{
    right:4%;
    bottom:7%;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante{
    width:54px;
    height:54px;
    border-radius:16px;
    box-shadow:0 12px 28px rgba(37,88,255,0.14);
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante::before{
    inset:14px;
    border-radius:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-01ab161 .como-fazemos-icone-flutuante svg{
    width:22px;
    height:22px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fda2d72 *//* =========================================
   01. COLUNA DIREITA - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72{
  width:100%;
  position:relative;
  padding-top:4px;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border-radius:999px;
  border:1px solid rgba(37, 88, 255, 0.55);
  background:rgba(255,255,255,0.45);
  line-height:1;
  white-space:nowrap;
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo{
  margin-bottom:16px;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo .elementor-heading-title{
  margin:0;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-gradiente{
  display:inline-block;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto{
  width:100%;
  margin-bottom:10px !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p{
  margin:0 0 8px !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p:last-child{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto strong{
  color:#005CFF;
  font-weight:700;
}


/* =========================================
   05. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passos-lista{
  width:100%;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}


/* =========================================
   06. ITEM DE CADA PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
  display:grid;
  grid-template-columns:66px 1fr 58px;
  align-items:center;
  gap:14px;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(37, 88, 255, 0.12);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:first-child{
  padding-top:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:last-child{
  padding-bottom:0 !important;
  border-bottom:none;
}


/* =========================================
   07. NÚMERO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero{
  width:56px;
  height:56px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
  font-family:Montserrat, sans-serif;
  font-size:25px;
  font-weight:900;
  line-height:1;
  color:#2558FF;
}


/* =========================================
   08. TEXTO DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto strong{
  font-family:Montserrat, sans-serif;
  font-size:13.5px !important;
  font-weight:800;
  line-height:1.12em !important;
  color:#06195C;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto span{
  font-family:Montserrat, sans-serif;
  font-size:12.8px !important;
  font-weight:400;
  line-height:1.24em !important;
  color:#56659B;
}


/* =========================================
   09. ÍCONE DO PASSO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.08);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg{
  width:26px;
  height:26px;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg circle{
  stroke:#5A35FF;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================
   10. AJUSTE FINAL PARA COMPACTAR A COLUNA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .elementor-widget{
  margin-bottom:0 !important;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .elementor-widget-container{
  margin-bottom:0 !important;
}


/* =========================================
   11. PASSOS 01/02/03 - HOVER COM DESTAQUE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
  transition:all .25s ease;
  border-radius:18px;
  cursor:pointer;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover{
  transform:translateX(4px) scale(1.015);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover .como-fazemos-passo-icone{
  transform:scale(1.08);
  box-shadow:
    0 14px 30px rgba(37, 88, 255, 0.14),
    0 0 20px rgba(166, 30, 134, 0.10);
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero,
.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#2558FF !important;
}

/* =========================================
   TABLET E MOBILE - COLUNA DE CONTEÚDO
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-fda2d72{
    width:100%;
    padding-top:0;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo{
    margin-bottom:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo .elementor-heading-title{
    padding:7px 15px;
    font-size:11px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo .elementor-heading-title{
    font-size:30px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto{
    margin-bottom:14px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p{
    font-size:13.5px !important;
    line-height:1.35em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
    grid-template-columns:52px 1fr 48px;
    gap:10px;
    padding:8px 0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:21px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.08em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto span{
    font-size:10.2px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg{
    width:22px;
    height:22px;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-fda2d72{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo{
    width:max-content;
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-selo .elementor-heading-title{
    padding:7px 14px;
    font-size:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo{
    margin-bottom:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-titulo .elementor-heading-title{
    font-size:26px !important;
    line-height:1.05em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto{
    width:100%;
    margin-bottom:8px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-texto p{
    font-size:12.8px !important;
    line-height:1.38em !important;
    margin-bottom:7px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passos-lista{
    width:100%;
    margin-top:8px !important;
    gap:10px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo{
    display:grid;
    grid-template-columns:44px 1fr 46px;
    gap:10px;
    align-items:center;
    padding:12px 12px !important;
    border-bottom:none;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 26px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-numero{
    width:auto;
    height:auto;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:24px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto{
    gap:2px;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto strong{
    font-size:10.8px !important;
    line-height:1.12em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-texto span{
    font-size:9.8px !important;
    line-height:1.22em !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone{
    width:42px;
    height:42px;
    border-radius:13px;
    box-shadow:0 8px 20px rgba(37,88,255,0.08);
  }

  .elementor-2044 .elementor-element.elementor-element-fda2d72 .como-fazemos-passo-icone svg{
    width:21px;
    height:21px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb7efb4 *//* =========================================
   01. SLIDE - ESTRUTURA GERAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-fb7efb4{
  width:100%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:start;
  gap:64px;
  position:relative;
}

/* remove alturas forçadas do Elementor dentro do slide */
.elementor-2044 .elementor-element.elementor-element-fb7efb4 > .e-con,
.elementor-2044 .elementor-element.elementor-element-fb7efb4 .e-con-inner{
  min-height:0 !important;
}

/* =========================================
   TABLET E MOBILE - CONTAINER DO SLIDE
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-fb7efb4{
    display:grid;
    grid-template-columns:48% 52%;
    gap:36px;
    align-items:center;
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-imagem{
    width:100%;
    overflow:visible !important;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-conteudo{
    width:100%;
    overflow:visible !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-fb7efb4{
    display:flex;
    flex-direction:column;
    gap:22px;
    width:100%;
    overflow:visible !important;
  }

  /* truque para conseguir colocar a imagem entre o texto e os passos */
  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-conteudo{
    display:contents;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-selo{
    order:1;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-titulo{
    order:2;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-texto{
    order:3;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-col-imagem{
    order:4;
  }

  .elementor-2044 .elementor-element.elementor-element-fb7efb4 .como-fazemos-passos-lista{
    order:5;
  }
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-a50ac53 *//* =========================================
   01. CARROSSEL - BASE DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-a50ac53{
  width:100%;
  margin:0 auto;
  position:relative;
  padding-bottom:82px;
}


/* =========================================
   02. SWIPER - MOSTRAR APENAS 1 SLIDE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper,
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-wrapper{
  width:100%;
}

.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper{
  overflow:hidden !important;
}

.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-wrapper{
  overflow:visible !important;
}

.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-slide{
  width:100% !important;
  height:auto !important;
  position:relative;
  overflow:visible !important;
}

.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-slide:not(.swiper-slide-active){
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-slide-active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}


/* =========================================
   03. CONTEÚDO INTERNO DO SLIDE SEM CORTE
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-a50ac53 .como-fazemos-slide,
.elementor-2044 .elementor-element.elementor-element-a50ac53 .como-fazemos-col-imagem,
.elementor-2044 .elementor-element.elementor-element-a50ac53 .como-fazemos-col-conteudo,
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-slide > .e-con,
.elementor-2044 .elementor-element.elementor-element-a50ac53 .e-con-inner{
  overflow:visible !important;
}


/* =========================================
   04. PAGINAÇÃO - POSIÇÃO ALTA
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination{
  position:absolute !important;
  bottom:38px !important;
  left:74% !important;
  right:auto !important;
  transform:translate(-50%, -100px) !important;

  width:auto !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:0 !important;
  z-index:50;
}


/* =========================================
   05. PAGINAÇÃO - ÁREA CLICÁVEL MAIOR
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet{
  position:relative;
  width:70px !important;
  height:34px !important;
  border-radius:999px;
  background:transparent !important;
  opacity:1 !important;
  margin:0 !important;
  cursor:pointer;
  display:flex !important;
  align-items:center;
  justify-content:center;
  transition:all .25s ease;
}

/* fundo invisível clicável com pulso */
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:54px;
  height:20px;
  border-radius:999px;
  background:rgba(37, 88, 255, 0.08);
  transform:translate(-50%, -50%);
  opacity:.65;
  animation:allka-paginacao-area-pulse 2s ease-in-out infinite;
}

/* barrinha visual */
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:48px;
  height:4px;
  border-radius:999px;
  background:#E3E9F7;
  transform:translate(-50%, -50%);
  z-index:2;
  transition:all .25s ease;
}

/* hover */
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet:hover::after{
  width:62px;
  height:24px;
  opacity:1;
  background:rgba(37, 88, 255, 0.14);
}

.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet:hover::before{
  background:#B8C7F2;
}

/* ativo */
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet-active::before{
  width:58px;
  background:#2558FF;
  box-shadow:0 0 18px rgba(37, 88, 255, 0.55);
  animation:allka-paginacao-barra-pulse 1.4s ease-in-out infinite;
}

.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet-active::after{
  width:66px;
  height:24px;
  background:rgba(37, 88, 255, 0.16);
  opacity:1;
}


/* =========================================
   06. ANIMAÇÕES DA PAGINAÇÃO
   ========================================= */

@keyframes allka-paginacao-area-pulse{
  0%, 100%{
    opacity:.45;
    transform:translate(-50%, -50%) scale(1);
  }

  50%{
    opacity:.9;
    transform:translate(-50%, -50%) scale(1.08);
  }
}

@keyframes allka-paginacao-barra-pulse{
  0%, 100%{
    box-shadow:0 0 10px rgba(37, 88, 255, 0.35);
  }

  50%{
    box-shadow:0 0 24px rgba(37, 88, 255, 0.75);
  }
}


/* =========================================
   07. SETAS DO CARROSSEL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-a50ac53 .elementor-swiper-button,
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-prev,
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-next{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#FFFFFF;
  color:#2558FF;
  box-shadow:0 10px 24px rgba(37, 88, 255, 0.14);
  border:1px solid rgba(37, 88, 255, 0.14);
  z-index:55 !important;
  top:auto !important;
  bottom:69px !important;
  transform:none !important;
  transition:all .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-a50ac53 .elementor-swiper-button:hover,
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-prev:hover,
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-next:hover{
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  color:#FFFFFF;
  border-color:transparent;
}

.elementor-2044 .elementor-element.elementor-element-a50ac53 .elementor-swiper-button-prev,
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-prev{
  left:calc(74% - 158px) !important;
  right:auto !important;
}

.elementor-2044 .elementor-element.elementor-element-a50ac53 .elementor-swiper-button-next,
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-next{
  left:calc(74% + 124px) !important;
  right:auto !important;
}

.elementor-2044 .elementor-element.elementor-element-a50ac53 .elementor-swiper-button i,
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-prev::after,
.elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-next::after{
  font-size:13px !important;
  font-weight:700;
}

/* =========================================
   TABLET E MOBILE - CARROSSEL COMO FAZEMOS
   ========================================= */

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-a50ac53{
    padding-bottom:70px;
  }

  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination{
    left:50% !important;
    bottom:18px !important;
    transform:translateX(-50%) !important;
    gap:12px;
  }

  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet{
    width:62px !important;
    height:32px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet::before{
    width:44px;
    height:4px;
  }

  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet-active::before{
    width:54px;
  }

  .elementor-2044 .elementor-element.elementor-element-a50ac53 .elementor-swiper-button,
  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-prev,
  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-next{
    bottom:18px !important;
    width:32px;
    height:32px;
  }

  .elementor-2044 .elementor-element.elementor-element-a50ac53 .elementor-swiper-button-prev,
  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-prev{
    left:calc(50% - 150px) !important;
  }

  .elementor-2044 .elementor-element.elementor-element-a50ac53 .elementor-swiper-button-next,
  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-next{
    left:calc(50% + 118px) !important;
  }
}


/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-a50ac53{
    padding-bottom:54px;
  }

  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper,
  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-wrapper,
  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-slide{
    width:100% !important;
  }

  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination{
    left:50% !important;
    bottom:8px !important;
    transform:translateX(-50%) !important;
    gap:8px;
  }

  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet{
    width:48px !important;
    height:28px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet::after{
    width:38px;
    height:16px;
  }

  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet::before{
    width:34px;
    height:3px;
  }

  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-pagination-bullet-active::before{
    width:42px;
  }

  /* no mobile, escondo as setas para não poluir */
  .elementor-2044 .elementor-element.elementor-element-a50ac53 .elementor-swiper-button,
  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-prev,
  .elementor-2044 .elementor-element.elementor-element-a50ac53 .swiper-button-next{
    display:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a6120a *//* =========================================
   01. CONTAINER INTERNO DO SLIDER
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-7a6120a{
  width:100%;
  max-width:1480px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* garante que o carrossel ocupe toda a largura */
.elementor-2044 .elementor-element.elementor-element-7a6120a .como-fazemos-slider{
  width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b64fe6 *//* =========================================
   01. COMO FAZEMOS - VERSÃO ESCURA
   COLE NO CONTAINER PRINCIPAL TOTAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3b64fe6{
  position:relative;
  z-index:2;
  overflow:visible !important;
}


/* =========================================
   02. SELO "COMO FUNCIONA"
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-selo .elementor-heading-title{
  color:#2F7BFF !important;
  border-color:rgba(47, 123, 255, 0.55) !important;
  background:rgba(6, 13, 31, 0.58) !important;
  box-shadow:0 0 22px rgba(37, 88, 255, 0.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}


/* =========================================
   03. TÍTULO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-titulo .elementor-heading-title{
  color:#FFFFFF !important;
}

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-gradiente{
  background:linear-gradient(90deg, #4B82FF 0%, #A86BFF 52%, #FF4FC3 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}


/* =========================================
   04. TEXTO EXPLICATIVO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-texto,
.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-texto p{
  color:#D8E0F4 !important;
}

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-texto strong{
  color:#2F7BFF !important;
  font-weight:700 !important;
}


/* =========================================
   05. IMAGEM PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-imagem-principal img{
  border:1px solid rgba(100, 140, 255, 0.18);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.34),
    0 0 36px rgba(37, 88, 255, 0.12) !important;
}


/* =========================================
   06. BOLINHAS DECORATIVAS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-col-imagem::before,
.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-col-imagem::after{
  opacity:.42 !important;
  background-image:radial-gradient(circle, rgba(90, 130, 255, 0.62) 2px, transparent 2.5px) !important;
}


/* =========================================
   07. ÍCONES FLUTUANTES DA IMAGEM
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-icone-flutuante{
  background:rgba(8, 14, 32, 0.72) !important;
  border:1px solid rgba(100, 140, 255, 0.22) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    0 0 26px rgba(37, 88, 255, 0.16) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-icone-flutuante::before{
  background:linear-gradient(135deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%) !important;
  box-shadow:0 0 18px rgba(166, 30, 134, 0.28);
}

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-icone-flutuante::after{
  border-color:rgba(80, 130, 255, 0.28) !important;
}

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-icone-flutuante svg path,
.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-icone-flutuante svg rect,
.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-icone-flutuante svg circle{
  stroke:#FFFFFF !important;
}


/* =========================================
   08. LISTA DE PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-passo{
  border-bottom-color:rgba(100, 140, 255, 0.16) !important;
}

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-passo:hover .como-fazemos-passo-texto strong{
  color:#5E82FF !important;
}


/* =========================================
   09. NÚMEROS 01 / 02 / 03...
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-numero{
  color:#2F7BFF !important;
  background:rgba(8, 14, 32, 0.72) !important;
  border:1px solid rgba(100, 140, 255, 0.20);
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.22),
    0 0 22px rgba(37, 88, 255, 0.10) !important;
}


/* =========================================
   10. TEXTOS DOS PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-passo-texto strong{
  color:#FFFFFF !important;
}

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-passo-texto span{
  color:#C9D2EA !important;
}


/* =========================================
   11. ÍCONES DOS PASSOS
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-passo-icone{
  background:rgba(8, 14, 32, 0.72) !important;
  border:1px solid rgba(100, 140, 255, 0.20);
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.22),
    0 0 22px rgba(37, 88, 255, 0.10) !important;
}

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-passo-icone svg path,
.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-passo-icone svg rect,
.elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-passo-icone svg circle{
  stroke:#7B5CFF !important;
}


/* =========================================
   12. PAGINAÇÃO DO SLIDER
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .swiper-pagination-bullet::after{
  background:rgba(47, 123, 255, 0.10) !important;
}

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .swiper-pagination-bullet::before{
  background:rgba(120, 145, 190, 0.34) !important;
}

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .swiper-pagination-bullet-active::before{
  background:#2F7BFF !important;
  box-shadow:0 0 22px rgba(47, 123, 255, 0.70) !important;
}

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .swiper-pagination-bullet-active::after{
  background:rgba(47, 123, 255, 0.18) !important;
}


/* =========================================
   13. SETAS DO SLIDER
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .elementor-swiper-button,
.elementor-2044 .elementor-element.elementor-element-3b64fe6 .swiper-button-prev,
.elementor-2044 .elementor-element.elementor-element-3b64fe6 .swiper-button-next{
  background:rgba(8, 14, 32, 0.78) !important;
  color:#FFFFFF !important;
  border:1px solid rgba(100, 140, 255, 0.26) !important;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.24),
    0 0 20px rgba(37, 88, 255, 0.12) !important;
}

.elementor-2044 .elementor-element.elementor-element-3b64fe6 .elementor-swiper-button:hover,
.elementor-2044 .elementor-element.elementor-element-3b64fe6 .swiper-button-prev:hover,
.elementor-2044 .elementor-element.elementor-element-3b64fe6 .swiper-button-next:hover{
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%) !important;
  color:#FFFFFF !important;
  border-color:transparent !important;
}


/* =========================================
   14. MOBILE - CARDS DOS PASSOS ESCUROS
   ========================================= */

@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-passo{
    background:rgba(8, 14, 32, 0.72) !important;
    border:1px solid rgba(100, 140, 255, 0.18) !important;
    box-shadow:
      0 12px 28px rgba(0, 0, 0, 0.26),
      0 0 22px rgba(37, 88, 255, 0.10) !important;
  }

  .elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-numero{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
  }

  .elementor-2044 .elementor-element.elementor-element-3b64fe6 .como-fazemos-passo-icone{
    background:rgba(255, 255, 255, 0.06) !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d95cbce */.elementor-2044 .elementor-element.elementor-element-d95cbce{
  margin-bottom:-8px;
}

.elementor-2044 .elementor-element.elementor-element-d95cbce .elementor-heading-title{
  margin:0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c4eeb6 */.elementor-2044 .elementor-element.elementor-element-3c4eeb6{
  margin-top:0;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-3c4eeb6 .elementor-heading-title{
  margin:0;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b573f6d */.elementor-2044 .elementor-element.elementor-element-b573f6d{
  width:100%;
  max-width:760px;
  margin-bottom:26px;
}

.elementor-2044 .elementor-element.elementor-element-b573f6d,
.elementor-2044 .elementor-element.elementor-element-b573f6d p{
  margin:0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6d38c88 */.elementor-2044 .elementor-element.elementor-element-6d38c88{
  width:auto !important;
  max-width:none !important;
  display:flex !important;
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.elementor-2044 .elementor-element.elementor-element-6d38c88 .elementor-button{
  width:auto !important;
  min-width:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:none !important;
  border-radius:16px !important;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%) !important;
  box-shadow:
    0 14px 32px rgba(37,88,255,0.18),
    0 8px 20px rgba(166,30,134,0.16),
    inset 0 1px 0 rgba(255,255,255,0.22);
  transition:
    transform .25s ease,
    filter .25s ease,
    box-shadow .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-6d38c88 .elementor-button:hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
  box-shadow:
    0 18px 38px rgba(37,88,255,0.22),
    0 10px 24px rgba(166,30,134,0.20),
    inset 0 1px 0 rgba(255,255,255,0.26);
}

.elementor-2044 .elementor-element.elementor-element-6d38c88 .elementor-button-text{
  white-space:nowrap;
  text-align:center;
}

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-6d38c88{
    width:auto !important;
    max-width:none !important;
  }

  .elementor-2044 .elementor-element.elementor-element-6d38c88 .elementor-button{
    width:auto !important;
  }

  .elementor-2044 .elementor-element.elementor-element-6d38c88 .elementor-button-text{
    white-space:nowrap;
  }
}

/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-6d38c88{
    width:100% !important;
    max-width:100% !important;
  }

  .elementor-2044 .elementor-element.elementor-element-6d38c88 .elementor-button{
    width:100% !important;
    display:flex !important;
  }

  .elementor-2044 .elementor-element.elementor-element-6d38c88 .elementor-button-text{
    white-space:normal;
    text-align:center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b5696b */.elementor-2044 .elementor-element.elementor-element-7b5696b{
  position:relative;
  z-index:2;
  width:100%;
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:0 20px;
}

/* TÍTULO LINHA 1 */
.elementor-2044 .elementor-element.elementor-element-7b5696b .titulo-agencia-linha-1{
  width:100%;
  margin:0 !important;
}

/* TÍTULO LINHA 2 */
.elementor-2044 .elementor-element.elementor-element-7b5696b .titulo-agencia-linha-2{
  width:100%;
  margin:0 0 20px 0 !important;
}

/* TEXTO */
.elementor-2044 .elementor-element.elementor-element-7b5696b .texto-agencia-credenciada{
  width:100%;
  max-width:780px;
  margin:0 0 28px 0 !important;
}

/* BOTÃO - DESKTOP CENTRALIZADO, SEM 100% */
.elementor-2044 .elementor-element.elementor-element-7b5696b .botao-agencia-credenciada{
  width:auto !important;
  max-width:none !important;
  margin:0 auto !important;
  display:flex !important;
  justify-content:center !important;
}

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-7b5696b{
    max-width:760px;
    padding:0 28px;
  }

  .elementor-2044 .elementor-element.elementor-element-7b5696b .titulo-agencia-linha-2{
    margin-bottom:18px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-7b5696b .texto-agencia-credenciada{
    max-width:700px;
    margin-bottom:26px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-7b5696b .botao-agencia-credenciada{
    width:auto !important;
    max-width:none !important;
    margin:0 auto !important;
  }
}

/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-7b5696b{
    max-width:100%;
    padding:0 22px;
  }

  .elementor-2044 .elementor-element.elementor-element-7b5696b .titulo-agencia-linha-1{
    margin-bottom:-2px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-7b5696b .titulo-agencia-linha-2{
    margin-bottom:16px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-7b5696b .texto-agencia-credenciada{
    max-width:100%;
    margin-bottom:22px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-7b5696b .botao-agencia-credenciada{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-43df945 */.elementor-2044 .elementor-element.elementor-element-43df945{
  margin-bottom:-8px;
}

.elementor-2044 .elementor-element.elementor-element-43df945 .elementor-heading-title{
  margin:0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9a6a682 */.elementor-2044 .elementor-element.elementor-element-9a6a682{
  margin-top:0;
  margin-bottom:18px;
}

.elementor-2044 .elementor-element.elementor-element-9a6a682 .elementor-heading-title{
  margin:0;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9c976d9 */.elementor-2044 .elementor-element.elementor-element-9c976d9{
  width:100%;
  max-width:760px;
  margin-bottom:26px;
}

.elementor-2044 .elementor-element.elementor-element-9c976d9,
.elementor-2044 .elementor-element.elementor-element-9c976d9 p{
  margin:0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-34af101 */.elementor-2044 .elementor-element.elementor-element-34af101{
  width:auto !important;
  max-width:none !important;
  display:flex !important;
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.elementor-2044 .elementor-element.elementor-element-34af101 .elementor-button{
  width:auto !important;
  min-width:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:none !important;
  border-radius:16px !important;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%) !important;
  box-shadow:
    0 14px 32px rgba(37,88,255,0.18),
    0 8px 20px rgba(166,30,134,0.16),
    inset 0 1px 0 rgba(255,255,255,0.22);
  transition:
    transform .25s ease,
    filter .25s ease,
    box-shadow .25s ease;
}

.elementor-2044 .elementor-element.elementor-element-34af101 .elementor-button:hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
  box-shadow:
    0 18px 38px rgba(37,88,255,0.22),
    0 10px 24px rgba(166,30,134,0.20),
    inset 0 1px 0 rgba(255,255,255,0.26);
}

.elementor-2044 .elementor-element.elementor-element-34af101 .elementor-button-text{
  white-space:nowrap;
  text-align:center;
}

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-34af101{
    width:auto !important;
    max-width:none !important;
  }

  .elementor-2044 .elementor-element.elementor-element-34af101 .elementor-button{
    width:auto !important;
  }

  .elementor-2044 .elementor-element.elementor-element-34af101 .elementor-button-text{
    white-space:nowrap;
  }
}

/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-34af101{
    width:100% !important;
    max-width:100% !important;
  }

  .elementor-2044 .elementor-element.elementor-element-34af101 .elementor-button{
    width:100% !important;
    display:flex !important;
  }

  .elementor-2044 .elementor-element.elementor-element-34af101 .elementor-button-text{
    white-space:normal;
    text-align:center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-98c6c84 */.elementor-2044 .elementor-element.elementor-element-98c6c84{
  position:relative;
  z-index:2;
  width:100%;
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:0 20px;
}

/* TÍTULO LINHA 1 */
.elementor-2044 .elementor-element.elementor-element-98c6c84 .titulo-agencia-linha-1{
  width:100%;
  margin:0 !important;
}

/* TÍTULO LINHA 2 */
.elementor-2044 .elementor-element.elementor-element-98c6c84 .titulo-agencia-linha-2{
  width:100%;
  margin:0 0 20px 0 !important;
}

/* TEXTO */
.elementor-2044 .elementor-element.elementor-element-98c6c84 .texto-agencia-credenciada{
  width:100%;
  max-width:780px;
  margin:0 0 28px 0 !important;
}

/* BOTÃO - DESKTOP CENTRALIZADO, SEM 100% */
.elementor-2044 .elementor-element.elementor-element-98c6c84 .botao-agencia-credenciada{
  width:auto !important;
  max-width:none !important;
  margin:0 auto !important;
  display:flex !important;
  justify-content:center !important;
}

/* TABLET */
@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-98c6c84{
    max-width:760px;
    padding:0 28px;
  }

  .elementor-2044 .elementor-element.elementor-element-98c6c84 .titulo-agencia-linha-2{
    margin-bottom:18px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-98c6c84 .texto-agencia-credenciada{
    max-width:700px;
    margin-bottom:26px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-98c6c84 .botao-agencia-credenciada{
    width:auto !important;
    max-width:none !important;
    margin:0 auto !important;
  }
}

/* MOBILE */
@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-98c6c84{
    max-width:100%;
    padding:0 22px;
  }

  .elementor-2044 .elementor-element.elementor-element-98c6c84 .titulo-agencia-linha-1{
    margin-bottom:-2px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-98c6c84 .titulo-agencia-linha-2{
    margin-bottom:16px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-98c6c84 .texto-agencia-credenciada{
    max-width:100%;
    margin-bottom:22px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-98c6c84 .botao-agencia-credenciada{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-10f3ddd */.elementor-2044 .elementor-element.elementor-element-10f3ddd{
  margin:0 0 10px 0;
}

.elementor-2044 .elementor-element.elementor-element-10f3ddd .elementor-heading-title{
  margin:0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-020e799 */.elementor-2044 .elementor-element.elementor-element-020e799{
  margin:0 0 30px 0;
}

.elementor-2044 .elementor-element.elementor-element-020e799 .elementor-heading-title{
  margin:0;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fcfe436 */.elementor-2044 .elementor-element.elementor-element-fcfe436{
  width:100%;
  max-width:720px;
  margin:0 0 42px 0;
}

.elementor-2044 .elementor-element.elementor-element-fcfe436,
.elementor-2044 .elementor-element.elementor-element-fcfe436 p{
  margin:0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-967e19f *//* =========================================
   SEÇÃO 10 - BOTÃO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-967e19f .elementor-button{
  min-width:200px;
  min-height:58px;
  border-radius:999px;
  padding:0 10px 0 28px;
  background:linear-gradient(90deg, #070B78 0%, #6E2C96 55%, #D92293 100%) !important;
  color:#FFFFFF !important;
  border:none !important;
  box-shadow:0 16px 36px rgba(7,11,120,0.18);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    filter .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-967e19f .elementor-button:hover{
  transform:translateY(-2px);
  filter:saturate(1.06);
  box-shadow:
    0 22px 48px rgba(7,11,120,0.24),
    0 0 22px rgba(166,30,134,0.16);
}

.elementor-2044 .elementor-element.elementor-element-967e19f .elementor-button-content-wrapper{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.elementor-2044 .elementor-element.elementor-element-967e19f .elementor-button-content-wrapper::after{
  content:"";
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:50%;
  border:2px solid transparent;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H18' stroke='%23090F8F' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M13 7L18 12L13 17' stroke='%23090F8F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 23px 23px no-repeat,
    linear-gradient(#FFFFFF, #FFFFFF) padding-box,
    linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%) border-box;
  transition:transform .28s ease, box-shadow .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-967e19f .elementor-button:hover .elementor-button-content-wrapper::after{
  transform:translateX(3px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-669b75f *//* =========================================
   SEÇÃO 10 - ÁREA DOS BOTÕES
   DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-669b75f{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-669b75f > .e-con-inner{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-669b75f .secao-10-botao-wrap{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.elementor-2044 .elementor-element.elementor-element-669b75f .elementor-widget-button{
  width:auto !important;
  max-width:none !important;
}

.elementor-2044 .elementor-element.elementor-element-669b75f .elementor-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-669b75f .elementor-button-content-wrapper{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-669b75f .elementor-button-text{
  white-space:nowrap !important;
  line-height:1 !important;
}


/* =========================================
   SEÇÃO 10 - TABLET
   Mantém lado a lado, mas permite quebrar se faltar espaço
   ========================================= */

@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-669b75f,
  .elementor-2044 .elementor-element.elementor-element-669b75f > .e-con-inner{
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:20px !important;
    flex-wrap:wrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-669b75f .secao-10-botao-wrap,
  .elementor-2044 .elementor-element.elementor-element-669b75f .elementor-widget-button{
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
  }

}


/* =========================================
   SEÇÃO 10 - MOBILE
   Botões um embaixo do outro
   ========================================= */

@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-669b75f,
  .elementor-2044 .elementor-element.elementor-element-669b75f > .e-con-inner{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-669b75f .secao-10-botao-wrap{
    width:100% !important;
    max-width:330px !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .elementor-2044 .elementor-element.elementor-element-669b75f .elementor-widget-button{
    width:100% !important;
    max-width:330px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-669b75f .elementor-button{
    width:100% !important;
    min-width:0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-669b75f .elementor-button-content-wrapper{
    width:100% !important;
    justify-content:space-between !important;
  }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0c5d158 *//* =========================================
   SEÇÃO 10 - BOTÃO SECUNDÁRIO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-0c5d158 .elementor-button{
  min-width:200px;
  min-height:58px;
  border-radius:999px;
  padding:0 28px;
  color:#6E2C96 !important;
  background:
    linear-gradient(#FFFFFF, #FFFFFF) padding-box,
    linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #D92293 100%) border-box !important;
  border:1.5px solid transparent !important;
  box-shadow:none;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    filter .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-0c5d158 .elementor-button:hover{
  transform:translateY(-2px);
  filter:saturate(1.06);
  box-shadow:
    0 16px 36px rgba(37,88,255,0.10),
    0 0 20px rgba(166,30,134,0.12);
}

.elementor-2044 .elementor-element.elementor-element-0c5d158 .elementor-button-content-wrapper{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.elementor-2044 .elementor-element.elementor-element-0c5d158 .elementor-button-content-wrapper::after{
  content:"";
  width:22px;
  height:22px;
  min-width:22px;
  background:#D92293;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H18' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M13 7L18 12L13 17' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H18' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M13 7L18 12L13 17' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:22px 22px;
  mask-size:22px 22px;
  transition:transform .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-0c5d158 .elementor-button:hover .elementor-button-content-wrapper::after{
  transform:translateX(3px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49f5388 *//* =========================================
   SEÇÃO 10 - ÁREA DOS BOTÕES
   DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-49f5388{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-49f5388 > .e-con-inner{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-49f5388 .secao-10-botao-wrap{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.elementor-2044 .elementor-element.elementor-element-49f5388 .elementor-widget-button{
  width:auto !important;
  max-width:none !important;
}

.elementor-2044 .elementor-element.elementor-element-49f5388 .elementor-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-49f5388 .elementor-button-content-wrapper{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-49f5388 .elementor-button-text{
  white-space:nowrap !important;
  line-height:1 !important;
}


/* =========================================
   SEÇÃO 10 - TABLET
   Mantém lado a lado, mas permite quebrar se faltar espaço
   ========================================= */

@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-49f5388,
  .elementor-2044 .elementor-element.elementor-element-49f5388 > .e-con-inner{
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:20px !important;
    flex-wrap:wrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-49f5388 .secao-10-botao-wrap,
  .elementor-2044 .elementor-element.elementor-element-49f5388 .elementor-widget-button{
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
  }

}


/* =========================================
   SEÇÃO 10 - MOBILE
   Botões um embaixo do outro
   ========================================= */

@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-49f5388,
  .elementor-2044 .elementor-element.elementor-element-49f5388 > .e-con-inner{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-49f5388 .secao-10-botao-wrap{
    width:100% !important;
    max-width:330px !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .elementor-2044 .elementor-element.elementor-element-49f5388 .elementor-widget-button{
    width:100% !important;
    max-width:330px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-49f5388 .elementor-button{
    width:100% !important;
    min-width:0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-49f5388 .elementor-button-content-wrapper{
    width:100% !important;
    justify-content:space-between !important;
  }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-de278b2 */.elementor-2044 .elementor-element.elementor-element-de278b2{
  margin:0 0 10px 0;
}

.elementor-2044 .elementor-element.elementor-element-de278b2 .elementor-heading-title{
  margin:0;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-97fa26a */.elementor-2044 .elementor-element.elementor-element-97fa26a{
  margin:0 0 30px 0;
}

.elementor-2044 .elementor-element.elementor-element-97fa26a .elementor-heading-title{
  margin:0;
  background:linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d4ba2a6 */.elementor-2044 .elementor-element.elementor-element-d4ba2a6{
  width:100%;
  max-width:720px;
  margin:0 0 42px 0;
}

.elementor-2044 .elementor-element.elementor-element-d4ba2a6,
.elementor-2044 .elementor-element.elementor-element-d4ba2a6 p{
  margin:0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9a88ac8 *//* =========================================
   SEÇÃO 10 - BOTÃO PRINCIPAL
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-9a88ac8 .elementor-button{
  min-width:200px;
  min-height:58px;
  border-radius:999px;
  padding:0 10px 0 28px;
  background:linear-gradient(90deg, #070B78 0%, #6E2C96 55%, #D92293 100%) !important;
  color:#FFFFFF !important;
  border:none !important;
  box-shadow:0 16px 36px rgba(7,11,120,0.18);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    filter .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-9a88ac8 .elementor-button:hover{
  transform:translateY(-2px);
  filter:saturate(1.06);
  box-shadow:
    0 22px 48px rgba(7,11,120,0.24),
    0 0 22px rgba(166,30,134,0.16);
}

.elementor-2044 .elementor-element.elementor-element-9a88ac8 .elementor-button-content-wrapper{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.elementor-2044 .elementor-element.elementor-element-9a88ac8 .elementor-button-content-wrapper::after{
  content:"";
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:50%;
  border:2px solid transparent;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H18' stroke='%23090F8F' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M13 7L18 12L13 17' stroke='%23090F8F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 23px 23px no-repeat,
    linear-gradient(#FFFFFF, #FFFFFF) padding-box,
    linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #A61E86 100%) border-box;
  transition:transform .28s ease, box-shadow .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-9a88ac8 .elementor-button:hover .elementor-button-content-wrapper::after{
  transform:translateX(3px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5eb152 *//* =========================================
   SEÇÃO 10 - ÁREA DOS BOTÕES
   DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-c5eb152{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-c5eb152 > .e-con-inner{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-c5eb152 .secao-10-botao-wrap{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.elementor-2044 .elementor-element.elementor-element-c5eb152 .elementor-widget-button{
  width:auto !important;
  max-width:none !important;
}

.elementor-2044 .elementor-element.elementor-element-c5eb152 .elementor-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-c5eb152 .elementor-button-content-wrapper{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-c5eb152 .elementor-button-text{
  white-space:nowrap !important;
  line-height:1 !important;
}


/* =========================================
   SEÇÃO 10 - TABLET
   Mantém lado a lado, mas permite quebrar se faltar espaço
   ========================================= */

@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-c5eb152,
  .elementor-2044 .elementor-element.elementor-element-c5eb152 > .e-con-inner{
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:20px !important;
    flex-wrap:wrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-c5eb152 .secao-10-botao-wrap,
  .elementor-2044 .elementor-element.elementor-element-c5eb152 .elementor-widget-button{
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
  }

}


/* =========================================
   SEÇÃO 10 - MOBILE
   Botões um embaixo do outro
   ========================================= */

@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-c5eb152,
  .elementor-2044 .elementor-element.elementor-element-c5eb152 > .e-con-inner{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-c5eb152 .secao-10-botao-wrap{
    width:100% !important;
    max-width:330px !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .elementor-2044 .elementor-element.elementor-element-c5eb152 .elementor-widget-button{
    width:100% !important;
    max-width:330px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-c5eb152 .elementor-button{
    width:100% !important;
    min-width:0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-c5eb152 .elementor-button-content-wrapper{
    width:100% !important;
    justify-content:space-between !important;
  }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2e5b409 *//* =========================================
   SEÇÃO 10 - BOTÃO SECUNDÁRIO
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-2e5b409 .elementor-button{
  min-width:200px;
  min-height:58px;
  border-radius:999px;
  padding:0 28px;
  color:#6E2C96 !important;
  background:
    linear-gradient(#FFFFFF, #FFFFFF) padding-box,
    linear-gradient(90deg, #2558FF 0%, #6E2C96 52%, #D92293 100%) border-box !important;
  border:1.5px solid transparent !important;
  box-shadow:none;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    filter .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-2e5b409 .elementor-button:hover{
  transform:translateY(-2px);
  filter:saturate(1.06);
  box-shadow:
    0 16px 36px rgba(37,88,255,0.10),
    0 0 20px rgba(166,30,134,0.12);
}

.elementor-2044 .elementor-element.elementor-element-2e5b409 .elementor-button-content-wrapper{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.elementor-2044 .elementor-element.elementor-element-2e5b409 .elementor-button-content-wrapper::after{
  content:"";
  width:22px;
  height:22px;
  min-width:22px;
  background:#D92293;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H18' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M13 7L18 12L13 17' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H18' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M13 7L18 12L13 17' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:22px 22px;
  mask-size:22px 22px;
  transition:transform .28s ease;
}

.elementor-2044 .elementor-element.elementor-element-2e5b409 .elementor-button:hover .elementor-button-content-wrapper::after{
  transform:translateX(3px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-06aaa8f *//* =========================================
   SEÇÃO 10 - ÁREA DOS BOTÕES
   DESKTOP
   ========================================= */

.elementor-2044 .elementor-element.elementor-element-06aaa8f{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-06aaa8f > .e-con-inner{
  width:100% !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-06aaa8f .secao-10-botao-wrap{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.elementor-2044 .elementor-element.elementor-element-06aaa8f .elementor-widget-button{
  width:auto !important;
  max-width:none !important;
}

.elementor-2044 .elementor-element.elementor-element-06aaa8f .elementor-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-06aaa8f .elementor-button-content-wrapper{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

.elementor-2044 .elementor-element.elementor-element-06aaa8f .elementor-button-text{
  white-space:nowrap !important;
  line-height:1 !important;
}


/* =========================================
   SEÇÃO 10 - TABLET
   Mantém lado a lado, mas permite quebrar se faltar espaço
   ========================================= */

@media (min-width:768px) and (max-width:1024px){

  .elementor-2044 .elementor-element.elementor-element-06aaa8f,
  .elementor-2044 .elementor-element.elementor-element-06aaa8f > .e-con-inner{
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:20px !important;
    flex-wrap:wrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-06aaa8f .secao-10-botao-wrap,
  .elementor-2044 .elementor-element.elementor-element-06aaa8f .elementor-widget-button{
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
  }

}


/* =========================================
   SEÇÃO 10 - MOBILE
   Botões um embaixo do outro
   ========================================= */

@media (max-width:767px){

  .elementor-2044 .elementor-element.elementor-element-06aaa8f,
  .elementor-2044 .elementor-element.elementor-element-06aaa8f > .e-con-inner{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
  }

  .elementor-2044 .elementor-element.elementor-element-06aaa8f .secao-10-botao-wrap{
    width:100% !important;
    max-width:330px !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .elementor-2044 .elementor-element.elementor-element-06aaa8f .elementor-widget-button{
    width:100% !important;
    max-width:330px !important;
  }

  .elementor-2044 .elementor-element.elementor-element-06aaa8f .elementor-button{
    width:100% !important;
    min-width:0 !important;
  }

  .elementor-2044 .elementor-element.elementor-element-06aaa8f .elementor-button-content-wrapper{
    width:100% !important;
    justify-content:space-between !important;
  }

}/* End custom CSS */