.elementor-13 .elementor-element.elementor-element-aea3224{--display:flex;--min-height:840px;--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-13 .elementor-element.elementor-element-aea3224:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-aea3224 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aluisiogrande.com/wp-content/uploads/2026/08/Frame-1-3.webp");background-position:center center;}.elementor-13 .elementor-element.elementor-element-d7b552b{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13 .elementor-element.elementor-element-0f3cdb1{width:var( --container-widget-width, 42% );max-width:42%;--container-widget-width:42%;--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-13 .elementor-element.elementor-element-cfb3c0e .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:49px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-4d3bfd6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;line-height:1.2em;color:#D1D0D0;}.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-13 .elementor-element.elementor-element-f3118bd{--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-13 .elementor-element.elementor-element-f3118bd:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-f3118bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#302F2D;background-image:url("https://aluisiogrande.com/wp-content/uploads/2026/08/Frame-3-1.webp");background-position:bottom center;background-repeat:no-repeat;}.elementor-13 .elementor-element.elementor-element-163d852{--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:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-13 .elementor-element.elementor-element-cc79255{width:var( --container-widget-width, 52% );max-width:52%;--container-widget-width:52%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-87cc8b2{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-25995a6 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-c50f108{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13 .elementor-element.elementor-element-2620e0a{--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-13 .elementor-element.elementor-element-e21ad14{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;text-align:center;}.elementor-13 .elementor-element.elementor-element-e21ad14 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-0005380{--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-13 .elementor-element.elementor-element-0005380:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-0005380 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-13 .elementor-element.elementor-element-0005380.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-45fac8b{--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-13 .elementor-element.elementor-element-47a6aff{--display:flex;}.elementor-13 .elementor-element.elementor-element-662f737{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;text-align:start;}.elementor-13 .elementor-element.elementor-element-662f737 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:49px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-2f03b3f{width:var( --container-widget-width, 54% );max-width:54%;--container-widget-width:54%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-9e90999{--e-image-carousel-slides-to-show:4;z-index:6;}.elementor-13 .elementor-element.elementor-element-9e90999 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-13 .elementor-element.elementor-element-d217dfa{--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-13 .elementor-element.elementor-element-3d6bad1{--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-13 .elementor-element.elementor-element-9dd59e7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-13 .elementor-element.elementor-element-9dd59e7 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:43px;font-weight:700;line-height:1.2em;color:#000000;}.elementor-13 .elementor-element.elementor-element-4a46e0d{width:var( --container-widget-width, 39% );max-width:39%;padding:0px 0px 0px 0px;--container-widget-width:39%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-065ae83{--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:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-065ae83:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-065ae83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#302F2D;background-image:url("https://aluisiogrande.com/wp-content/uploads/2026/08/Frame-4.webp");background-position:center center;}.elementor-13 .elementor-element.elementor-element-ba9425a{--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-13 .elementor-element.elementor-element-b51315c{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;text-align:start;}.elementor-13 .elementor-element.elementor-element-b51315c .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:36px;font-weight:700;line-height:1.2em;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-13 .elementor-element.elementor-element-b29c554{text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-349a8df{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-cc002fd{--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:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-c793886{--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-13 .elementor-element.elementor-element-4cbfdf4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-13 .elementor-element.elementor-element-4cbfdf4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:22px;font-weight:700;line-height:1.2em;color:#000000;}.elementor-13 .elementor-element.elementor-element-a555473 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#000000;}.elementor-13 .elementor-element.elementor-element-d73ba18{--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-13 .elementor-element.elementor-element-af81d76{width:var( --container-widget-width, 51% );max-width:51%;--container-widget-width:51%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-5423d7c{text-align:center;}.elementor-13 .elementor-element.elementor-element-5423d7c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;line-height:1.2em;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-2cddf79{text-align:center;}.elementor-13 .elementor-element.elementor-element-2cddf79 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:60px;font-weight:900;line-height:1.2em;color:#000000;}.elementor-13 .elementor-element.elementor-element-6ea52ba{text-align:center;}.elementor-13 .elementor-element.elementor-element-6ea52ba .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;line-height:1.2em;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-1eb4fe2{--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:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-b3d1586{--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-13 .elementor-element.elementor-element-6a80281{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-13 .elementor-element.elementor-element-6a80281 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:700;line-height:1.2em;color:#000000;}.elementor-13 .elementor-element.elementor-element-6c52e3f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;line-height:1.2em;color:#000000;}.elementor-13 .elementor-element.elementor-element-18a41f8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-26d609c{--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-13 .elementor-element.elementor-element-26d609c:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-26d609c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#31302E;}.elementor-13 .elementor-element.elementor-element-72c8058 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:#FFFFFF;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-d7b552b{--width:50%;}.elementor-13 .elementor-element.elementor-element-47a6aff{--width:50%;}.elementor-13 .elementor-element.elementor-element-3d6bad1{--width:50%;}.elementor-13 .elementor-element.elementor-element-ba9425a{--width:50%;}.elementor-13 .elementor-element.elementor-element-c793886{--width:39%;}.elementor-13 .elementor-element.elementor-element-d73ba18{--width:39%;}.elementor-13 .elementor-element.elementor-element-b3d1586{--width:50%;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-aea3224:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-aea3224 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aluisiogrande.com/wp-content/uploads/2026/08/Frame-2-2.webp");background-position:top center;}.elementor-13 .elementor-element.elementor-element-aea3224{--min-height:714px;--justify-content:flex-end;}.elementor-13 .elementor-element.elementor-element-d7b552b{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13 .elementor-element.elementor-element-0f3cdb1{--container-widget-width:163px;--container-widget-flex-grow:0;width:var( --container-widget-width, 163px );max-width:163px;}.elementor-13 .elementor-element.elementor-element-cfb3c0e{text-align:center;}.elementor-13 .elementor-element.elementor-element-cfb3c0e .elementor-heading-title{font-size:27px;}.elementor-13 .elementor-element.elementor-element-4d3bfd6{text-align:center;}.elementor-13 .elementor-element.elementor-element-f3118bd{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-13 .elementor-element.elementor-element-cc79255{--container-widget-width:290px;--container-widget-flex-grow:0;width:var( --container-widget-width, 290px );max-width:290px;}.elementor-13 .elementor-element.elementor-element-87cc8b2{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13 .elementor-element.elementor-element-25995a6{text-align:center;}.elementor-13 .elementor-element.elementor-element-25995a6 .elementor-heading-title{font-size:21px;}.elementor-13 .elementor-element.elementor-element-e21ad14{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-13 .elementor-element.elementor-element-e21ad14 .elementor-heading-title{font-size:27px;}.elementor-13 .elementor-element.elementor-element-0005380{--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-13 .elementor-element.elementor-element-47a6aff{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13 .elementor-element.elementor-element-662f737{--container-widget-width:766px;--container-widget-flex-grow:0;width:var( --container-widget-width, 766px );max-width:766px;text-align:center;}.elementor-13 .elementor-element.elementor-element-662f737 .elementor-heading-title{font-size:27px;}.elementor-13 .elementor-element.elementor-element-2f03b3f{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-13 .elementor-element.elementor-element-9e90999{--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-13 .elementor-element.elementor-element-d217dfa{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-13 .elementor-element.elementor-element-3d6bad1{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13 .elementor-element.elementor-element-9dd59e7{text-align:center;}.elementor-13 .elementor-element.elementor-element-9dd59e7 .elementor-heading-title{font-size:22px;}.elementor-13 .elementor-element.elementor-element-4a46e0d{--container-widget-width:339px;--container-widget-flex-grow:0;width:var( --container-widget-width, 339px );max-width:339px;}.elementor-13 .elementor-element.elementor-element-065ae83{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-13 .elementor-element.elementor-element-ba9425a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13 .elementor-element.elementor-element-b51315c{text-align:center;}.elementor-13 .elementor-element.elementor-element-b51315c .elementor-heading-title{font-size:27px;}.elementor-13 .elementor-element.elementor-element-b29c554{text-align:center;}.elementor-13 .elementor-element.elementor-element-349a8df{--container-widget-width:325px;--container-widget-flex-grow:0;width:var( --container-widget-width, 325px );max-width:325px;}.elementor-13 .elementor-element.elementor-element-cc002fd{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-13 .elementor-element.elementor-element-4cbfdf4{text-align:center;}.elementor-13 .elementor-element.elementor-element-4cbfdf4 .elementor-heading-title{font-size:20px;}.elementor-13 .elementor-element.elementor-element-a555473{text-align:center;}.elementor-13 .elementor-element.elementor-element-5423d7c{text-align:center;}.elementor-13 .elementor-element.elementor-element-2cddf79{text-align:center;}.elementor-13 .elementor-element.elementor-element-2cddf79 .elementor-heading-title{font-size:54px;}.elementor-13 .elementor-element.elementor-element-6ea52ba{text-align:center;}.elementor-13 .elementor-element.elementor-element-1eb4fe2{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-13 .elementor-element.elementor-element-42e6ff2{width:var( --container-widget-width, 248px );max-width:248px;--container-widget-width:248px;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-6a80281{text-align:center;}.elementor-13 .elementor-element.elementor-element-6a80281 .elementor-heading-title{font-size:34px;}.elementor-13 .elementor-element.elementor-element-6c52e3f{text-align:center;}.elementor-13 .elementor-element.elementor-element-72c8058{width:var( --container-widget-width, 186px );max-width:186px;--container-widget-width:186px;--container-widget-flex-grow:0;text-align:center;}.elementor-13 .elementor-element.elementor-element-72c8058 .elementor-heading-title{line-height:1.4em;}}/* Start custom CSS for button, class: .elementor-element-d32e2df *//* ========================================================= BOTÃO PREMIUM — PLANEJAMENTO PATRIMONIAL Elementor ========================================================= */ .elementor-13 .elementor-element.elementor-element-d32e2df { --gold-1: #F2D08A; --gold-2: #D8AA57; --gold-3: #B98535; --gold-4: #8F6325; --dark: #171717; --text: #17130D; display: inline-block; } /* ========================================================= BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-d32e2df .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, 229, 171, 0.55); border-radius: 7px; background: linear-gradient( 135deg, var(--gold-1) 0%, var(--gold-2) 32%, var(--gold-3) 68%, var(--gold-2) 100% ); color: var(--text) !important; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; box-shadow: 0 12px 30px rgba(168, 116, 37, 0.22), 0 4px 10px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 rgba(90, 56, 12, 0.20); transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease, filter 0.35s ease; } /* ========================================================= CAMADA DE PROFUNDIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-d32e2df .elementor-button::before { content: ""; position: absolute; z-index: -1; inset: 1px; border-radius: 5px; background: radial-gradient( circle at 30% 0%, rgba(255,255,255,0.32), transparent 45% ); pointer-events: none; } /* ========================================================= BRILHO PASSANDO PELO BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-d32e2df .elementor-button::after { content: ""; position: absolute; z-index: 1; top: -50%; left: -35%; width: 28%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.45), transparent ); transform: rotate(18deg); animation: patrimonialShine 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================================= TEXTO / ÍCONE ========================================================= */ .elementor-13 .elementor-element.elementor-element-d32e2df .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; gap: 10px; } /* Ícone do Elementor, caso esteja usando */ .elementor-13 .elementor-element.elementor-element-d32e2df .elementor-button-icon { display: flex; align-items: center; transition: transform 0.3s ease; } /* ========================================================= HOVER ========================================================= */ .elementor-13 .elementor-element.elementor-element-d32e2df .elementor-button:hover { transform: translateY(-3px); filter: brightness(1.05); box-shadow: 0 18px 42px rgba(188, 133, 52, 0.32), 0 7px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1px 0 rgba(90,56,12,0.18); } .elementor-13 .elementor-element.elementor-element-d32e2df .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } /* ========================================================= CLIQUE ========================================================= */ .elementor-13 .elementor-element.elementor-element-d32e2df .elementor-button:active { transform: translateY(-1px) scale(0.99); } /* ========================================================= FOCO / ACESSIBILIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-d32e2df .elementor-button:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(218, 174, 92, 0.22), 0 16px 38px rgba(188, 133, 52, 0.30); } /* ========================================================= ANIMAÇÃO DO BRILHO ========================================================= */ @keyframes patrimonialShine { 0%, 58% { left: -40%; opacity: 0; } 65% { opacity: 1; } 82% { left: 115%; opacity: 0.75; } 100% { left: 115%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-d32e2df { width: 100%; } .elementor-13 .elementor-element.elementor-element-d32e2df .elementor-button { width: 100%; min-height: 56px; padding: 16px 22px; font-size: 14px; } } /* ========================================================= REDUZ ANIMAÇÃO PARA QUEM PREFERE ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-d32e2df .elementor-button, .elementor-13 .elementor-element.elementor-element-d32e2df .elementor-button-icon { transition: none; } .elementor-13 .elementor-element.elementor-element-d32e2df .elementor-button::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-cc79255 *//* ========================================================= IMAGEM ========================================================= */ .elementor-13 .elementor-element.elementor-element-cc79255 { position: relative; z-index: 3; } .elementor-13 .elementor-element.elementor-element-cc79255 img { display: block; width: 100%; height: 100%; min-height: 520px; object-fit: cover; object-position: center; border-radius: 13px; box-shadow: 0 20px 45px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,255,255,0.04); transition: transform 0.55s cubic-bezier(.2,.8,.2,1), filter 0.55s ease, box-shadow 0.55s ease; } /* iluminação sutil no hover */ .elementor-13 .elementor-element.elementor-element-cc79255:hover img { transform: scale(1.018); filter: brightness(1.04) contrast(1.02) saturate(0.95); box-shadow: 0 28px 55px rgba(0,0,0,0.34), 0 0 30px rgba(217,170,82,0.07); } /* MOBILE */ @media(max-width:767px) { .elementor-13 .elementor-element.elementor-element-cc79255 img { min-height: 360px; border-radius: 11px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a1ba911 *//* ========================================================= BOTÃO PREMIUM — PLANEJAMENTO PATRIMONIAL Elementor ========================================================= */ .elementor-13 .elementor-element.elementor-element-a1ba911 { --gold-1: #F2D08A; --gold-2: #D8AA57; --gold-3: #B98535; --gold-4: #8F6325; --dark: #171717; --text: #17130D; display: inline-block; } /* ========================================================= BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-a1ba911 .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, 229, 171, 0.55); border-radius: 7px; background: linear-gradient( 135deg, var(--gold-1) 0%, var(--gold-2) 32%, var(--gold-3) 68%, var(--gold-2) 100% ); color: var(--text) !important; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; box-shadow: 0 12px 30px rgba(168, 116, 37, 0.22), 0 4px 10px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 rgba(90, 56, 12, 0.20); transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease, filter 0.35s ease; } /* ========================================================= CAMADA DE PROFUNDIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-a1ba911 .elementor-button::before { content: ""; position: absolute; z-index: -1; inset: 1px; border-radius: 5px; background: radial-gradient( circle at 30% 0%, rgba(255,255,255,0.32), transparent 45% ); pointer-events: none; } /* ========================================================= BRILHO PASSANDO PELO BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-a1ba911 .elementor-button::after { content: ""; position: absolute; z-index: 1; top: -50%; left: -35%; width: 28%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.45), transparent ); transform: rotate(18deg); animation: patrimonialShine 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================================= TEXTO / ÍCONE ========================================================= */ .elementor-13 .elementor-element.elementor-element-a1ba911 .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; gap: 10px; } /* Ícone do Elementor, caso esteja usando */ .elementor-13 .elementor-element.elementor-element-a1ba911 .elementor-button-icon { display: flex; align-items: center; transition: transform 0.3s ease; } /* ========================================================= HOVER ========================================================= */ .elementor-13 .elementor-element.elementor-element-a1ba911 .elementor-button:hover { transform: translateY(-3px); filter: brightness(1.05); box-shadow: 0 18px 42px rgba(188, 133, 52, 0.32), 0 7px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1px 0 rgba(90,56,12,0.18); } .elementor-13 .elementor-element.elementor-element-a1ba911 .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } /* ========================================================= CLIQUE ========================================================= */ .elementor-13 .elementor-element.elementor-element-a1ba911 .elementor-button:active { transform: translateY(-1px) scale(0.99); } /* ========================================================= FOCO / ACESSIBILIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-a1ba911 .elementor-button:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(218, 174, 92, 0.22), 0 16px 38px rgba(188, 133, 52, 0.30); } /* ========================================================= ANIMAÇÃO DO BRILHO ========================================================= */ @keyframes patrimonialShine { 0%, 58% { left: -40%; opacity: 0; } 65% { opacity: 1; } 82% { left: 115%; opacity: 0.75; } 100% { left: 115%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-a1ba911 { width: 100%; } .elementor-13 .elementor-element.elementor-element-a1ba911 .elementor-button { width: 100%; min-height: 56px; padding: 16px 22px; font-size: 14px; } } /* ========================================================= REDUZ ANIMAÇÃO PARA QUEM PREFERE ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-a1ba911 .elementor-button, .elementor-13 .elementor-element.elementor-element-a1ba911 .elementor-button-icon { transition: none; } .elementor-13 .elementor-element.elementor-element-a1ba911 .elementor-button::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-163d852 *//* ========================================================= CARD — MERCADO DE ALTO VALOR ========================================================= */ .elementor-13 .elementor-element.elementor-element-163d852 { --dourado: #D9AA52; --dourado-claro: #F0CC85; --bg-card: #2B2A27; position: relative; isolation: isolate; overflow: hidden; padding: 18px; border: 1px solid rgba(217, 170, 82, 0.20); border-radius: 18px; background: radial-gradient( circle at 10% 20%, rgba(217, 170, 82, 0.08), transparent 28% ), linear-gradient( 135deg, #302F2B 0%, #292825 55%, #252421 100% ); box-shadow: 0 25px 70px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255,255,255,0.025); } /* ========================================================= DETALHE GRÁFICO ATRÁS DA IMAGEM ========================================================= */ .elementor-13 .elementor-element.elementor-element-163d852::before { content: ""; position: absolute; z-index: 0; width: 270px; height: 270px; left: -80px; bottom: -130px; border: 2px solid rgba(217, 170, 82, 0.20); border-radius: 42% 58% 55% 45% / 55% 45% 55% 45%; transform: rotate(-18deg); pointer-events: none; } /* segundo detalhe */ .elementor-13 .elementor-element.elementor-element-163d852::after { content: ""; position: absolute; z-index: 0; width: 170px; height: 170px; left: 250px; top: -110px; border: 1px solid rgba(240, 204, 133, 0.10); border-radius: 50%; pointer-events: none; } /* garante que o conteúdo fique acima dos detalhes */ .elementor-13 .elementor-element.elementor-element-163d852 > .e-con-inner, .elementor-13 .elementor-element.elementor-element-163d852 > .elementor-element, .elementor-13 .elementor-element.elementor-element-163d852 > .e-con { position: relative; z-index: 2; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-562c059 *//* ========================================================= BOTÃO PREMIUM — PLANEJAMENTO PATRIMONIAL Elementor ========================================================= */ .elementor-13 .elementor-element.elementor-element-562c059 { --gold-1: #F2D08A; --gold-2: #D8AA57; --gold-3: #B98535; --gold-4: #8F6325; --dark: #171717; --text: #17130D; display: inline-block; } /* ========================================================= BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-562c059 .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, 229, 171, 0.55); border-radius: 7px; background: linear-gradient( 135deg, var(--gold-1) 0%, var(--gold-2) 32%, var(--gold-3) 68%, var(--gold-2) 100% ); color: var(--text) !important; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; box-shadow: 0 12px 30px rgba(168, 116, 37, 0.22), 0 4px 10px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 rgba(90, 56, 12, 0.20); transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease, filter 0.35s ease; } /* ========================================================= CAMADA DE PROFUNDIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-562c059 .elementor-button::before { content: ""; position: absolute; z-index: -1; inset: 1px; border-radius: 5px; background: radial-gradient( circle at 30% 0%, rgba(255,255,255,0.32), transparent 45% ); pointer-events: none; } /* ========================================================= BRILHO PASSANDO PELO BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-562c059 .elementor-button::after { content: ""; position: absolute; z-index: 1; top: -50%; left: -35%; width: 28%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.45), transparent ); transform: rotate(18deg); animation: patrimonialShine 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================================= TEXTO / ÍCONE ========================================================= */ .elementor-13 .elementor-element.elementor-element-562c059 .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; gap: 10px; } /* Ícone do Elementor, caso esteja usando */ .elementor-13 .elementor-element.elementor-element-562c059 .elementor-button-icon { display: flex; align-items: center; transition: transform 0.3s ease; } /* ========================================================= HOVER ========================================================= */ .elementor-13 .elementor-element.elementor-element-562c059 .elementor-button:hover { transform: translateY(-3px); filter: brightness(1.05); box-shadow: 0 18px 42px rgba(188, 133, 52, 0.32), 0 7px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1px 0 rgba(90,56,12,0.18); } .elementor-13 .elementor-element.elementor-element-562c059 .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } /* ========================================================= CLIQUE ========================================================= */ .elementor-13 .elementor-element.elementor-element-562c059 .elementor-button:active { transform: translateY(-1px) scale(0.99); } /* ========================================================= FOCO / ACESSIBILIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-562c059 .elementor-button:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(218, 174, 92, 0.22), 0 16px 38px rgba(188, 133, 52, 0.30); } /* ========================================================= ANIMAÇÃO DO BRILHO ========================================================= */ @keyframes patrimonialShine { 0%, 58% { left: -40%; opacity: 0; } 65% { opacity: 1; } 82% { left: 115%; opacity: 0.75; } 100% { left: 115%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-562c059 { width: 100%; } .elementor-13 .elementor-element.elementor-element-562c059 .elementor-button { width: 100%; min-height: 56px; padding: 16px 22px; font-size: 14px; } } /* ========================================================= REDUZ ANIMAÇÃO PARA QUEM PREFERE ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-562c059 .elementor-button, .elementor-13 .elementor-element.elementor-element-562c059 .elementor-button-icon { transition: none; } .elementor-13 .elementor-element.elementor-element-562c059 .elementor-button::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9e90999 */.elementor-13 .elementor-element.elementor-element-9e90999 .swiper{ overflow: visible !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-313016c *//* ========================================================= BOTÃO PREMIUM — PLANEJAMENTO PATRIMONIAL Elementor ========================================================= */ .elementor-13 .elementor-element.elementor-element-313016c { --gold-1: #F2D08A; --gold-2: #D8AA57; --gold-3: #B98535; --gold-4: #8F6325; --dark: #171717; --text: #17130D; display: inline-block; } /* ========================================================= BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-313016c .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, 229, 171, 0.55); border-radius: 7px; background: linear-gradient( 135deg, var(--gold-1) 0%, var(--gold-2) 32%, var(--gold-3) 68%, var(--gold-2) 100% ); color: var(--text) !important; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; box-shadow: 0 12px 30px rgba(168, 116, 37, 0.22), 0 4px 10px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 rgba(90, 56, 12, 0.20); transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease, filter 0.35s ease; } /* ========================================================= CAMADA DE PROFUNDIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-313016c .elementor-button::before { content: ""; position: absolute; z-index: -1; inset: 1px; border-radius: 5px; background: radial-gradient( circle at 30% 0%, rgba(255,255,255,0.32), transparent 45% ); pointer-events: none; } /* ========================================================= BRILHO PASSANDO PELO BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-313016c .elementor-button::after { content: ""; position: absolute; z-index: 1; top: -50%; left: -35%; width: 28%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.45), transparent ); transform: rotate(18deg); animation: patrimonialShine 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================================= TEXTO / ÍCONE ========================================================= */ .elementor-13 .elementor-element.elementor-element-313016c .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; gap: 10px; } /* Ícone do Elementor, caso esteja usando */ .elementor-13 .elementor-element.elementor-element-313016c .elementor-button-icon { display: flex; align-items: center; transition: transform 0.3s ease; } /* ========================================================= HOVER ========================================================= */ .elementor-13 .elementor-element.elementor-element-313016c .elementor-button:hover { transform: translateY(-3px); filter: brightness(1.05); box-shadow: 0 18px 42px rgba(188, 133, 52, 0.32), 0 7px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1px 0 rgba(90,56,12,0.18); } .elementor-13 .elementor-element.elementor-element-313016c .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } /* ========================================================= CLIQUE ========================================================= */ .elementor-13 .elementor-element.elementor-element-313016c .elementor-button:active { transform: translateY(-1px) scale(0.99); } /* ========================================================= FOCO / ACESSIBILIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-313016c .elementor-button:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(218, 174, 92, 0.22), 0 16px 38px rgba(188, 133, 52, 0.30); } /* ========================================================= ANIMAÇÃO DO BRILHO ========================================================= */ @keyframes patrimonialShine { 0%, 58% { left: -40%; opacity: 0; } 65% { opacity: 1; } 82% { left: 115%; opacity: 0.75; } 100% { left: 115%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-313016c { width: 100%; } .elementor-13 .elementor-element.elementor-element-313016c .elementor-button { width: 100%; min-height: 56px; padding: 16px 22px; font-size: 14px; } } /* ========================================================= REDUZ ANIMAÇÃO PARA QUEM PREFERE ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-313016c .elementor-button, .elementor-13 .elementor-element.elementor-element-313016c .elementor-button-icon { transition: none; } .elementor-13 .elementor-element.elementor-element-313016c .elementor-button::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0005380 */html, body{ width: 100%; overflow-x: hidden; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5c9d78b *//* ========================================================= BOTÃO PREMIUM — PLANEJAMENTO PATRIMONIAL Elementor ========================================================= */ .elementor-13 .elementor-element.elementor-element-5c9d78b { --gold-1: #F2D08A; --gold-2: #D8AA57; --gold-3: #B98535; --gold-4: #8F6325; --dark: #171717; --text: #17130D; display: inline-block; } /* ========================================================= BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-5c9d78b .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, 229, 171, 0.55); border-radius: 7px; background: linear-gradient( 135deg, var(--gold-1) 0%, var(--gold-2) 32%, var(--gold-3) 68%, var(--gold-2) 100% ); color: var(--text) !important; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; box-shadow: 0 12px 30px rgba(168, 116, 37, 0.22), 0 4px 10px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 rgba(90, 56, 12, 0.20); transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease, filter 0.35s ease; } /* ========================================================= CAMADA DE PROFUNDIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-5c9d78b .elementor-button::before { content: ""; position: absolute; z-index: -1; inset: 1px; border-radius: 5px; background: radial-gradient( circle at 30% 0%, rgba(255,255,255,0.32), transparent 45% ); pointer-events: none; } /* ========================================================= BRILHO PASSANDO PELO BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-5c9d78b .elementor-button::after { content: ""; position: absolute; z-index: 1; top: -50%; left: -35%; width: 28%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.45), transparent ); transform: rotate(18deg); animation: patrimonialShine 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================================= TEXTO / ÍCONE ========================================================= */ .elementor-13 .elementor-element.elementor-element-5c9d78b .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; gap: 10px; } /* Ícone do Elementor, caso esteja usando */ .elementor-13 .elementor-element.elementor-element-5c9d78b .elementor-button-icon { display: flex; align-items: center; transition: transform 0.3s ease; } /* ========================================================= HOVER ========================================================= */ .elementor-13 .elementor-element.elementor-element-5c9d78b .elementor-button:hover { transform: translateY(-3px); filter: brightness(1.05); box-shadow: 0 18px 42px rgba(188, 133, 52, 0.32), 0 7px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1px 0 rgba(90,56,12,0.18); } .elementor-13 .elementor-element.elementor-element-5c9d78b .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } /* ========================================================= CLIQUE ========================================================= */ .elementor-13 .elementor-element.elementor-element-5c9d78b .elementor-button:active { transform: translateY(-1px) scale(0.99); } /* ========================================================= FOCO / ACESSIBILIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-5c9d78b .elementor-button:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(218, 174, 92, 0.22), 0 16px 38px rgba(188, 133, 52, 0.30); } /* ========================================================= ANIMAÇÃO DO BRILHO ========================================================= */ @keyframes patrimonialShine { 0%, 58% { left: -40%; opacity: 0; } 65% { opacity: 1; } 82% { left: 115%; opacity: 0.75; } 100% { left: 115%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-5c9d78b { width: 100%; } .elementor-13 .elementor-element.elementor-element-5c9d78b .elementor-button { width: 100%; min-height: 56px; padding: 16px 22px; font-size: 14px; } } /* ========================================================= REDUZ ANIMAÇÃO PARA QUEM PREFERE ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-5c9d78b .elementor-button, .elementor-13 .elementor-element.elementor-element-5c9d78b .elementor-button-icon { transition: none; } .elementor-13 .elementor-element.elementor-element-5c9d78b .elementor-button::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4a46e0d */.elementor-13 .elementor-element.elementor-element-4a46e0d { position: relative; animation: flutuarMockup 4.8s ease-in-out infinite; will-change: transform; } .elementor-13 .elementor-element.elementor-element-4a46e0d::after { content: ""; position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); width: 62%; height: 22px; border-radius: 50%; background: rgba(0,0,0,0.16); filter: blur(14px); z-index: 0; animation: sombraMockup 4.8s ease-in-out infinite; pointer-events: none; } .elementor-13 .elementor-element.elementor-element-4a46e0d img { position: relative; z-index: 2; display: block; width: 100%; height: auto; } @keyframes flutuarMockup { 0% { transform: translateY(0px); } 25% { transform: translateY(-6px); } 50% { transform: translateY(-10px); } 75% { transform: translateY(-5px); } 100% { transform: translateY(0px); } } @keyframes sombraMockup { 0% { opacity: 0.16; transform: translateX(-50%) scale(1); } 50% { opacity: 0.10; transform: translateX(-50%) scale(0.92); } 100% { opacity: 0.16; transform: translateX(-50%) scale(1); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7748c92 *//* ========================================================= BOTÃO PREMIUM — PLANEJAMENTO PATRIMONIAL Elementor ========================================================= */ .elementor-13 .elementor-element.elementor-element-7748c92 { --gold-1: #F2D08A; --gold-2: #D8AA57; --gold-3: #B98535; --gold-4: #8F6325; --dark: #171717; --text: #17130D; display: inline-block; } /* ========================================================= BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-7748c92 .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, 229, 171, 0.55); border-radius: 7px; background: linear-gradient( 135deg, var(--gold-1) 0%, var(--gold-2) 32%, var(--gold-3) 68%, var(--gold-2) 100% ); color: var(--text) !important; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; box-shadow: 0 12px 30px rgba(168, 116, 37, 0.22), 0 4px 10px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 rgba(90, 56, 12, 0.20); transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease, filter 0.35s ease; } /* ========================================================= CAMADA DE PROFUNDIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-7748c92 .elementor-button::before { content: ""; position: absolute; z-index: -1; inset: 1px; border-radius: 5px; background: radial-gradient( circle at 30% 0%, rgba(255,255,255,0.32), transparent 45% ); pointer-events: none; } /* ========================================================= BRILHO PASSANDO PELO BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-7748c92 .elementor-button::after { content: ""; position: absolute; z-index: 1; top: -50%; left: -35%; width: 28%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.45), transparent ); transform: rotate(18deg); animation: patrimonialShine 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================================= TEXTO / ÍCONE ========================================================= */ .elementor-13 .elementor-element.elementor-element-7748c92 .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; gap: 10px; } /* Ícone do Elementor, caso esteja usando */ .elementor-13 .elementor-element.elementor-element-7748c92 .elementor-button-icon { display: flex; align-items: center; transition: transform 0.3s ease; } /* ========================================================= HOVER ========================================================= */ .elementor-13 .elementor-element.elementor-element-7748c92 .elementor-button:hover { transform: translateY(-3px); filter: brightness(1.05); box-shadow: 0 18px 42px rgba(188, 133, 52, 0.32), 0 7px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1px 0 rgba(90,56,12,0.18); } .elementor-13 .elementor-element.elementor-element-7748c92 .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } /* ========================================================= CLIQUE ========================================================= */ .elementor-13 .elementor-element.elementor-element-7748c92 .elementor-button:active { transform: translateY(-1px) scale(0.99); } /* ========================================================= FOCO / ACESSIBILIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-7748c92 .elementor-button:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(218, 174, 92, 0.22), 0 16px 38px rgba(188, 133, 52, 0.30); } /* ========================================================= ANIMAÇÃO DO BRILHO ========================================================= */ @keyframes patrimonialShine { 0%, 58% { left: -40%; opacity: 0; } 65% { opacity: 1; } 82% { left: 115%; opacity: 0.75; } 100% { left: 115%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-7748c92 { width: 100%; } .elementor-13 .elementor-element.elementor-element-7748c92 .elementor-button { width: 100%; min-height: 56px; padding: 16px 22px; font-size: 14px; } } /* ========================================================= REDUZ ANIMAÇÃO PARA QUEM PREFERE ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-7748c92 .elementor-button, .elementor-13 .elementor-element.elementor-element-7748c92 .elementor-button-icon { transition: none; } .elementor-13 .elementor-element.elementor-element-7748c92 .elementor-button::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-349a8df *//* ========================================================= IMAGEM — AUTORIDADE ALUÍSIO ========================================================= */ .elementor-13 .elementor-element.elementor-element-349a8df { position: relative; isolation: isolate; padding: 7px; border-radius: 16px; background: linear-gradient( 135deg, rgba(238, 199, 124, 0.32), rgba(217, 170, 82, 0.06) 35%, rgba(217, 170, 82, 0.16) 70%, rgba(255,255,255,0.05) ); box-shadow: 0 30px 65px rgba(0,0,0,0.30); transition: transform .55s cubic-bezier(.2,.8,.2,1), box-shadow .55s ease; } /* ========================================================= LUZ DOURADA ATRÁS ========================================================= */ .elementor-13 .elementor-element.elementor-element-349a8df::before { content: ""; position: absolute; z-index: -1; width: 75%; height: 75%; right: -8%; bottom: -5%; border-radius: 50%; background: radial-gradient( circle, rgba(217,170,82,0.22) 0%, rgba(217,170,82,0.10) 35%, transparent 72% ); filter: blur(30px); opacity: .75; transition: opacity .55s ease, transform .55s ease; pointer-events: none; } /* ========================================================= IMAGEM ========================================================= */ .elementor-13 .elementor-element.elementor-element-349a8df img { position: relative; z-index: 2; display: block; width: 100%; height: auto; border-radius: 11px; filter: saturate(.82) contrast(1.04) brightness(.94) sepia(.08); box-shadow: 0 18px 45px rgba(0,0,0,0.30), inset 0 0 0 1px rgba(255,255,255,0.04); transition: transform .6s cubic-bezier(.2,.8,.2,1), filter .55s ease; } /* ========================================================= REFLEXO MUITO SUTIL ========================================================= */ .elementor-13 .elementor-element.elementor-element-349a8df::after { content: ""; position: absolute; z-index: 3; inset: 7px; border-radius: 11px; background: linear-gradient( 135deg, rgba(255,255,255,0.08) 0%, transparent 22%, transparent 76%, rgba(217,170,82,0.05) 100% ); pointer-events: none; } /* ========================================================= HOVER ========================================================= */ .elementor-13 .elementor-element.elementor-element-349a8df:hover { transform: translateY(-5px); box-shadow: 0 38px 80px rgba(0,0,0,0.38), 0 0 35px rgba(217,170,82,0.07); } .elementor-13 .elementor-element.elementor-element-349a8df:hover::before { opacity: 1; transform: scale(1.08); } .elementor-13 .elementor-element.elementor-element-349a8df:hover img { transform: scale(1.012); filter: saturate(.90) contrast(1.04) brightness(1) sepia(.06); } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-13 .elementor-element.elementor-element-349a8df { padding: 5px; border-radius: 13px; } .elementor-13 .elementor-element.elementor-element-349a8df img, .elementor-13 .elementor-element.elementor-element-349a8df::after { border-radius: 9px; } .elementor-13 .elementor-element.elementor-element-349a8df:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2cddf79 *//* ========================================================= PREÇO ANIMADO ========================================================= */ .elementor-13 .elementor-element.elementor-element-2cddf79 { position: relative; display: inline-block; animation: precoLoop 3s ease-in-out infinite; will-change: transform; } /* texto do valor */ .elementor-13 .elementor-element.elementor-element-2cddf79 .elementor-heading-title { position: relative; font-family: "Manrope", sans-serif; font-weight: 800; letter-spacing: -0.055em; background: linear-gradient( 180deg, #FFFFFF 0%, #FFF3D4 36%, #E4B85F 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: drop-shadow(0 8px 18px rgba(0,0,0,0.25)); animation: precoBrilho 3s ease-in-out infinite; } /* brilho atrás do preço */ .elementor-13 .elementor-element.elementor-element-2cddf79::before { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; width: 115%; height: 150%; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient( ellipse, rgba(217,170,82,0.23) 0%, rgba(217,170,82,0.07) 42%, transparent 72% ); filter: blur(16px); animation: precoGlow 3s ease-in-out infinite; } /* faixa de luz atravessando */ .elementor-13 .elementor-element.elementor-element-2cddf79::after { content: ""; position: absolute; z-index: 4; top: -20%; left: -25%; width: 18%; height: 140%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.72), transparent ); transform: skewX(-18deg); filter: blur(1px); animation: precoShine 4.5s ease-in-out infinite; pointer-events: none; } @keyframes precoLoop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.045); } } @keyframes precoBrilho { 0%, 100% { filter: drop-shadow(0 8px 18px rgba(0,0,0,0.25)) brightness(1); } 50% { filter: drop-shadow(0 10px 24px rgba(217,170,82,0.18)) brightness(1.10); } } @keyframes precoGlow { 0%, 100% { opacity: .55; transform: translate(-50%, -50%) scale(.95); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.10); } } @keyframes precoShine { 0%, 58% { left: -25%; opacity: 0; } 66% { opacity: 1; } 82% { left: 110%; opacity: .8; } 100% { left: 110%; opacity: 0; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f22db2e *//* ========================================================= BOTÃO PREMIUM — PLANEJAMENTO PATRIMONIAL Elementor ========================================================= */ .elementor-13 .elementor-element.elementor-element-f22db2e { --gold-1: #F2D08A; --gold-2: #D8AA57; --gold-3: #B98535; --gold-4: #8F6325; --dark: #171717; --text: #17130D; display: inline-block; } /* ========================================================= BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-f22db2e .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, 229, 171, 0.55); border-radius: 7px; background: linear-gradient( 135deg, var(--gold-1) 0%, var(--gold-2) 32%, var(--gold-3) 68%, var(--gold-2) 100% ); color: var(--text) !important; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; box-shadow: 0 12px 30px rgba(168, 116, 37, 0.22), 0 4px 10px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 rgba(90, 56, 12, 0.20); transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease, filter 0.35s ease; } /* ========================================================= CAMADA DE PROFUNDIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-f22db2e .elementor-button::before { content: ""; position: absolute; z-index: -1; inset: 1px; border-radius: 5px; background: radial-gradient( circle at 30% 0%, rgba(255,255,255,0.32), transparent 45% ); pointer-events: none; } /* ========================================================= BRILHO PASSANDO PELO BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-f22db2e .elementor-button::after { content: ""; position: absolute; z-index: 1; top: -50%; left: -35%; width: 28%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.45), transparent ); transform: rotate(18deg); animation: patrimonialShine 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================================= TEXTO / ÍCONE ========================================================= */ .elementor-13 .elementor-element.elementor-element-f22db2e .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; gap: 10px; } /* Ícone do Elementor, caso esteja usando */ .elementor-13 .elementor-element.elementor-element-f22db2e .elementor-button-icon { display: flex; align-items: center; transition: transform 0.3s ease; } /* ========================================================= HOVER ========================================================= */ .elementor-13 .elementor-element.elementor-element-f22db2e .elementor-button:hover { transform: translateY(-3px); filter: brightness(1.05); box-shadow: 0 18px 42px rgba(188, 133, 52, 0.32), 0 7px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1px 0 rgba(90,56,12,0.18); } .elementor-13 .elementor-element.elementor-element-f22db2e .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } /* ========================================================= CLIQUE ========================================================= */ .elementor-13 .elementor-element.elementor-element-f22db2e .elementor-button:active { transform: translateY(-1px) scale(0.99); } /* ========================================================= FOCO / ACESSIBILIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-f22db2e .elementor-button:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(218, 174, 92, 0.22), 0 16px 38px rgba(188, 133, 52, 0.30); } /* ========================================================= ANIMAÇÃO DO BRILHO ========================================================= */ @keyframes patrimonialShine { 0%, 58% { left: -40%; opacity: 0; } 65% { opacity: 1; } 82% { left: 115%; opacity: 0.75; } 100% { left: 115%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-f22db2e { width: 100%; } .elementor-13 .elementor-element.elementor-element-f22db2e .elementor-button { width: 100%; min-height: 56px; padding: 16px 22px; font-size: 14px; } } /* ========================================================= REDUZ ANIMAÇÃO PARA QUEM PREFERE ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-f22db2e .elementor-button, .elementor-13 .elementor-element.elementor-element-f22db2e .elementor-button-icon { transition: none; } .elementor-13 .elementor-element.elementor-element-f22db2e .elementor-button::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d73ba18 *//* ========================================================= CARD DA OFERTA ========================================================= */ .elementor-13 .elementor-element.elementor-element-d73ba18 { position: relative; isolation: isolate; overflow: hidden; padding: 34px 30px; border: 1px solid rgba(226, 187, 112, 0.28); border-radius: 18px; background: radial-gradient( circle at 20% 0%, rgba(239, 203, 132, 0.16), transparent 32% ), radial-gradient( circle at 100% 100%, rgba(185, 132, 51, 0.20), transparent 38% ), linear-gradient( 140deg, #393633 0%, #302F2D 40%, #252321 72%, #1E1C1A 100% ); box-shadow: 0 25px 60px rgba(0,0,0,0.20), 0 10px 30px rgba(185,132,51,0.08), inset 0 1px 0 rgba(255,255,255,0.07); transition: transform .45s ease, box-shadow .45s ease; } /* brilho passando pelo card */ .elementor-13 .elementor-element.elementor-element-d73ba18::before { content: ""; position: absolute; z-index: 0; top: -50%; left: -35%; width: 25%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.08), transparent ); transform: rotate(18deg); animation: ofertaCardShine 6s ease-in-out infinite; pointer-events: none; } /* glow dourado */ .elementor-13 .elementor-element.elementor-element-d73ba18::after { content: ""; position: absolute; z-index: 0; width: 280px; height: 280px; left: 50%; top: 30%; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient( circle, rgba(217,170,82,0.18), rgba(217,170,82,0.05) 45%, transparent 72% ); filter: blur(20px); animation: ofertaGlow 4s ease-in-out infinite; pointer-events: none; } /* widgets acima dos efeitos */ .elementor-13 .elementor-element.elementor-element-d73ba18 > .e-con-inner, .elementor-13 .elementor-element.elementor-element-d73ba18 > .elementor-element { position: relative; z-index: 2; } .elementor-13 .elementor-element.elementor-element-d73ba18:hover { transform: translateY(-4px); box-shadow: 0 34px 75px rgba(0,0,0,0.25), 0 14px 35px rgba(185,132,51,0.13), inset 0 1px 0 rgba(255,255,255,0.09); } @keyframes ofertaCardShine { 0%, 62% { left: -40%; opacity: 0; } 70% { opacity: 1; } 86% { left: 120%; opacity: .7; } 100% { left: 120%; opacity: 0; } } @keyframes ofertaGlow { 0%, 100% { opacity: .55; transform: translate(-50%, -50%) scale(1); } 50% { opacity: .9; transform: translate(-50%, -50%) scale(1.12); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c3de8a2 *//* ========================================================= BOTÃO PREMIUM — PLANEJAMENTO PATRIMONIAL Elementor ========================================================= */ .elementor-13 .elementor-element.elementor-element-c3de8a2 { --gold-1: #F2D08A; --gold-2: #D8AA57; --gold-3: #B98535; --gold-4: #8F6325; --dark: #171717; --text: #17130D; display: inline-block; } /* ========================================================= BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-c3de8a2 .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, 229, 171, 0.55); border-radius: 7px; background: linear-gradient( 135deg, var(--gold-1) 0%, var(--gold-2) 32%, var(--gold-3) 68%, var(--gold-2) 100% ); color: var(--text) !important; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; box-shadow: 0 12px 30px rgba(168, 116, 37, 0.22), 0 4px 10px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 rgba(90, 56, 12, 0.20); transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease, filter 0.35s ease; } /* ========================================================= CAMADA DE PROFUNDIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-c3de8a2 .elementor-button::before { content: ""; position: absolute; z-index: -1; inset: 1px; border-radius: 5px; background: radial-gradient( circle at 30% 0%, rgba(255,255,255,0.32), transparent 45% ); pointer-events: none; } /* ========================================================= BRILHO PASSANDO PELO BOTÃO ========================================================= */ .elementor-13 .elementor-element.elementor-element-c3de8a2 .elementor-button::after { content: ""; position: absolute; z-index: 1; top: -50%; left: -35%; width: 28%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.45), transparent ); transform: rotate(18deg); animation: patrimonialShine 4.8s ease-in-out infinite; pointer-events: none; } /* ========================================================= TEXTO / ÍCONE ========================================================= */ .elementor-13 .elementor-element.elementor-element-c3de8a2 .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; gap: 10px; } /* Ícone do Elementor, caso esteja usando */ .elementor-13 .elementor-element.elementor-element-c3de8a2 .elementor-button-icon { display: flex; align-items: center; transition: transform 0.3s ease; } /* ========================================================= HOVER ========================================================= */ .elementor-13 .elementor-element.elementor-element-c3de8a2 .elementor-button:hover { transform: translateY(-3px); filter: brightness(1.05); box-shadow: 0 18px 42px rgba(188, 133, 52, 0.32), 0 7px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1px 0 rgba(90,56,12,0.18); } .elementor-13 .elementor-element.elementor-element-c3de8a2 .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } /* ========================================================= CLIQUE ========================================================= */ .elementor-13 .elementor-element.elementor-element-c3de8a2 .elementor-button:active { transform: translateY(-1px) scale(0.99); } /* ========================================================= FOCO / ACESSIBILIDADE ========================================================= */ .elementor-13 .elementor-element.elementor-element-c3de8a2 .elementor-button:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(218, 174, 92, 0.22), 0 16px 38px rgba(188, 133, 52, 0.30); } /* ========================================================= ANIMAÇÃO DO BRILHO ========================================================= */ @keyframes patrimonialShine { 0%, 58% { left: -40%; opacity: 0; } 65% { opacity: 1; } 82% { left: 115%; opacity: 0.75; } 100% { left: 115%; opacity: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-13 .elementor-element.elementor-element-c3de8a2 { width: 100%; } .elementor-13 .elementor-element.elementor-element-c3de8a2 .elementor-button { width: 100%; min-height: 56px; padding: 16px 22px; font-size: 14px; } } /* ========================================================= REDUZ ANIMAÇÃO PARA QUEM PREFERE ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-13 .elementor-element.elementor-element-c3de8a2 .elementor-button, .elementor-13 .elementor-element.elementor-element-c3de8a2 .elementor-button-icon { transition: none; } .elementor-13 .elementor-element.elementor-element-c3de8a2 .elementor-button::after { animation: none; } }/* End custom CSS */