.elementor-8786 .elementor-element.elementor-element-805dc06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8786 .elementor-element.elementor-element-8e09a83{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFBDB61;--border-color:#FFFBDB61;--border-radius:10px 10px 10px 10px;--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-8786 .elementor-element.elementor-element-8e09a83:not(.elementor-motion-effects-element-type-background), .elementor-8786 .elementor-element.elementor-element-8e09a83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D9881A00 0%, #D87C0100 100%);}.elementor-8786 .elementor-element.elementor-element-8846274{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-8faf471{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8786 .elementor-element.elementor-element-55b091a img{width:56%;}.elementor-8786 .elementor-element.elementor-element-88a075a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8786 .elementor-element.elementor-element-5879423.elementor-element{--align-self:flex-start;}.elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu .elementor-item{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:300;}.elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--main .elementor-item:hover, .elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--main .elementor-item:focus{color:#C99296;fill:#C99296;}.elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#0064B800;}.elementor-8786 .elementor-element.elementor-element-5879423 .e--pointer-framed .elementor-item:before, .elementor-8786 .elementor-element.elementor-element-5879423 .e--pointer-framed .elementor-item:after{border-color:#0064B800;}.elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#C99296;}.elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--dropdown a, .elementor-8786 .elementor-element.elementor-element-5879423 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-2469d79 );}.elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--dropdown a:hover, .elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--dropdown a:focus, .elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-e80216b );}.elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:var( --e-global-color-e80216b );}.elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--dropdown .elementor-item, .elementor-8786 .elementor-element.elementor-element-5879423 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Lora", Sans-serif;font-weight:500;}.elementor-8786 .elementor-element.elementor-element-601ff35{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8786 .elementor-element.elementor-element-dd2d89d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8786 .elementor-element.elementor-element-dd2d89d.elementor-element{--align-self:flex-start;}.elementor-8786 .elementor-element.elementor-element-dd2d89d .uc_stylish_social_buttons{text-align:right;}.elementor-8786 .elementor-element.elementor-element-dd2d89d .uc_social-button::before{background-color:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-dd2d89d .uc_social-button i{color:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-dd2d89d .uc_social-button:hover i{color:#B80B19;}.elementor-8786 .elementor-element.elementor-element-dd2d89d .uc_stylish_social_buttons .uc_social-button{width:39px;height:39px;line-height:39px;}.elementor-8786 .elementor-element.elementor-element-dd2d89d .uc_stylish_social_buttons .uc_social-button i{font-size:23px;}.elementor-8786 .elementor-element.elementor-element-dd2d89d .uc_social-button{background-color:#B80B19;border-radius:10px;}.elementor-8786 .elementor-element.elementor-element-5b34e52{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 15px 15px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;--z-index:3;}.elementor-8786 .elementor-element.elementor-element-5b34e52:not(.elementor-motion-effects-element-type-background), .elementor-8786 .elementor-element.elementor-element-5b34e52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-8786 .elementor-element.elementor-element-7a046bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8786 .elementor-element.elementor-element-4ba745d img{width:100%;}.elementor-8786 .elementor-element.elementor-element-b78f8a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-e80216b );}.elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-nav-menu--dropdown a, .elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-menu-toggle{color:var( --e-global-color-1709b73 );fill:var( --e-global-color-1709b73 );}.elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-nav-menu--dropdown{background-color:var( --e-global-color-e80216b );}.elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-nav-menu--dropdown a:hover, .elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-nav-menu--dropdown a:focus, .elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-nav-menu--dropdown a.highlighted, .elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-menu-toggle:hover, .elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-menu-toggle:focus{color:var( --e-global-color-8ff941d );}.elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-nav-menu--dropdown a:hover, .elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-nav-menu--dropdown a:focus, .elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-e80216b );}.elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-8ff941d );background-color:var( --e-global-color-e80216b );}.elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-nav-menu--dropdown .elementor-item, .elementor-8786 .elementor-element.elementor-element-3ab1d3a .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Lora", Sans-serif;font-weight:500;}.elementor-8786 .elementor-element.elementor-element-3ab1d3a div.elementor-menu-toggle{color:var( --e-global-color-1709b73 );}.elementor-8786 .elementor-element.elementor-element-3ab1d3a div.elementor-menu-toggle svg{fill:var( --e-global-color-1709b73 );}.elementor-8786 .elementor-element.elementor-element-07b5d98{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.9;--overlay-mix-blend-mode:multiply;border-style:none;--border-style:none;--margin-top:-201px;--margin-bottom:1px;--margin-left:0px;--margin-right:0px;--padding-top:750px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-07b5d98:not(.elementor-motion-effects-element-type-background), .elementor-8786 .elementor-element.elementor-element-07b5d98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5281A900;}.elementor-8786 .elementor-element.elementor-element-07b5d98::before, .elementor-8786 .elementor-element.elementor-element-07b5d98 > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-07b5d98 > .e-con-inner > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-07b5d98 > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-07b5d98 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-07b5d98 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8786 .elementor-element.elementor-element-6e14a3f{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8786 .elementor-element.elementor-element-454108c{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-8786 .elementor-element.elementor-element-454108c .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:52px;font-weight:200;color:var( --e-global-color-1709b73 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8786 .elementor-element.elementor-element-106bbe9{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;font-family:"Lora", Sans-serif;font-size:17px;font-weight:200;line-height:21px;color:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-f222d57{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-field-group > label, .elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-field-subgroup label{color:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-field-group > label{font-family:"Chivo", Sans-serif;font-size:12px;font-weight:400;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-b450e37 );font-family:"Manrope", Sans-serif;font-size:12px;font-weight:400;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-field-group .elementor-field, .elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-field-subgroup label{font-family:"Lora", Sans-serif;font-size:16px;font-weight:400;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;border-color:#FFFFFF6E;border-width:0px 0px 1px 0px;border-radius:1px 1px 1px 1px;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-color:#FFFFFF6E;border-width:0px 0px 1px 0px;border-radius:1px 1px 1px 1px;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF6E;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-button{font-family:"Chivo", Sans-serif;font-size:17px;font-weight:500;border-radius:55px 55px 55px 55px;padding:10px 25px 10px 25px;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-49af3a8 );color:#000000;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-button[type="submit"]{background-color:var( --e-global-color-49af3a8 );color:#000000;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-message.elementor-message-danger{color:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-b9b12b6 .elementor-message.elementor-help-inline{color:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-b9b12b6{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-8786 .elementor-element.elementor-element-c475007{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.04;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:39px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-c475007:not(.elementor-motion-effects-element-type-background), .elementor-8786 .elementor-element.elementor-element-c475007 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-8786 .elementor-element.elementor-element-c475007::before, .elementor-8786 .elementor-element.elementor-element-c475007 > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-c475007 > .e-con-inner > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-c475007 > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-c475007 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-c475007 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-8786 .elementor-element.elementor-element-f7f1f82{--display:flex;--margin-top:38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8786 .elementor-element.elementor-element-d8d2049{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#332E2087;--border-color:#332E2087;--border-radius:15px 15px 15px 15px;}.elementor-8786 .elementor-element.elementor-element-9a34778{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8786 .elementor-element.elementor-element-dfaf5c5{--e-transform-scale:1.1;margin:0px -21px calc(var(--kit-widget-spacing, 0px) + 0px) 80px;}.elementor-8786 .elementor-element.elementor-element-dfaf5c5 img{width:83%;}.elementor-8786 .elementor-element.elementor-element-06cb177{--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:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8786 .elementor-element.elementor-element-0f7f6a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-8786 .elementor-element.elementor-element-0f7f6a1.elementor-element{--align-self:flex-start;}.elementor-8786 .elementor-element.elementor-element-0f7f6a1 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:48px;font-weight:200;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-c9cbb17{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;font-family:"Lora", Sans-serif;font-size:17px;font-weight:200;line-height:21px;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-6a27b66{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-8786 .elementor-element.elementor-element-6a27b66.elementor-element{--align-self:flex-start;}.elementor-8786 .elementor-element.elementor-element-4db68c3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.04;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:39px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-4db68c3:not(.elementor-motion-effects-element-type-background), .elementor-8786 .elementor-element.elementor-element-4db68c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-8786 .elementor-element.elementor-element-4db68c3::before, .elementor-8786 .elementor-element.elementor-element-4db68c3 > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-4db68c3 > .e-con-inner > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-4db68c3 > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-4db68c3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-4db68c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-8786 .elementor-element.elementor-element-9988eb6{--display:flex;--margin-top:38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8786 .elementor-element.elementor-element-2436b5a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#332E2087;--border-color:#332E2087;--border-radius:15px 15px 15px 15px;}.elementor-8786 .elementor-element.elementor-element-9e958db{--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:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8786 .elementor-element.elementor-element-6c7fd92{--e-transform-scale:1.1;margin:0px -21px calc(var(--kit-widget-spacing, 0px) + 0px) 80px;}.elementor-8786 .elementor-element.elementor-element-6c7fd92 img{width:83%;}.elementor-8786 .elementor-element.elementor-element-8dab776{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-8786 .elementor-element.elementor-element-8dab776.elementor-element{--align-self:flex-start;}.elementor-8786 .elementor-element.elementor-element-8dab776 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:48px;font-weight:200;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-d273084{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;font-family:"Lora", Sans-serif;font-size:17px;font-weight:200;line-height:21px;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-266b0e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-8786 .elementor-element.elementor-element-266b0e3.elementor-element{--align-self:flex-start;}.elementor-8786 .elementor-element.elementor-element-30ff973{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8786 .elementor-element.elementor-element-e39261a{--e-transform-scale:1.1;margin:0px -21px calc(var(--kit-widget-spacing, 0px) + 0px) 80px;}.elementor-8786 .elementor-element.elementor-element-e39261a img{width:83%;}.elementor-8786 .elementor-element.elementor-element-a61ef7e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.04;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-a61ef7e:not(.elementor-motion-effects-element-type-background), .elementor-8786 .elementor-element.elementor-element-a61ef7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-8786 .elementor-element.elementor-element-a61ef7e::before, .elementor-8786 .elementor-element.elementor-element-a61ef7e > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-a61ef7e > .e-con-inner > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-a61ef7e > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-a61ef7e > .e-con-inner > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-a61ef7e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-8786 .elementor-element.elementor-element-606fcad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-7f1dec6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 150px 0px 150px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-7f1dec6.elementor-element{--align-self:center;}.elementor-8786 .elementor-element.elementor-element-7f1dec6 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:48px;font-weight:200;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-b75400c{width:var( --container-widget-width, 100% );max-width:100%;margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 250px 0px 250px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Lora", Sans-serif;font-size:18px;font-weight:200;line-height:21px;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-753d94e{--display:flex;}.elementor-8786 .elementor-element.elementor-element-45555f8{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9904106B;--border-color:#9904106B;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px -6px rgba(4.469892591047368, 1.552404891304346, 37.39999999999998, 0.5);--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8786 .elementor-element.elementor-element-45555f8:not(.elementor-motion-effects-element-type-background), .elementor-8786 .elementor-element.elementor-element-45555f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#332E2017;}.elementor-8786 .elementor-element.elementor-element-70f888f img{border-radius:15px 15px 15px 15px;}.elementor-8786 .elementor-element.elementor-element-99281ee{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Lora", Sans-serif;font-size:10px;font-weight:300;line-height:21px;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-e8716dc{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-e8716dc .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:27px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-519b07f{margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 43px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-519b07f .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-868c364{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-868c364 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-9f6e371{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-9f6e371 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:44px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-05ad79a{margin:-29px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-05ad79a .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-1660e0a{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-1660e0a .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:19px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-65fcd12{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-8786 .elementor-element.elementor-element-65fcd12.elementor-element{--align-self:center;}.elementor-8786 .elementor-element.elementor-element-9152168{--display:flex;}.elementor-8786 .elementor-element.elementor-element-2f38129{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9904106B;--border-color:#9904106B;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px -6px rgba(4.469892591047368, 1.552404891304346, 37.39999999999998, 0.5);--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8786 .elementor-element.elementor-element-2f38129:not(.elementor-motion-effects-element-type-background), .elementor-8786 .elementor-element.elementor-element-2f38129 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#332E2017;}.elementor-8786 .elementor-element.elementor-element-c08d3cb img{border-radius:15px 15px 15px 15px;}.elementor-8786 .elementor-element.elementor-element-f61d1d3{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Lora", Sans-serif;font-size:10px;font-weight:300;line-height:21px;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-0dcbd8b{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-0dcbd8b .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:27px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-07051a5{margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 43px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-07051a5 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-55d99f3{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-55d99f3 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-31c26ab{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-31c26ab .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:44px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-1573f08{margin:-29px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-1573f08 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-90c5c86{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-90c5c86 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:19px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-c0553b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-8786 .elementor-element.elementor-element-c0553b7.elementor-element{--align-self:center;}.elementor-8786 .elementor-element.elementor-element-6716658{--display:flex;}.elementor-8786 .elementor-element.elementor-element-999fadb{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9904106B;--border-color:#9904106B;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px -6px rgba(4.469892591047368, 1.552404891304346, 37.39999999999998, 0.5);--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8786 .elementor-element.elementor-element-999fadb:not(.elementor-motion-effects-element-type-background), .elementor-8786 .elementor-element.elementor-element-999fadb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#332E2017;}.elementor-8786 .elementor-element.elementor-element-cd21095 img{border-radius:15px 15px 15px 15px;}.elementor-8786 .elementor-element.elementor-element-d3c1524{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Lora", Sans-serif;font-size:10px;font-weight:300;line-height:21px;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-5fbbc29{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-5fbbc29 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:27px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-165bd21{margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 43px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-165bd21 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-62e5953{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-62e5953 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-bded6b2{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-bded6b2 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:44px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-f71e01c{margin:-29px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-f71e01c .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-704709a{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-704709a .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:19px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-c3dbcfa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-8786 .elementor-element.elementor-element-c3dbcfa.elementor-element{--align-self:center;}.elementor-8786 .elementor-element.elementor-element-f4efb00{--display:flex;}.elementor-8786 .elementor-element.elementor-element-b9c79eb{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9904106B;--border-color:#9904106B;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px -6px rgba(4.469892591047368, 1.552404891304346, 37.39999999999998, 0.5);--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8786 .elementor-element.elementor-element-b9c79eb:not(.elementor-motion-effects-element-type-background), .elementor-8786 .elementor-element.elementor-element-b9c79eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#332E2017;}.elementor-8786 .elementor-element.elementor-element-273f5b4 img{border-radius:15px 15px 15px 15px;}.elementor-8786 .elementor-element.elementor-element-b1d6884{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Lora", Sans-serif;font-size:10px;font-weight:300;line-height:21px;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-3c84f34{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-3c84f34 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:27px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-b3e7d8b{margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 43px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-b3e7d8b .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-ef5fc0f{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-ef5fc0f .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-2235322{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-2235322 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:44px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-0b8041d{margin:-29px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-0b8041d .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-4d31bf0{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-4d31bf0 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:19px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-e727ef3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-8786 .elementor-element.elementor-element-e727ef3.elementor-element{--align-self:center;}.elementor-8786 .elementor-element.elementor-element-e347e38{--display:flex;}.elementor-8786 .elementor-element.elementor-element-3303075{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9904106B;--border-color:#9904106B;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px -6px rgba(4.469892591047368, 1.552404891304346, 37.39999999999998, 0.5);--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8786 .elementor-element.elementor-element-3303075:not(.elementor-motion-effects-element-type-background), .elementor-8786 .elementor-element.elementor-element-3303075 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#332E2017;}.elementor-8786 .elementor-element.elementor-element-223287a img{border-radius:15px 15px 15px 15px;}.elementor-8786 .elementor-element.elementor-element-c8b0f3c{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Lora", Sans-serif;font-size:10px;font-weight:300;line-height:21px;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-95a5502{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-95a5502 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:27px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-a21f60a{margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 43px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-a21f60a .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-3811afa{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-3811afa .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-e579f46{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-e579f46 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:44px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-2ab7d8f{margin:-29px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-2ab7d8f .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-e02e31c{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-e02e31c .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:19px;font-weight:400;color:var( --e-global-color-0f49648 );}.elementor-8786 .elementor-element.elementor-element-4c58cb5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-8786 .elementor-element.elementor-element-4c58cb5.elementor-element{--align-self:center;}.elementor-8786 .elementor-element.elementor-element-70bcb9f{--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;--e-n-carousel-arrow-normal-color:var( --e-global-color-e80216b );--e-n-carousel-dots-normal-color:var( --e-global-color-e80216b );}.elementor-8786 .elementor-element.elementor-element-4b8c1af{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.02;--overlay-mix-blend-mode:multiply;border-style:none;--border-style:none;--margin-top:-3px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:39px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-4b8c1af:not(.elementor-motion-effects-element-type-background), .elementor-8786 .elementor-element.elementor-element-4b8c1af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-2469d79 ) 0%, var( --e-global-color-e80216b ) 100%);}.elementor-8786 .elementor-element.elementor-element-4b8c1af::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .e-con-inner > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .e-con-inner > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-8ff941d );--background-overlay:'';background-repeat:repeat;background-size:6% auto;}.elementor-8786 .elementor-element.elementor-element-c894153{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-fb88b53{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 28px) 0px;}.elementor-8786 .elementor-element.elementor-element-fb88b53.elementor-element{--align-self:center;}.elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu .elementor-item{font-family:"Manrope", Sans-serif;font-size:14px;font-weight:300;}.elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--main .elementor-item:hover, .elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--main .elementor-item:focus{color:#C99296;fill:#C99296;}.elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#0064B800;}.elementor-8786 .elementor-element.elementor-element-fb88b53 .e--pointer-framed .elementor-item:before, .elementor-8786 .elementor-element.elementor-element-fb88b53 .e--pointer-framed .elementor-item:after{border-color:#0064B800;}.elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#C99296;}.elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--dropdown a, .elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-2469d79 );}.elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--dropdown a:hover, .elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--dropdown a:focus, .elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-e80216b );}.elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:var( --e-global-color-e80216b );}.elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--dropdown .elementor-item, .elementor-8786 .elementor-element.elementor-element-fb88b53 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Lora", Sans-serif;font-weight:500;}.elementor-8786 .elementor-element.elementor-element-f6f4268{width:var( --container-widget-width, 100% );max-width:100%;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Lora", Sans-serif;font-size:17px;font-weight:200;line-height:21px;color:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-162f3af{margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 21px) 5px;padding:0px 0px 0px 0px;border-radius:15px 15px 15px 15px;}.elementor-8786 .elementor-element.elementor-element-9432a58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8786 .elementor-element.elementor-element-bdb117f{text-align:center;}.elementor-8786 .elementor-element.elementor-element-bdb117f img{width:56%;}.elementor-8786 .elementor-element.elementor-element-ca4000c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8786 .elementor-element.elementor-element-7c19dad{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Lora", Sans-serif;font-size:18px;font-weight:200;line-height:21px;color:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-adb2cbf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8786 .elementor-element.elementor-element-96c6725 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8786 .elementor-element.elementor-element-96c6725.elementor-element{--align-self:flex-end;}.elementor-8786 .elementor-element.elementor-element-96c6725 .uc_stylish_social_buttons{text-align:right;}.elementor-8786 .elementor-element.elementor-element-96c6725 .uc_social-button::before{background-color:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-96c6725 .uc_social-button i{color:#FFFFFF;}.elementor-8786 .elementor-element.elementor-element-96c6725 .uc_social-button:hover i{color:#B80B19;}.elementor-8786 .elementor-element.elementor-element-96c6725 .uc_stylish_social_buttons .uc_social-button{width:39px;height:39px;line-height:39px;}.elementor-8786 .elementor-element.elementor-element-96c6725 .uc_stylish_social_buttons .uc_social-button i{font-size:23px;}.elementor-8786 .elementor-element.elementor-element-96c6725 .uc_social-button{background-color:#B80B19;border-radius:10px;}@media(min-width:768px){.elementor-8786 .elementor-element.elementor-element-8e09a83{--width:100%;}.elementor-8786 .elementor-element.elementor-element-8faf471{--width:21%;}.elementor-8786 .elementor-element.elementor-element-88a075a{--width:100%;}.elementor-8786 .elementor-element.elementor-element-601ff35{--width:18%;}.elementor-8786 .elementor-element.elementor-element-7a046bc{--width:41%;}.elementor-8786 .elementor-element.elementor-element-b78f8a5{--width:91%;}.elementor-8786 .elementor-element.elementor-element-6e14a3f{--width:49%;}.elementor-8786 .elementor-element.elementor-element-f222d57{--width:41%;}.elementor-8786 .elementor-element.elementor-element-9a34778{--width:50%;}.elementor-8786 .elementor-element.elementor-element-06cb177{--width:50%;}.elementor-8786 .elementor-element.elementor-element-9e958db{--width:50%;}.elementor-8786 .elementor-element.elementor-element-30ff973{--width:50%;}.elementor-8786 .elementor-element.elementor-element-606fcad{--width:100%;}.elementor-8786 .elementor-element.elementor-element-45555f8{--width:100%;}.elementor-8786 .elementor-element.elementor-element-2f38129{--width:100%;}.elementor-8786 .elementor-element.elementor-element-999fadb{--width:100%;}.elementor-8786 .elementor-element.elementor-element-b9c79eb{--width:100%;}.elementor-8786 .elementor-element.elementor-element-3303075{--width:100%;}.elementor-8786 .elementor-element.elementor-element-c894153{--width:100%;}.elementor-8786 .elementor-element.elementor-element-9432a58{--width:20%;}.elementor-8786 .elementor-element.elementor-element-ca4000c{--width:60%;}.elementor-8786 .elementor-element.elementor-element-adb2cbf{--width:20%;}}@media(min-width:1025px){.elementor-8786 .elementor-element.elementor-element-4b8c1af::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .e-con-inner > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .e-con-inner > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:1024px){.elementor-8786 .elementor-element.elementor-element-70bcb9f{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-8786 .elementor-element.elementor-element-8faf471{--width:500px;}.elementor-8786 .elementor-element.elementor-element-55b091a img{width:21%;}.elementor-8786 .elementor-element.elementor-element-dd2d89d .uc_stylish_social_buttons{text-align:center;}.elementor-8786 .elementor-element.elementor-element-7a046bc{--width:79%;}.elementor-8786 .elementor-element.elementor-element-4ba745d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -30px;text-align:right;}.elementor-8786 .elementor-element.elementor-element-4ba745d img{width:44%;}.elementor-8786 .elementor-element.elementor-element-b78f8a5{--width:21%;}.elementor-8786 .elementor-element.elementor-element-3ab1d3a.elementor-element{--align-self:flex-start;}.elementor-8786 .elementor-element.elementor-element-07b5d98{--overlay-opacity:0.8;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8786 .elementor-element.elementor-element-07b5d98.e-con{--align-self:center;}.elementor-8786 .elementor-element.elementor-element-6e14a3f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:240px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-454108c{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-454108c .elementor-heading-title{font-size:29px;}.elementor-8786 .elementor-element.elementor-element-106bbe9{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8786 .elementor-element.elementor-element-f222d57{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:040px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-c475007{--overlay-opacity:0.02;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-f7f1f82{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8786 .elementor-element.elementor-element-d8d2049{--margin-top:61px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8786 .elementor-element.elementor-element-dfaf5c5{--e-transform-scale:1;margin:-65px 0px calc(var(--kit-widget-spacing, 0px) + 19px) 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-dfaf5c5.elementor-element{--align-self:center;}.elementor-8786 .elementor-element.elementor-element-dfaf5c5 img{width:100%;}.elementor-8786 .elementor-element.elementor-element-06cb177{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-0f7f6a1{padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-0f7f6a1 .elementor-heading-title{font-size:35px;}.elementor-8786 .elementor-element.elementor-element-c9cbb17{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8786 .elementor-element.elementor-element-6a27b66{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8786 .elementor-element.elementor-element-4db68c3{--overlay-opacity:0.02;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-9988eb6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8786 .elementor-element.elementor-element-2436b5a{--margin-top:61px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8786 .elementor-element.elementor-element-9e958db{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-6c7fd92{--e-transform-scale:1;margin:-65px 0px calc(var(--kit-widget-spacing, 0px) + 19px) 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-6c7fd92.elementor-element{--align-self:center;}.elementor-8786 .elementor-element.elementor-element-6c7fd92 img{width:100%;}.elementor-8786 .elementor-element.elementor-element-8dab776{padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-8dab776 .elementor-heading-title{font-size:35px;}.elementor-8786 .elementor-element.elementor-element-d273084{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8786 .elementor-element.elementor-element-266b0e3{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8786 .elementor-element.elementor-element-e39261a{--e-transform-scale:1;margin:-65px 0px calc(var(--kit-widget-spacing, 0px) + 19px) 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-e39261a.elementor-element{--align-self:center;}.elementor-8786 .elementor-element.elementor-element-e39261a img{width:100%;}.elementor-8786 .elementor-element.elementor-element-a61ef7e{--overlay-opacity:0.02;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8786 .elementor-element.elementor-element-606fcad{--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-8786 .elementor-element.elementor-element-7f1dec6{padding:0px 0px 0px 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-7f1dec6 .elementor-heading-title{font-size:35px;}.elementor-8786 .elementor-element.elementor-element-b75400c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:15px;}.elementor-8786 .elementor-element.elementor-element-753d94e{--content-width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-753d94e.e-con{--align-self:flex-start;}.elementor-8786 .elementor-element.elementor-element-45555f8{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8786 .elementor-element.elementor-element-99281ee{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8786 .elementor-element.elementor-element-e8716dc{text-align:center;}.elementor-8786 .elementor-element.elementor-element-e8716dc .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-519b07f{text-align:center;}.elementor-8786 .elementor-element.elementor-element-519b07f .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-868c364{text-align:center;}.elementor-8786 .elementor-element.elementor-element-868c364 .elementor-heading-title{font-size:17px;}.elementor-8786 .elementor-element.elementor-element-9f6e371{text-align:center;}.elementor-8786 .elementor-element.elementor-element-9f6e371 .elementor-heading-title{font-size:42px;}.elementor-8786 .elementor-element.elementor-element-05ad79a{text-align:center;}.elementor-8786 .elementor-element.elementor-element-05ad79a .elementor-heading-title{font-size:17px;}.elementor-8786 .elementor-element.elementor-element-1660e0a{text-align:center;}.elementor-8786 .elementor-element.elementor-element-1660e0a .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-65fcd12{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8786 .elementor-element.elementor-element-9152168{--content-width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-9152168.e-con{--align-self:flex-start;}.elementor-8786 .elementor-element.elementor-element-2f38129{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8786 .elementor-element.elementor-element-f61d1d3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8786 .elementor-element.elementor-element-0dcbd8b{text-align:center;}.elementor-8786 .elementor-element.elementor-element-0dcbd8b .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-07051a5{text-align:center;}.elementor-8786 .elementor-element.elementor-element-07051a5 .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-55d99f3{text-align:center;}.elementor-8786 .elementor-element.elementor-element-55d99f3 .elementor-heading-title{font-size:17px;}.elementor-8786 .elementor-element.elementor-element-31c26ab{text-align:center;}.elementor-8786 .elementor-element.elementor-element-31c26ab .elementor-heading-title{font-size:42px;}.elementor-8786 .elementor-element.elementor-element-1573f08{text-align:center;}.elementor-8786 .elementor-element.elementor-element-1573f08 .elementor-heading-title{font-size:17px;}.elementor-8786 .elementor-element.elementor-element-90c5c86{text-align:center;}.elementor-8786 .elementor-element.elementor-element-90c5c86 .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-c0553b7{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8786 .elementor-element.elementor-element-6716658{--content-width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-6716658.e-con{--align-self:flex-start;}.elementor-8786 .elementor-element.elementor-element-999fadb{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8786 .elementor-element.elementor-element-d3c1524{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8786 .elementor-element.elementor-element-5fbbc29{text-align:center;}.elementor-8786 .elementor-element.elementor-element-5fbbc29 .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-165bd21{text-align:center;}.elementor-8786 .elementor-element.elementor-element-165bd21 .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-62e5953{text-align:center;}.elementor-8786 .elementor-element.elementor-element-62e5953 .elementor-heading-title{font-size:17px;}.elementor-8786 .elementor-element.elementor-element-bded6b2{text-align:center;}.elementor-8786 .elementor-element.elementor-element-bded6b2 .elementor-heading-title{font-size:42px;}.elementor-8786 .elementor-element.elementor-element-f71e01c{text-align:center;}.elementor-8786 .elementor-element.elementor-element-f71e01c .elementor-heading-title{font-size:17px;}.elementor-8786 .elementor-element.elementor-element-704709a{text-align:center;}.elementor-8786 .elementor-element.elementor-element-704709a .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-c3dbcfa{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8786 .elementor-element.elementor-element-f4efb00{--content-width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-f4efb00.e-con{--align-self:flex-start;}.elementor-8786 .elementor-element.elementor-element-b9c79eb{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8786 .elementor-element.elementor-element-b1d6884{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8786 .elementor-element.elementor-element-3c84f34{text-align:center;}.elementor-8786 .elementor-element.elementor-element-3c84f34 .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-b3e7d8b{text-align:center;}.elementor-8786 .elementor-element.elementor-element-b3e7d8b .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-ef5fc0f{text-align:center;}.elementor-8786 .elementor-element.elementor-element-ef5fc0f .elementor-heading-title{font-size:17px;}.elementor-8786 .elementor-element.elementor-element-2235322{text-align:center;}.elementor-8786 .elementor-element.elementor-element-2235322 .elementor-heading-title{font-size:42px;}.elementor-8786 .elementor-element.elementor-element-0b8041d{text-align:center;}.elementor-8786 .elementor-element.elementor-element-0b8041d .elementor-heading-title{font-size:17px;}.elementor-8786 .elementor-element.elementor-element-4d31bf0{text-align:center;}.elementor-8786 .elementor-element.elementor-element-4d31bf0 .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-e727ef3{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8786 .elementor-element.elementor-element-e347e38{--content-width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-e347e38.e-con{--align-self:flex-start;}.elementor-8786 .elementor-element.elementor-element-3303075{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8786 .elementor-element.elementor-element-c8b0f3c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8786 .elementor-element.elementor-element-95a5502{text-align:center;}.elementor-8786 .elementor-element.elementor-element-95a5502 .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-a21f60a{text-align:center;}.elementor-8786 .elementor-element.elementor-element-a21f60a .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-3811afa{text-align:center;}.elementor-8786 .elementor-element.elementor-element-3811afa .elementor-heading-title{font-size:17px;}.elementor-8786 .elementor-element.elementor-element-e579f46{text-align:center;}.elementor-8786 .elementor-element.elementor-element-e579f46 .elementor-heading-title{font-size:42px;}.elementor-8786 .elementor-element.elementor-element-2ab7d8f{text-align:center;}.elementor-8786 .elementor-element.elementor-element-2ab7d8f .elementor-heading-title{font-size:17px;}.elementor-8786 .elementor-element.elementor-element-e02e31c{text-align:center;}.elementor-8786 .elementor-element.elementor-element-e02e31c .elementor-heading-title{font-size:28px;}.elementor-8786 .elementor-element.elementor-element-4c58cb5{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-8786 .elementor-element.elementor-element-70bcb9f{--e-n-carousel-swiper-slides-to-display:1;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -8px;}.elementor-8786 .elementor-element.elementor-element-4b8c1af::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .e-con-inner > .elementor-background-video-container::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .e-con-inner > .elementor-background-slideshow::before, .elementor-8786 .elementor-element.elementor-element-4b8c1af > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center center;background-size:cover;}.elementor-8786 .elementor-element.elementor-element-4b8c1af{--overlay-opacity:0.02;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-c894153{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8786 .elementor-element.elementor-element-f6f4268{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8786 .elementor-element.elementor-element-bdb117f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 29px) 0px;text-align:center;}.elementor-8786 .elementor-element.elementor-element-bdb117f img{width:38%;}.elementor-8786 .elementor-element.elementor-element-7c19dad{width:100%;max-width:100%;margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:15px;}.elementor-8786 .elementor-element.elementor-element-96c6725.elementor-element{--align-self:center;}.elementor-8786 .elementor-element.elementor-element-96c6725 .uc_stylish_social_buttons{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-8e09a83 *//* HEADER STICKY */ .header-fixo{ position: sticky; top: 0; z-index: 999; transition: all 0.35s ease; border-radius: 10px; } /* FUNDO QUANDO ROLA */ .header-fixo.rolado{ background:#D91A2A; backdrop-filter: blur(8px); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-454108c */.destaque1 { background: linear-gradient(to right, #D91A2A, #990410); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; position: relative; font-weight: 900; font-style: italic; color: unset !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e14a3f */.efeito-vidro { backdrop-filter: saturate(160%) blur(3px) ; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-b9b12b6 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= BOTÃO DO FORMULÁRIO ELEMENTOR ================================= */ #botao-form{ position: relative; display: flex !important; align-items: center; justify-content: center; padding: 20px 32px; width: 100%; border-radius: 100px; border: 1px solid #FFC1C1; /* Borda levemente rosada/clara para combinar com o vermelho */ overflow: hidden; cursor: pointer; font-family: "Lora", serif !important; font-size: 17px; font-weight: 600; letter-spacing: 0.6px; color: #FFFFFF !important; /* Texto em branco para melhor leitura no vermelho */ /* NOVAS CORES APLICADAS AQUI */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); transition: all 0.3s ease; /* Suaviza as mudanças de estado */ } /* remove estilo padrão do Elementor */ #botao-form .elementor-button-content-wrapper{ position: relative; z-index: 2; } /* ================================= BRILHO CONTÍNUO ================================= */ #botao-form::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.4), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= HOVER ================================= */ #botao-form:hover{ transform: scale(1.03); filter: brightness(1.1); /* Dá um leve destaque ao passar o mouse */ } /* ================================= MOBILE ================================= */ @media (max-width:768px){ #botao-form{ font-size:16px; padding:18px 24px; } } @media (max-width:480px){ #botao-form{ font-size:15px; padding:16px 20px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f222d57 */.efeito-vidro { backdrop-filter: saturate(160%) blur(3px) ; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-dfaf5c5 */.updown-img img { display:block; max-width:100%; height:auto; animation: upDown 2.6s ease-in-out infinite alternate; transform-origin:center; backface-visibility:hidden; } /* pausa ao hover */ .updown-img:hover img { animation-play-state: paused; transform: translateY(0); } @keyframes upDown { 0% { transform: translateY(-8px); } 50% { transform: translateY(6px); } 100% { transform: translateY(-8px); } } @media (prefers-reduced-motion: reduce) { .updown-img img { animation: none; transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0f7f6a1 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6a27b66 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 17px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6c7fd92 */.updown-img img { display:block; max-width:100%; height:auto; animation: upDown 2.6s ease-in-out infinite alternate; transform-origin:center; backface-visibility:hidden; } /* pausa ao hover */ .updown-img:hover img { animation-play-state: paused; transform: translateY(0); } @keyframes upDown { 0% { transform: translateY(-8px); } 50% { transform: translateY(6px); } 100% { transform: translateY(-8px); } } @media (prefers-reduced-motion: reduce) { .updown-img img { animation: none; transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8dab776 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-266b0e3 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 17px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e39261a */.updown-img img { display:block; max-width:100%; height:auto; animation: upDown 2.6s ease-in-out infinite alternate; transform-origin:center; backface-visibility:hidden; } /* pausa ao hover */ .updown-img:hover img { animation-play-state: paused; transform: translateY(0); } @keyframes upDown { 0% { transform: translateY(-8px); } 50% { transform: translateY(6px); } 100% { transform: translateY(-8px); } } @media (prefers-reduced-motion: reduce) { .updown-img img { animation: none; transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7f1dec6 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e8716dc */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-519b07f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-868c364 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9f6e371 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-05ad79a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1660e0a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-65fcd12 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45555f8 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0dcbd8b */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-07051a5 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-55d99f3 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-31c26ab */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1573f08 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-90c5c86 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c0553b7 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f38129 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5fbbc29 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-165bd21 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-62e5953 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bded6b2 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f71e01c */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-704709a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c3dbcfa *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-999fadb */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3c84f34 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b3e7d8b */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ef5fc0f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2235322 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0b8041d */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4d31bf0 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e727ef3 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9c79eb */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-95a5502 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a21f60a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3811afa */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e579f46 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2ab7d8f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e02e31c */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4c58cb5 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3303075 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e8716dc */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-519b07f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-868c364 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9f6e371 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-05ad79a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1660e0a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-65fcd12 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45555f8 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0dcbd8b */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-07051a5 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-55d99f3 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-31c26ab */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1573f08 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-90c5c86 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c0553b7 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f38129 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5fbbc29 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-165bd21 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-62e5953 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bded6b2 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f71e01c */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-704709a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c3dbcfa *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-999fadb */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3c84f34 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b3e7d8b */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ef5fc0f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2235322 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0b8041d */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4d31bf0 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e727ef3 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9c79eb */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-95a5502 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a21f60a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3811afa */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e579f46 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2ab7d8f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e02e31c */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4c58cb5 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3303075 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e8716dc */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-519b07f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-868c364 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9f6e371 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-05ad79a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1660e0a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-65fcd12 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45555f8 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0dcbd8b */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-07051a5 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-55d99f3 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-31c26ab */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1573f08 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-90c5c86 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c0553b7 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f38129 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5fbbc29 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-165bd21 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-62e5953 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bded6b2 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f71e01c */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-704709a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c3dbcfa *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-999fadb */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3c84f34 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b3e7d8b */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ef5fc0f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2235322 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0b8041d */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4d31bf0 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e727ef3 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9c79eb */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-95a5502 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a21f60a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3811afa */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e579f46 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2ab7d8f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e02e31c */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4c58cb5 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3303075 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e8716dc */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-519b07f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-868c364 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9f6e371 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-05ad79a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1660e0a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-65fcd12 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45555f8 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0dcbd8b */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-07051a5 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-55d99f3 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-31c26ab */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1573f08 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-90c5c86 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c0553b7 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f38129 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5fbbc29 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-165bd21 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-62e5953 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bded6b2 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f71e01c */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-704709a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c3dbcfa *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-999fadb */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3c84f34 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b3e7d8b */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ef5fc0f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2235322 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0b8041d */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4d31bf0 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e727ef3 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9c79eb */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-95a5502 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a21f60a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3811afa */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e579f46 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2ab7d8f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e02e31c */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4c58cb5 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3303075 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e8716dc */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-519b07f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-868c364 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9f6e371 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-05ad79a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1660e0a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-65fcd12 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45555f8 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0dcbd8b */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-07051a5 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-55d99f3 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-31c26ab */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1573f08 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-90c5c86 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c0553b7 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f38129 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5fbbc29 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-165bd21 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-62e5953 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bded6b2 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f71e01c */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-704709a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c3dbcfa *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-999fadb */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3c84f34 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b3e7d8b */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ef5fc0f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2235322 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0b8041d */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4d31bf0 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e727ef3 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9c79eb */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-95a5502 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a21f60a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3811afa */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e579f46 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2ab7d8f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e02e31c */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4c58cb5 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3303075 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e8716dc */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-519b07f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-868c364 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9f6e371 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-05ad79a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1660e0a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-65fcd12 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45555f8 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0dcbd8b */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-07051a5 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-55d99f3 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-31c26ab */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1573f08 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-90c5c86 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c0553b7 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f38129 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5fbbc29 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-165bd21 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-62e5953 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bded6b2 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f71e01c */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-704709a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c3dbcfa *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-999fadb */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3c84f34 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b3e7d8b */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ef5fc0f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2235322 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0b8041d */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4d31bf0 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e727ef3 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9c79eb */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-95a5502 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a21f60a */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3811afa */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e579f46 */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2ab7d8f */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e02e31c */.destaque2225 { background: linear-gradient(to right, #d7b46a, #EFCE88); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: 900; /* Negrito */ font-style: italic; /* Itálico */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4c58cb5 *//* ================================= FONTE LORA ================================= */ @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); /* ================================= CONTAINER DO WIDGET ================================= */ .elementor-widget-html:has(.container-botao){ overflow: hidden; border-radius: 100px; } /* ================================= TEXTO GLOBAL ================================= */ .botao *{ transition: 0.5s; font-size: 13px; font-weight: 600; font-family: "Lora", serif; text-align: center; color: #FFFFFF; /* Mudado para branco para melhor contraste */ letter-spacing: 0.6px; } /* remove azul automático do link */ .botao a{ color: #FFFFFF !important; text-decoration: none; font-family: "Lora", serif !important; } /* força tipografia escondida do Elementor */ .elementor-button-text{ font-family: "Lora", serif !important; font-weight: 600 !important; letter-spacing: 0.6px; color: #FFFFFF !important; } /* ================================= BOTÃO PRINCIPAL ================================= */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; /* GRADIENTE VERMELHO SOLICITADO */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= BRILHO CONTÍNUO ================================= */ .botao::after{ content: ""; position: absolute; top: 0; left: -80%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.45), transparent ); transform: skewX(-25deg); pointer-events: none; animation: brilhoContinuo 2s linear infinite; } @keyframes brilhoContinuo{ 0%{ left: -80%; } 100%{ left: 130%; } } /* ================================= CONTAINER INTERNO ================================= */ .container-botao{ position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 20px 32px 20px 64px; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); /* Borda sutil branca */ overflow: hidden; } /* ================================= CÍRCULO DO ÍCONE ================================= */ .wrapper-icones{ display: flex; flex-wrap: nowrap; width: 44px; height: 44px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); border-radius: 50%; z-index: 2; background: #ffffff; border: 1.5px solid #D91A2A; /* Borda do ícone em vermelho */ } /* ================================= ÍCONES ================================= */ .icone-1{ position: absolute; width: 6px; height: 6px; background: #D91A2A; /* Cor do ponto central em vermelho */ border-radius: 50%; } .icone-2{ position: absolute; width: 12px; height: 12px; border-radius: 50%; opacity: 0; } /* ================================= FUNDO ANIMADO (HOVER) ================================= */ .fundo{ position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; border-radius: 100px; /* REFORÇO DO GRADIENTE NO HOVER */ background: linear-gradient( 104deg, #D91A2A 0%, #990410 100% ); } /* ================================= TEXTOS ================================= */ .texto-1{ margin-left: 20px; color: #FFFFFF; } .texto-2{ position: absolute; color: #FFFFFF; opacity: 0; transform: translateX(100%); } /* ================================= HOVER ================================= */ .botao:hover .fundo{ width: calc(100% - 60px); height: 100%; } .botao:hover .wrapper-icones{ left: calc(100% - 58px); } .botao:hover .texto-1, .botao:hover .icone-1{ opacity: 0; } .botao:hover .texto-2{ opacity: 1; transform: translateX(-5%); } .botao:hover .icone-2{ opacity: 1; } /* ================================= MOBILE ================================= */ @media (max-width: 768px){ .container-botao{ padding: 24px 32px 24px 56px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 16px; } .botao:hover .wrapper-icones{ left: calc(100% - 52px); } .botao:hover .fundo{ width: calc(100% - 52px); } } @media (max-width: 480px){ .container-botao{ padding: 20px 16px 20px 48px; } .wrapper-icones{ width: 40px; height: 40px; } .botao *{ font-size: 15px; } .botao:hover .wrapper-icones{ left: calc(100% - 46px); } .botao:hover .fundo{ width: calc(100% - 46px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3303075 */.efeito-vidro { backdrop-filter: saturate(190%) blur(11px) ; } .container-flutuante { animation: subirDescer 3s ease-in-out infinite; } /* Animação */ @keyframes subirDescer { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); /* Ajuste a altura aqui */ } 100% { transform: translateY(0); } }/* End custom CSS */