.elementor-9 .elementor-element.elementor-element-53a056e9{--display:flex;--min-height:900px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-53a056e9:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-53a056e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://camilagasparini.com/wp-content/uploads/2026/09/Frame-20.webp");background-position:center center;}.elementor-9 .elementor-element.elementor-element-8decd07{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-9 .elementor-element.elementor-element-2b38c70a{width:var( --container-widget-width, 171px );max-width:171px;--container-widget-width:171px;--container-widget-flex-grow:0;}.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-9 .elementor-element.elementor-element-70f4539b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:45px;font-weight:600;line-height:1.1em;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-cdc250d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:300;line-height:1.1em;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-9 .elementor-element.elementor-element-4c77c30e{--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-9 .elementor-element.elementor-element-4c77c30e:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-4c77c30e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0409;}.elementor-9 .elementor-element.elementor-element-4064920a{--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;}.elementor-9 .elementor-element.elementor-element-af78a7b{--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-9 .elementor-element.elementor-element-2240f0be{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-32964915{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-166c5e9f{--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-9 .elementor-element.elementor-element-41c001f{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-41c001f.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-41c001f img{width:100%;}.elementor-9 .elementor-element.elementor-element-650c7bed{width:var( --container-widget-width, 72% );max-width:72%;--container-widget-width:72%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-2c96acef{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-472c2b40{--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-9 .elementor-element.elementor-element-472c2b40:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-472c2b40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-472c2b40.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-401b9c07{--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-9 .elementor-element.elementor-element-5f4acd8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-a95415a{width:var( --container-widget-width, 884px );max-width:884px;--container-widget-width:884px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-a95415a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:52px;font-weight:500;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-736e5aba{width:var( --container-widget-width, 37% );max-width:37%;--container-widget-width:37%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-2c47affd{--e-image-carousel-slides-to-show:4;z-index:6;}.elementor-9 .elementor-element.elementor-element-2c47affd .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-9 .elementor-element.elementor-element-6d039473{--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-9 .elementor-element.elementor-element-6d039473::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9 .elementor-element.elementor-element-655794bf{--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-9 .elementor-element.elementor-element-57c97470{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-378e9d9{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-378e9d9.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-79c31340{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-79c31340.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-36128927{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-36128927.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-fab665e{--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:70px 70px;--row-gap:70px;--column-gap:70px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-fab665e:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-fab665e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://camilagasparini.com/wp-content/uploads/2026/09/Frame-22.webp");}.elementor-9 .elementor-element.elementor-element-1a4e22b7{--display:flex;}.elementor-9 .elementor-element.elementor-element-7d12b101{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-63418b3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-57a49e7a{--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-9 .elementor-element.elementor-element-1cfc8e42{--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-9 .elementor-element.elementor-element-17204537{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-5fc08d03 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:23px;font-weight:400;line-height:1.1em;color:#000000;}.elementor-9 .elementor-element.elementor-element-4627af28 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:101px;font-weight:800;line-height:1.1em;color:#000000;}.elementor-9 .elementor-element.elementor-element-18a130a3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:1.1em;color:#000000;}.elementor-9 .elementor-element.elementor-element-189565c1{--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-9 .elementor-element.elementor-element-7312e81{width:var( --container-widget-width, 284px );max-width:284px;--container-widget-width:284px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-7312e81 img{filter:brightness( 96% ) contrast( 100% ) saturate( 184% ) blur( 0px ) hue-rotate( 298deg );}.elementor-9 .elementor-element.elementor-element-5e8fe707{--display:flex;}.elementor-9 .elementor-element.elementor-element-1f274426{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-3c8aa579{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-58ac6c6e{--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-9 .elementor-element.elementor-element-58ac6c6e:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-58ac6c6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#712239;}.elementor-9 .elementor-element.elementor-element-475eec4f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:#FFFFFF;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-8decd07{--width:50%;}.elementor-9 .elementor-element.elementor-element-af78a7b{--width:50%;}.elementor-9 .elementor-element.elementor-element-5f4acd8{--width:50%;}.elementor-9 .elementor-element.elementor-element-655794bf{--width:58%;}.elementor-9 .elementor-element.elementor-element-1a4e22b7{--width:50%;}.elementor-9 .elementor-element.elementor-element-1cfc8e42{--width:45%;}.elementor-9 .elementor-element.elementor-element-5e8fe707{--width:55%;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-53a056e9:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-53a056e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://camilagasparini.com/wp-content/uploads/2026/09/Frame-21-1.webp");background-position:top center;}.elementor-9 .elementor-element.elementor-element-53a056e9{--min-height:781px;--justify-content:flex-end;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-8decd07{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-70f4539b{text-align:center;}.elementor-9 .elementor-element.elementor-element-70f4539b .elementor-heading-title{font-size:32px;}.elementor-9 .elementor-element.elementor-element-cdc250d{text-align:center;}.elementor-9 .elementor-element.elementor-element-4c77c30e{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:020px;}.elementor-9 .elementor-element.elementor-element-4064920a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-32964915{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-9 .elementor-element.elementor-element-166c5e9f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-650c7bed{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-9 .elementor-element.elementor-element-472c2b40{--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-9 .elementor-element.elementor-element-401b9c07{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-a95415a{text-align:center;}.elementor-9 .elementor-element.elementor-element-a95415a .elementor-heading-title{font-size:26px;}.elementor-9 .elementor-element.elementor-element-736e5aba{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-736e5aba.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-2c47affd{--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-9 .elementor-element.elementor-element-6d039473{--padding-top:50px;--padding-bottom:050px;--padding-left:020px;--padding-right:020px;}.elementor-9 .elementor-element.elementor-element-655794bf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-fab665e{--padding-top:50px;--padding-bottom:50px;--padding-left:020px;--padding-right:020px;}.elementor-9 .elementor-element.elementor-element-7d12b101{--container-widget-width:309px;--container-widget-flex-grow:0;width:var( --container-widget-width, 309px );max-width:309px;}.elementor-9 .elementor-element.elementor-element-7d12b101.elementor-element{--order:-99999 /* order start hack */;}.elementor-9 .elementor-element.elementor-element-63418b3b{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-5fc08d03{text-align:center;}.elementor-9 .elementor-element.elementor-element-4627af28{text-align:center;}.elementor-9 .elementor-element.elementor-element-18a130a3{text-align:center;}.elementor-9 .elementor-element.elementor-element-189565c1{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-7312e81{--container-widget-width:289px;--container-widget-flex-grow:0;width:var( --container-widget-width, 289px );max-width:289px;}.elementor-9 .elementor-element.elementor-element-5e8fe707{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-3c8aa579{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-475eec4f{width:var( --container-widget-width, 186px );max-width:186px;--container-widget-width:186px;--container-widget-flex-grow:0;text-align:center;}.elementor-9 .elementor-element.elementor-element-475eec4f .elementor-heading-title{line-height:1.4em;}}/* Start custom CSS for button, class: .elementor-element-58a6388c *//* ========================================= BOTÃO PREMIUM — PÓS-OPERATÓRIO ========================================= */ .elementor-9 .elementor-element.elementor-element-58a6388c .elementor-button{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 8px 64px 8px 24px; background: linear-gradient( 135deg, #8F163E 0%, #B51F52 55%, #D03268 100% ); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: #FFFFFF; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; box-shadow: 0 10px 30px rgba(181,31,82,.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* ========================================= CONTEÚDO ========================================= */ .elementor-9 .elementor-element.elementor-element-58a6388c .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; } /* ========================================= SETA LATERAL ========================================= */ .elementor-9 .elementor-element.elementor-element-58a6388c .elementor-button::after{ content: "↗"; position: absolute; top: 50%; right: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); border-radius: 8px; color: #FFFFFF; font-size: 18px; font-weight: 400; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: transform .35s ease, background .35s ease; } /* ========================================= BRILHO ========================================= */ .elementor-9 .elementor-element.elementor-element-58a6388c .elementor-button::before{ content: ""; position: absolute; top: -50%; left: -80%; width: 45%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.22), transparent ); transform: rotate(18deg); animation: posButtonShine 4.5s ease-in-out infinite; pointer-events: none; } /* ========================================= HOVER ========================================= */ .elementor-9 .elementor-element.elementor-element-58a6388c .elementor-button:hover{ transform: translateY(-3px); border-color: rgba(255,255,255,.25); box-shadow: 0 16px 40px rgba(181,31,82,.32), 0 0 0 1px rgba(208,50,104,.08), inset 0 1px 0 rgba(255,255,255,.20); } .elementor-9 .elementor-element.elementor-element-58a6388c .elementor-button:hover::after{ transform: translateY(-50%) translate(2px,-2px); background: rgba(255,255,255,.20); } /* ========================================= ANIMAÇÃO ========================================= */ @keyframes posButtonShine{ 0%, 65%{ left: -80%; } 100%{ left: 145%; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-9 .elementor-element.elementor-element-58a6388c .elementor-button{ width: 100%; min-height: 56px; padding: 8px 60px 8px 18px; font-size: 14px; } .elementor-9 .elementor-element.elementor-element-58a6388c .elementor-button::after{ width: 38px; height: 38px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-202aed2c *//* ========================================= BOTÃO PREMIUM — PÓS-OPERATÓRIO ========================================= */ .elementor-9 .elementor-element.elementor-element-202aed2c .elementor-button{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 8px 64px 8px 24px; background: linear-gradient( 135deg, #8F163E 0%, #B51F52 55%, #D03268 100% ); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: #FFFFFF; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; box-shadow: 0 10px 30px rgba(181,31,82,.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* ========================================= CONTEÚDO ========================================= */ .elementor-9 .elementor-element.elementor-element-202aed2c .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; } /* ========================================= SETA LATERAL ========================================= */ .elementor-9 .elementor-element.elementor-element-202aed2c .elementor-button::after{ content: "↗"; position: absolute; top: 50%; right: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); border-radius: 8px; color: #FFFFFF; font-size: 18px; font-weight: 400; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: transform .35s ease, background .35s ease; } /* ========================================= BRILHO ========================================= */ .elementor-9 .elementor-element.elementor-element-202aed2c .elementor-button::before{ content: ""; position: absolute; top: -50%; left: -80%; width: 45%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.22), transparent ); transform: rotate(18deg); animation: posButtonShine 4.5s ease-in-out infinite; pointer-events: none; } /* ========================================= HOVER ========================================= */ .elementor-9 .elementor-element.elementor-element-202aed2c .elementor-button:hover{ transform: translateY(-3px); border-color: rgba(255,255,255,.25); box-shadow: 0 16px 40px rgba(181,31,82,.32), 0 0 0 1px rgba(208,50,104,.08), inset 0 1px 0 rgba(255,255,255,.20); } .elementor-9 .elementor-element.elementor-element-202aed2c .elementor-button:hover::after{ transform: translateY(-50%) translate(2px,-2px); background: rgba(255,255,255,.20); } /* ========================================= ANIMAÇÃO ========================================= */ @keyframes posButtonShine{ 0%, 65%{ left: -80%; } 100%{ left: 145%; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-9 .elementor-element.elementor-element-202aed2c .elementor-button{ width: 100%; min-height: 56px; padding: 8px 60px 8px 18px; font-size: 14px; } .elementor-9 .elementor-element.elementor-element-202aed2c .elementor-button::after{ width: 38px; height: 38px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6e76a684 *//* ========================================= BOTÃO PREMIUM — PÓS-OPERATÓRIO ========================================= */ .elementor-9 .elementor-element.elementor-element-6e76a684 .elementor-button{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 8px 64px 8px 24px; background: linear-gradient( 135deg, #8F163E 0%, #B51F52 55%, #D03268 100% ); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: #FFFFFF; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; box-shadow: 0 10px 30px rgba(181,31,82,.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* ========================================= CONTEÚDO ========================================= */ .elementor-9 .elementor-element.elementor-element-6e76a684 .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; } /* ========================================= SETA LATERAL ========================================= */ .elementor-9 .elementor-element.elementor-element-6e76a684 .elementor-button::after{ content: "↗"; position: absolute; top: 50%; right: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); border-radius: 8px; color: #FFFFFF; font-size: 18px; font-weight: 400; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: transform .35s ease, background .35s ease; } /* ========================================= BRILHO ========================================= */ .elementor-9 .elementor-element.elementor-element-6e76a684 .elementor-button::before{ content: ""; position: absolute; top: -50%; left: -80%; width: 45%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.22), transparent ); transform: rotate(18deg); animation: posButtonShine 4.5s ease-in-out infinite; pointer-events: none; } /* ========================================= HOVER ========================================= */ .elementor-9 .elementor-element.elementor-element-6e76a684 .elementor-button:hover{ transform: translateY(-3px); border-color: rgba(255,255,255,.25); box-shadow: 0 16px 40px rgba(181,31,82,.32), 0 0 0 1px rgba(208,50,104,.08), inset 0 1px 0 rgba(255,255,255,.20); } .elementor-9 .elementor-element.elementor-element-6e76a684 .elementor-button:hover::after{ transform: translateY(-50%) translate(2px,-2px); background: rgba(255,255,255,.20); } /* ========================================= ANIMAÇÃO ========================================= */ @keyframes posButtonShine{ 0%, 65%{ left: -80%; } 100%{ left: 145%; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-9 .elementor-element.elementor-element-6e76a684 .elementor-button{ width: 100%; min-height: 56px; padding: 8px 60px 8px 18px; font-size: 14px; } .elementor-9 .elementor-element.elementor-element-6e76a684 .elementor-button::after{ width: 38px; height: 38px; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2c47affd */.elementor-9 .elementor-element.elementor-element-2c47affd .swiper{ overflow: visible !important; } /* ========================================= CARROSSEL — NAVEGAÇÃO PÓS-OPERATÓRIO ========================================= */ /* cria espaço inferior para os dots */ .elementor-9 .elementor-element.elementor-element-2c47affd .swiper{ padding-bottom: 48px; } /* ========================================= DOTS ========================================= */ .elementor-9 .elementor-element.elementor-element-2c47affd .swiper-pagination{ bottom: 13px !important; display: flex; align-items: center; justify-content: center; gap: 8px; } /* dot normal */ .elementor-9 .elementor-element.elementor-element-2c47affd .swiper-pagination-bullet{ width: 7px; height: 7px; margin: 0 !important; border-radius: 50%; background: rgba(255,255,255,.28); opacity: 1; transition: width .35s ease, background .35s ease, transform .35s ease; } /* dot ativo — formato cápsula */ .elementor-9 .elementor-element.elementor-element-2c47affd .swiper-pagination-bullet-active{ width: 21px; border-radius: 20px; background: #D3326C; box-shadow: 0 0 12px rgba(211,50,108,.22); } /* ========================================= SETAS ========================================= */ .elementor-9 .elementor-element.elementor-element-2c47affd .elementor-swiper-button{ top: 50%; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); border: 1px solid rgba(255,255,255,.11); border-radius: 12px; background: rgba(16,8,12,.72); box-shadow: 0 10px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.055); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #FFFFFF; opacity: .78; transition: opacity .3s ease, transform .3s ease, border-color .3s ease, background .3s ease; } /* tamanho do ícone */ .elementor-9 .elementor-element.elementor-element-2c47affd .elementor-swiper-button svg{ width: 15px; height: 15px; fill: #FFFFFF; transition: transform .3s ease; } /* ========================================= SETA ESQUERDA ========================================= */ .elementor-9 .elementor-element.elementor-element-2c47affd .elementor-swiper-button-prev{ left: 14px; } /* ========================================= SETA DIREITA ========================================= */ .elementor-9 .elementor-element.elementor-element-2c47affd .elementor-swiper-button-next{ right: 14px; } /* ========================================= HOVER ========================================= */ .elementor-9 .elementor-element.elementor-element-2c47affd .elementor-swiper-button:hover{ opacity: 1; border-color: rgba(211,50,108,.42); background: rgba(211,50,108,.14); box-shadow: 0 12px 32px rgba(0,0,0,.28), 0 0 20px rgba(211,50,108,.08), inset 0 1px 0 rgba(255,255,255,.07); } .elementor-9 .elementor-element.elementor-element-2c47affd .elementor-swiper-button-prev:hover{ transform: translateY(-50%) translateX(-2px); } .elementor-9 .elementor-element.elementor-element-2c47affd .elementor-swiper-button-next:hover{ transform: translateY(-50%) translateX(2px); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-9 .elementor-element.elementor-element-2c47affd .swiper{ padding-bottom: 42px; } .elementor-9 .elementor-element.elementor-element-2c47affd .swiper-pagination{ bottom: 10px !important; gap: 7px; } .elementor-9 .elementor-element.elementor-element-2c47affd .swiper-pagination-bullet{ width: 6px; height: 6px; } .elementor-9 .elementor-element.elementor-element-2c47affd .swiper-pagination-bullet-active{ width: 18px; } .elementor-9 .elementor-element.elementor-element-2c47affd .elementor-swiper-button{ width: 36px; height: 36px; border-radius: 10px; } .elementor-9 .elementor-element.elementor-element-2c47affd .elementor-swiper-button svg{ width: 13px; height: 13px; } .elementor-9 .elementor-element.elementor-element-2c47affd .elementor-swiper-button-prev{ left: 8px; } .elementor-9 .elementor-element.elementor-element-2c47affd .elementor-swiper-button-next{ right: 8px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f5a8ba0 *//* ========================================= BOTÃO PREMIUM — PÓS-OPERATÓRIO ========================================= */ .elementor-9 .elementor-element.elementor-element-6f5a8ba0 .elementor-button{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 8px 64px 8px 24px; background: linear-gradient( 135deg, #8F163E 0%, #B51F52 55%, #D03268 100% ); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: #FFFFFF; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; box-shadow: 0 10px 30px rgba(181,31,82,.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* ========================================= CONTEÚDO ========================================= */ .elementor-9 .elementor-element.elementor-element-6f5a8ba0 .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; } /* ========================================= SETA LATERAL ========================================= */ .elementor-9 .elementor-element.elementor-element-6f5a8ba0 .elementor-button::after{ content: "↗"; position: absolute; top: 50%; right: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); border-radius: 8px; color: #FFFFFF; font-size: 18px; font-weight: 400; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: transform .35s ease, background .35s ease; } /* ========================================= BRILHO ========================================= */ .elementor-9 .elementor-element.elementor-element-6f5a8ba0 .elementor-button::before{ content: ""; position: absolute; top: -50%; left: -80%; width: 45%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.22), transparent ); transform: rotate(18deg); animation: posButtonShine 4.5s ease-in-out infinite; pointer-events: none; } /* ========================================= HOVER ========================================= */ .elementor-9 .elementor-element.elementor-element-6f5a8ba0 .elementor-button:hover{ transform: translateY(-3px); border-color: rgba(255,255,255,.25); box-shadow: 0 16px 40px rgba(181,31,82,.32), 0 0 0 1px rgba(208,50,104,.08), inset 0 1px 0 rgba(255,255,255,.20); } .elementor-9 .elementor-element.elementor-element-6f5a8ba0 .elementor-button:hover::after{ transform: translateY(-50%) translate(2px,-2px); background: rgba(255,255,255,.20); } /* ========================================= ANIMAÇÃO ========================================= */ @keyframes posButtonShine{ 0%, 65%{ left: -80%; } 100%{ left: 145%; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-9 .elementor-element.elementor-element-6f5a8ba0 .elementor-button{ width: 100%; min-height: 56px; padding: 8px 60px 8px 18px; font-size: 14px; } .elementor-9 .elementor-element.elementor-element-6f5a8ba0 .elementor-button::after{ width: 38px; height: 38px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-472c2b40 */html, body, .elementor, .elementor-section, .elementor-container { max-width: 100%; overflow-x: hidden !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-13d6ed20 *//* ========================================= BOTÃO PREMIUM — PÓS-OPERATÓRIO ========================================= */ .elementor-9 .elementor-element.elementor-element-13d6ed20 .elementor-button{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 8px 64px 8px 24px; background: linear-gradient( 135deg, #8F163E 0%, #B51F52 55%, #D03268 100% ); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: #FFFFFF; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; box-shadow: 0 10px 30px rgba(181,31,82,.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* ========================================= CONTEÚDO ========================================= */ .elementor-9 .elementor-element.elementor-element-13d6ed20 .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; } /* ========================================= SETA LATERAL ========================================= */ .elementor-9 .elementor-element.elementor-element-13d6ed20 .elementor-button::after{ content: "↗"; position: absolute; top: 50%; right: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); border-radius: 8px; color: #FFFFFF; font-size: 18px; font-weight: 400; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: transform .35s ease, background .35s ease; } /* ========================================= BRILHO ========================================= */ .elementor-9 .elementor-element.elementor-element-13d6ed20 .elementor-button::before{ content: ""; position: absolute; top: -50%; left: -80%; width: 45%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.22), transparent ); transform: rotate(18deg); animation: posButtonShine 4.5s ease-in-out infinite; pointer-events: none; } /* ========================================= HOVER ========================================= */ .elementor-9 .elementor-element.elementor-element-13d6ed20 .elementor-button:hover{ transform: translateY(-3px); border-color: rgba(255,255,255,.25); box-shadow: 0 16px 40px rgba(181,31,82,.32), 0 0 0 1px rgba(208,50,104,.08), inset 0 1px 0 rgba(255,255,255,.20); } .elementor-9 .elementor-element.elementor-element-13d6ed20 .elementor-button:hover::after{ transform: translateY(-50%) translate(2px,-2px); background: rgba(255,255,255,.20); } /* ========================================= ANIMAÇÃO ========================================= */ @keyframes posButtonShine{ 0%, 65%{ left: -80%; } 100%{ left: 145%; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-9 .elementor-element.elementor-element-13d6ed20 .elementor-button{ width: 100%; min-height: 56px; padding: 8px 60px 8px 18px; font-size: 14px; } .elementor-9 .elementor-element.elementor-element-13d6ed20 .elementor-button::after{ width: 38px; height: 38px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3bb89d2c *//* ========================================= BOTÃO PREMIUM — PÓS-OPERATÓRIO ========================================= */ .elementor-9 .elementor-element.elementor-element-3bb89d2c .elementor-button{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 8px 64px 8px 24px; background: linear-gradient( 135deg, #8F163E 0%, #B51F52 55%, #D03268 100% ); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: #FFFFFF; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; box-shadow: 0 10px 30px rgba(181,31,82,.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* ========================================= CONTEÚDO ========================================= */ .elementor-9 .elementor-element.elementor-element-3bb89d2c .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; } /* ========================================= SETA LATERAL ========================================= */ .elementor-9 .elementor-element.elementor-element-3bb89d2c .elementor-button::after{ content: "↗"; position: absolute; top: 50%; right: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); border-radius: 8px; color: #FFFFFF; font-size: 18px; font-weight: 400; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: transform .35s ease, background .35s ease; } /* ========================================= BRILHO ========================================= */ .elementor-9 .elementor-element.elementor-element-3bb89d2c .elementor-button::before{ content: ""; position: absolute; top: -50%; left: -80%; width: 45%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.22), transparent ); transform: rotate(18deg); animation: posButtonShine 4.5s ease-in-out infinite; pointer-events: none; } /* ========================================= HOVER ========================================= */ .elementor-9 .elementor-element.elementor-element-3bb89d2c .elementor-button:hover{ transform: translateY(-3px); border-color: rgba(255,255,255,.25); box-shadow: 0 16px 40px rgba(181,31,82,.32), 0 0 0 1px rgba(208,50,104,.08), inset 0 1px 0 rgba(255,255,255,.20); } .elementor-9 .elementor-element.elementor-element-3bb89d2c .elementor-button:hover::after{ transform: translateY(-50%) translate(2px,-2px); background: rgba(255,255,255,.20); } /* ========================================= ANIMAÇÃO ========================================= */ @keyframes posButtonShine{ 0%, 65%{ left: -80%; } 100%{ left: 145%; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-9 .elementor-element.elementor-element-3bb89d2c .elementor-button{ width: 100%; min-height: 56px; padding: 8px 60px 8px 18px; font-size: 14px; } .elementor-9 .elementor-element.elementor-element-3bb89d2c .elementor-button::after{ width: 38px; height: 38px; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7d12b101 *//* ========================================= IMAGEM — AUTORIDADE CAMILA ========================================= */ .elementor-9 .elementor-element.elementor-element-7d12b101{ position: relative; z-index: 1; } /* container da imagem */ .elementor-9 .elementor-element.elementor-element-7d12b101 .elementor-widget-container{ position: relative; padding: 1px; border-radius: 18px; background: linear-gradient( 145deg, rgba(211,50,108,.65), rgba(255,255,255,.12) 45%, rgba(211,50,108,.25) ); box-shadow: 0 28px 70px rgba(0,0,0,.35), 0 0 45px rgba(211,50,108,.09); overflow: visible; } /* ========================================= GLOW POR TRÁS ========================================= */ .elementor-9 .elementor-element.elementor-element-7d12b101 .elementor-widget-container::before{ content: ""; position: absolute; width: 80%; height: 75%; left: 10%; bottom: -7%; z-index: -1; border-radius: 50%; background: radial-gradient( ellipse, rgba(211,50,108,.22) 0%, rgba(181,31,82,.09) 38%, transparent 70% ); filter: blur(28px); pointer-events: none; } /* ========================================= DETALHE SUPERIOR ========================================= */ .elementor-9 .elementor-element.elementor-element-7d12b101 .elementor-widget-container::after{ content: ""; position: absolute; top: -1px; left: 50%; width: 74px; height: 2px; transform: translateX(-50%); border-radius: 20px; background: linear-gradient( 90deg, transparent, #D3326C, transparent ); box-shadow: 0 0 14px rgba(211,50,108,.35); pointer-events: none; } /* ========================================= IMAGEM ========================================= */ .elementor-9 .elementor-element.elementor-element-7d12b101 img{ position: relative; display: block; width: 100%; border-radius: 17px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04); transition: transform .45s ease, filter .45s ease; } /* ========================================= HOVER ========================================= */ .elementor-9 .elementor-element.elementor-element-7d12b101:hover img{ transform: scale(1.012); filter: brightness(1.025) contrast(1.015); } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-9 .elementor-element.elementor-element-7d12b101 .elementor-widget-container{ border-radius: 15px; box-shadow: 0 20px 50px rgba(0,0,0,.30), 0 0 32px rgba(211,50,108,.07); } .elementor-9 .elementor-element.elementor-element-7d12b101 img{ border-radius: 14px; } .elementor-9 .elementor-element.elementor-element-7d12b101 .elementor-widget-container::before{ width: 90%; left: 5%; bottom: -4%; opacity: .7; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5fc22653 *//* ========================================= BOTÃO PREMIUM — PÓS-OPERATÓRIO ========================================= */ .elementor-9 .elementor-element.elementor-element-5fc22653 .elementor-button{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 8px 64px 8px 24px; background: linear-gradient( 135deg, #8F163E 0%, #B51F52 55%, #D03268 100% ); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: #FFFFFF; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; box-shadow: 0 10px 30px rgba(181,31,82,.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* ========================================= CONTEÚDO ========================================= */ .elementor-9 .elementor-element.elementor-element-5fc22653 .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; } /* ========================================= SETA LATERAL ========================================= */ .elementor-9 .elementor-element.elementor-element-5fc22653 .elementor-button::after{ content: "↗"; position: absolute; top: 50%; right: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); border-radius: 8px; color: #FFFFFF; font-size: 18px; font-weight: 400; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: transform .35s ease, background .35s ease; } /* ========================================= BRILHO ========================================= */ .elementor-9 .elementor-element.elementor-element-5fc22653 .elementor-button::before{ content: ""; position: absolute; top: -50%; left: -80%; width: 45%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.22), transparent ); transform: rotate(18deg); animation: posButtonShine 4.5s ease-in-out infinite; pointer-events: none; } /* ========================================= HOVER ========================================= */ .elementor-9 .elementor-element.elementor-element-5fc22653 .elementor-button:hover{ transform: translateY(-3px); border-color: rgba(255,255,255,.25); box-shadow: 0 16px 40px rgba(181,31,82,.32), 0 0 0 1px rgba(208,50,104,.08), inset 0 1px 0 rgba(255,255,255,.20); } .elementor-9 .elementor-element.elementor-element-5fc22653 .elementor-button:hover::after{ transform: translateY(-50%) translate(2px,-2px); background: rgba(255,255,255,.20); } /* ========================================= ANIMAÇÃO ========================================= */ @keyframes posButtonShine{ 0%, 65%{ left: -80%; } 100%{ left: 145%; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-9 .elementor-element.elementor-element-5fc22653 .elementor-button{ width: 100%; min-height: 56px; padding: 8px 60px 8px 18px; font-size: 14px; } .elementor-9 .elementor-element.elementor-element-5fc22653 .elementor-button::after{ width: 38px; height: 38px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-57a49e7a *//* ========================================= BOX GERAL DA OFERTA ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a{ position: relative; isolation: isolate; overflow: hidden; width: 100%; max-width: 1040px; margin: 0 auto; /* MAIS RESPIRO */ padding: 32px 34px; display: flex; flex-direction: row; /* CENTRALIZA OS DOIS LADOS */ align-items: center; gap: 28px; border: 1px solid rgba(255,255,255,.08); border-radius: 28px; background: radial-gradient( circle at 18% 25%, rgba(211,50,108,.075), transparent 36% ), radial-gradient( circle at 85% 12%, rgba(255,255,255,.03), transparent 30% ), linear-gradient( 145deg, #0E0B0D 0%, #090708 55%, #0D090C 100% ); box-shadow: 0 28px 70px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.035); } /* ========================================= GLOW DISCRETO ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a::before{ content: ""; position: absolute; width: 360px; height: 360px; left: -190px; bottom: -220px; border-radius: 50%; background: radial-gradient( circle, rgba(211,50,108,.13), transparent 67% ); filter: blur(30px); pointer-events: none; z-index: 0; } .elementor-9 .elementor-element.elementor-element-57a49e7a > *{ position: relative; z-index: 2; } /* ========================================= CARD ESQUERDO ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__preco{ position: relative; flex: 0 0 42% !important; min-width: 0; /* MAIS ESPAÇO INTERNO */ padding: 30px 24px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; align-self: stretch !important; text-align: center; border-radius: 21px !important; border: 1px solid rgba(255,255,255,.09) !important; background: radial-gradient( circle at 50% 16%, rgba(211,50,108,.09), transparent 42% ), linear-gradient( 145deg, rgba(255,255,255,.045), rgba(255,255,255,.012) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 35px rgba(0,0,0,.18) !important; } /* ========================================= LOGO ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__logo{ max-width: 165px !important; margin-bottom: 14px !important; } /* ========================================= 12X ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__parcela{ margin-bottom: 3px !important; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__parcela .elementor-heading-title{ font-size: 12px !important; color: rgba(255,255,255,.62) !important; } /* ========================================= PREÇO ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__valor .elementor-heading-title{ font-size: clamp(58px, 5vw, 76px) !important; font-weight: 900 !important; line-height: .92 !important; } /* ========================================= À VISTA ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__avista{ margin-top: 13px !important; margin-bottom: 20px !important; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__avista .elementor-heading-title{ font-size: 12px !important; color: rgba(255,255,255,.55) !important; } /* ========================================= BOTÃO ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__botao{ width: 100%; max-width: 295px !important; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__botao .elementor-button{ min-height: 50px !important; border-radius: 11px !important; font-size: 12px !important; } /* ========================================= COLUNA DIREITA ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__direita{ position: relative; flex: 1 !important; min-width: 0; /* OCUPA A ALTURA DISPONÍVEL */ align-self: stretch !important; display: flex !important; flex-direction: column !important; /* CENTRALIZA VERTICALMENTE */ justify-content: center !important; padding: 20px 4px 20px 0 !important; } /* remove divisória antiga */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__direita::before{ display: none !important; } /* ========================================= CONTEÚDO DIREITO ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo{ width: 100%; max-width: none; /* garantia extra de centralização */ margin: auto 0; } /* ========================================= TÍTULO ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo h2{ max-width: 480px; margin: 0 0 18px; font-size: clamp(22px, 2.1vw, 29px); line-height: 1.06; color: #F8F5F6; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo h2 .c{ color: #E04A80; } /* ========================================= CHAMADA ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo__chamada{ min-height: 45px; margin-bottom: 9px; padding: 10px 12px; border: 1px solid rgba(211,50,108,.18); border-radius: 9px; background: linear-gradient( 135deg, rgba(211,50,108,.14), rgba(211,50,108,.045) ); color: rgba(255,255,255,.88); font-size: 12px; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo__chamada-icon{ width: 22px; height: 22px; flex-basis: 22px; border-radius: 6px; font-size: 10px; } /* ========================================= LISTA ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo__lista{ gap: 8px; } /* ========================================= ITEM ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo__item{ min-height: 46px; padding: 10px 12px; gap: 10px; border: 1px solid rgba(255,255,255,.075); border-radius: 9px; background: linear-gradient( 135deg, rgba(255,255,255,.045), rgba(255,255,255,.016) ); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo__item:hover{ transform: translateX(2px); border-color: rgba(211,50,108,.20); background: linear-gradient( 135deg, rgba(211,50,108,.085), rgba(255,255,255,.018) ); } /* ========================================= CHECK ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo__check{ width: 25px; height: 25px; flex-basis: 25px; border-radius: 7px; border: 1px solid rgba(211,50,108,.22); background: rgba(211,50,108,.09); } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo__check svg{ width: 12px; height: 12px; stroke: #E04A80; } /* ========================================= TEXTO DOS BENEFÍCIOS ========================================= */ .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo__item p{ font-size: 11.5px; line-height: 1.3; color: rgba(255,255,255,.74); } /* ========================================= TABLET ========================================= */ @media(max-width:1024px){ .elementor-9 .elementor-element.elementor-element-57a49e7a{ max-width: 940px; padding: 26px; gap: 22px; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__preco{ flex-basis: 43% !important; padding: 27px 20px !important; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__valor .elementor-heading-title{ font-size: 62px !important; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo h2{ font-size: 24px; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-9 .elementor-element.elementor-element-57a49e7a{ width: 100%; padding: 15px; gap: 16px; flex-direction: column; align-items: stretch; border-radius: 20px; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__preco{ width: 100%; flex-basis: auto !important; min-height: auto; padding: 27px 18px !important; border-radius: 16px !important; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__logo{ max-width: 155px !important; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__valor .elementor-heading-title{ font-size: 56px !important; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__botao{ max-width: 100% !important; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta__direita{ width: 100%; padding: 18px 3px 4px !important; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo{ margin: 0; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo h2{ margin-bottom: 16px; font-size: 25px; } .elementor-9 .elementor-element.elementor-element-57a49e7a .po-oferta-conteudo__item p{ font-size: 12px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-63418b3b *//* ========================================= OFERTA — SESSÃO BRANCA ========================================= */ .elementor-9 .elementor-element.elementor-element-63418b3b{ position: relative; isolation: isolate; overflow: visible; width: 100%; padding: 0; background: #FFFFFF !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } /* remove qualquer grafismo do container geral */ .elementor-9 .elementor-element.elementor-element-63418b3b::before, .elementor-9 .elementor-element.elementor-element-63418b3b::after{ display: none !important; content: none !important; } .elementor-9 .elementor-element.elementor-element-63418b3b > *{ position: relative; z-index: 2; } /* ========================================= BOX — DUAS COLUNAS ========================================= */ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__box{ width: 100%; display: flex; flex-direction: row; align-items: stretch; gap: 30px; } /* ========================================= CARD ESQUERDO — PREÇO ========================================= */ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__preco{ position: relative; overflow: hidden; flex: 0 0 43%; min-width: 0; padding: 36px 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px solid rgba(255,255,255,.08); border-radius: 28px; background: radial-gradient( circle at 50% 16%, rgba(211,50,108,.10), transparent 42% ), linear-gradient( 145deg, #141014 0%, #0D0B0D 50%, #151015 100% ); box-shadow: 0 24px 70px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.05); } /* linha superior */ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__preco::before{ content: ""; position: absolute; top: -1px; left: 50%; width: 74px; height: 2px; transform: translateX(-50%); border-radius: 999px; background: linear-gradient( 90deg, transparent, #E2447F, transparent ); box-shadow: 0 0 14px rgba(226,68,127,.28); } /* glow interno inferior */ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__preco::after{ content: ""; position: absolute; left: 50%; bottom: -110px; width: 280px; height: 200px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient( ellipse, rgba(211,50,108,.18), rgba(211,50,108,.05) 46%, transparent 72% ); filter: blur(24px); pointer-events: none; } /* ========================================= LOGO ========================================= */ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__logo{ width: auto; max-width: 220px; margin-bottom: 18px; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__logo img{ display: block; width: auto; max-width: 100%; margin: 0 auto; } /* ========================================= "12x de:" ========================================= */ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__parcela{ margin-bottom: 6px; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__parcela .elementor-heading-title{ font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: -0.01em !important; color: rgba(255,255,255,.68) !important; } /* ========================================= VALOR ========================================= */ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__valor{ position: relative; margin: 0; z-index: 3; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__valor .elementor-heading-title{ display: inline-block !important; margin: 0 !important; font-family: "Manrope", sans-serif !important; font-size: clamp(64px, 6.2vw, 92px) !important; font-weight: 900 !important; line-height: .92 !important; letter-spacing: -0.07em !important; background: linear-gradient( 110deg, #FFFFFF 0%, #FFFFFF 28%, #F7C0D6 42%, #E34D84 50%, #FFD9E7 58%, #FFFFFF 72%, #FFFFFF 100% ) !important; background-size: 250% 100% !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; filter: drop-shadow(0 4px 18px rgba(211,50,108,.08)); animation: poPrecoBrilho 4.2s ease-in-out infinite; } /* brilho em loop */ @keyframes poPrecoBrilho{ 0%{ background-position: 180% 50%; } 45%{ background-position: 180% 50%; } 100%{ background-position: -80% 50%; } } /* glow sob o valor */ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__valor::after{ content: ""; position: absolute; left: 50%; bottom: -14px; width: 74%; height: 22px; transform: translateX(-50%); background: radial-gradient( ellipse, rgba(211,50,108,.18), transparent 68% ); filter: blur(13px); opacity: .34; animation: poPrecoGlow 3.2s ease-in-out infinite; pointer-events: none; } @keyframes poPrecoGlow{ 0%, 100%{ opacity: .24; transform: translateX(-50%) scaleX(.92); } 50%{ opacity: .54; transform: translateX(-50%) scaleX(1.08); } } /* ========================================= À VISTA ========================================= */ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__avista{ margin-top: 16px; margin-bottom: 22px; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__avista .elementor-heading-title{ font-family: "Inter", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: -0.01em !important; color: rgba(255,255,255,.58) !important; } /* ========================================= BOTÃO ========================================= */ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__botao{ width: 100%; max-width: 340px; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__botao .elementor-button{ position: relative; overflow: hidden; width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: center; padding: 10px 60px 10px 22px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: linear-gradient( 135deg, #A71549, #C82864 55%, #E4417D ) !important; box-shadow: 0 16px 36px rgba(181,31,82,.22), inset 0 1px 0 rgba(255,255,255,.16); font-family: "Inter", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; color: #FFFFFF !important; transition: transform .3s ease, box-shadow .3s ease; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__botao .elementor-button-text{ color: #FFFFFF !important; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__botao .elementor-button::after{ content: "↗"; position: absolute; top: 50%; right: 7px; width: 39px; height: 39px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); border-radius: 9px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.11); font-size: 16px; font-weight: 400; color: #FFFFFF; transition: transform .3s ease, background .3s ease; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__botao .elementor-button:hover{ transform: translateY(-2px); box-shadow: 0 22px 44px rgba(181,31,82,.28), inset 0 1px 0 rgba(255,255,255,.16); } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__botao .elementor-button:hover::after{ transform: translateY(-50%) translate(2px,-2px); background: rgba(255,255,255,.17); } /* ========================================= COLUNA DIREITA ========================================= */ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__direita{ position: relative; flex: 1; min-width: 0; padding: 12px 10px 12px 20px; display: flex; flex-direction: column; justify-content: center; } /* separador mais sutil para sessão branca */ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__direita::before{ content: ""; position: absolute; top: 10%; bottom: 10%; left: 0; width: 1px; background: linear-gradient( 180deg, transparent, rgba(18,18,18,.10), transparent ); } /* ========================================= TABLET ========================================= */ @media(max-width:1024px){ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__box{ gap: 20px; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__preco{ flex-basis: 46%; padding: 32px 24px; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__valor .elementor-heading-title{ font-size: 72px !important; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-9 .elementor-element.elementor-element-63418b3b{ padding: 0; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__box{ flex-direction: column; gap: 18px; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__preco{ width: 100%; flex-basis: auto; padding: 28px 18px; border-radius: 20px; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__logo{ max-width: 180px; margin-bottom: 14px; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__parcela .elementor-heading-title{ font-size: 14px !important; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__valor .elementor-heading-title{ font-size: 58px !important; font-weight: 900 !important; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__avista{ margin-top: 12px; margin-bottom: 18px; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__avista .elementor-heading-title{ font-size: 13px !important; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__botao{ max-width: 100%; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__direita{ width: 100%; padding: 18px 0 0; } .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__direita::before{ top: 0; bottom: auto; left: 6%; right: 6%; width: auto; height: 1px; background: linear-gradient( 90deg, transparent, rgba(18,18,18,.10), transparent ); } } /* ========================================= ACESSIBILIDADE ========================================= */ @media(prefers-reduced-motion: reduce){ .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__valor .elementor-heading-title, .elementor-9 .elementor-element.elementor-element-63418b3b .po-oferta__valor::after{ animation: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-73a61018 *//* ========================================= BOTÃO PREMIUM — PÓS-OPERATÓRIO ========================================= */ .elementor-9 .elementor-element.elementor-element-73a61018 .elementor-button{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 8px 64px 8px 24px; background: linear-gradient( 135deg, #8F163E 0%, #B51F52 55%, #D03268 100% ); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: #FFFFFF; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; box-shadow: 0 10px 30px rgba(181,31,82,.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* ========================================= CONTEÚDO ========================================= */ .elementor-9 .elementor-element.elementor-element-73a61018 .elementor-button-content-wrapper{ position: relative; z-index: 3; display: flex; align-items: center; } /* ========================================= SETA LATERAL ========================================= */ .elementor-9 .elementor-element.elementor-element-73a61018 .elementor-button::after{ content: "↗"; position: absolute; top: 50%; right: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); border-radius: 8px; color: #FFFFFF; font-size: 18px; font-weight: 400; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: transform .35s ease, background .35s ease; } /* ========================================= BRILHO ========================================= */ .elementor-9 .elementor-element.elementor-element-73a61018 .elementor-button::before{ content: ""; position: absolute; top: -50%; left: -80%; width: 45%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.22), transparent ); transform: rotate(18deg); animation: posButtonShine 4.5s ease-in-out infinite; pointer-events: none; } /* ========================================= HOVER ========================================= */ .elementor-9 .elementor-element.elementor-element-73a61018 .elementor-button:hover{ transform: translateY(-3px); border-color: rgba(255,255,255,.25); box-shadow: 0 16px 40px rgba(181,31,82,.32), 0 0 0 1px rgba(208,50,104,.08), inset 0 1px 0 rgba(255,255,255,.20); } .elementor-9 .elementor-element.elementor-element-73a61018 .elementor-button:hover::after{ transform: translateY(-50%) translate(2px,-2px); background: rgba(255,255,255,.20); } /* ========================================= ANIMAÇÃO ========================================= */ @keyframes posButtonShine{ 0%, 65%{ left: -80%; } 100%{ left: 145%; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-9 .elementor-element.elementor-element-73a61018 .elementor-button{ width: 100%; min-height: 56px; padding: 8px 60px 8px 18px; font-size: 14px; } .elementor-9 .elementor-element.elementor-element-73a61018 .elementor-button::after{ width: 38px; height: 38px; } }/* End custom CSS */