.elementor-10 .elementor-element.elementor-element-dd95034{--display:flex;--min-height:0px;--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;--align-items:center;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-dd95034.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-c9c96f1{--display:flex;--min-height:708px;--justify-content:flex-end;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-c9c96f1:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-c9c96f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://emporiomarino.welltiz.com.br/wp-content/uploads/2025/11/imgi_6_slider-01.jpg");}.elementor-10 .elementor-element.elementor-element-858d88f{--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-10 .elementor-element.elementor-element-0e6c8c4{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-bdf5290 .elementor-heading-title{font-family:"Playfair Display SC", Sans-serif;font-size:60px;font-weight:700;color:var( --e-global-color-57f58dc );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );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-10 .elementor-element.elementor-element-d796d0f{font-family:"Josefin Sans", Sans-serif;font-size:20px;font-weight:400;text-shadow:0px 0px 3px #000000;color:var( --e-global-color-57f58dc );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button{background-color:#4B185B;fill:var( --e-global-color-57f58dc );color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button:focus{color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button:hover svg, .elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button:focus svg{fill:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-c7c5b5a{--display:flex;}.elementor-10 .elementor-element.elementor-element-7381738{--display:flex;--min-height:708px;--justify-content:flex-end;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-7381738:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-7381738 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://emporiomarino.welltiz.com.br/wp-content/uploads/2025/11/imgi_7_slider-02.jpg");}.elementor-10 .elementor-element.elementor-element-8302328{--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-10 .elementor-element.elementor-element-c356b26{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-10 .elementor-element.elementor-element-bce1edf .elementor-heading-title{font-family:"Playfair Display SC", Sans-serif;font-size:60px;font-weight:700;color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-d9b9014{font-family:"Josefin Sans", Sans-serif;font-size:20px;font-weight:400;text-shadow:0px 0px 3px #000000;color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-57f58dc );color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button:focus{color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button:hover svg, .elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button:focus svg{fill:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-dd961f3{--display:flex;}.elementor-10 .elementor-element.elementor-element-b6e6155{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:20px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:20px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:20px;--e-n-carousel-arrow-normal-color:var( --e-global-color-text );--e-n-carousel-arrow-hover-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-b6e6155 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-57f58dc );padding:5px 5px 5px 5px;}.elementor-10 .elementor-element.elementor-element-b6e6155 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-b6e6155 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-b6e6155.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-f1810e1{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-10 .elementor-element.elementor-element-f1810e1:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-f1810e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-95973b8 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-10 .elementor-element.elementor-element-95973b8 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-10 .elementor-element.elementor-element-95973b8{--icon-box-icon-margin:13px;}.elementor-10 .elementor-element.elementor-element-95973b8 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-95973b8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-95973b8.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-95973b8.elementor-view-default .elementor-icon{fill:var( --e-global-color-57f58dc );color:var( --e-global-color-57f58dc );border-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-95973b8 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-95973b8 .elementor-icon-box-title a{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:700;}.elementor-10 .elementor-element.elementor-element-95973b8:has(:hover) .elementor-icon-box-title,
					 .elementor-10 .elementor-element.elementor-element-95973b8:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-95973b8 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-fbd98d3 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-10 .elementor-element.elementor-element-fbd98d3 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-10 .elementor-element.elementor-element-fbd98d3{--icon-box-icon-margin:13px;}.elementor-10 .elementor-element.elementor-element-fbd98d3 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-fbd98d3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-fbd98d3.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-fbd98d3.elementor-view-default .elementor-icon{fill:var( --e-global-color-57f58dc );color:var( --e-global-color-57f58dc );border-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-fbd98d3 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-fbd98d3 .elementor-icon-box-title a{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:700;}.elementor-10 .elementor-element.elementor-element-fbd98d3:has(:hover) .elementor-icon-box-title,
					 .elementor-10 .elementor-element.elementor-element-fbd98d3:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-fbd98d3 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-45deb45 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-10 .elementor-element.elementor-element-45deb45 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-10 .elementor-element.elementor-element-45deb45{--icon-box-icon-margin:13px;}.elementor-10 .elementor-element.elementor-element-45deb45 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-45deb45.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-45deb45.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-45deb45.elementor-view-default .elementor-icon{fill:var( --e-global-color-57f58dc );color:var( --e-global-color-57f58dc );border-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-45deb45 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-45deb45 .elementor-icon-box-title a{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:700;}.elementor-10 .elementor-element.elementor-element-45deb45:has(:hover) .elementor-icon-box-title,
					 .elementor-10 .elementor-element.elementor-element-45deb45:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-45deb45 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-3082d11 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-10 .elementor-element.elementor-element-3082d11 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-10 .elementor-element.elementor-element-3082d11{--icon-box-icon-margin:13px;}.elementor-10 .elementor-element.elementor-element-3082d11 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-3082d11.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-3082d11.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-3082d11.elementor-view-default .elementor-icon{fill:var( --e-global-color-57f58dc );color:var( --e-global-color-57f58dc );border-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-3082d11 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-3082d11 .elementor-icon-box-title a{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:700;}.elementor-10 .elementor-element.elementor-element-3082d11:has(:hover) .elementor-icon-box-title,
					 .elementor-10 .elementor-element.elementor-element-3082d11:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-3082d11 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-a537b5f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-d402047{text-align:center;}.elementor-10 .elementor-element.elementor-element-d402047 .elementor-heading-title{font-family:"Playfair Display SC", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-7ae5f67 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-7ae5f67 .elementor-icon-wrapper{text-align:center;}.elementor-10 .elementor-element.elementor-element-7ae5f67.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-7ae5f67.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-7ae5f67.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-7ae5f67.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-7ae5f67.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-7ae5f67 .elementor-icon{font-size:57px;}.elementor-10 .elementor-element.elementor-element-7ae5f67 .elementor-icon svg{height:57px;}.elementor-10 .elementor-element.elementor-element-7ae5f67 .elementor-icon-wrapper svg{width:auto;}.elementor-10 .elementor-element.elementor-element-f24f5fa{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-f24f5fa.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-cacdb2a{--display:flex;}.elementor-10 .elementor-element.elementor-element-c81e302{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-c81e302.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-a568eb6 .elementor-button{background-color:var( --e-global-color-57f58dc );font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-a568eb6 .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-a568eb6 .elementor-button:focus{background-color:var( --e-global-color-57f58dc );color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-a568eb6{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-a568eb6 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-a568eb6 .elementor-button:hover svg, .elementor-10 .elementor-element.elementor-element-a568eb6 .elementor-button:focus svg{fill:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-1eb9885{--display:flex;}.elementor-10 .elementor-element.elementor-element-b2a2a7f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-b2a2a7f.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-7914aae .elementor-button{background-color:var( --e-global-color-57f58dc );font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-7914aae .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-7914aae .elementor-button:focus{background-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-7914aae{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-7914aae > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-ff7574f{--display:flex;}.elementor-10 .elementor-element.elementor-element-ebaf978{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-ebaf978.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-568e574 .elementor-button{background-color:var( --e-global-color-57f58dc );font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-568e574 .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-568e574 .elementor-button:focus{background-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-568e574{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-568e574 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-50afd3c{--display:flex;}.elementor-10 .elementor-element.elementor-element-ec76e74{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-ec76e74.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-8b486d8 .elementor-button{background-color:var( --e-global-color-57f58dc );font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-8b486d8 .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-8b486d8 .elementor-button:focus{background-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-8b486d8{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-8b486d8 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-8fa21df{--display:flex;}.elementor-10 .elementor-element.elementor-element-105f89f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-105f89f.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-facf09d .elementor-button{background-color:var( --e-global-color-57f58dc );font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-facf09d .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-facf09d .elementor-button:focus{background-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-facf09d{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-facf09d > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-abe67ad{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-10 .elementor-element.elementor-element-c1b137f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-a82664e{--display:flex;--min-height:387px;--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-10 .elementor-element.elementor-element-a82664e:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-a82664e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://emporiomarino.welltiz.com.br/wp-content/uploads/2025/11/imgi_85_banner-bg.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-a5abc2f{--display:flex;}.elementor-10 .elementor-element.elementor-element-22afdaa{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:80px;--padding-right:30px;}.elementor-10 .elementor-element.elementor-element-5dad942 .elementor-heading-title{font-family:"Playfair Display SC", Sans-serif;font-size:38px;font-weight:700;color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-315e609{font-family:"Josefin Sans", Sans-serif;font-size:20px;font-weight:400;text-shadow:0px 0px 3px #000000;color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-23703a9 .elementor-button{background-color:transparent;fill:var( --e-global-color-57f58dc );color:var( --e-global-color-57f58dc );background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-10 .elementor-element.elementor-element-23703a9 .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-23703a9 .elementor-button:focus{color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-23703a9 .elementor-button:hover svg, .elementor-10 .elementor-element.elementor-element-23703a9 .elementor-button:focus svg{fill:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-0d68c22{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-093dd05{text-align:center;}.elementor-10 .elementor-element.elementor-element-093dd05 .elementor-heading-title{font-family:"Playfair Display SC", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-618270c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-618270c .elementor-icon-wrapper{text-align:center;}.elementor-10 .elementor-element.elementor-element-618270c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-618270c.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-618270c.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-618270c.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-618270c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-618270c .elementor-icon{font-size:57px;}.elementor-10 .elementor-element.elementor-element-618270c .elementor-icon svg{height:57px;}.elementor-10 .elementor-element.elementor-element-618270c .elementor-icon-wrapper svg{width:auto;}.elementor-10 .elementor-element.elementor-element-1c9585f{--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;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-10 .elementor-element.elementor-element-68d17ff{--swiper-slides-to-display:4;--swiper-slides-gap:0px;--swiper-pagination-size:11px;--dots-normal-color:var( --e-global-color-text );--swiper-pagination-spacing:5px;}.elementor-10 .elementor-element.elementor-element-68d17ff .swiper-slide > .elementor-element{height:100%;}.elementor-10 .elementor-element.elementor-element-68d17ff .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:11px;--swiper-pagination-bullet-vertical-gap:11px;}.elementor-10 .elementor-element.elementor-element-f5c005b{--display:flex;--min-height:506px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-f5c005b:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-f5c005b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://emporiomarino.welltiz.com.br/wp-content/uploads/2025/11/imgi_86_parallax-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-106a1e7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-fc45a7d{text-align:center;}.elementor-10 .elementor-element.elementor-element-fc45a7d .elementor-heading-title{font-family:"Playfair Display SC", Sans-serif;font-size:50px;font-weight:700;color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-5b075b6{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;text-align:center;font-family:"Josefin Sans", Sans-serif;font-size:20px;font-weight:400;text-shadow:0px 0px 3px #000000;color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-2063050 .elementor-button{background-color:transparent;fill:var( --e-global-color-57f58dc );color:var( --e-global-color-57f58dc );background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-10 .elementor-element.elementor-element-2063050 .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-2063050 .elementor-button:focus{color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-2063050 .elementor-button:hover svg, .elementor-10 .elementor-element.elementor-element-2063050 .elementor-button:focus svg{fill:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-51efac7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-b7f917e{text-align:center;}.elementor-10 .elementor-element.elementor-element-b7f917e .elementor-heading-title{font-family:"Playfair Display SC", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-54faef6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-54faef6 .elementor-icon-wrapper{text-align:center;}.elementor-10 .elementor-element.elementor-element-54faef6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-54faef6.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-54faef6.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-54faef6.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-54faef6.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-54faef6 .elementor-icon{font-size:57px;}.elementor-10 .elementor-element.elementor-element-54faef6 .elementor-icon svg{height:57px;}.elementor-10 .elementor-element.elementor-element-54faef6 .elementor-icon-wrapper svg{width:auto;}.elementor-10 .elementor-element.elementor-element-991f862{--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;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-10 .elementor-element.elementor-element-95d7c71{--swiper-slides-to-display:4;--swiper-slides-gap:0px;--swiper-pagination-size:11px;--dots-normal-color:var( --e-global-color-text );--swiper-pagination-spacing:5px;}.elementor-10 .elementor-element.elementor-element-95d7c71 .swiper-slide > .elementor-element{height:100%;}.elementor-10 .elementor-element.elementor-element-95d7c71 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:11px;--swiper-pagination-bullet-vertical-gap:11px;}.elementor-10 .elementor-element.elementor-element-93f6e77{--display:flex;--min-height:558px;--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-10 .elementor-element.elementor-element-6e16728{--display:flex;--min-height:387px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 2px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:2px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 53px -9px rgba(0, 0, 0, 0.34);--margin-top:40px;--margin-bottom:40px;--margin-left:40px;--margin-right:40px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-6e16728:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-6e16728 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-6e16728.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-2827d55{text-align:center;}.elementor-10 .elementor-element.elementor-element-2827d55 .elementor-heading-title{font-family:"Playfair Display SC", Sans-serif;font-size:40px;font-weight:700;color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-d1951b1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-d1951b1 .elementor-icon-wrapper{text-align:center;}.elementor-10 .elementor-element.elementor-element-d1951b1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-d1951b1.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-d1951b1.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-d1951b1.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-d1951b1.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-d1951b1 .elementor-icon{font-size:57px;}.elementor-10 .elementor-element.elementor-element-d1951b1 .elementor-icon svg{height:57px;}.elementor-10 .elementor-element.elementor-element-d1951b1 .elementor-icon-wrapper svg{width:auto;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10 .elementor-element.elementor-element-353f9cb.elementor-arrows-yes .elementor-main-swiper{width:calc( 100% - 40px );}.elementor-10 .elementor-element.elementor-element-353f9cb .elementor-main-swiper{width:100%;}.elementor-10 .elementor-element.elementor-element-353f9cb .elementor-main-swiper .swiper-slide{border-radius:60px;}.elementor-10 .elementor-element.elementor-element-353f9cb .elementor-swiper-button{font-size:16px;}.elementor-10 .elementor-element.elementor-element-353f9cb .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:16px;--swiper-pagination-bullet-vertical-gap:16px;height:10px;width:10px;}.elementor-10 .elementor-element.elementor-element-353f9cb .swiper-horizontal .swiper-pagination-progressbar{height:10px;}.elementor-10 .elementor-element.elementor-element-353f9cb.elementor-testimonial--layout-image_inline .elementor-testimonial__footer,
					.elementor-10 .elementor-element.elementor-element-353f9cb.elementor-testimonial--layout-image_stacked .elementor-testimonial__footer{margin-top:0px;}.elementor-10 .elementor-element.elementor-element-353f9cb.elementor-testimonial--layout-image_above .elementor-testimonial__footer{margin-bottom:0px;}.elementor-10 .elementor-element.elementor-element-353f9cb.elementor-testimonial--layout-image_left .elementor-testimonial__footer{padding-right:0px;}.elementor-10 .elementor-element.elementor-element-353f9cb.elementor-testimonial--layout-image_right .elementor-testimonial__footer{padding-left:0px;}.elementor-10 .elementor-element.elementor-element-07d4d3f{--display:flex;}.elementor-10 .elementor-element.elementor-element-07d4d3f:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-07d4d3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://emporiomarino.welltiz.com.br/wp-content/uploads/2025/11/imgi_54_testimonial-img.png");background-position:center center;background-repeat:no-repeat;background-size:90% auto;}.elementor-10 .elementor-element.elementor-element-24f326d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-15afc77{--display:flex;--min-height:514px;--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-10 .elementor-element.elementor-element-15afc77:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-15afc77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-10 .elementor-element.elementor-element-24a9ee8{--display:flex;}.elementor-10 .elementor-element.elementor-element-24a9ee8:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-24a9ee8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://emporiomarino.welltiz.com.br/wp-content/uploads/2025/11/imgi_55_sub-banner-img.jpg");background-position:center center;}.elementor-10 .elementor-element.elementor-element-1c6f5a5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-10 .elementor-element.elementor-element-1e10184{text-align:center;}.elementor-10 .elementor-element.elementor-element-1e10184 .elementor-heading-title{font-family:"Josefin Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-0badf5b{text-align:center;}.elementor-10 .elementor-element.elementor-element-0badf5b .elementor-heading-title{font-family:"Playfair Display SC", Sans-serif;font-size:60px;font-weight:700;color:var( --e-global-color-57f58dc );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-e546dbd{--divider-border-style:solid;--divider-color:var( --e-global-color-57f58dc );--divider-border-width:3px;width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-e546dbd .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-10 .elementor-element.elementor-element-e546dbd .elementor-divider{text-align:center;padding-block-start:16px;padding-block-end:16px;}.elementor-10 .elementor-element.elementor-element-152b502{text-align:center;font-family:"Josefin Sans", Sans-serif;font-size:20px;font-weight:400;text-shadow:0px 0px 3px #000000;color:var( --e-global-color-57f58dc );}.elementor-10 .elementor-element.elementor-element-5034598{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-1d91b84{text-align:center;}.elementor-10 .elementor-element.elementor-element-1d91b84 .elementor-heading-title{font-family:"Playfair Display SC", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-f359337 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-f359337 .elementor-icon-wrapper{text-align:center;}.elementor-10 .elementor-element.elementor-element-f359337.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-f359337.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-f359337.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-f359337.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-f359337.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-f359337 .elementor-icon{font-size:57px;}.elementor-10 .elementor-element.elementor-element-f359337 .elementor-icon svg{height:57px;}.elementor-10 .elementor-element.elementor-element-f359337 .elementor-icon-wrapper svg{width:auto;}.elementor-10 .elementor-element.elementor-element-091c2ac{--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;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-10 .elementor-element.elementor-element-64fa0f8{--swiper-slides-to-display:4;--swiper-slides-gap:0px;--swiper-pagination-size:11px;--dots-normal-color:var( --e-global-color-text );--swiper-pagination-spacing:5px;}.elementor-10 .elementor-element.elementor-element-64fa0f8 .swiper-slide > .elementor-element{height:100%;}.elementor-10 .elementor-element.elementor-element-64fa0f8 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:11px;--swiper-pagination-bullet-vertical-gap:11px;}:root{--page-title-display:none;}body.elementor-page-10{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-0e6c8c4{--width:50%;}.elementor-10 .elementor-element.elementor-element-c7c5b5a{--width:50%;}.elementor-10 .elementor-element.elementor-element-c356b26{--width:50%;}.elementor-10 .elementor-element.elementor-element-dd961f3{--width:50%;}.elementor-10 .elementor-element.elementor-element-a5abc2f{--width:50%;}.elementor-10 .elementor-element.elementor-element-22afdaa{--width:50%;}.elementor-10 .elementor-element.elementor-element-106a1e7{--width:100%;}.elementor-10 .elementor-element.elementor-element-6e16728{--width:50%;}.elementor-10 .elementor-element.elementor-element-07d4d3f{--width:50%;}.elementor-10 .elementor-element.elementor-element-24a9ee8{--width:50%;}.elementor-10 .elementor-element.elementor-element-1c6f5a5{--width:50%;}}@media(min-width:1025px){.elementor-10 .elementor-element.elementor-element-f5c005b:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-f5c005b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-10 .elementor-element.elementor-element-b6e6155{--e-n-carousel-swiper-slides-to-display:2;}.elementor-10 .elementor-element.elementor-element-f1810e1{--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-95973b8 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-fbd98d3 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-45deb45 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-3082d11 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-abe67ad{--e-n-carousel-swiper-slides-to-display:2;}.elementor-10 .elementor-element.elementor-element-68d17ff{--swiper-slides-to-display:2;}.elementor-10 .elementor-element.elementor-element-95d7c71{--swiper-slides-to-display:2;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-10 .elementor-element.elementor-element-64fa0f8{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-dd95034{--min-height:0px;}.elementor-10 .elementor-element.elementor-element-c9c96f1:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-c9c96f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://emporiomarino.welltiz.com.br/wp-content/uploads/2025/11/imgi_6_slider-01.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-c9c96f1{--min-height:0px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-858d88f{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-0e6c8c4{--justify-content:center;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-10 .elementor-element.elementor-element-bdf5290 .elementor-heading-title{font-size:25px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-d796d0f{font-size:16px;line-height:1.2em;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-10 .elementor-element.elementor-element-7381738{--min-height:0px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-7381738:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-7381738 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-8302328{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-c356b26{--justify-content:center;--padding-top:20px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-bce1edf .elementor-heading-title{font-size:25px;}.elementor-10 .elementor-element.elementor-element-d9b9014{font-size:16px;line-height:1.2em;}.elementor-10 .elementor-element.elementor-element-b6e6155{--e-n-carousel-swiper-slides-to-display:1;}.elementor-10 .elementor-element.elementor-element-f1810e1{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-95973b8 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-fbd98d3 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-45deb45 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-3082d11 .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-d402047 .elementor-heading-title{font-size:25px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-10 .elementor-element.elementor-element-abe67ad{--e-n-carousel-swiper-slides-to-display:1;}.elementor-10 .elementor-element.elementor-element-a5abc2f{--min-height:231px;}.elementor-10 .elementor-element.elementor-element-22afdaa{--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-5dad942 .elementor-heading-title{font-size:25px;}.elementor-10 .elementor-element.elementor-element-315e609{font-size:16px;line-height:1.2em;}.elementor-10 .elementor-element.elementor-element-093dd05 .elementor-heading-title{font-size:25px;}.elementor-10 .elementor-element.elementor-element-1c9585f{--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-68d17ff{--swiper-slides-to-display:1;}.elementor-10 .elementor-element.elementor-element-68d17ff > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-106a1e7{--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-fc45a7d .elementor-heading-title{font-size:25px;}.elementor-10 .elementor-element.elementor-element-5b075b6{font-size:16px;line-height:1.2em;}.elementor-10 .elementor-element.elementor-element-b7f917e .elementor-heading-title{font-size:25px;}.elementor-10 .elementor-element.elementor-element-991f862{--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-95d7c71{--swiper-slides-to-display:1;}.elementor-10 .elementor-element.elementor-element-95d7c71 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-93f6e77{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-6e16728{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-2827d55 .elementor-heading-title{font-size:25px;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-10 .elementor-element.elementor-element-07d4d3f{--min-height:328px;}.elementor-10 .elementor-element.elementor-element-1c6f5a5{--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-1e10184 .elementor-heading-title{font-size:25px;}.elementor-10 .elementor-element.elementor-element-0badf5b .elementor-heading-title{font-size:25px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-10 .elementor-element.elementor-element-152b502{font-size:16px;line-height:1.2em;}.elementor-10 .elementor-element.elementor-element-1d91b84 .elementor-heading-title{font-size:25px;}.elementor-10 .elementor-element.elementor-element-091c2ac{--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-64fa0f8{--swiper-slides-to-display:1;}.elementor-10 .elementor-element.elementor-element-64fa0f8 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for button, class: .elementor-element-bd3d409 *//* 1. Configuração do Botão (Com o Degradê de Fundo) */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    /* O Degradê 90 graus solicitado: */
    background: linear-gradient(90deg, #4B185B 0%, #270432 100%) !important;
    transition: color 0.4s ease;
    border: none; /* Garante que não tenha borda atrapalhando */
}

/* 2. Importante: Força o TEXTO a ficar na frente de tudo */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada que vai subir (O efeito de preenchimento) */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; /* Começa invisível */
    
    /* Cor sólida que vai cobrir o degradê ao passar o mouse */
    /* Você pode mudar para outra cor se quiser mais contraste */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Fica ACIMA do degradê base */
}

/* 4. A Ação (Ao passar o mouse no botão) */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button:hover::before {
    height: 100%;
}

/* 5. Garante a cor do texto no hover */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button:hover {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9a0c99f *//* 1. Configuração do Botão (Com o Degradê de Fundo) */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    /* O Degradê 90 graus solicitado: */
    background: linear-gradient(90deg, #4B185B 0%, #270432 100%) !important;
    transition: color 0.4s ease;
    border: none; /* Garante que não tenha borda atrapalhando */
}

/* 2. Importante: Força o TEXTO a ficar na frente de tudo */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada que vai subir (O efeito de preenchimento) */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; /* Começa invisível */
    
    /* Cor sólida que vai cobrir o degradê ao passar o mouse */
    /* Você pode mudar para outra cor se quiser mais contraste */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Fica ACIMA do degradê base */
}

/* 4. A Ação (Ao passar o mouse no botão) */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button:hover::before {
    height: 100%;
}

/* 5. Garante a cor do texto no hover */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button:hover {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bd3d409 *//* 1. Configuração do Botão (Com o Degradê de Fundo) */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    /* O Degradê 90 graus solicitado: */
    background: linear-gradient(90deg, #4B185B 0%, #270432 100%) !important;
    transition: color 0.4s ease;
    border: none; /* Garante que não tenha borda atrapalhando */
}

/* 2. Importante: Força o TEXTO a ficar na frente de tudo */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada que vai subir (O efeito de preenchimento) */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; /* Começa invisível */
    
    /* Cor sólida que vai cobrir o degradê ao passar o mouse */
    /* Você pode mudar para outra cor se quiser mais contraste */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Fica ACIMA do degradê base */
}

/* 4. A Ação (Ao passar o mouse no botão) */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button:hover::before {
    height: 100%;
}

/* 5. Garante a cor do texto no hover */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button:hover {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9a0c99f *//* 1. Configuração do Botão (Com o Degradê de Fundo) */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    /* O Degradê 90 graus solicitado: */
    background: linear-gradient(90deg, #4B185B 0%, #270432 100%) !important;
    transition: color 0.4s ease;
    border: none; /* Garante que não tenha borda atrapalhando */
}

/* 2. Importante: Força o TEXTO a ficar na frente de tudo */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada que vai subir (O efeito de preenchimento) */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; /* Começa invisível */
    
    /* Cor sólida que vai cobrir o degradê ao passar o mouse */
    /* Você pode mudar para outra cor se quiser mais contraste */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Fica ACIMA do degradê base */
}

/* 4. A Ação (Ao passar o mouse no botão) */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button:hover::before {
    height: 100%;
}

/* 5. Garante a cor do texto no hover */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button:hover {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bd3d409 *//* 1. Configuração do Botão (Com o Degradê de Fundo) */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    /* O Degradê 90 graus solicitado: */
    background: linear-gradient(90deg, #4B185B 0%, #270432 100%) !important;
    transition: color 0.4s ease;
    border: none; /* Garante que não tenha borda atrapalhando */
}

/* 2. Importante: Força o TEXTO a ficar na frente de tudo */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada que vai subir (O efeito de preenchimento) */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; /* Começa invisível */
    
    /* Cor sólida que vai cobrir o degradê ao passar o mouse */
    /* Você pode mudar para outra cor se quiser mais contraste */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Fica ACIMA do degradê base */
}

/* 4. A Ação (Ao passar o mouse no botão) */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button:hover::before {
    height: 100%;
}

/* 5. Garante a cor do texto no hover */
.elementor-10 .elementor-element.elementor-element-bd3d409 .elementor-button:hover {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9a0c99f *//* 1. Configuração do Botão (Com o Degradê de Fundo) */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    /* O Degradê 90 graus solicitado: */
    background: linear-gradient(90deg, #4B185B 0%, #270432 100%) !important;
    transition: color 0.4s ease;
    border: none; /* Garante que não tenha borda atrapalhando */
}

/* 2. Importante: Força o TEXTO a ficar na frente de tudo */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada que vai subir (O efeito de preenchimento) */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; /* Começa invisível */
    
    /* Cor sólida que vai cobrir o degradê ao passar o mouse */
    /* Você pode mudar para outra cor se quiser mais contraste */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Fica ACIMA do degradê base */
}

/* 4. A Ação (Ao passar o mouse no botão) */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button:hover::before {
    height: 100%;
}

/* 5. Garante a cor do texto no hover */
.elementor-10 .elementor-element.elementor-element-9a0c99f .elementor-button:hover {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c81e302 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2a2a7f *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebaf978 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec76e74 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-105f89f *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-105f89f .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c81e302 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2a2a7f *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebaf978 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec76e74 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-105f89f *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-105f89f .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c81e302 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2a2a7f *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebaf978 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec76e74 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-105f89f *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-105f89f .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c81e302 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2a2a7f *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebaf978 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec76e74 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-105f89f *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-105f89f .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c81e302 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2a2a7f *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebaf978 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec76e74 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-105f89f *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-105f89f .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c81e302 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-c81e302 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-c81e302:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2a2a7f *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-b2a2a7f .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-b2a2a7f:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebaf978 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-ebaf978 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-ebaf978:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec76e74 *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-ec76e74 .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-ec76e74:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-105f89f *//* --- PARTE 1: BOTÃO (AGORA COM COR INICIAL VISÍVEL) --- */

/* 1. Configuração do Botão em repouso */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    
    /* --- CORREÇÃO AQUI --- */
    /* Coloque aqui a cor que o botão deve ter SEM passar o mouse */
    background-color: #fff !important;  /* Ex: Preto. Mude para a cor que quiser */
    
    transition: color 0.4s ease;
    /* Se tiver borda, configure aqui ou na aba estilo */
}

/* 2. Garante que o Texto fique sempre na frente de tudo */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button span,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button i,
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada da NOVA COR que vai subir */
.elementor-10 .elementor-element.elementor-element-105f89f .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    
    /* --- COR DO EFEITO AQUI --- */
    /* Coloque aqui a cor que vai "encher" o botão */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Cobre a cor preta inicial, mas fica abaixo do texto */
}

/* 4. Gatilho: Mouse no Container -> Botão enche com a nova cor */
.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-button::before {
    height: 100%;
}

/* 5. Gatilho: Mouse no Container -> Texto muda de cor (Opcional) */
.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-button {
    color: #ffffff !important; /* Cor do texto no hover */
    border-color: #270432 !important;
}


/* --- PARTE 2: EFEITO DA IMAGEM (SHRINK) --- */

.elementor-10 .elementor-element.elementor-element-105f89f .elementor-widget-image img {
    transition: transform 0.5s ease;
    transform: scale(1);
}

.elementor-10 .elementor-element.elementor-element-105f89f:hover .elementor-widget-image img {
    transform: scale(0.95); 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-23703a9 *//* 1. Configuração do Botão (Com o Degradê de Fundo) */
.elementor-10 .elementor-element.elementor-element-23703a9 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    /* O Degradê 90 graus solicitado: */
    background: linear-gradient(90deg, #4B185B 0%, #270432 100%) !important;
    transition: color 0.4s ease;
    border: none; /* Garante que não tenha borda atrapalhando */
}

/* 2. Importante: Força o TEXTO a ficar na frente de tudo */
.elementor-10 .elementor-element.elementor-element-23703a9 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-23703a9 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-23703a9 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-23703a9 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada que vai subir (O efeito de preenchimento) */
.elementor-10 .elementor-element.elementor-element-23703a9 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; /* Começa invisível */
    
    /* Cor sólida que vai cobrir o degradê ao passar o mouse */
    /* Você pode mudar para outra cor se quiser mais contraste */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Fica ACIMA do degradê base */
}

/* 4. A Ação (Ao passar o mouse no botão) */
.elementor-10 .elementor-element.elementor-element-23703a9 .elementor-button:hover::before {
    height: 100%;
}

/* 5. Garante a cor do texto no hover */
.elementor-10 .elementor-element.elementor-element-23703a9 .elementor-button:hover {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2063050 *//* 1. Configuração do Botão (Com o Degradê de Fundo) */
.elementor-10 .elementor-element.elementor-element-2063050 .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    /* O Degradê 90 graus solicitado: */
    background: linear-gradient(90deg, #4B185B 0%, #270432 100%) !important;
    transition: color 0.4s ease;
    border: none; /* Garante que não tenha borda atrapalhando */
}

/* 2. Importante: Força o TEXTO a ficar na frente de tudo */
.elementor-10 .elementor-element.elementor-element-2063050 .elementor-button .elementor-button-content-wrapper,
.elementor-10 .elementor-element.elementor-element-2063050 .elementor-button span,
.elementor-10 .elementor-element.elementor-element-2063050 .elementor-button i,
.elementor-10 .elementor-element.elementor-element-2063050 .elementor-button svg {
    position: relative;
    z-index: 10; 
}

/* 3. A camada que vai subir (O efeito de preenchimento) */
.elementor-10 .elementor-element.elementor-element-2063050 .elementor-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; /* Começa invisível */
    
    /* Cor sólida que vai cobrir o degradê ao passar o mouse */
    /* Você pode mudar para outra cor se quiser mais contraste */
    background-color: #270432; 
    
    transition: all 0.4s ease-in-out;
    z-index: 2; /* Fica ACIMA do degradê base */
}

/* 4. A Ação (Ao passar o mouse no botão) */
.elementor-10 .elementor-element.elementor-element-2063050 .elementor-button:hover::before {
    height: 100%;
}

/* 5. Garante a cor do texto no hover */
.elementor-10 .elementor-element.elementor-element-2063050 .elementor-button:hover {
    color: #ffffff !important;
}/* End custom CSS */