.elementor-12 .elementor-element.elementor-element-cefc6fc{--display:flex;--min-height:900px;--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-start;}.elementor-12 .elementor-element.elementor-element-cefc6fc:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-cefc6fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://saulorepoles.com/wp-content/uploads/2026/07/hero-v2-web.webp");background-position:center center;}.elementor-12 .elementor-element.elementor-element-fea0757{--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;--justify-content:center;--align-items:flex-start;}.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-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-12 .elementor-element.elementor-element-c82aa33 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-8256b42 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-1c51523{--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:none;--border-style:none;--padding-top:1em;--padding-bottom:0.5em;--padding-left:0em;--padding-right:0em;}.elementor-12 .elementor-element.elementor-element-1c51523:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-1c51523 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020E2E;}.elementor-12 .elementor-element.elementor-element-fb819de{--e-image-carousel-slides-to-show:10;}.elementor-12 .elementor-element.elementor-element-fe72195{--display:flex;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-fe72195:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-fe72195 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00275B;}.elementor-12 .elementor-element.elementor-element-ffc5174{--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;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-12 .elementor-element.elementor-element-5ef558b{--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;--justify-content:center;--align-items:center;}.elementor-12 .elementor-element.elementor-element-8f20a43{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-8f20a43 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-1c6c1b8{width:var( --container-widget-width, 667px );max-width:667px;--container-widget-width:667px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-1c6c1b8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-411d97c{--display:flex;}.elementor-12 .elementor-element.elementor-element-924ffbf{--e-image-carousel-slides-to-show:7;}.elementor-12 .elementor-element.elementor-element-055d883{--e-image-carousel-slides-to-show:7;}.elementor-12 .elementor-element.elementor-element-2100466{--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;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-12 .elementor-element.elementor-element-2d33f99{--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;--justify-content:center;--align-items:center;}.elementor-12 .elementor-element.elementor-element-ff7a238{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-ff7a238 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:34px;font-weight:600;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-06377df{width:var( --container-widget-width, 667px );max-width:667px;--container-widget-width:667px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-06377df .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-feadeae{--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;--justify-content:center;--align-items:center;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-feadeae:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-feadeae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E3E9F5;}.elementor-12 .elementor-element.elementor-element-feadeae.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-30c2e69{--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:center;--align-items:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-12 .elementor-element.elementor-element-7eb95d0{--display:flex;}.elementor-12 .elementor-element.elementor-element-05da91b{width:var( --container-widget-width, 449px );max-width:449px;--container-widget-width:449px;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-05da91b .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:59px;font-weight:700;color:#000A2E;}.elementor-12 .elementor-element.elementor-element-ffdb51a{--display:flex;}.elementor-12 .elementor-element.elementor-element-9fef948 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:300;line-height:1.4em;color:#000000CC;}.elementor-12 .elementor-element.elementor-element-9aa1b51{--display:flex;}.elementor-12 .elementor-element.elementor-element-b092138 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:300;line-height:1.4em;color:#000000CC;}.elementor-12 .elementor-element.elementor-element-3cb1676{--display:flex;}.elementor-12 .elementor-element.elementor-element-30d0dd6 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:300;line-height:1.4em;color:#000000CC;}.elementor-12 .elementor-element.elementor-element-c9fbd5f{--display:flex;}.elementor-12 .elementor-element.elementor-element-cdcde13 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:300;line-height:1.4em;color:#000000CC;}.elementor-12 .elementor-element.elementor-element-74df48c{--display:flex;}.elementor-12 .elementor-element.elementor-element-f9a6b78 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:300;line-height:1.4em;color:#000000CC;}.elementor-12 .elementor-element.elementor-element-332fbb9{--display:flex;}.elementor-12 .elementor-element.elementor-element-3296648 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:300;line-height:1.4em;color:#000000CC;}.elementor-12 .elementor-element.elementor-element-9818b33{--display:flex;}.elementor-12 .elementor-element.elementor-element-5527ecc .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:300;line-height:1.4em;color:#000000CC;}.elementor-12 .elementor-element.elementor-element-e24ea7c{--display:flex;}.elementor-12 .elementor-element.elementor-element-a170ca7 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:300;line-height:1.4em;color:#000000CC;}.elementor-12 .elementor-element.elementor-element-e715fdc{--display:flex;}.elementor-12 .elementor-element.elementor-element-f1cc1ad .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:300;line-height:1.4em;color:#000000CC;}.elementor-12 .elementor-element.elementor-element-3e5f0e4{--display:flex;}.elementor-12 .elementor-element.elementor-element-6f7e815 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:300;line-height:1.4em;color:#000000CC;}.elementor-12 .elementor-element.elementor-element-0b6dfca{--n-accordion-title-font-size:14px;width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:#FFFFFFCC;--n-accordion-title-hover-color:#052D33;--n-accordion-title-active-color:#052D33;--n-accordion-icon-size:15px;}.elementor-12 .elementor-element.elementor-element-0b6dfca > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#1EACBD;}.elementor-12 .elementor-element.elementor-element-0b6dfca > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#1EACBD;}.elementor-12 .elementor-element.elementor-element-0b6dfca > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 1px 1px 1px;border-color:#1EACBD4D;}.elementor-12 .elementor-element.elementor-element-0b6dfca {--n-accordion-padding:20px 20px 20px 20px;}:where( .elementor-12 .elementor-element.elementor-element-0b6dfca > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Archivo", Sans-serif;font-weight:600;}:where( .elementor-12 .elementor-element.elementor-element-0b6dfca > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;--padding-top:24px;--padding-right:24px;--padding-bottom:24px;--padding-left:24px;}.elementor-12 .elementor-element.elementor-element-c857f1c{--e-image-carousel-slides-to-show:4;z-index:6;}.elementor-12 .elementor-element.elementor-element-c857f1c .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-0f3e221{--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;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-0f3e221:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-0f3e221 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://saulorepoles.com/wp-content/uploads/2026/07/Frame-3.webp");background-position:center center;background-size:cover;}.elementor-12 .elementor-element.elementor-element-5ab9e7b{--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:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-778411e{--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;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12 .elementor-element.elementor-element-347863a{width:var( --container-widget-width, 533px );max-width:533px;--container-widget-width:533px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-347863a .elementor-heading-title{font-family:"Rethink Sans", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;line-height:1.2em;letter-spacing:7.3px;color:#000000;}.elementor-12 .elementor-element.elementor-element-4f02ec2{width:var( --container-widget-width, 569px );max-width:569px;--container-widget-width:569px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-4f02ec2 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:38px;font-weight:700;line-height:1.2em;color:#000000;}.elementor-12 .elementor-element.elementor-element-39a5990{width:var( --container-widget-width, 533px );max-width:533px;--container-widget-width:533px;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-39a5990 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:1.2em;color:#000000;}.elementor-12 .elementor-element.elementor-element-3017985{--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:center;--align-items:center;}.elementor-12 .elementor-element.elementor-element-6f58436{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-ef0f4a0{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-c69ec1a{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-c0194dd{--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:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b6a9679{--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;--justify-content:center;--align-items:flex-start;}.elementor-12 .elementor-element.elementor-element-07e28c5{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-07e28c5 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:21px;font-weight:600;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-f258038{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-f258038 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:34px;font-weight:600;color:#FFFFFF;}.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-12 .elementor-element.elementor-element-072e3f8{font-family:"Inter", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-b01bd46{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-23a2e24{--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:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-d7d7c2f{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12 .elementor-element.elementor-element-0d3c7bb{width:var( --container-widget-width, 471px );max-width:471px;--container-widget-width:471px;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-0d3c7bb .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:31px;font-weight:700;line-height:1.2em;color:#000000;}.elementor-12 .elementor-element.elementor-element-31fc80f{width:var( --container-widget-width, 533px );max-width:533px;--container-widget-width:533px;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-31fc80f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:1.2em;color:#000000;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-5139627 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-5139627 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-12 .elementor-element.elementor-element-5139627{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-12 .elementor-element.elementor-element-5139627 .elementor-icon-list-text{transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-5347d12{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12 .elementor-element.elementor-element-0d2a565{width:var( --container-widget-width, 533px );max-width:533px;--container-widget-width:533px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-0d2a565 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:1.2em;color:#000000;}.elementor-12 .elementor-element.elementor-element-4add698{width:var( --container-widget-width, 595px );max-width:595px;--container-widget-width:595px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-4add698 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:73px;font-weight:800;line-height:1.2em;color:#000000;}.elementor-12 .elementor-element.elementor-element-a265868{width:var( --container-widget-width, 533px );max-width:533px;--container-widget-width:533px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-a265868 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:1.2em;color:#000000;}.elementor-12 .elementor-element.elementor-element-31b8c0a{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12 .elementor-element.elementor-element-ba01772{width:var( --container-widget-width, 471px );max-width:471px;--container-widget-width:471px;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-ba01772 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:22px;font-weight:400;line-height:1.2em;color:#000000;}.elementor-12 .elementor-element.elementor-element-506b9af .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-506b9af .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-12 .elementor-element.elementor-element-506b9af{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-12 .elementor-element.elementor-element-506b9af .elementor-icon-list-text{transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-06834f1{--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:center;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-06834f1:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-06834f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000E25;}.elementor-12 .elementor-element.elementor-element-abd1293{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-368661f{--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;--justify-content:center;--align-items:flex-start;}.elementor-12 .elementor-element.elementor-element-e80e51c{width:var( --container-widget-width, 569px );max-width:569px;--container-widget-width:569px;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-e80e51c .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:41px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-245dcc4{font-family:"Inter", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-0b2bcd1{--display:flex;}.elementor-12 .elementor-element.elementor-element-2105a8b{--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;--justify-content:center;--align-items:center;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-2105a8b:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-2105a8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#03061D;}.elementor-12 .elementor-element.elementor-element-977cf02 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:#FFFFFF;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-fea0757{--width:50%;}.elementor-12 .elementor-element.elementor-element-7eb95d0{--width:50%;}.elementor-12 .elementor-element.elementor-element-5ab9e7b{--width:989px;}.elementor-12 .elementor-element.elementor-element-3017985{--width:83%;}.elementor-12 .elementor-element.elementor-element-b6a9679{--width:50%;}.elementor-12 .elementor-element.elementor-element-d7d7c2f{--width:41%;}.elementor-12 .elementor-element.elementor-element-5347d12{--width:41%;}.elementor-12 .elementor-element.elementor-element-31b8c0a{--width:41%;}.elementor-12 .elementor-element.elementor-element-368661f{--width:50%;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-cefc6fc:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-cefc6fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://saulorepoles.com/wp-content/uploads/2026/07/Frame-2.webp");background-position:top center;}.elementor-12 .elementor-element.elementor-element-cefc6fc{--min-height:781px;--justify-content:flex-end;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-fea0757{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12 .elementor-element.elementor-element-0265005{width:var( --container-widget-width, 155px );max-width:155px;--container-widget-width:155px;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-c82aa33{text-align:center;}.elementor-12 .elementor-element.elementor-element-c82aa33 .elementor-heading-title{font-size:23px;}.elementor-12 .elementor-element.elementor-element-8256b42{text-align:center;}.elementor-12 .elementor-element.elementor-element-8256b42 .elementor-heading-title{font-size:16px;}.elementor-12 .elementor-element.elementor-element-fb819de{--e-image-carousel-slides-to-show:2;}.elementor-12 .elementor-element.elementor-element-fe72195{--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-12 .elementor-element.elementor-element-8f20a43{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-12 .elementor-element.elementor-element-8f20a43 .elementor-heading-title{font-size:23px;}.elementor-12 .elementor-element.elementor-element-1c6c1b8{text-align:center;}.elementor-12 .elementor-element.elementor-element-1c6c1b8 .elementor-heading-title{font-size:16px;}.elementor-12 .elementor-element.elementor-element-2100466{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-12 .elementor-element.elementor-element-ff7a238{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-12 .elementor-element.elementor-element-ff7a238 .elementor-heading-title{font-size:23px;}.elementor-12 .elementor-element.elementor-element-06377df{text-align:center;}.elementor-12 .elementor-element.elementor-element-06377df .elementor-heading-title{font-size:16px;}.elementor-12 .elementor-element.elementor-element-feadeae{--content-width:350px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-05da91b{text-align:center;}.elementor-12 .elementor-element.elementor-element-05da91b .elementor-heading-title{font-size:26px;}.elementor-12 .elementor-element.elementor-element-9fef948{text-align:start;}.elementor-12 .elementor-element.elementor-element-9fef948 .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-b092138{text-align:start;}.elementor-12 .elementor-element.elementor-element-b092138 .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-30d0dd6{text-align:start;}.elementor-12 .elementor-element.elementor-element-30d0dd6 .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-cdcde13{text-align:start;}.elementor-12 .elementor-element.elementor-element-cdcde13 .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-f9a6b78{text-align:start;}.elementor-12 .elementor-element.elementor-element-f9a6b78 .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-3296648{text-align:start;}.elementor-12 .elementor-element.elementor-element-3296648 .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-5527ecc{text-align:start;}.elementor-12 .elementor-element.elementor-element-5527ecc .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-a170ca7{text-align:start;}.elementor-12 .elementor-element.elementor-element-a170ca7 .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-f1cc1ad{text-align:start;}.elementor-12 .elementor-element.elementor-element-f1cc1ad .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-6f7e815{text-align:start;}.elementor-12 .elementor-element.elementor-element-6f7e815 .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-0b6dfca{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--n-accordion-title-font-size:12px;}.elementor-12 .elementor-element.elementor-element-c857f1c{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 260px );max-width:260px;--container-widget-width:260px;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-0f3e221{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-347863a{width:var( --container-widget-width, 481px );max-width:481px;--container-widget-width:481px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-347863a .elementor-heading-title{font-size:12px;letter-spacing:10px;}.elementor-12 .elementor-element.elementor-element-4f02ec2{width:var( --container-widget-width, 481px );max-width:481px;--container-widget-width:481px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-4f02ec2 .elementor-heading-title{font-size:28px;}.elementor-12 .elementor-element.elementor-element-39a5990{width:var( --container-widget-width, 481px );max-width:481px;--container-widget-width:481px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-39a5990 .elementor-heading-title{font-size:14px;}.elementor-12 .elementor-element.elementor-element-6f58436{--container-widget-width:247px;--container-widget-flex-grow:0;width:var( --container-widget-width, 247px );max-width:247px;}.elementor-12 .elementor-element.elementor-element-ef0f4a0{--container-widget-width:247px;--container-widget-flex-grow:0;width:var( --container-widget-width, 247px );max-width:247px;}.elementor-12 .elementor-element.elementor-element-c69ec1a{--container-widget-width:247px;--container-widget-flex-grow:0;width:var( --container-widget-width, 247px );max-width:247px;}.elementor-12 .elementor-element.elementor-element-c0194dd{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-07e28c5{text-align:center;}.elementor-12 .elementor-element.elementor-element-07e28c5 .elementor-heading-title{font-size:23px;}.elementor-12 .elementor-element.elementor-element-f258038{text-align:center;}.elementor-12 .elementor-element.elementor-element-f258038 .elementor-heading-title{font-size:23px;}.elementor-12 .elementor-element.elementor-element-b01bd46{--container-widget-width:255px;--container-widget-flex-grow:0;width:var( --container-widget-width, 255px );max-width:255px;}.elementor-12 .elementor-element.elementor-element-23a2e24{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-0d3c7bb{width:var( --container-widget-width, 481px );max-width:481px;--container-widget-width:481px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-0d3c7bb .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-31fc80f{width:var( --container-widget-width, 481px );max-width:481px;--container-widget-width:481px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-31fc80f .elementor-heading-title{font-size:16px;}.elementor-12 .elementor-element.elementor-element-5347d12{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12 .elementor-element.elementor-element-0d2a565{width:var( --container-widget-width, 481px );max-width:481px;--container-widget-width:481px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-0d2a565 .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-4add698{width:var( --container-widget-width, 481px );max-width:481px;--container-widget-width:481px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-4add698 .elementor-heading-title{font-size:62px;}.elementor-12 .elementor-element.elementor-element-a265868{width:var( --container-widget-width, 481px );max-width:481px;--container-widget-width:481px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-a265868 .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-ba01772{width:var( --container-widget-width, 481px );max-width:481px;--container-widget-width:481px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-ba01772 .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-06834f1{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-abd1293{--container-widget-width:214px;--container-widget-flex-grow:0;width:var( --container-widget-width, 214px );max-width:214px;}.elementor-12 .elementor-element.elementor-element-e80e51c{width:var( --container-widget-width, 517px );max-width:517px;--container-widget-width:517px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-e80e51c .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-245dcc4{text-align:center;}.elementor-12 .elementor-element.elementor-element-977cf02{width:var( --container-widget-width, 186px );max-width:186px;--container-widget-width:186px;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-977cf02 .elementor-heading-title{line-height:1.4em;}}/* Start custom CSS for button, class: .elementor-element-9967c14 *//* ========================================= BOTÃO PRINCIPAL — IDENTIDADE DO CLIENTE Aplicar no CSS personalizado do widget ========================================= */ .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 58px; padding: 25px 32px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 10px; background: linear-gradient( 135deg, #54CEF5 0%, #03ACDA 48%, #0282B7 100% ); color: #002759; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 800; line-height: 1.1; letter-spacing: 0.02em; text-align: center; text-transform: uppercase; text-decoration: none; box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.45); transform: translateY(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1), box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease, color 0.35s ease; animation: botaoGlow 3.2s ease-in-out infinite; } /* CONTEÚDO ACIMA DOS EFEITOS */ .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 10px; } /* EFEITO DE LUZ DESLIZANDO */ .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button::before { content: ""; position: absolute; z-index: 1; top: -50%; left: -120%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.6), transparent ); transform: rotate(20deg); transition: left 0.7s cubic-bezier(.2, .8, .2, 1); pointer-events: none; } /* ILUMINAÇÃO INTERNA */ .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button::after { content: ""; position: absolute; z-index: 0; inset: 0; background: radial-gradient( circle at 50% 0%, rgba(255, 255, 255, 0.4), transparent 55% ); opacity: 0.75; transition: opacity 0.35s ease; pointer-events: none; } /* SETA AUTOMÁTICA APÓS O TEXTO */ .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button-text { display: inline-flex; align-items: center; justify-content: center; } .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button-text::after { content: "→"; display: inline-block; margin-left: 10px; font-size: 21px; font-weight: 700; line-height: 0; transform: translateX(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1); } /* HOVER */ .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button:hover { color: #001C42; border-color: rgba(255, 255, 255, 0.55); background: linear-gradient( 135deg, #7ADFFF 0%, #18BFEA 48%, #0396C8 100% ); box-shadow: 0 6px 0 #00638C, 0 20px 42px rgba(3, 172, 218, 0.42), 0 0 28px rgba(84, 206, 245, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.65); transform: translateY(-3px); } .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button:hover::before { left: 145%; } .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button:hover::after { opacity: 1; } .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); } /* EFEITO AO CLICAR */ .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button:active { transform: translateY(2px) scale(0.985); box-shadow: 0 2px 0 #00638C, 0 8px 18px rgba(3, 172, 218, 0.28), inset 0 2px 5px rgba(0, 39, 89, 0.15); transition-duration: 0.1s; } /* ACESSIBILIDADE AO NAVEGAR PELO TECLADO */ .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button:focus-visible { outline: 3px solid rgba(84, 206, 245, 0.48); outline-offset: 5px; box-shadow: 0 4px 0 #006C9A, 0 0 0 7px rgba(3, 172, 218, 0.13), 0 16px 34px rgba(3, 172, 218, 0.34); } /* PULSO SUTIL */ @keyframes botaoGlow { 0%, 100% { box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.45); } 50% { box-shadow: 0 4px 0 #006C9A, 0 17px 38px rgba(3, 172, 218, 0.36), 0 0 22px rgba(84, 206, 245, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.45); } } /* TABLET */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button { min-height: 56px; padding: 17px 28px; font-size: 15px; } } /* MOBILE */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button-wrapper { display: flex; justify-content: center; width: 100%; } .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button { width: 100%; max-width: 420px; min-height: 56px; padding: 16px 22px; border-radius: 9px; font-size: 14px; line-height: 1.25; letter-spacing: 0.01em; } .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button-text::after { margin-left: 8px; font-size: 19px; } } /* DESATIVA ANIMAÇÕES PARA QUEM PREFERE MENOS MOVIMENTO */ @media (prefers-reduced-motion: reduce) { .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button { animation: none; transition: none; } .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button::before, .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button::after, .elementor-12 .elementor-element.elementor-element-9967c14 .elementor-button-text::after { transition: none; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-fb819de */.elementor-12 .elementor-element.elementor-element-fb819de .swiper-wrapper{ transition-timing-function: linear !important }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9299199 *//* ========================================= CARDS DE DORES SEM BACKGROUND NA SEÇÃO ========================================= */ .sr-dor-section { position: relative; width: 100%; overflow: hidden; padding: 30px 20px; } .sr-dor-container { position: relative; z-index: 2; width: 100%; max-width: 1140px; margin: 0 auto; } /* ========================================= TEXTO SUPERIOR ========================================= */ .sr-dor-head { display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 36px; text-align: center; } .sr-dor-kicker { display: inline-block; max-width: 680px; margin: 0 auto; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 700; line-height: 1.35; letter-spacing: 0.08em; text-align: center; text-transform: uppercase; color: #54CEF5; } /* ========================================= GRID ========================================= */ .sr-dor-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; } /* ========================================= CARDS ========================================= */ .sr-dor-card { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; min-height: 310px; padding: 28px 22px 26px; border: 1px solid rgba(84, 206, 245, 0.26); border-radius: 18px; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0.01) 100% ), linear-gradient( 180deg, rgba(0, 39, 89, 0.82) 0%, rgba(0, 23, 53, 0.92) 100% ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 12px 35px rgba(0, 10, 28, 0.32), 0 0 0 1px rgba(84, 206, 245, 0.03); transform: translateY(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1), border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease; } /* ILUMINAÇÃO INTERNA */ .sr-dor-card::before { content: ""; position: absolute; z-index: 0; inset: 0; background: radial-gradient( circle at 18% 16%, rgba(84, 206, 245, 0.18), transparent 30% ), linear-gradient( 180deg, rgba(255, 255, 255, 0.025), transparent 46% ); opacity: 0.9; pointer-events: none; } /* BORDA INTERNA */ .sr-dor-card::after { content: ""; position: absolute; inset: 1px; border: 1px solid rgba(255, 255, 255, 0.03); border-radius: 17px; pointer-events: none; } /* ========================================= HOVER ========================================= */ .sr-dor-card:hover { transform: translateY(-6px); border-color: rgba(84, 206, 245, 0.52); background: linear-gradient( 180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.01) 100% ), linear-gradient( 180deg, rgba(0, 50, 104, 0.86) 0%, rgba(0, 27, 68, 0.96) 100% ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 20px 45px rgba(0, 10, 28, 0.42), 0 0 28px rgba(84, 206, 245, 0.13); } /* ========================================= NUMERAÇÃO ========================================= */ .sr-dor-number { position: absolute; z-index: 1; top: 10px; left: 18px; font-family: "League Spartan", sans-serif; font-size: 82px; font-weight: 800; line-height: 1; letter-spacing: -0.05em; color: rgba(84, 206, 245, 0.15); user-select: none; pointer-events: none; transition: color 0.35s ease, transform 0.35s ease; } .sr-dor-card:hover .sr-dor-number { color: rgba(84, 206, 245, 0.22); transform: translateY(-2px); } /* ========================================= CONTEÚDO ========================================= */ .sr-dor-content { position: relative; z-index: 2; padding-top: 58px; } .sr-dor-content h3 { max-width: 100%; margin: 0 0 14px; font-family: "League Spartan", sans-serif; font-size: 27px; font-weight: 800; line-height: 1; letter-spacing: -0.025em; text-transform: uppercase; color: #FFFFFF; } .sr-dor-content p { max-width: 100%; margin: 0; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.55; color: #D7E5F2; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .sr-dor-section { padding: 80px 20px; } .sr-dor-head { margin-bottom: 30px; } .sr-dor-kicker { max-width: 580px; font-size: 15px; } .sr-dor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sr-dor-card { min-height: 265px; } .sr-dor-content h3 { font-size: 27px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .sr-dor-section { padding: 64px 16px; } .sr-dor-container { max-width: 520px; } .sr-dor-head { margin-bottom: 24px; padding: 0 8px; } .sr-dor-kicker { max-width: 340px; font-size: 13px; line-height: 1.4; letter-spacing: 0.06em; } .sr-dor-grid { grid-template-columns: 1fr; gap: 16px; } .sr-dor-card { min-height: auto; padding: 24px 20px 22px; border-radius: 16px; } .sr-dor-card::after { border-radius: 15px; } .sr-dor-number { top: 8px; left: 15px; font-size: 68px; } .sr-dor-content { padding-top: 48px; } .sr-dor-content h3 { margin-bottom: 12px; font-size: 24px; line-height: 1.02; } .sr-dor-content p { font-size: 14px; line-height: 1.55; } } /* ========================================= MOBILE PEQUENO ========================================= */ @media (max-width: 380px) { .sr-dor-section { padding-right: 14px; padding-left: 14px; } .sr-dor-card { padding-right: 17px; padding-left: 17px; } .sr-dor-content h3 { font-size: 22px; } .sr-dor-content p { font-size: 13.5px; } } /* ========================================= ACESSIBILIDADE ========================================= */ @media (prefers-reduced-motion: reduce) { .sr-dor-card, .sr-dor-number { transition: none; } .sr-dor-card:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0779875 *//* ========================================= BOTÃO PRINCIPAL — IDENTIDADE DO CLIENTE Aplicar no CSS personalizado do widget ========================================= */ .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 58px; padding: 25px 32px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 10px; background: linear-gradient( 135deg, #54CEF5 0%, #03ACDA 48%, #0282B7 100% ); color: #002759; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 800; line-height: 1.1; letter-spacing: 0.02em; text-align: center; text-transform: uppercase; text-decoration: none; box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.45); transform: translateY(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1), box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease, color 0.35s ease; animation: botaoGlow 3.2s ease-in-out infinite; } /* CONTEÚDO ACIMA DOS EFEITOS */ .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 10px; } /* EFEITO DE LUZ DESLIZANDO */ .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button::before { content: ""; position: absolute; z-index: 1; top: -50%; left: -120%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.6), transparent ); transform: rotate(20deg); transition: left 0.7s cubic-bezier(.2, .8, .2, 1); pointer-events: none; } /* ILUMINAÇÃO INTERNA */ .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button::after { content: ""; position: absolute; z-index: 0; inset: 0; background: radial-gradient( circle at 50% 0%, rgba(255, 255, 255, 0.4), transparent 55% ); opacity: 0.75; transition: opacity 0.35s ease; pointer-events: none; } /* SETA AUTOMÁTICA APÓS O TEXTO */ .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button-text { display: inline-flex; align-items: center; justify-content: center; } .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button-text::after { content: "→"; display: inline-block; margin-left: 10px; font-size: 21px; font-weight: 700; line-height: 0; transform: translateX(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1); } /* HOVER */ .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button:hover { color: #001C42; border-color: rgba(255, 255, 255, 0.55); background: linear-gradient( 135deg, #7ADFFF 0%, #18BFEA 48%, #0396C8 100% ); box-shadow: 0 6px 0 #00638C, 0 20px 42px rgba(3, 172, 218, 0.42), 0 0 28px rgba(84, 206, 245, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.65); transform: translateY(-3px); } .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button:hover::before { left: 145%; } .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button:hover::after { opacity: 1; } .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); } /* EFEITO AO CLICAR */ .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button:active { transform: translateY(2px) scale(0.985); box-shadow: 0 2px 0 #00638C, 0 8px 18px rgba(3, 172, 218, 0.28), inset 0 2px 5px rgba(0, 39, 89, 0.15); transition-duration: 0.1s; } /* ACESSIBILIDADE AO NAVEGAR PELO TECLADO */ .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button:focus-visible { outline: 3px solid rgba(84, 206, 245, 0.48); outline-offset: 5px; box-shadow: 0 4px 0 #006C9A, 0 0 0 7px rgba(3, 172, 218, 0.13), 0 16px 34px rgba(3, 172, 218, 0.34); } /* PULSO SUTIL */ @keyframes botaoGlow { 0%, 100% { box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.45); } 50% { box-shadow: 0 4px 0 #006C9A, 0 17px 38px rgba(3, 172, 218, 0.36), 0 0 22px rgba(84, 206, 245, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.45); } } /* TABLET */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button { min-height: 56px; padding: 17px 28px; font-size: 15px; } } /* MOBILE */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button-wrapper { display: flex; justify-content: center; width: 100%; } .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button { width: 100%; max-width: 420px; min-height: 56px; padding: 16px 22px; border-radius: 9px; font-size: 14px; line-height: 1.25; letter-spacing: 0.01em; } .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button-text::after { margin-left: 8px; font-size: 19px; } } /* DESATIVA ANIMAÇÕES PARA QUEM PREFERE MENOS MOVIMENTO */ @media (prefers-reduced-motion: reduce) { .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button { animation: none; transition: none; } .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button::before, .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button::after, .elementor-12 .elementor-element.elementor-element-0779875 .elementor-button-text::after { transition: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4bfb9cf *//* ================================================== SEÇÃO COMPLETA — SEM BACKGROUND EXTERNO ================================================== */ .sr-beneficios { position: relative; width: 100%; padding: 10px 20px; background: transparent; } .sr-beneficios__container { width: 100%; max-width: 1140px; margin: 0 auto; } /* ================================================== GRID ================================================== */ .sr-beneficios__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 22px; } /* ================================================== CARDS ================================================== */ .sr-beneficio-card { position: relative; isolation: isolate; overflow: hidden; grid-column: span 4; min-height: 280px; padding: 28px 24px 26px; border: 1px solid rgba(84, 206, 245, 0.18); border-radius: 14px; background: radial-gradient( circle at 14% 10%, rgba(84, 206, 245, 0.11), transparent 30% ), linear-gradient( 150deg, rgba(3, 56, 104, 0.96) 0%, rgba(0, 39, 89, 0.98) 100% ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 14px 32px rgba(0, 10, 28, 0.20); transform: translateY(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1), border-color 0.35s ease, box-shadow 0.35s ease; } /* brilho interno discreto */ .sr-beneficio-card::before { content: ""; position: absolute; z-index: 0; inset: 0; background: linear-gradient( 125deg, rgba(255, 255, 255, 0.035), transparent 38% ); pointer-events: none; } /* borda interna */ .sr-beneficio-card::after { content: ""; position: absolute; z-index: 0; inset: 1px; border: 1px solid rgba(255, 255, 255, 0.025); border-radius: 13px; pointer-events: none; } /* ================================================== POSIÇÃO DOS DOIS CARDS INFERIORES ================================================== */ .sr-beneficio-card--bottom-left { grid-column: 3 / span 4; } .sr-beneficio-card--bottom-right { grid-column: 7 / span 4; } /* ================================================== DETALHE SUPERIOR ================================================== */ .sr-beneficio-card__detail { position: absolute; z-index: 3; top: 0; left: 22px; width: 30px; height: 4px; border-radius: 0 0 5px 5px; background: linear-gradient( 90deg, #03ACDA 0%, #54CEF5 100% ); box-shadow: 0 0 14px rgba(84, 206, 245, 0.24); } /* ================================================== ÍCONES ================================================== */ .sr-beneficio-card__icon { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 20px; border: 1px solid rgba(84, 206, 245, 0.28); border-radius: 9px; background: linear-gradient( 145deg, rgba(84, 206, 245, 0.20), rgba(3, 172, 218, 0.08) ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 18px rgba(3, 172, 218, 0.10); transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease; } .sr-beneficio-card__icon svg { width: 21px; height: 21px; fill: none; stroke: #54CEF5; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* ================================================== TIPOGRAFIA ================================================== */ .sr-beneficio-card h3 { position: relative; z-index: 2; margin: 0 0 13px; font-family: "League Spartan", sans-serif; font-size: 29px; font-weight: 800; line-height: 0.98; letter-spacing: -0.025em; text-transform: uppercase; color: #FFFFFF; } .sr-beneficio-card p { position: relative; z-index: 2; margin: 0; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.58; color: #D7E5F2; } /* ================================================== HOVER ================================================== */ .sr-beneficio-card:hover { transform: translateY(-6px); border-color: rgba(84, 206, 245, 0.42); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 20px 42px rgba(0, 10, 28, 0.28), 0 0 28px rgba(84, 206, 245, 0.09); } .sr-beneficio-card:hover .sr-beneficio-card__icon { transform: translateY(-2px); background: linear-gradient( 145deg, rgba(84, 206, 245, 0.28), rgba(3, 172, 218, 0.12) ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.11), 0 10px 24px rgba(3, 172, 218, 0.15); } /* ================================================== TABLET ================================================== */ @media (max-width: 1024px) { .sr-beneficios { padding: 80px 20px; } .sr-beneficios__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .sr-beneficio-card, .sr-beneficio-card--bottom-left, .sr-beneficio-card--bottom-right { grid-column: auto; min-height: 255px; } .sr-beneficio-card:last-child { grid-column: 1 / -1; width: calc(50% - 10px); justify-self: center; } .sr-beneficio-card h3 { font-size: 27px; } } /* ================================================== MOBILE ================================================== */ @media (max-width: 767px) { .sr-beneficios { padding: 64px 16px; } .sr-beneficios__container { max-width: 520px; } .sr-beneficios__grid { grid-template-columns: 1fr; gap: 16px; } .sr-beneficio-card, .sr-beneficio-card--bottom-left, .sr-beneficio-card--bottom-right, .sr-beneficio-card:last-child { grid-column: auto; width: 100%; min-height: auto; padding: 24px 20px 23px; border-radius: 13px; } .sr-beneficio-card::after { border-radius: 12px; } .sr-beneficio-card__detail { left: 18px; width: 26px; } .sr-beneficio-card__icon { width: 40px; height: 40px; margin-bottom: 17px; } .sr-beneficio-card__icon svg { width: 20px; height: 20px; } .sr-beneficio-card h3 { margin-bottom: 11px; font-size: 24px; line-height: 1; } .sr-beneficio-card p { font-size: 14px; line-height: 1.55; } } /* ================================================== MOBILE PEQUENO ================================================== */ @media (max-width: 380px) { .sr-beneficios { padding-right: 14px; padding-left: 14px; } .sr-beneficio-card { padding-right: 18px; padding-left: 18px; } .sr-beneficio-card h3 { font-size: 22px; } .sr-beneficio-card p { font-size: 13.5px; } } /* ================================================== ACESSIBILIDADE ================================================== */ @media (prefers-reduced-motion: reduce) { .sr-beneficio-card, .sr-beneficio-card__icon { transition: none; } .sr-beneficio-card:hover { transform: none; } .sr-beneficio-card:hover .sr-beneficio-card__icon { transform: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ae678e *//* ========================================= BOTÃO PRINCIPAL — IDENTIDADE DO CLIENTE Aplicar no CSS personalizado do widget ========================================= */ .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 58px; padding: 25px 32px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 10px; background: linear-gradient( 135deg, #54CEF5 0%, #03ACDA 48%, #0282B7 100% ); color: #002759; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 800; line-height: 1.1; letter-spacing: 0.02em; text-align: center; text-transform: uppercase; text-decoration: none; box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.45); transform: translateY(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1), box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease, color 0.35s ease; animation: botaoGlow 3.2s ease-in-out infinite; } /* CONTEÚDO ACIMA DOS EFEITOS */ .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 10px; } /* EFEITO DE LUZ DESLIZANDO */ .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button::before { content: ""; position: absolute; z-index: 1; top: -50%; left: -120%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.6), transparent ); transform: rotate(20deg); transition: left 0.7s cubic-bezier(.2, .8, .2, 1); pointer-events: none; } /* ILUMINAÇÃO INTERNA */ .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button::after { content: ""; position: absolute; z-index: 0; inset: 0; background: radial-gradient( circle at 50% 0%, rgba(255, 255, 255, 0.4), transparent 55% ); opacity: 0.75; transition: opacity 0.35s ease; pointer-events: none; } /* SETA AUTOMÁTICA APÓS O TEXTO */ .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button-text { display: inline-flex; align-items: center; justify-content: center; } .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button-text::after { content: "→"; display: inline-block; margin-left: 10px; font-size: 21px; font-weight: 700; line-height: 0; transform: translateX(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1); } /* HOVER */ .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button:hover { color: #001C42; border-color: rgba(255, 255, 255, 0.55); background: linear-gradient( 135deg, #7ADFFF 0%, #18BFEA 48%, #0396C8 100% ); box-shadow: 0 6px 0 #00638C, 0 20px 42px rgba(3, 172, 218, 0.42), 0 0 28px rgba(84, 206, 245, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.65); transform: translateY(-3px); } .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button:hover::before { left: 145%; } .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button:hover::after { opacity: 1; } .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); } /* EFEITO AO CLICAR */ .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button:active { transform: translateY(2px) scale(0.985); box-shadow: 0 2px 0 #00638C, 0 8px 18px rgba(3, 172, 218, 0.28), inset 0 2px 5px rgba(0, 39, 89, 0.15); transition-duration: 0.1s; } /* ACESSIBILIDADE AO NAVEGAR PELO TECLADO */ .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button:focus-visible { outline: 3px solid rgba(84, 206, 245, 0.48); outline-offset: 5px; box-shadow: 0 4px 0 #006C9A, 0 0 0 7px rgba(3, 172, 218, 0.13), 0 16px 34px rgba(3, 172, 218, 0.34); } /* PULSO SUTIL */ @keyframes botaoGlow { 0%, 100% { box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.45); } 50% { box-shadow: 0 4px 0 #006C9A, 0 17px 38px rgba(3, 172, 218, 0.36), 0 0 22px rgba(84, 206, 245, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.45); } } /* TABLET */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button { min-height: 56px; padding: 17px 28px; font-size: 15px; } } /* MOBILE */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button-wrapper { display: flex; justify-content: center; width: 100%; } .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button { width: 100%; max-width: 420px; min-height: 56px; padding: 16px 22px; border-radius: 9px; font-size: 14px; line-height: 1.25; letter-spacing: 0.01em; } .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button-text::after { margin-left: 8px; font-size: 19px; } } /* DESATIVA ANIMAÇÕES PARA QUEM PREFERE MENOS MOVIMENTO */ @media (prefers-reduced-motion: reduce) { .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button { animation: none; transition: none; } .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button::before, .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button::after, .elementor-12 .elementor-element.elementor-element-5ae678e .elementor-button-text::after { transition: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fe72195 *//* ========================================= BACKGROUND SUAVE COM PATTERN COLE NO CUSTOM CSS DA SEÇÃO INTEIRA ========================================= */ .elementor-12 .elementor-element.elementor-element-fe72195 { position: relative; isolation: isolate; overflow: hidden; background-color: #002759; background-image: /* luz suave no centro da seção */ radial-gradient( ellipse at 50% 42%, rgba(84, 206, 245, 0.08) 0%, rgba(84, 206, 245, 0.025) 35%, transparent 68% ), /* iluminação discreta no canto direito */ radial-gradient( circle at 92% 16%, rgba(3, 172, 218, 0.11) 0%, transparent 33% ), /* iluminação discreta no canto esquerdo */ radial-gradient( circle at 6% 88%, rgba(5, 95, 243, 0.08) 0%, transparent 34% ), /* pequenos pontos do pattern */ radial-gradient( circle, rgba(84, 206, 245, 0.10) 1px, transparent 1.3px ), /* linha horizontal muito suave */ repeating-linear-gradient( 0deg, transparent 0, transparent 63px, rgba(84, 206, 245, 0.022) 64px, transparent 65px ), /* linha vertical muito suave */ repeating-linear-gradient( 90deg, transparent 0, transparent 63px, rgba(84, 206, 245, 0.022) 64px, transparent 65px ), /* gradiente base */ linear-gradient( 135deg, #001A3D 0%, #002759 48%, #033868 100% ); background-size: 100% 100%, 100% 100%, 100% 100%, 32px 32px, 64px 64px, 64px 64px, 100% 100%; background-position: center, center, center, 0 0, 0 0, 0 0, center; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), inset 0 -1px 0 rgba(84, 206, 245, 0.045); } /* REMOVE OS GRAFISMOS ANTERIORES */ .elementor-12 .elementor-element.elementor-element-fe72195::before, .elementor-12 .elementor-element.elementor-element-fe72195::after { content: none !important; } /* GARANTE O CONTEÚDO ACIMA DO FUNDO */ .elementor-12 .elementor-element.elementor-element-fe72195 > .e-con-inner, .elementor-12 .elementor-element.elementor-element-fe72195 > .elementor-container, .elementor-12 .elementor-element.elementor-element-fe72195 > .elementor-widget-wrap { position: relative; z-index: 2; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-fe72195 { background-size: 100% 100%, 100% 100%, 100% 100%, 30px 30px, 60px 60px, 60px 60px, 100% 100%; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-fe72195 { background-image: radial-gradient( ellipse at 50% 25%, rgba(84, 206, 245, 0.075) 0%, transparent 58% ), radial-gradient( circle at 100% 12%, rgba(3, 172, 218, 0.09) 0%, transparent 34% ), radial-gradient( circle, rgba(84, 206, 245, 0.085) 1px, transparent 1.3px ), repeating-linear-gradient( 0deg, transparent 0, transparent 55px, rgba(84, 206, 245, 0.018) 56px, transparent 57px ), repeating-linear-gradient( 90deg, transparent 0, transparent 55px, rgba(84, 206, 245, 0.018) 56px, transparent 57px ), linear-gradient( 145deg, #001A3D 0%, #002759 56%, #033868 100% ); background-size: 100% 100%, 100% 100%, 28px 28px, 56px 56px, 56px 56px, 100% 100%; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-05da91b */.c{ color: #43C7EF; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-0b6dfca */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=League+Spartan:wght@600;700;800&display=swap'); /* ================================================== SANFONA — IDENTIDADE DO CLIENTE COLE NO CSS PERSONALIZADO DO WIDGET ================================================== */ .elementor-12 .elementor-element.elementor-element-0b6dfca { --sr-navy: #002759; --sr-deep: #001A3D; --sr-cyan: #03ACDA; --sr-cyan-light: #54CEF5; --sr-paper: #F7F2E9; --sr-text: #314155; --sr-border: rgba(0, 39, 89, 0.16); } /* ESPAÇAMENTO ENTRE OS ITENS */ .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion { display: flex; flex-direction: column; gap: 14px; } /* REMOVE MARGENS PADRÃO */ .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item { margin: 0; } /* ================================================== CABEÇALHO FECHADO ================================================== */ .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title { position: relative; overflow: hidden; min-height: 66px; padding: 20px 24px; border: 1px solid var(--sr-border); border-radius: 12px; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.72) 0%, rgba(247, 242, 233, 0.96) 100% ); box-shadow: 0 8px 24px rgba(0, 39, 89, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.75); transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease; } /* DETALHE CIANO NA LATERAL */ .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title::before { content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 28px; border-radius: 0 4px 4px 0; background: linear-gradient( 180deg, var(--sr-cyan-light) 0%, var(--sr-cyan) 100% ); transform: translateY(-50%); opacity: 0.72; transition: height 0.35s ease, opacity 0.35s ease, box-shadow 0.35s ease; } /* ================================================== TEXTO DO TÍTULO ================================================== */ .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title-text { position: relative; z-index: 2; font-family: "League Spartan", sans-serif; font-size: 18px; font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; text-transform: uppercase; color: var(--sr-navy); transition: color 0.35s ease; } /* ================================================== ÍCONE DA SETA ================================================== */ .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title-icon { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; border: 1px solid rgba(0, 39, 89, 0.12); border-radius: 50%; background: rgba(0, 39, 89, 0.045); transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title-icon svg { width: 14px; height: 14px; fill: var(--sr-navy); color: var(--sr-navy); transition: fill 0.35s ease, color 0.35s ease; } /* ================================================== HOVER ================================================== */ .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title:hover { border-color: rgba(3, 172, 218, 0.42); background: linear-gradient( 135deg, #FFFFFF 0%, #F5F1E9 100% ); box-shadow: 0 12px 30px rgba(0, 39, 89, 0.10), 0 0 0 3px rgba(3, 172, 218, 0.045); transform: translateY(-2px); } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title:hover::before { height: 38px; opacity: 1; box-shadow: 0 0 14px rgba(3, 172, 218, 0.28); } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon { border-color: rgba(3, 172, 218, 0.30); background: rgba(3, 172, 218, 0.10); } /* ================================================== ITEM ABERTO ================================================== */ .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item[open] > .e-n-accordion-item-title { border-color: rgba(84, 206, 245, 0.40); background: radial-gradient( circle at 90% 0%, rgba(84, 206, 245, 0.17), transparent 34% ), linear-gradient( 135deg, var(--sr-deep) 0%, var(--sr-navy) 100% ); box-shadow: 0 14px 34px rgba(0, 26, 61, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.055); transform: none; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item[open] > .e-n-accordion-item-title::before { height: 100%; opacity: 1; border-radius: 0; box-shadow: 0 0 18px rgba(84, 206, 245, 0.32); } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-text { color: #FFFFFF; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-icon { border-color: rgba(84, 206, 245, 0.34); background: rgba(84, 206, 245, 0.12); } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-icon svg { fill: var(--sr-cyan-light); color: var(--sr-cyan-light); } /* ================================================== CONTEÚDO ABERTO ================================================== */ .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item > .e-con { margin-top: 8px; padding: 24px; border: 1px solid rgba(0, 39, 89, 0.12); border-radius: 12px; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.74), rgba(247, 242, 233, 0.96) ); box-shadow: 0 10px 28px rgba(0, 39, 89, 0.055); } /* TEXTOS DENTRO DO CONTEÚDO */ .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item > .e-con, .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item > .e-con p, .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item > .e-con li { font-family: "Inter", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.65; color: var(--sr-text); } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item > .e-con strong { font-weight: 700; color: var(--sr-navy); } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item > .e-con a { font-weight: 600; color: #0282B7; } /* ================================================== FOCO DO TECLADO ================================================== */ .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title:focus-visible { outline: 3px solid rgba(3, 172, 218, 0.28); outline-offset: 3px; } /* ================================================== TABLET ================================================== */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion { gap: 12px; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title { min-height: 62px; padding: 18px 20px; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title-text { font-size: 17px; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item > .e-con { padding: 22px; } } /* ================================================== MOBILE ================================================== */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion { gap: 10px; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title { min-height: 58px; padding: 16px 14px 16px 18px; border-radius: 10px; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title::before { width: 3px; height: 24px; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title-text { padding-right: 8px; font-size: 15px; line-height: 1.18; letter-spacing: 0; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title-icon { width: 28px; height: 28px; flex-basis: 28px; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title-icon svg { width: 12px; height: 12px; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item > .e-con { margin-top: 6px; padding: 18px 16px; border-radius: 10px; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item > .e-con, .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item > .e-con p, .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item > .e-con li { font-size: 14px; line-height: 1.6; } } /* ================================================== REMOVE CORES HERDADAS DO ELEMENTOR ================================================== */ .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title, .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title:hover, .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item[open] > .e-n-accordion-item-title { text-decoration: none; } .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title *, .elementor-12 .elementor-element.elementor-element-0b6dfca .e-n-accordion-item-title:hover * { text-decoration: none; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-c857f1c */.elementor-12 .elementor-element.elementor-element-c857f1c .swiper{ overflow: visible !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1e9b0c9 *//* ========================================= BOTÃO PRINCIPAL — IDENTIDADE DO CLIENTE Aplicar no CSS personalizado do widget ========================================= */ .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 58px; padding: 25px 32px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 10px; background: linear-gradient( 135deg, #54CEF5 0%, #03ACDA 48%, #0282B7 100% ); color: #002759; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 800; line-height: 1.1; letter-spacing: 0.02em; text-align: center; text-transform: uppercase; text-decoration: none; box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.45); transform: translateY(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1), box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease, color 0.35s ease; animation: botaoGlow 3.2s ease-in-out infinite; } /* CONTEÚDO ACIMA DOS EFEITOS */ .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 10px; } /* EFEITO DE LUZ DESLIZANDO */ .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button::before { content: ""; position: absolute; z-index: 1; top: -50%; left: -120%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.6), transparent ); transform: rotate(20deg); transition: left 0.7s cubic-bezier(.2, .8, .2, 1); pointer-events: none; } /* ILUMINAÇÃO INTERNA */ .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button::after { content: ""; position: absolute; z-index: 0; inset: 0; background: radial-gradient( circle at 50% 0%, rgba(255, 255, 255, 0.4), transparent 55% ); opacity: 0.75; transition: opacity 0.35s ease; pointer-events: none; } /* SETA AUTOMÁTICA APÓS O TEXTO */ .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button-text { display: inline-flex; align-items: center; justify-content: center; } .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button-text::after { content: "→"; display: inline-block; margin-left: 10px; font-size: 21px; font-weight: 700; line-height: 0; transform: translateX(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1); } /* HOVER */ .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button:hover { color: #001C42; border-color: rgba(255, 255, 255, 0.55); background: linear-gradient( 135deg, #7ADFFF 0%, #18BFEA 48%, #0396C8 100% ); box-shadow: 0 6px 0 #00638C, 0 20px 42px rgba(3, 172, 218, 0.42), 0 0 28px rgba(84, 206, 245, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.65); transform: translateY(-3px); } .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button:hover::before { left: 145%; } .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button:hover::after { opacity: 1; } .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); } /* EFEITO AO CLICAR */ .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button:active { transform: translateY(2px) scale(0.985); box-shadow: 0 2px 0 #00638C, 0 8px 18px rgba(3, 172, 218, 0.28), inset 0 2px 5px rgba(0, 39, 89, 0.15); transition-duration: 0.1s; } /* ACESSIBILIDADE AO NAVEGAR PELO TECLADO */ .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button:focus-visible { outline: 3px solid rgba(84, 206, 245, 0.48); outline-offset: 5px; box-shadow: 0 4px 0 #006C9A, 0 0 0 7px rgba(3, 172, 218, 0.13), 0 16px 34px rgba(3, 172, 218, 0.34); } /* PULSO SUTIL */ @keyframes botaoGlow { 0%, 100% { box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.45); } 50% { box-shadow: 0 4px 0 #006C9A, 0 17px 38px rgba(3, 172, 218, 0.36), 0 0 22px rgba(84, 206, 245, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.45); } } /* TABLET */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button { min-height: 56px; padding: 17px 28px; font-size: 15px; } } /* MOBILE */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button-wrapper { display: flex; justify-content: center; width: 100%; } .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button { width: 100%; max-width: 420px; min-height: 56px; padding: 16px 22px; border-radius: 9px; font-size: 14px; line-height: 1.25; letter-spacing: 0.01em; } .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button-text::after { margin-left: 8px; font-size: 19px; } } /* DESATIVA ANIMAÇÕES PARA QUEM PREFERE MENOS MOVIMENTO */ @media (prefers-reduced-motion: reduce) { .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button { animation: none; transition: none; } .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button::before, .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button::after, .elementor-12 .elementor-element.elementor-element-1e9b0c9 .elementor-button-text::after { transition: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-feadeae */html, body{ width: 100%; overflow-x: hidden; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-347863a *//* ========================================= ETIQUETA DE SEÇÃO — DEPOIMENTOS ========================================= */ .elementor-12 .elementor-element.elementor-element-347863a { display: flex; justify-content: center; width: 100%; } .elementor-12 .elementor-element.elementor-element-347863a .elementor-heading-title { position: relative; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 9px 18px 8px; border: 1px solid rgba(3, 172, 218, 0.24); border-radius: 100px; background: linear-gradient( 135deg, rgba(84, 206, 245, 0.14), rgba(3, 172, 218, 0.05) ); font-family: "Inter", sans-serif; font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: 0.20em; text-align: center; text-transform: uppercase; color: #0282B7; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 8px 24px rgba(0, 39, 89, 0.06); } /* PONTO DE DESTAQUE */ .elementor-12 .elementor-element.elementor-element-347863a .elementor-heading-title::before { content: ""; width: 6px; height: 6px; margin-right: 10px; border-radius: 50%; background: #03ACDA; box-shadow: 0 0 0 4px rgba(3, 172, 218, 0.10), 0 0 12px rgba(3, 172, 218, 0.24); } /* MOBILE */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-347863a .elementor-heading-title { padding: 8px 15px 7px; font-size: 11px; letter-spacing: 0.16em; } .elementor-12 .elementor-element.elementor-element-347863a .elementor-heading-title::before { width: 5px; height: 5px; margin-right: 8px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f94e24 *//* ========================================= BOTÃO PRINCIPAL — IDENTIDADE DO CLIENTE Aplicar no CSS personalizado do widget ========================================= */ .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 58px; padding: 25px 32px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 10px; background: linear-gradient( 135deg, #54CEF5 0%, #03ACDA 48%, #0282B7 100% ); color: #002759; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 800; line-height: 1.1; letter-spacing: 0.02em; text-align: center; text-transform: uppercase; text-decoration: none; box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.45); transform: translateY(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1), box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease, color 0.35s ease; animation: botaoGlow 3.2s ease-in-out infinite; } /* CONTEÚDO ACIMA DOS EFEITOS */ .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 10px; } /* EFEITO DE LUZ DESLIZANDO */ .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button::before { content: ""; position: absolute; z-index: 1; top: -50%; left: -120%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.6), transparent ); transform: rotate(20deg); transition: left 0.7s cubic-bezier(.2, .8, .2, 1); pointer-events: none; } /* ILUMINAÇÃO INTERNA */ .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button::after { content: ""; position: absolute; z-index: 0; inset: 0; background: radial-gradient( circle at 50% 0%, rgba(255, 255, 255, 0.4), transparent 55% ); opacity: 0.75; transition: opacity 0.35s ease; pointer-events: none; } /* SETA AUTOMÁTICA APÓS O TEXTO */ .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button-text { display: inline-flex; align-items: center; justify-content: center; } .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button-text::after { content: "→"; display: inline-block; margin-left: 10px; font-size: 21px; font-weight: 700; line-height: 0; transform: translateX(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1); } /* HOVER */ .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button:hover { color: #001C42; border-color: rgba(255, 255, 255, 0.55); background: linear-gradient( 135deg, #7ADFFF 0%, #18BFEA 48%, #0396C8 100% ); box-shadow: 0 6px 0 #00638C, 0 20px 42px rgba(3, 172, 218, 0.42), 0 0 28px rgba(84, 206, 245, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.65); transform: translateY(-3px); } .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button:hover::before { left: 145%; } .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button:hover::after { opacity: 1; } .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); } /* EFEITO AO CLICAR */ .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button:active { transform: translateY(2px) scale(0.985); box-shadow: 0 2px 0 #00638C, 0 8px 18px rgba(3, 172, 218, 0.28), inset 0 2px 5px rgba(0, 39, 89, 0.15); transition-duration: 0.1s; } /* ACESSIBILIDADE AO NAVEGAR PELO TECLADO */ .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button:focus-visible { outline: 3px solid rgba(84, 206, 245, 0.48); outline-offset: 5px; box-shadow: 0 4px 0 #006C9A, 0 0 0 7px rgba(3, 172, 218, 0.13), 0 16px 34px rgba(3, 172, 218, 0.34); } /* PULSO SUTIL */ @keyframes botaoGlow { 0%, 100% { box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.45); } 50% { box-shadow: 0 4px 0 #006C9A, 0 17px 38px rgba(3, 172, 218, 0.36), 0 0 22px rgba(84, 206, 245, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.45); } } /* TABLET */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button { min-height: 56px; padding: 17px 28px; font-size: 15px; } } /* MOBILE */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button-wrapper { display: flex; justify-content: center; width: 100%; } .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button { width: 100%; max-width: 420px; min-height: 56px; padding: 16px 22px; border-radius: 9px; font-size: 14px; line-height: 1.25; letter-spacing: 0.01em; } .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button-text::after { margin-left: 8px; font-size: 19px; } } /* DESATIVA ANIMAÇÕES PARA QUEM PREFERE MENOS MOVIMENTO */ @media (prefers-reduced-motion: reduce) { .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button { animation: none; transition: none; } .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button::before, .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button::after, .elementor-12 .elementor-element.elementor-element-6f94e24 .elementor-button-text::after { transition: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4fd8a8e *//* ========================================= BOTÃO PRINCIPAL — IDENTIDADE DO CLIENTE Aplicar no CSS personalizado do widget ========================================= */ .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 58px; padding: 25px 32px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 10px; background: linear-gradient( 135deg, #54CEF5 0%, #03ACDA 48%, #0282B7 100% ); color: #002759; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 800; line-height: 1.1; letter-spacing: 0.02em; text-align: center; text-transform: uppercase; text-decoration: none; box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.45); transform: translateY(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1), box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease, color 0.35s ease; animation: botaoGlow 3.2s ease-in-out infinite; } /* CONTEÚDO ACIMA DOS EFEITOS */ .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 10px; } /* EFEITO DE LUZ DESLIZANDO */ .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button::before { content: ""; position: absolute; z-index: 1; top: -50%; left: -120%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.6), transparent ); transform: rotate(20deg); transition: left 0.7s cubic-bezier(.2, .8, .2, 1); pointer-events: none; } /* ILUMINAÇÃO INTERNA */ .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button::after { content: ""; position: absolute; z-index: 0; inset: 0; background: radial-gradient( circle at 50% 0%, rgba(255, 255, 255, 0.4), transparent 55% ); opacity: 0.75; transition: opacity 0.35s ease; pointer-events: none; } /* SETA AUTOMÁTICA APÓS O TEXTO */ .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button-text { display: inline-flex; align-items: center; justify-content: center; } .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button-text::after { content: "→"; display: inline-block; margin-left: 10px; font-size: 21px; font-weight: 700; line-height: 0; transform: translateX(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1); } /* HOVER */ .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button:hover { color: #001C42; border-color: rgba(255, 255, 255, 0.55); background: linear-gradient( 135deg, #7ADFFF 0%, #18BFEA 48%, #0396C8 100% ); box-shadow: 0 6px 0 #00638C, 0 20px 42px rgba(3, 172, 218, 0.42), 0 0 28px rgba(84, 206, 245, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.65); transform: translateY(-3px); } .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button:hover::before { left: 145%; } .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button:hover::after { opacity: 1; } .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); } /* EFEITO AO CLICAR */ .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button:active { transform: translateY(2px) scale(0.985); box-shadow: 0 2px 0 #00638C, 0 8px 18px rgba(3, 172, 218, 0.28), inset 0 2px 5px rgba(0, 39, 89, 0.15); transition-duration: 0.1s; } /* ACESSIBILIDADE AO NAVEGAR PELO TECLADO */ .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button:focus-visible { outline: 3px solid rgba(84, 206, 245, 0.48); outline-offset: 5px; box-shadow: 0 4px 0 #006C9A, 0 0 0 7px rgba(3, 172, 218, 0.13), 0 16px 34px rgba(3, 172, 218, 0.34); } /* PULSO SUTIL */ @keyframes botaoGlow { 0%, 100% { box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.45); } 50% { box-shadow: 0 4px 0 #006C9A, 0 17px 38px rgba(3, 172, 218, 0.36), 0 0 22px rgba(84, 206, 245, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.45); } } /* TABLET */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button { min-height: 56px; padding: 17px 28px; font-size: 15px; } } /* MOBILE */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button-wrapper { display: flex; justify-content: center; width: 100%; } .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button { width: 100%; max-width: 420px; min-height: 56px; padding: 16px 22px; border-radius: 9px; font-size: 14px; line-height: 1.25; letter-spacing: 0.01em; } .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button-text::after { margin-left: 8px; font-size: 19px; } } /* DESATIVA ANIMAÇÕES PARA QUEM PREFERE MENOS MOVIMENTO */ @media (prefers-reduced-motion: reduce) { .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button { animation: none; transition: none; } .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button::before, .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button::after, .elementor-12 .elementor-element.elementor-element-4fd8a8e .elementor-button-text::after { transition: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b6a9679 *//* ================================================== CONTAINER DOS TEXTOS ================================================== */ .elementor-12 .elementor-element.elementor-element-b6a9679 { position: relative; width: 100%; max-width: 650px; padding: 10px 0 10px 30px; } /* ================================================== LINHA DE DESTAQUE ================================================== */ .elementor-12 .elementor-element.elementor-element-b6a9679::before { content: ""; position: absolute; top: 12px; bottom: 12px; left: 0; width: 3px; border-radius: 10px; background: linear-gradient( 180deg, transparent 0%, #54CEF5 18%, #03ACDA 68%, transparent 100% ); box-shadow: 0 0 20px rgba(3, 172, 218, 0.20); } /* ================================================== QUEM SOU EU ================================================== */ .elementor-12 .elementor-element.elementor-element-b6a9679 > .elementor-widget-heading:first-child .elementor-heading-title { display: inline-flex; align-items: center; margin: 0; font-family: "Inter", sans-serif; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: 0.14em; text-transform: uppercase; color: #54CEF5; } .elementor-12 .elementor-element.elementor-element-b6a9679 > .elementor-widget-heading:first-child .elementor-heading-title::before { content: ""; width: 7px; height: 7px; margin-right: 10px; border-radius: 50%; background: #03ACDA; box-shadow: 0 0 0 5px rgba(3, 172, 218, 0.10), 0 0 14px rgba(84, 206, 245, 0.24); } /* ================================================== NOME DO EXPERT FORÇADO EM UMA ÚNICA LINHA ================================================== */ .elementor-12 .elementor-element.elementor-element-b6a9679 > .elementor-widget-heading:nth-child(2) { width: 100%; max-width: 100%; } .elementor-12 .elementor-element.elementor-element-b6a9679 > .elementor-widget-heading:nth-child(2) .elementor-widget-container { width: 100%; max-width: 100%; } .elementor-12 .elementor-element.elementor-element-b6a9679 > .elementor-widget-heading:nth-child(2) .elementor-heading-title { display: block; width: 100%; max-width: 100%; margin: 16px 0 22px; white-space: nowrap; word-break: normal; overflow-wrap: normal; font-family: "League Spartan", sans-serif; font-size: clamp(28px, 2.35vw, 36px); font-weight: 800; line-height: 1; letter-spacing: -0.035em; text-transform: uppercase; color: #FFFFFF; } /* ================================================== TEXTO ================================================== */ .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor { max-width: 625px; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor, .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor p { font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.68; color: #D3E1EE; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor p { margin: 0 0 15px; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor p:last-child { margin-bottom: 0; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor strong, .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor b { font-weight: 700; color: #FFFFFF; } /* ================================================== BOTÃO ================================================== */ .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-button { width: auto; margin-top: 24px; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-button-wrapper { display: flex; justify-content: flex-start; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-button { width: auto; min-width: 430px; } /* ================================================== TABLET ================================================== */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-b6a9679 { padding-left: 24px; } .elementor-12 .elementor-element.elementor-element-b6a9679 > .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-size: clamp(25px, 3vw, 30px); letter-spacing: -0.04em; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor, .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor p { font-size: 15px; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-button { min-width: 100%; } } /* ================================================== MOBILE ================================================== */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-b6a9679 { width: 100%; max-width: 560px; margin: 0 auto; padding: 0; text-align: center; } .elementor-12 .elementor-element.elementor-element-b6a9679::before { display: none; } .elementor-12 .elementor-element.elementor-element-b6a9679 > .elementor-widget-heading:first-child .elementor-heading-title { justify-content: center; } .elementor-12 .elementor-element.elementor-element-b6a9679 > .elementor-widget-heading:nth-child(2) .elementor-heading-title { width: 100%; max-width: 100%; margin: 16px auto 20px; white-space: nowrap; font-size: clamp(18px, 5.3vw, 23px); line-height: 1; letter-spacing: -0.04em; text-align: center; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor { max-width: 100%; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor, .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor p { font-size: 15px; line-height: 1.62; text-align: center; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-button { width: 100%; margin-top: 22px; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-button-wrapper { justify-content: center; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-button { width: 100%; min-width: 0; max-width: 440px; } } /* ================================================== MOBILE PEQUENO ================================================== */ @media (max-width: 380px) { .elementor-12 .elementor-element.elementor-element-b6a9679 > .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-size: 18px; letter-spacing: -0.045em; } .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor, .elementor-12 .elementor-element.elementor-element-b6a9679 .elementor-widget-text-editor p { font-size: 14px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b01bd46 *//* ================================================== IMAGEM DO EXPERT ================================================== */ .elementor-12 .elementor-element.elementor-element-b01bd46 { position: relative; isolation: isolate; width: 100%; max-width: 430px; margin-left: auto; padding: 10px 10px 0 0; } /* MOLDURA DESLOCADA */ .elementor-12 .elementor-element.elementor-element-b01bd46::before { content: ""; position: absolute; z-index: 0; top: -10px; right: -10px; bottom: 18px; left: 18px; border: 1px solid rgba(84, 206, 245, 0.45); border-radius: 30px 30px 30px 105px; background: linear-gradient( 145deg, rgba(84, 206, 245, 0.06), transparent 48% ); box-shadow: 0 0 32px rgba(3, 172, 218, 0.08); pointer-events: none; } /* DETALHE CIANO SUPERIOR */ .elementor-12 .elementor-element.elementor-element-b01bd46::after { content: ""; position: absolute; z-index: 3; top: -10px; left: 48px; width: 72px; height: 4px; border-radius: 10px; background: linear-gradient( 90deg, #03ACDA, #54CEF5 ); box-shadow: 0 0 16px rgba(84, 206, 245, 0.30); pointer-events: none; } /* IMAGEM */ .elementor-12 .elementor-element.elementor-element-b01bd46 img { position: relative; z-index: 2; display: block; width: 100%; height: auto; border: 1px solid rgba(84, 206, 245, 0.18); border-radius: 28px 28px 28px 100px; box-shadow: 0 26px 55px rgba(0, 7, 28, 0.40), 0 0 42px rgba(3, 172, 218, 0.07); transform: translateY(0); transition: transform 0.45s cubic-bezier(.2, .8, .2, 1), box-shadow 0.45s ease; } /* HOVER */ .elementor-12 .elementor-element.elementor-element-b01bd46:hover img { transform: translateY(-5px); box-shadow: 0 32px 65px rgba(0, 7, 28, 0.48), 0 0 48px rgba(3, 172, 218, 0.11); } /* TABLET */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-b01bd46 { max-width: 390px; } } /* MOBILE */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-b01bd46 { max-width: 410px; margin: 0 auto; padding: 8px 8px 0 0; } .elementor-12 .elementor-element.elementor-element-b01bd46::before { top: -8px; right: -8px; bottom: 14px; left: 14px; border-radius: 24px 24px 24px 74px; } .elementor-12 .elementor-element.elementor-element-b01bd46::after { top: -8px; left: 38px; width: 58px; } .elementor-12 .elementor-element.elementor-element-b01bd46 img { border-radius: 22px 22px 22px 70px; } } /* ACESSIBILIDADE */ @media (prefers-reduced-motion: reduce) { .elementor-12 .elementor-element.elementor-element-b01bd46 img { transition: none; } .elementor-12 .elementor-element.elementor-element-b01bd46:hover img { transform: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c0194dd *//* ================================================== SEÇÃO SOBRE O EXPERT CONTAINER PRINCIPAL ================================================== */ .elementor-12 .elementor-element.elementor-element-c0194dd { position: relative; isolation: isolate; overflow: hidden; padding: 100px 24px; background: radial-gradient( ellipse at 82% 45%, rgba(3, 172, 218, 0.15) 0%, rgba(3, 172, 218, 0.045) 30%, transparent 58% ), radial-gradient( ellipse at 12% 95%, rgba(5, 95, 243, 0.09) 0%, transparent 42% ), linear-gradient( 115deg, #000B2C 0%, #00143B 56%, #002759 100% ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), inset 0 -1px 0 rgba(84, 206, 245, 0.05); } /* PATTERN SUAVE */ .elementor-12 .elementor-element.elementor-element-c0194dd::before { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background-image: linear-gradient( 120deg, rgba(84, 206, 245, 0.025) 1px, transparent 1px ), linear-gradient( 30deg, rgba(84, 206, 245, 0.018) 1px, transparent 1px ); background-size: 74px 74px, 74px 74px; opacity: 0.7; -webkit-mask-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.75), transparent 70% ); mask-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.75), transparent 70% ); } /* LUZ ATRÁS DA IMAGEM */ .elementor-12 .elementor-element.elementor-element-c0194dd::after { content: ""; position: absolute; z-index: 0; top: 50%; right: 5%; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient( circle, rgba(84, 206, 245, 0.16) 0%, rgba(3, 172, 218, 0.055) 38%, transparent 70% ); filter: blur(14px); transform: translateY(-50%); pointer-events: none; } /* ORGANIZA OS DOIS ELEMENTOS */ .elementor-12 .elementor-element.elementor-element-c0194dd > .e-con-inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.78fr); align-items: center; width: 100%; max-width: 1140px; margin: 0 auto; gap: clamp(48px, 6vw, 78px); } /* GARANTE QUE OS ELEMENTOS FIQUEM ACIMA DO FUNDO */ .elementor-12 .elementor-element.elementor-element-c0194dd .elementor-widget, .elementor-12 .elementor-element.elementor-element-c0194dd .e-con { position: relative; z-index: 2; } /* TABLET */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-c0194dd { padding: 84px 24px; } .elementor-12 .elementor-element.elementor-element-c0194dd > .e-con-inner { grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr); gap: 42px; } } /* MOBILE */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-c0194dd { padding: 68px 18px; background: radial-gradient( ellipse at 50% 85%, rgba(3, 172, 218, 0.12), transparent 48% ), linear-gradient( 155deg, #000B2C 0%, #00143B 62%, #002759 100% ); } .elementor-12 .elementor-element.elementor-element-c0194dd > .e-con-inner { display: flex; flex-direction: column; gap: 42px; } .elementor-12 .elementor-element.elementor-element-c0194dd::before { background-size: 58px 58px, 58px 58px; opacity: 0.55; } .elementor-12 .elementor-element.elementor-element-c0194dd::after { top: auto; right: 50%; bottom: 20px; width: 330px; height: 330px; transform: translateX(50%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7d7c2f */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=League+Spartan:wght@600;700;800&display=swap'); /* ================================================== CONTAINER ESQUERDO — FORMAÇÃO COMPLETA ================================================== */ .elementor-12 .elementor-element.elementor-element-d7d7c2f { position: relative; width: 100%; padding: 10px 12px 10px 0; } /* ================================================== HEADLINE PRINCIPAL ================================================== */ .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-widget-heading:first-child .elementor-heading-title { position: relative; width: 100%; max-width: 430px; margin: 0 0 28px; padding-left: 18px; font-family: "League Spartan", sans-serif; font-size: clamp(34px, 2.7vw, 42px); font-weight: 800; line-height: 0.98; letter-spacing: -0.035em; text-transform: uppercase; text-wrap: balance; word-break: normal; overflow-wrap: normal; color: #002759; } /* LINHA CIANO AO LADO DO TÍTULO */ .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-widget-heading:first-child .elementor-heading-title::before { content: ""; position: absolute; top: 3px; bottom: 3px; left: 0; width: 4px; border-radius: 10px; background: linear-gradient( 180deg, #54CEF5 0%, #03ACDA 100% ); box-shadow: 0 0 14px rgba(3, 172, 218, 0.18); } /* ================================================== SUBTÍTULO ================================================== */ .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-widget-heading:nth-child(2) .elementor-heading-title { margin: 0 0 18px; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.45; color: #16395E; } /* ================================================== LISTA ================================================== */ .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-icon-list-items { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; } .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-icon-list-item { position: relative; display: flex; align-items: flex-start !important; margin: 0 !important; padding: 14px 0; border-bottom: 1px solid rgba(0, 39, 89, 0.11); } .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-icon-list-item:first-child { padding-top: 4px; } .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-icon-list-item:last-child { padding-bottom: 0; border-bottom: 0; } /* ================================================== ÍCONES DA LISTA ================================================== */ .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-icon-list-icon { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; min-width: 26px; margin-top: 1px; margin-right: 11px !important; border: 1px solid rgba(3, 172, 218, 0.34); border-radius: 50%; background: linear-gradient( 145deg, rgba(84, 206, 245, 0.13), rgba(3, 172, 218, 0.04) ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7); } .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-icon-list-icon svg { width: 12px !important; height: 12px !important; fill: #028DBD !important; } .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-icon-list-icon i { font-size: 12px !important; color: #028DBD !important; } /* ================================================== TEXTO DOS BULLETS ================================================== */ .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-icon-list-text { padding: 2px 0 0 !important; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 500; line-height: 1.5; color: #405064; } /* ================================================== TABLET ================================================== */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-d7d7c2f { padding-right: 0; } .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-widget-heading:first-child .elementor-heading-title { max-width: 390px; font-size: 36px; } .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-icon-list-text { font-size: 14px; } } /* ================================================== MOBILE ================================================== */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-d7d7c2f { max-width: 520px; margin: 0 auto; padding: 0; } .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-widget-heading:first-child .elementor-heading-title { max-width: 430px; margin: 0 auto 24px; padding: 0; font-size: 34px; line-height: 1; text-align: center; } .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-widget-heading:first-child .elementor-heading-title::before { content: ""; position: relative; display: block; top: auto; bottom: auto; left: auto; width: 58px; height: 4px; margin: 0 auto 16px; border-radius: 10px; } .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-widget-heading:nth-child(2) .elementor-heading-title { text-align: center; } .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-icon-list-item { padding: 13px 0; text-align: left; } .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-icon-list-text { font-size: 14px; line-height: 1.5; } } /* ================================================== MOBILE PEQUENO ================================================== */ @media (max-width: 380px) { .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-widget-heading:first-child .elementor-heading-title { font-size: 30px; } .elementor-12 .elementor-element.elementor-element-d7d7c2f .elementor-icon-list-text { font-size: 13.5px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-252e270 *//* ========================================= BOTÃO PRINCIPAL — IDENTIDADE DO CLIENTE Aplicar no CSS personalizado do widget ========================================= */ .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 58px; padding: 25px 32px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 10px; background: linear-gradient( 135deg, #54CEF5 0%, #03ACDA 48%, #0282B7 100% ); color: #002759; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 800; line-height: 1.1; letter-spacing: 0.02em; text-align: center; text-transform: uppercase; text-decoration: none; box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.45); transform: translateY(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1), box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease, color 0.35s ease; animation: botaoGlow 3.2s ease-in-out infinite; } /* CONTEÚDO ACIMA DOS EFEITOS */ .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 10px; } /* EFEITO DE LUZ DESLIZANDO */ .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button::before { content: ""; position: absolute; z-index: 1; top: -50%; left: -120%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.6), transparent ); transform: rotate(20deg); transition: left 0.7s cubic-bezier(.2, .8, .2, 1); pointer-events: none; } /* ILUMINAÇÃO INTERNA */ .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button::after { content: ""; position: absolute; z-index: 0; inset: 0; background: radial-gradient( circle at 50% 0%, rgba(255, 255, 255, 0.4), transparent 55% ); opacity: 0.75; transition: opacity 0.35s ease; pointer-events: none; } /* SETA AUTOMÁTICA APÓS O TEXTO */ .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button-text { display: inline-flex; align-items: center; justify-content: center; } .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button-text::after { content: "→"; display: inline-block; margin-left: 10px; font-size: 21px; font-weight: 700; line-height: 0; transform: translateX(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1); } /* HOVER */ .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button:hover { color: #001C42; border-color: rgba(255, 255, 255, 0.55); background: linear-gradient( 135deg, #7ADFFF 0%, #18BFEA 48%, #0396C8 100% ); box-shadow: 0 6px 0 #00638C, 0 20px 42px rgba(3, 172, 218, 0.42), 0 0 28px rgba(84, 206, 245, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.65); transform: translateY(-3px); } .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button:hover::before { left: 145%; } .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button:hover::after { opacity: 1; } .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); } /* EFEITO AO CLICAR */ .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button:active { transform: translateY(2px) scale(0.985); box-shadow: 0 2px 0 #00638C, 0 8px 18px rgba(3, 172, 218, 0.28), inset 0 2px 5px rgba(0, 39, 89, 0.15); transition-duration: 0.1s; } /* ACESSIBILIDADE AO NAVEGAR PELO TECLADO */ .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button:focus-visible { outline: 3px solid rgba(84, 206, 245, 0.48); outline-offset: 5px; box-shadow: 0 4px 0 #006C9A, 0 0 0 7px rgba(3, 172, 218, 0.13), 0 16px 34px rgba(3, 172, 218, 0.34); } /* PULSO SUTIL */ @keyframes botaoGlow { 0%, 100% { box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.45); } 50% { box-shadow: 0 4px 0 #006C9A, 0 17px 38px rgba(3, 172, 218, 0.36), 0 0 22px rgba(84, 206, 245, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.45); } } /* TABLET */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button { min-height: 56px; padding: 17px 28px; font-size: 15px; } } /* MOBILE */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button-wrapper { display: flex; justify-content: center; width: 100%; } .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button { width: 100%; max-width: 420px; min-height: 56px; padding: 16px 22px; border-radius: 9px; font-size: 14px; line-height: 1.25; letter-spacing: 0.01em; } .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button-text::after { margin-left: 8px; font-size: 19px; } } /* DESATIVA ANIMAÇÕES PARA QUEM PREFERE MENOS MOVIMENTO */ @media (prefers-reduced-motion: reduce) { .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button { animation: none; transition: none; } .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button::before, .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button::after, .elementor-12 .elementor-element.elementor-element-252e270 .elementor-button-text::after { transition: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5347d12 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=League+Spartan:wght@600;700;800&display=swap'); /* ================================================== CONTAINER CENTRAL — OFERTA ESCURA ================================================== */ .elementor-12 .elementor-element.elementor-element-5347d12 { position: relative; isolation: isolate; overflow: hidden; width: 100%; padding: 38px 30px 30px; border: 1px solid rgba(84, 206, 245, 0.30); border-radius: 24px; background: radial-gradient( circle at 50% 0%, rgba(84, 206, 245, 0.17) 0%, rgba(84, 206, 245, 0.04) 30%, transparent 48% ), radial-gradient( circle at 95% 34%, rgba(3, 172, 218, 0.10) 0%, transparent 38% ), linear-gradient( 155deg, #001326 0%, #00294C 54%, #00345D 100% ); box-shadow: 0 25px 58px rgba(0, 22, 48, 0.26), 0 0 0 4px rgba(3, 172, 218, 0.035), inset 0 1px 0 rgba(255, 255, 255, 0.055); transform: translateY(-12px); transition: transform 0.4s cubic-bezier(.2, .8, .2, 1), border-color 0.4s ease, box-shadow 0.4s ease; } /* ================================================== DETALHE SUPERIOR ================================================== */ .elementor-12 .elementor-element.elementor-element-5347d12::before { content: ""; position: absolute; z-index: 3; top: 0; left: 50%; width: 96px; height: 5px; border-radius: 0 0 8px 8px; background: linear-gradient( 90deg, #0282B7 0%, #03ACDA 50%, #54CEF5 100% ); box-shadow: 0 0 18px rgba(84, 206, 245, 0.30); transform: translateX(-50%); } /* GLOW INTERNO */ .elementor-12 .elementor-element.elementor-element-5347d12::after { content: ""; position: absolute; z-index: 0; top: 52%; left: 50%; width: 290px; height: 210px; border-radius: 50%; background: rgba(3, 172, 218, 0.11); filter: blur(55px); transform: translate(-50%, -50%); pointer-events: none; } /* CONTEÚDO ACIMA DOS EFEITOS */ .elementor-12 .elementor-element.elementor-element-5347d12 .elementor-widget { position: relative; z-index: 2; } /* ================================================== LOGO ================================================== */ .elementor-12 .elementor-element.elementor-element-5347d12 .elementor-widget-image { width: 100%; } .elementor-12 .elementor-element.elementor-element-5347d12 .elementor-widget-image img { display: block; width: auto; max-width: 215px; max-height: 94px; margin: 0 auto 17px; object-fit: contain; } /* ================================================== TEXTOS GERAIS ================================================== */ .elementor-12 .elementor-element.elementor-element-5347d12 .elementor-widget-heading .elementor-heading-title { font-family: "Inter", sans-serif; color: #EAF4FC; } /* TEXTO ACIMA DO PREÇO */ .elementor-12 .elementor-element.elementor-element-5347d12 .elementor-widget-heading:not(.preco-destaque) .elementor-heading-title { font-size: 16px; font-weight: 600; line-height: 1.4; text-align: center; color: #C9DBE9; } /* ================================================== PREÇO PRINCIPAL CLASSE DO WIDGET: preco-destaque ================================================== */ .elementor-12 .elementor-element.elementor-element-5347d12 .preco-destaque { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 100%; margin: 12px 0 12px; text-align: center; } .elementor-12 .elementor-element.elementor-element-5347d12 .preco-destaque .elementor-widget-container { display: flex; align-items: center; justify-content: center; width: 100%; } .elementor-12 .elementor-element.elementor-element-5347d12 .preco-destaque .elementor-heading-title { display: inline-flex !important; align-items: center; justify-content: center; width: auto; max-width: 100%; margin: 0; white-space: nowrap !important; word-break: keep-all !important; overflow-wrap: normal !important; font-family: "League Spartan", sans-serif; font-size: clamp(58px, 5vw, 78px); font-weight: 800; line-height: 0.9; letter-spacing: -0.045em; font-variant-numeric: tabular-nums; color: #FFFFFF; text-shadow: 0 14px 28px rgba(0, 0, 0, 0.24), 0 0 24px rgba(84, 206, 245, 0.11); transform-origin: center; animation: srPrecoLoopDark 3.2s ease-in-out infinite; } /* ================================================== LOOP DO PREÇO ================================================== */ @keyframes srPrecoLoopDark { 0%, 100% { transform: scale(1); text-shadow: 0 14px 28px rgba(0, 0, 0, 0.24), 0 0 0 rgba(84, 206, 245, 0); } 50% { transform: scale(1.035); text-shadow: 0 16px 34px rgba(0, 0, 0, 0.30), 0 0 30px rgba(84, 206, 245, 0.23); } } /* ================================================== PREÇO À VISTA ================================================== */ .elementor-12 .elementor-element.elementor-element-5347d12 .preco-destaque + .elementor-widget-heading .elementor-heading-title { margin-top: 3px; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 500; line-height: 1.45; text-align: center; color: #BFD3E3; } .elementor-12 .elementor-element.elementor-element-5347d12 .preco-destaque + .elementor-widget-heading .elementor-heading-title strong, .elementor-12 .elementor-element.elementor-element-5347d12 .preco-destaque + .elementor-widget-heading .elementor-heading-title b { font-weight: 700; color: #FFFFFF; } /* ================================================== BOTÃO ================================================== */ .elementor-12 .elementor-element.elementor-element-5347d12 .elementor-widget-button { width: 100%; margin-top: 22px; } .elementor-12 .elementor-element.elementor-element-5347d12 .elementor-button-wrapper { display: flex; justify-content: center; width: 100%; } .elementor-12 .elementor-element.elementor-element-5347d12 .elementor-button { width: 100%; } /* ================================================== HOVER DO CONTAINER ================================================== */ .elementor-12 .elementor-element.elementor-element-5347d12:hover { transform: translateY(-17px); border-color: rgba(84, 206, 245, 0.48); box-shadow: 0 31px 70px rgba(0, 22, 48, 0.34), 0 0 0 5px rgba(3, 172, 218, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.07); } /* ================================================== TABLET ================================================== */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-5347d12 { padding: 34px 24px 27px; transform: none; } .elementor-12 .elementor-element.elementor-element-5347d12:hover { transform: translateY(-6px); } .elementor-12 .elementor-element.elementor-element-5347d12 .preco-destaque .elementor-heading-title { font-size: 64px; } } /* ================================================== MOBILE ================================================== */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-5347d12 { max-width: 480px; margin: 0 auto; padding: 30px 20px 23px; border-radius: 20px; } .elementor-12 .elementor-element.elementor-element-5347d12 .elementor-widget-image img { max-width: 185px; } .elementor-12 .elementor-element.elementor-element-5347d12 .preco-destaque .elementor-heading-title { font-size: clamp(50px, 15vw, 64px); letter-spacing: -0.04em; } .elementor-12 .elementor-element.elementor-element-5347d12 .elementor-widget-heading:not(.preco-destaque) .elementor-heading-title { font-size: 15px; } } /* ================================================== MOBILE PEQUENO ================================================== */ @media (max-width: 380px) { .elementor-12 .elementor-element.elementor-element-5347d12 { padding-right: 15px; padding-left: 15px; } .elementor-12 .elementor-element.elementor-element-5347d12 .preco-destaque .elementor-heading-title { font-size: 48px; } } /* ================================================== ACESSIBILIDADE ================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-12 .elementor-element.elementor-element-5347d12, .elementor-12 .elementor-element.elementor-element-5347d12 .preco-destaque .elementor-heading-title { animation: none; transition: none; } .elementor-12 .elementor-element.elementor-element-5347d12:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31b8c0a *//* ================================================== CONTAINER DIREITO — MATERIAIS EXTRAS ================================================== */ .elementor-12 .elementor-element.elementor-element-31b8c0a { position: relative; width: 100%; padding: 10px 0 10px 10px; } /* TÍTULO */ .elementor-12 .elementor-element.elementor-element-31b8c0a .elementor-widget-heading .elementor-heading-title { margin: 0 0 20px; font-family: "League Spartan", sans-serif; font-size: 27px; font-weight: 700; line-height: 1.05; letter-spacing: -0.02em; color: #002759; } /* LISTA */ .elementor-12 .elementor-element.elementor-element-31b8c0a .elementor-icon-list-items { display: flex; flex-direction: column; gap: 11px; } .elementor-12 .elementor-element.elementor-element-31b8c0a .elementor-icon-list-item { position: relative; display: flex; align-items: flex-start !important; margin: 0 !important; padding: 14px 15px; border: 1px solid rgba(0, 39, 89, 0.11); border-radius: 12px; background: linear-gradient( 135deg, #F9FCFE 0%, #F1F8FB 100% ); box-shadow: 0 7px 18px rgba(0, 39, 89, 0.045); transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } /* ÍCONE DIREITO — QUADRADO PREENCHIDO */ .elementor-12 .elementor-element.elementor-element-31b8c0a .elementor-icon-list-icon { display: flex; align-items: center; justify-content: center; width: 29px; height: 29px; min-width: 29px; margin-top: 0; margin-right: 11px !important; border-radius: 7px; background: linear-gradient( 145deg, #03ACDA 0%, #0282B7 100% ); box-shadow: 0 6px 14px rgba(3, 172, 218, 0.18); } .elementor-12 .elementor-element.elementor-element-31b8c0a .elementor-icon-list-icon svg { width: 13px !important; height: 13px !important; fill: #FFFFFF !important; } .elementor-12 .elementor-element.elementor-element-31b8c0a .elementor-icon-list-icon i { font-size: 13px; color: #FFFFFF !important; } /* TEXTO */ .elementor-12 .elementor-element.elementor-element-31b8c0a .elementor-icon-list-text { padding: 2px 0 0 !important; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 500; line-height: 1.45; color: #405064; } /* HOVER */ .elementor-12 .elementor-element.elementor-element-31b8c0a .elementor-icon-list-item:hover { transform: translateX(4px); border-color: rgba(3, 172, 218, 0.28); box-shadow: 0 10px 24px rgba(0, 39, 89, 0.075); } /* MOBILE */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-31b8c0a { max-width: 500px; margin: 0 auto; padding: 0; } .elementor-12 .elementor-element.elementor-element-31b8c0a .elementor-widget-heading .elementor-heading-title { font-size: 25px; text-align: center; } .elementor-12 .elementor-element.elementor-element-31b8c0a .elementor-icon-list-item { padding: 13px 14px; text-align: left; } .elementor-12 .elementor-element.elementor-element-31b8c0a .elementor-icon-list-text { font-size: 14px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9fe7638 *//* ========================================= BOTÃO PRINCIPAL — IDENTIDADE DO CLIENTE Aplicar no CSS personalizado do widget ========================================= */ .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 58px; padding: 25px 32px; border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 10px; background: linear-gradient( 135deg, #54CEF5 0%, #03ACDA 48%, #0282B7 100% ); color: #002759; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 800; line-height: 1.1; letter-spacing: 0.02em; text-align: center; text-transform: uppercase; text-decoration: none; box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.45); transform: translateY(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1), box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease, color 0.35s ease; animation: botaoGlow 3.2s ease-in-out infinite; } /* CONTEÚDO ACIMA DOS EFEITOS */ .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 10px; } /* EFEITO DE LUZ DESLIZANDO */ .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button::before { content: ""; position: absolute; z-index: 1; top: -50%; left: -120%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.6), transparent ); transform: rotate(20deg); transition: left 0.7s cubic-bezier(.2, .8, .2, 1); pointer-events: none; } /* ILUMINAÇÃO INTERNA */ .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button::after { content: ""; position: absolute; z-index: 0; inset: 0; background: radial-gradient( circle at 50% 0%, rgba(255, 255, 255, 0.4), transparent 55% ); opacity: 0.75; transition: opacity 0.35s ease; pointer-events: none; } /* SETA AUTOMÁTICA APÓS O TEXTO */ .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button-text { display: inline-flex; align-items: center; justify-content: center; } .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button-text::after { content: "→"; display: inline-block; margin-left: 10px; font-size: 21px; font-weight: 700; line-height: 0; transform: translateX(0); transition: transform 0.35s cubic-bezier(.2, .8, .2, 1); } /* HOVER */ .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button:hover { color: #001C42; border-color: rgba(255, 255, 255, 0.55); background: linear-gradient( 135deg, #7ADFFF 0%, #18BFEA 48%, #0396C8 100% ); box-shadow: 0 6px 0 #00638C, 0 20px 42px rgba(3, 172, 218, 0.42), 0 0 28px rgba(84, 206, 245, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.65); transform: translateY(-3px); } .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button:hover::before { left: 145%; } .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button:hover::after { opacity: 1; } .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); } /* EFEITO AO CLICAR */ .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button:active { transform: translateY(2px) scale(0.985); box-shadow: 0 2px 0 #00638C, 0 8px 18px rgba(3, 172, 218, 0.28), inset 0 2px 5px rgba(0, 39, 89, 0.15); transition-duration: 0.1s; } /* ACESSIBILIDADE AO NAVEGAR PELO TECLADO */ .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button:focus-visible { outline: 3px solid rgba(84, 206, 245, 0.48); outline-offset: 5px; box-shadow: 0 4px 0 #006C9A, 0 0 0 7px rgba(3, 172, 218, 0.13), 0 16px 34px rgba(3, 172, 218, 0.34); } /* PULSO SUTIL */ @keyframes botaoGlow { 0%, 100% { box-shadow: 0 4px 0 #006C9A, 0 14px 30px rgba(3, 172, 218, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.45); } 50% { box-shadow: 0 4px 0 #006C9A, 0 17px 38px rgba(3, 172, 218, 0.36), 0 0 22px rgba(84, 206, 245, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.45); } } /* TABLET */ @media (max-width: 1024px) { .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button { min-height: 56px; padding: 17px 28px; font-size: 15px; } } /* MOBILE */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button-wrapper { display: flex; justify-content: center; width: 100%; } .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button { width: 100%; max-width: 420px; min-height: 56px; padding: 16px 22px; border-radius: 9px; font-size: 14px; line-height: 1.25; letter-spacing: 0.01em; } .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button-text::after { margin-left: 8px; font-size: 19px; } } /* DESATIVA ANIMAÇÕES PARA QUEM PREFERE MENOS MOVIMENTO */ @media (prefers-reduced-motion: reduce) { .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button { animation: none; transition: none; } .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button::before, .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button::after, .elementor-12 .elementor-element.elementor-element-9fe7638 .elementor-button-text::after { transition: none; } }/* End custom CSS */ /* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=League+Spartan:wght@600;700;800&display=swap');/* End custom CSS */