.elementor-922 .elementor-element.elementor-element-a2b4c1e{--display:flex;--min-height:64vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.76;--border-radius:0px 0px 0px 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-922 .elementor-element.elementor-element-a2b4c1e:not(.elementor-motion-effects-element-type-background), .elementor-922 .elementor-element.elementor-element-a2b4c1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/12/Lavora-con-noi-3.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-922 .elementor-element.elementor-element-a2b4c1e::before, .elementor-922 .elementor-element.elementor-element-a2b4c1e > .elementor-background-video-container::before, .elementor-922 .elementor-element.elementor-element-a2b4c1e > .e-con-inner > .elementor-background-video-container::before, .elementor-922 .elementor-element.elementor-element-a2b4c1e > .elementor-background-slideshow::before, .elementor-922 .elementor-element.elementor-element-a2b4c1e > .e-con-inner > .elementor-background-slideshow::before, .elementor-922 .elementor-element.elementor-element-a2b4c1e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-922 .elementor-element.elementor-element-f34d93d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-922 .elementor-element.elementor-element-f34d93d.elementor-element{--align-self:center;}.elementor-922 .elementor-element.elementor-element-f34d93d .elementor-heading-title{font-family:"Panton Regular", Sans-serif;font-size:60px;font-weight:bold;color:#FFFFFF;}.elementor-922 .elementor-element.elementor-element-eb50b7c{--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 40px;--row-gap:0px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:140px;--padding-bottom:0px;--padding-left:70px;--padding-right:70px;}.elementor-922 .elementor-element.elementor-element-0814950{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-922 .elementor-element.elementor-element-0814950 .elementor-heading-title{font-family:"Panton Regular", Sans-serif;font-size:54px;font-weight:normal;color:var( --e-global-color-secondary );}.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-922 .elementor-element.elementor-element-7055da5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Panton Regular", Sans-serif;font-size:22px;font-weight:normal;}.elementor-922 .elementor-element.elementor-element-7055da5.elementor-element{--align-self:center;}.elementor-922 .elementor-element.elementor-element-392b931{--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;--padding-top:140px;--padding-bottom:70px;--padding-left:70px;--padding-right:70px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-922 .elementor-element.elementor-element-ce48220{--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 42px;--row-gap:0px;--column-gap:42px;--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-922 .elementor-element.elementor-element-660e0a0{--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;--gap:22px 0px;--row-gap:22px;--column-gap:0px;}.elementor-922 .elementor-element.elementor-element-660e0a0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-922 .elementor-element.elementor-element-87dbb30 .elementor-heading-title{color:var( --e-global-color-secondary );}.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-922 .elementor-element.elementor-element-fe38b19{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 5px 0px 5px;--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-922 .elementor-element.elementor-element-fe38b19 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-922 .elementor-element.elementor-element-fe38b19 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-922 .elementor-element.elementor-element-fe38b19 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-922 .elementor-element.elementor-element-fe38b19 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-922 .elementor-element.elementor-element-fe38b19 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-922 .elementor-element.elementor-element-fe38b19 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-922 .elementor-element.elementor-element-fe38b19 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-922 .elementor-element.elementor-element-fe38b19 .elementor-field-type-html{padding-bottom:0px;}.elementor-922 .elementor-element.elementor-element-fe38b19 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-fe38b19 .elementor-button[type="submit"]{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-fe38b19 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-922 .elementor-element.elementor-element-fe38b19 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-fe38b19 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-fe38b19 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-fe38b19 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-922 .elementor-element.elementor-element-fe38b19 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-fe38b19 .elementor-button{border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-922 .elementor-element.elementor-element-0db4088{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.79;--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-922 .elementor-element.elementor-element-0db4088:not(.elementor-motion-effects-element-type-background), .elementor-922 .elementor-element.elementor-element-0db4088 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/12/shutterstock_2681851479.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-922 .elementor-element.elementor-element-0db4088::before, .elementor-922 .elementor-element.elementor-element-0db4088 > .elementor-background-video-container::before, .elementor-922 .elementor-element.elementor-element-0db4088 > .e-con-inner > .elementor-background-video-container::before, .elementor-922 .elementor-element.elementor-element-0db4088 > .elementor-background-slideshow::before, .elementor-922 .elementor-element.elementor-element-0db4088 > .e-con-inner > .elementor-background-slideshow::before, .elementor-922 .elementor-element.elementor-element-0db4088 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.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-922 .elementor-element.elementor-element-c0332e6{--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;--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-922 .elementor-element.elementor-element-1b7d465{--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-922 .elementor-element.elementor-element-6cc01ac .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-a43abba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 5px 0px 5px;--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-922 .elementor-element.elementor-element-a43abba .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-922 .elementor-element.elementor-element-a43abba .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-922 .elementor-element.elementor-element-a43abba .elementor-field-group.recaptcha_v3-bottomleft, .elementor-922 .elementor-element.elementor-element-a43abba .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-922 .elementor-element.elementor-element-a43abba .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-922 .elementor-element.elementor-element-a43abba .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-922 .elementor-element.elementor-element-a43abba .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-922 .elementor-element.elementor-element-a43abba .elementor-field-type-html{padding-bottom:0px;}.elementor-922 .elementor-element.elementor-element-a43abba .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-922 .elementor-element.elementor-element-a43abba .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-922 .elementor-element.elementor-element-a43abba .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-a43abba .elementor-button[type="submit"]{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-a43abba .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-922 .elementor-element.elementor-element-a43abba .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-a43abba .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-a43abba .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-a43abba .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-922 .elementor-element.elementor-element-a43abba .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-a91b0c2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.79;--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-922 .elementor-element.elementor-element-a91b0c2:not(.elementor-motion-effects-element-type-background), .elementor-922 .elementor-element.elementor-element-a91b0c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/12/Post-TRIO.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-922 .elementor-element.elementor-element-a91b0c2::before, .elementor-922 .elementor-element.elementor-element-a91b0c2 > .elementor-background-video-container::before, .elementor-922 .elementor-element.elementor-element-a91b0c2 > .e-con-inner > .elementor-background-video-container::before, .elementor-922 .elementor-element.elementor-element-a91b0c2 > .elementor-background-slideshow::before, .elementor-922 .elementor-element.elementor-element-a91b0c2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-922 .elementor-element.elementor-element-a91b0c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-922 .elementor-element.elementor-element-1fea4c2{--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;--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-922 .elementor-element.elementor-element-573c378{--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-922 .elementor-element.elementor-element-21708aa .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-0e6d6ef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 5px 0px 5px;--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-922 .elementor-element.elementor-element-0e6d6ef .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-field-group.recaptcha_v3-bottomleft, .elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-labels-inline .elementor-field-group > label{padding-left:13px;}body:not(.rtl) .elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-labels-inline .elementor-field-group > label{padding-right:13px;}body .elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-labels-above .elementor-field-group > label{padding-bottom:13px;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-field-type-html{padding-bottom:0px;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#BEBEBE;border-radius:0px 0px 0px 0px;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#BEBEBE;border-radius:0px 0px 0px 0px;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-field-group .elementor-select-wrapper::before{color:#BEBEBE;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-button[type="submit"]{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-922 .elementor-element.elementor-element-0e6d6ef .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-fe8a099{--display:flex;--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-922 .elementor-element.elementor-element-fa8f59a{--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-922 .elementor-element.elementor-element-bd409c0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 5px 0px 5px;--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-922 .elementor-element.elementor-element-bd409c0 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-922 .elementor-element.elementor-element-bd409c0 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-922 .elementor-element.elementor-element-bd409c0 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-922 .elementor-element.elementor-element-bd409c0 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-922 .elementor-element.elementor-element-bd409c0 .elementor-labels-inline .elementor-field-group > label{padding-left:13px;}body:not(.rtl) .elementor-922 .elementor-element.elementor-element-bd409c0 .elementor-labels-inline .elementor-field-group > label{padding-right:13px;}body .elementor-922 .elementor-element.elementor-element-bd409c0 .elementor-labels-above .elementor-field-group > label{padding-bottom:13px;}.elementor-922 .elementor-element.elementor-element-bd409c0 .elementor-field-type-html{padding-bottom:0px;}.elementor-922 .elementor-element.elementor-element-bd409c0 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-922 .elementor-element.elementor-element-bd409c0 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-922 .elementor-element.elementor-element-bd409c0 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-bd409c0 .elementor-button[type="submit"]{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-bd409c0 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-922 .elementor-element.elementor-element-bd409c0 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-bd409c0 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-bd409c0 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-bd409c0 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-922 .elementor-element.elementor-element-bd409c0 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-922 .elementor-element.elementor-element-3e19508{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-title-gap:14px;--n-tabs-gap:100px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:19px;--n-tabs-title-padding-right:19px;--n-tabs-title-padding-bottom:19px;--n-tabs-title-padding-left:19px;--n-tabs-title-font-size:19px;--n-tabs-title-direction:row;--n-tabs-icon-order:initial;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-size:20px;--n-tabs-icon-color:var( --e-global-color-secondary );--n-tabs-icon-color-active:#FFFFFF;}.elementor-922 .elementor-element.elementor-element-3e19508 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-922 .elementor-element.elementor-element-3e19508.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Panton Regular", Sans-serif;font-weight:normal;}.elementor-922 .elementor-element.elementor-element-3e19508 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-icon-color-hover:#FFFFFF;}.elementor-922 .elementor-element.elementor-element-063ec0c{--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:140px;--padding-bottom:140px;--padding-left:70px;--padding-right:70px;}.elementor-922 .elementor-element.elementor-element-063ec0c:not(.elementor-motion-effects-element-type-background), .elementor-922 .elementor-element.elementor-element-063ec0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-922 .elementor-element.elementor-element-f126d3e{--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-922 .elementor-element.elementor-element-84c1b28 .elementor-heading-title{font-family:"Panton Regular", Sans-serif;font-size:40px;font-weight:normal;color:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-e2782fe{font-size:21px;}.elementor-922 .elementor-element.elementor-element-14e53c2{--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-922 .elementor-element.elementor-element-9ad4fd6 .elementor-heading-title{font-family:"Panton Regular", Sans-serif;font-size:40px;font-weight:normal;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-5c0b53a{font-size:21px;}.elementor-922 .elementor-element.elementor-element-9fc6cf5{--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;--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-922 .elementor-element.elementor-element-ea953cc{width:var( --container-widget-width, 101.354% );max-width:101.354%;--container-widget-width:101.354%;--container-widget-flex-grow:0;}.elementor-922 .elementor-element.elementor-element-ea953cc.elementor-element{--flex-grow:0;--flex-shrink:0;}body.elementor-page-922:not(.elementor-motion-effects-element-type-background), body.elementor-page-922 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-922 .elementor-element.elementor-element-eb50b7c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-922 .elementor-element.elementor-element-392b931{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-922 .elementor-element.elementor-element-3e19508{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}}@media(min-width:768px){.elementor-922 .elementor-element.elementor-element-a2b4c1e{--width:100%;}.elementor-922 .elementor-element.elementor-element-392b931{--width:100%;}.elementor-922 .elementor-element.elementor-element-660e0a0{--width:50%;}.elementor-922 .elementor-element.elementor-element-f126d3e{--width:50%;}.elementor-922 .elementor-element.elementor-element-14e53c2{--width:50%;}.elementor-922 .elementor-element.elementor-element-9fc6cf5{--width:100%;}}@media(max-width:767px){.elementor-922 .elementor-element.elementor-element-f34d93d .elementor-heading-title{font-size:34px;}.elementor-922 .elementor-element.elementor-element-eb50b7c{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-922 .elementor-element.elementor-element-392b931{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-922 .elementor-element.elementor-element-0db4088{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-922 .elementor-element.elementor-element-a91b0c2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-922 .elementor-element.elementor-element-4603151{text-align:center;}.elementor-922 .elementor-element.elementor-element-3e19508{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}}/* Start custom CSS for form, class: .elementor-element-fe38b19 *//* ====================================================== FORM — BOX LINEAR (sem radius) Classe: form-otm-box ====================================================== */ .form-otm-box{ /* tokens locais */ --otm-box-bg: #fff; --otm-box-border: rgba(0,0,0,0.28); --otm-box-border-focus: rgba(20,168,90,0.55); --otm-box-text: #1a1a1a; --otm-box-placeholder: rgba(0,0,0,0.52); --otm-accent-1: var(--brand-green, #14a85a); --otm-accent-2: var(--brand-green-light, #37c57a); --otm-pad-y: 3px; /* ↓ reduz área de digitação (antes 10px) */ --otm-pad-x: 14px; --otm-gap: 14px; --otm-line-h: 2px; --otm-ease: ease; --otm-dur: 180ms; --otm-dur-line: var(--transition-smooth, 260ms ease); } /* Grupo do campo = “caixa” */ .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload){ position: relative; background: var(--otm-box-bg); border: 1px solid var(--otm-box-border); border-radius: 0; padding: var(--otm-pad-y) var(--otm-pad-x); margin-bottom: var(--otm-gap); transition: border-color var(--otm-dur) var(--otm-ease); } /* Linha animada inferior */ .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload)::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: var(--otm-line-h); background: linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); transform: scaleX(0); transform-origin: left; transition: transform var(--otm-dur-line); pointer-events: none; } .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):hover::after, .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):focus-within::after{ transform: scaleX(1); } .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):focus-within{ border-color: var(--otm-box-border-focus); } /* Campo */ .form-otm-box .elementor-field, .form-otm-box textarea.elementor-field, .form-otm-box select.elementor-field{ background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; font: inherit !important; color: var(--otm-box-text) !important; padding: var(--otm-pad-y) 0 !important; } /* Placeholder */ .form-otm-box .elementor-field::placeholder, .form-otm-box textarea.elementor-field::placeholder{ color: var(--otm-box-placeholder) !important; } /* Textarea */ .form-otm-box textarea.elementor-field{ min-height: 140px; resize: vertical; } /* Submit */ .form-otm-box .elementor-field-group.elementor-field-type-submit{ background: transparent !important; border: none !important; padding: 0 !important; } .form-otm-box .elementor-field-group.elementor-field-type-submit::after{ content: none !important; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-0e6d6ef *//* ====================================================== FIX — FORÇAR 2 COLUNAS (DESKTOP) + GAP BONITO Classe: form-otm-label-out ====================================================== */ .form-otm-label-out{ --otm-col-gap: 26px; /* espaço entre colunas */ --otm-row-gap: 14px; /* espaço entre linhas */ } /* Garante layout em flex com wrap (mantém 2 colunas) */ .form-otm-label-out .elementor-form-fields-wrapper{ display: flex !important; flex-wrap: wrap !important; gap: var(--otm-row-gap) var(--otm-col-gap) !important; } /* Colunas 50% no desktop (Elementor usa elementor-col-50) */ .form-otm-label-out .elementor-field-group.elementor-col-50{ flex: 0 0 calc(50% - (var(--otm-col-gap) / 2)) !important; max-width: calc(50% - (var(--otm-col-gap) / 2)) !important; box-sizing: border-box; } /* Campos 100% permanecem 100% (Mensagem / Submit etc.) */ .form-otm-label-out .elementor-field-group.elementor-col-100{ flex: 0 0 100% !important; max-width: 100% !important; box-sizing: border-box; } /* Mobile: 1 coluna */ @media (max-width: 767px){ .form-otm-label-out .elementor-form-fields-wrapper{ gap: 12px !important; } .form-otm-label-out .elementor-field-group.elementor-col-50, .form-otm-label-out .elementor-field-group.elementor-col-100{ flex: 0 0 100% !important; max-width: 100% !important; } } /* ====================================================== SELECT (FUNÇÃO) — SEM FUNDO + SETA CUSTOM + VISUAL MELHOR (customiza o select FECHADO; dropdown aberto é limitado) ====================================================== */ /* Base: remove aparência nativa e fundo */ .form-otm-label-out select.elementor-field{ background-color: transparent !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding-right: 44px !important; /* espaço da seta */ } /* Seta desenhada no grupo do select (mais confiável que background no select) */ .form-otm-label-out .elementor-field-group select.elementor-field{ position: relative; } .form-otm-label-out .elementor-field-group:has(select.elementor-field){ position: relative; } /* Ícone seta */ .form-otm-label-out .elementor-field-group:has(select.elementor-field)::before{ content: ""; position: absolute; right: 16px; /* alinha com a área do campo (abaixo do label) */ top: calc(10px + 22px); /* ajuste fino se seu label for maior/menor */ width: 10px; height: 10px; pointer-events: none; background: linear-gradient(135deg, #1a1a1a 50%, transparent 0) left, linear-gradient(225deg, #1a1a1a 50%, transparent 0) right; background-size: 50% 100%; background-repeat: no-repeat; transform: translateY(2px); opacity: .85; } /* Linha accent no select acompanha o mesmo comportamento (hover/focus) */ .form-otm-label-out select.elementor-field{ background-image: linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); background-repeat: no-repeat; background-position: 0 calc(100% + 1px); background-size: 0 var(--otm-line-h); transition: border-color var(--otm-dur) var(--otm-ease), background-size var(--otm-dur-line); } .form-otm-label-out select.elementor-field:hover, .form-otm-label-out select.elementor-field:focus{ background-size: 100% var(--otm-line-h); } /* Tentativa de melhorar opções (funciona só em alguns navegadores) */ .form-otm-label-out select.elementor-field option{ color: #1a1a1a; } /* ====================================================== SELECT (FUNÇÃO) — CORREÇÃO DEFINITIVA - elimina “caixa do Elementor” que está colidindo - aplica UMA caixa no select - seta limpa no campo fechado - NÃO altera layout de colunas Classe: form-otm-label-out ====================================================== */ /* 1) Neutraliza a “caixa” do Elementor SOMENTE no grupo do select */ .form-otm-label-out .elementor-field-group.elementor-field-type-select{ background: transparent !important; border: none !important; padding: 0 !important; } /* Alguns temas colocam borda no wrapper */ .form-otm-label-out .elementor-field-group.elementor-field-type-select .elementor-select-wrapper{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; position: relative; } /* Remove seta/pseudo padrão do Elementor (quando existir) */ .form-otm-label-out .elementor-field-group.elementor-field-type-select .elementor-select-wrapper::after{ content: none !important; } /* 2) A “única caixa” fica no select (campo fechado) */ .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field{ width: 100%; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background-color: transparent !important; border: 1px solid var(--otm-border) !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; font: inherit !important; color: var(--otm-text) !important; padding: var(--otm-pad-y) var(--otm-pad-x) !important; padding-right: 46px !important; /* espaço da seta */ /* seta (1ª camada) + linha accent (2ª camada) */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='%231a1a1a' d='M7 8L0 1.4 1.4 0 7 5.2 12.6 0 14 1.4z'/%3E%3C/svg%3E"), linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); background-repeat: no-repeat, no-repeat; background-position: right 14px center, 0 calc(100% + 1px); background-size: 12px 7px, 0 var(--otm-line-h); transition: border-color var(--otm-dur) var(--otm-ease), background-size var(--otm-dur-line); } /* Hover / Focus: ativa linha e melhora contorno */ .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field:hover{ border-color: var(--otm-border-hover) !important; background-size: 12px 7px, 100% var(--otm-line-h); } .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field:focus{ border-color: var(--otm-border-focus) !important; background-size: 12px 7px, 100% var(--otm-line-h); }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-fe38b19 *//* ====================================================== FORM — BOX LINEAR (sem radius) Classe: form-otm-box ====================================================== */ .form-otm-box{ /* tokens locais */ --otm-box-bg: #fff; --otm-box-border: rgba(0,0,0,0.28); --otm-box-border-focus: rgba(20,168,90,0.55); --otm-box-text: #1a1a1a; --otm-box-placeholder: rgba(0,0,0,0.52); --otm-accent-1: var(--brand-green, #14a85a); --otm-accent-2: var(--brand-green-light, #37c57a); --otm-pad-y: 3px; /* ↓ reduz área de digitação (antes 10px) */ --otm-pad-x: 14px; --otm-gap: 14px; --otm-line-h: 2px; --otm-ease: ease; --otm-dur: 180ms; --otm-dur-line: var(--transition-smooth, 260ms ease); } /* Grupo do campo = “caixa” */ .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload){ position: relative; background: var(--otm-box-bg); border: 1px solid var(--otm-box-border); border-radius: 0; padding: var(--otm-pad-y) var(--otm-pad-x); margin-bottom: var(--otm-gap); transition: border-color var(--otm-dur) var(--otm-ease); } /* Linha animada inferior */ .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload)::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: var(--otm-line-h); background: linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); transform: scaleX(0); transform-origin: left; transition: transform var(--otm-dur-line); pointer-events: none; } .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):hover::after, .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):focus-within::after{ transform: scaleX(1); } .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):focus-within{ border-color: var(--otm-box-border-focus); } /* Campo */ .form-otm-box .elementor-field, .form-otm-box textarea.elementor-field, .form-otm-box select.elementor-field{ background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; font: inherit !important; color: var(--otm-box-text) !important; padding: var(--otm-pad-y) 0 !important; } /* Placeholder */ .form-otm-box .elementor-field::placeholder, .form-otm-box textarea.elementor-field::placeholder{ color: var(--otm-box-placeholder) !important; } /* Textarea */ .form-otm-box textarea.elementor-field{ min-height: 140px; resize: vertical; } /* Submit */ .form-otm-box .elementor-field-group.elementor-field-type-submit{ background: transparent !important; border: none !important; padding: 0 !important; } .form-otm-box .elementor-field-group.elementor-field-type-submit::after{ content: none !important; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-0e6d6ef *//* ====================================================== FIX — FORÇAR 2 COLUNAS (DESKTOP) + GAP BONITO Classe: form-otm-label-out ====================================================== */ .form-otm-label-out{ --otm-col-gap: 26px; /* espaço entre colunas */ --otm-row-gap: 14px; /* espaço entre linhas */ } /* Garante layout em flex com wrap (mantém 2 colunas) */ .form-otm-label-out .elementor-form-fields-wrapper{ display: flex !important; flex-wrap: wrap !important; gap: var(--otm-row-gap) var(--otm-col-gap) !important; } /* Colunas 50% no desktop (Elementor usa elementor-col-50) */ .form-otm-label-out .elementor-field-group.elementor-col-50{ flex: 0 0 calc(50% - (var(--otm-col-gap) / 2)) !important; max-width: calc(50% - (var(--otm-col-gap) / 2)) !important; box-sizing: border-box; } /* Campos 100% permanecem 100% (Mensagem / Submit etc.) */ .form-otm-label-out .elementor-field-group.elementor-col-100{ flex: 0 0 100% !important; max-width: 100% !important; box-sizing: border-box; } /* Mobile: 1 coluna */ @media (max-width: 767px){ .form-otm-label-out .elementor-form-fields-wrapper{ gap: 12px !important; } .form-otm-label-out .elementor-field-group.elementor-col-50, .form-otm-label-out .elementor-field-group.elementor-col-100{ flex: 0 0 100% !important; max-width: 100% !important; } } /* ====================================================== SELECT (FUNÇÃO) — SEM FUNDO + SETA CUSTOM + VISUAL MELHOR (customiza o select FECHADO; dropdown aberto é limitado) ====================================================== */ /* Base: remove aparência nativa e fundo */ .form-otm-label-out select.elementor-field{ background-color: transparent !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding-right: 44px !important; /* espaço da seta */ } /* Seta desenhada no grupo do select (mais confiável que background no select) */ .form-otm-label-out .elementor-field-group select.elementor-field{ position: relative; } .form-otm-label-out .elementor-field-group:has(select.elementor-field){ position: relative; } /* Ícone seta */ .form-otm-label-out .elementor-field-group:has(select.elementor-field)::before{ content: ""; position: absolute; right: 16px; /* alinha com a área do campo (abaixo do label) */ top: calc(10px + 22px); /* ajuste fino se seu label for maior/menor */ width: 10px; height: 10px; pointer-events: none; background: linear-gradient(135deg, #1a1a1a 50%, transparent 0) left, linear-gradient(225deg, #1a1a1a 50%, transparent 0) right; background-size: 50% 100%; background-repeat: no-repeat; transform: translateY(2px); opacity: .85; } /* Linha accent no select acompanha o mesmo comportamento (hover/focus) */ .form-otm-label-out select.elementor-field{ background-image: linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); background-repeat: no-repeat; background-position: 0 calc(100% + 1px); background-size: 0 var(--otm-line-h); transition: border-color var(--otm-dur) var(--otm-ease), background-size var(--otm-dur-line); } .form-otm-label-out select.elementor-field:hover, .form-otm-label-out select.elementor-field:focus{ background-size: 100% var(--otm-line-h); } /* Tentativa de melhorar opções (funciona só em alguns navegadores) */ .form-otm-label-out select.elementor-field option{ color: #1a1a1a; } /* ====================================================== SELECT (FUNÇÃO) — CORREÇÃO DEFINITIVA - elimina “caixa do Elementor” que está colidindo - aplica UMA caixa no select - seta limpa no campo fechado - NÃO altera layout de colunas Classe: form-otm-label-out ====================================================== */ /* 1) Neutraliza a “caixa” do Elementor SOMENTE no grupo do select */ .form-otm-label-out .elementor-field-group.elementor-field-type-select{ background: transparent !important; border: none !important; padding: 0 !important; } /* Alguns temas colocam borda no wrapper */ .form-otm-label-out .elementor-field-group.elementor-field-type-select .elementor-select-wrapper{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; position: relative; } /* Remove seta/pseudo padrão do Elementor (quando existir) */ .form-otm-label-out .elementor-field-group.elementor-field-type-select .elementor-select-wrapper::after{ content: none !important; } /* 2) A “única caixa” fica no select (campo fechado) */ .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field{ width: 100%; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background-color: transparent !important; border: 1px solid var(--otm-border) !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; font: inherit !important; color: var(--otm-text) !important; padding: var(--otm-pad-y) var(--otm-pad-x) !important; padding-right: 46px !important; /* espaço da seta */ /* seta (1ª camada) + linha accent (2ª camada) */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='%231a1a1a' d='M7 8L0 1.4 1.4 0 7 5.2 12.6 0 14 1.4z'/%3E%3C/svg%3E"), linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); background-repeat: no-repeat, no-repeat; background-position: right 14px center, 0 calc(100% + 1px); background-size: 12px 7px, 0 var(--otm-line-h); transition: border-color var(--otm-dur) var(--otm-ease), background-size var(--otm-dur-line); } /* Hover / Focus: ativa linha e melhora contorno */ .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field:hover{ border-color: var(--otm-border-hover) !important; background-size: 12px 7px, 100% var(--otm-line-h); } .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field:focus{ border-color: var(--otm-border-focus) !important; background-size: 12px 7px, 100% var(--otm-line-h); }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-fe38b19 *//* ====================================================== FORM — BOX LINEAR (sem radius) Classe: form-otm-box ====================================================== */ .form-otm-box{ /* tokens locais */ --otm-box-bg: #fff; --otm-box-border: rgba(0,0,0,0.28); --otm-box-border-focus: rgba(20,168,90,0.55); --otm-box-text: #1a1a1a; --otm-box-placeholder: rgba(0,0,0,0.52); --otm-accent-1: var(--brand-green, #14a85a); --otm-accent-2: var(--brand-green-light, #37c57a); --otm-pad-y: 3px; /* ↓ reduz área de digitação (antes 10px) */ --otm-pad-x: 14px; --otm-gap: 14px; --otm-line-h: 2px; --otm-ease: ease; --otm-dur: 180ms; --otm-dur-line: var(--transition-smooth, 260ms ease); } /* Grupo do campo = “caixa” */ .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload){ position: relative; background: var(--otm-box-bg); border: 1px solid var(--otm-box-border); border-radius: 0; padding: var(--otm-pad-y) var(--otm-pad-x); margin-bottom: var(--otm-gap); transition: border-color var(--otm-dur) var(--otm-ease); } /* Linha animada inferior */ .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload)::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: var(--otm-line-h); background: linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); transform: scaleX(0); transform-origin: left; transition: transform var(--otm-dur-line); pointer-events: none; } .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):hover::after, .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):focus-within::after{ transform: scaleX(1); } .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):focus-within{ border-color: var(--otm-box-border-focus); } /* Campo */ .form-otm-box .elementor-field, .form-otm-box textarea.elementor-field, .form-otm-box select.elementor-field{ background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; font: inherit !important; color: var(--otm-box-text) !important; padding: var(--otm-pad-y) 0 !important; } /* Placeholder */ .form-otm-box .elementor-field::placeholder, .form-otm-box textarea.elementor-field::placeholder{ color: var(--otm-box-placeholder) !important; } /* Textarea */ .form-otm-box textarea.elementor-field{ min-height: 140px; resize: vertical; } /* Submit */ .form-otm-box .elementor-field-group.elementor-field-type-submit{ background: transparent !important; border: none !important; padding: 0 !important; } .form-otm-box .elementor-field-group.elementor-field-type-submit::after{ content: none !important; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-0e6d6ef *//* ====================================================== FIX — FORÇAR 2 COLUNAS (DESKTOP) + GAP BONITO Classe: form-otm-label-out ====================================================== */ .form-otm-label-out{ --otm-col-gap: 26px; /* espaço entre colunas */ --otm-row-gap: 14px; /* espaço entre linhas */ } /* Garante layout em flex com wrap (mantém 2 colunas) */ .form-otm-label-out .elementor-form-fields-wrapper{ display: flex !important; flex-wrap: wrap !important; gap: var(--otm-row-gap) var(--otm-col-gap) !important; } /* Colunas 50% no desktop (Elementor usa elementor-col-50) */ .form-otm-label-out .elementor-field-group.elementor-col-50{ flex: 0 0 calc(50% - (var(--otm-col-gap) / 2)) !important; max-width: calc(50% - (var(--otm-col-gap) / 2)) !important; box-sizing: border-box; } /* Campos 100% permanecem 100% (Mensagem / Submit etc.) */ .form-otm-label-out .elementor-field-group.elementor-col-100{ flex: 0 0 100% !important; max-width: 100% !important; box-sizing: border-box; } /* Mobile: 1 coluna */ @media (max-width: 767px){ .form-otm-label-out .elementor-form-fields-wrapper{ gap: 12px !important; } .form-otm-label-out .elementor-field-group.elementor-col-50, .form-otm-label-out .elementor-field-group.elementor-col-100{ flex: 0 0 100% !important; max-width: 100% !important; } } /* ====================================================== SELECT (FUNÇÃO) — SEM FUNDO + SETA CUSTOM + VISUAL MELHOR (customiza o select FECHADO; dropdown aberto é limitado) ====================================================== */ /* Base: remove aparência nativa e fundo */ .form-otm-label-out select.elementor-field{ background-color: transparent !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding-right: 44px !important; /* espaço da seta */ } /* Seta desenhada no grupo do select (mais confiável que background no select) */ .form-otm-label-out .elementor-field-group select.elementor-field{ position: relative; } .form-otm-label-out .elementor-field-group:has(select.elementor-field){ position: relative; } /* Ícone seta */ .form-otm-label-out .elementor-field-group:has(select.elementor-field)::before{ content: ""; position: absolute; right: 16px; /* alinha com a área do campo (abaixo do label) */ top: calc(10px + 22px); /* ajuste fino se seu label for maior/menor */ width: 10px; height: 10px; pointer-events: none; background: linear-gradient(135deg, #1a1a1a 50%, transparent 0) left, linear-gradient(225deg, #1a1a1a 50%, transparent 0) right; background-size: 50% 100%; background-repeat: no-repeat; transform: translateY(2px); opacity: .85; } /* Linha accent no select acompanha o mesmo comportamento (hover/focus) */ .form-otm-label-out select.elementor-field{ background-image: linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); background-repeat: no-repeat; background-position: 0 calc(100% + 1px); background-size: 0 var(--otm-line-h); transition: border-color var(--otm-dur) var(--otm-ease), background-size var(--otm-dur-line); } .form-otm-label-out select.elementor-field:hover, .form-otm-label-out select.elementor-field:focus{ background-size: 100% var(--otm-line-h); } /* Tentativa de melhorar opções (funciona só em alguns navegadores) */ .form-otm-label-out select.elementor-field option{ color: #1a1a1a; } /* ====================================================== SELECT (FUNÇÃO) — CORREÇÃO DEFINITIVA - elimina “caixa do Elementor” que está colidindo - aplica UMA caixa no select - seta limpa no campo fechado - NÃO altera layout de colunas Classe: form-otm-label-out ====================================================== */ /* 1) Neutraliza a “caixa” do Elementor SOMENTE no grupo do select */ .form-otm-label-out .elementor-field-group.elementor-field-type-select{ background: transparent !important; border: none !important; padding: 0 !important; } /* Alguns temas colocam borda no wrapper */ .form-otm-label-out .elementor-field-group.elementor-field-type-select .elementor-select-wrapper{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; position: relative; } /* Remove seta/pseudo padrão do Elementor (quando existir) */ .form-otm-label-out .elementor-field-group.elementor-field-type-select .elementor-select-wrapper::after{ content: none !important; } /* 2) A “única caixa” fica no select (campo fechado) */ .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field{ width: 100%; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background-color: transparent !important; border: 1px solid var(--otm-border) !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; font: inherit !important; color: var(--otm-text) !important; padding: var(--otm-pad-y) var(--otm-pad-x) !important; padding-right: 46px !important; /* espaço da seta */ /* seta (1ª camada) + linha accent (2ª camada) */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='%231a1a1a' d='M7 8L0 1.4 1.4 0 7 5.2 12.6 0 14 1.4z'/%3E%3C/svg%3E"), linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); background-repeat: no-repeat, no-repeat; background-position: right 14px center, 0 calc(100% + 1px); background-size: 12px 7px, 0 var(--otm-line-h); transition: border-color var(--otm-dur) var(--otm-ease), background-size var(--otm-dur-line); } /* Hover / Focus: ativa linha e melhora contorno */ .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field:hover{ border-color: var(--otm-border-hover) !important; background-size: 12px 7px, 100% var(--otm-line-h); } .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field:focus{ border-color: var(--otm-border-focus) !important; background-size: 12px 7px, 100% var(--otm-line-h); }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-fe38b19 *//* ====================================================== FORM — BOX LINEAR (sem radius) Classe: form-otm-box ====================================================== */ .form-otm-box{ /* tokens locais */ --otm-box-bg: #fff; --otm-box-border: rgba(0,0,0,0.28); --otm-box-border-focus: rgba(20,168,90,0.55); --otm-box-text: #1a1a1a; --otm-box-placeholder: rgba(0,0,0,0.52); --otm-accent-1: var(--brand-green, #14a85a); --otm-accent-2: var(--brand-green-light, #37c57a); --otm-pad-y: 3px; /* ↓ reduz área de digitação (antes 10px) */ --otm-pad-x: 14px; --otm-gap: 14px; --otm-line-h: 2px; --otm-ease: ease; --otm-dur: 180ms; --otm-dur-line: var(--transition-smooth, 260ms ease); } /* Grupo do campo = “caixa” */ .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload){ position: relative; background: var(--otm-box-bg); border: 1px solid var(--otm-box-border); border-radius: 0; padding: var(--otm-pad-y) var(--otm-pad-x); margin-bottom: var(--otm-gap); transition: border-color var(--otm-dur) var(--otm-ease); } /* Linha animada inferior */ .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload)::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: var(--otm-line-h); background: linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); transform: scaleX(0); transform-origin: left; transition: transform var(--otm-dur-line); pointer-events: none; } .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):hover::after, .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):focus-within::after{ transform: scaleX(1); } .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):focus-within{ border-color: var(--otm-box-border-focus); } /* Campo */ .form-otm-box .elementor-field, .form-otm-box textarea.elementor-field, .form-otm-box select.elementor-field{ background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; font: inherit !important; color: var(--otm-box-text) !important; padding: var(--otm-pad-y) 0 !important; } /* Placeholder */ .form-otm-box .elementor-field::placeholder, .form-otm-box textarea.elementor-field::placeholder{ color: var(--otm-box-placeholder) !important; } /* Textarea */ .form-otm-box textarea.elementor-field{ min-height: 140px; resize: vertical; } /* Submit */ .form-otm-box .elementor-field-group.elementor-field-type-submit{ background: transparent !important; border: none !important; padding: 0 !important; } .form-otm-box .elementor-field-group.elementor-field-type-submit::after{ content: none !important; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-0e6d6ef *//* ====================================================== FIX — FORÇAR 2 COLUNAS (DESKTOP) + GAP BONITO Classe: form-otm-label-out ====================================================== */ .form-otm-label-out{ --otm-col-gap: 26px; /* espaço entre colunas */ --otm-row-gap: 14px; /* espaço entre linhas */ } /* Garante layout em flex com wrap (mantém 2 colunas) */ .form-otm-label-out .elementor-form-fields-wrapper{ display: flex !important; flex-wrap: wrap !important; gap: var(--otm-row-gap) var(--otm-col-gap) !important; } /* Colunas 50% no desktop (Elementor usa elementor-col-50) */ .form-otm-label-out .elementor-field-group.elementor-col-50{ flex: 0 0 calc(50% - (var(--otm-col-gap) / 2)) !important; max-width: calc(50% - (var(--otm-col-gap) / 2)) !important; box-sizing: border-box; } /* Campos 100% permanecem 100% (Mensagem / Submit etc.) */ .form-otm-label-out .elementor-field-group.elementor-col-100{ flex: 0 0 100% !important; max-width: 100% !important; box-sizing: border-box; } /* Mobile: 1 coluna */ @media (max-width: 767px){ .form-otm-label-out .elementor-form-fields-wrapper{ gap: 12px !important; } .form-otm-label-out .elementor-field-group.elementor-col-50, .form-otm-label-out .elementor-field-group.elementor-col-100{ flex: 0 0 100% !important; max-width: 100% !important; } } /* ====================================================== SELECT (FUNÇÃO) — SEM FUNDO + SETA CUSTOM + VISUAL MELHOR (customiza o select FECHADO; dropdown aberto é limitado) ====================================================== */ /* Base: remove aparência nativa e fundo */ .form-otm-label-out select.elementor-field{ background-color: transparent !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding-right: 44px !important; /* espaço da seta */ } /* Seta desenhada no grupo do select (mais confiável que background no select) */ .form-otm-label-out .elementor-field-group select.elementor-field{ position: relative; } .form-otm-label-out .elementor-field-group:has(select.elementor-field){ position: relative; } /* Ícone seta */ .form-otm-label-out .elementor-field-group:has(select.elementor-field)::before{ content: ""; position: absolute; right: 16px; /* alinha com a área do campo (abaixo do label) */ top: calc(10px + 22px); /* ajuste fino se seu label for maior/menor */ width: 10px; height: 10px; pointer-events: none; background: linear-gradient(135deg, #1a1a1a 50%, transparent 0) left, linear-gradient(225deg, #1a1a1a 50%, transparent 0) right; background-size: 50% 100%; background-repeat: no-repeat; transform: translateY(2px); opacity: .85; } /* Linha accent no select acompanha o mesmo comportamento (hover/focus) */ .form-otm-label-out select.elementor-field{ background-image: linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); background-repeat: no-repeat; background-position: 0 calc(100% + 1px); background-size: 0 var(--otm-line-h); transition: border-color var(--otm-dur) var(--otm-ease), background-size var(--otm-dur-line); } .form-otm-label-out select.elementor-field:hover, .form-otm-label-out select.elementor-field:focus{ background-size: 100% var(--otm-line-h); } /* Tentativa de melhorar opções (funciona só em alguns navegadores) */ .form-otm-label-out select.elementor-field option{ color: #1a1a1a; } /* ====================================================== SELECT (FUNÇÃO) — CORREÇÃO DEFINITIVA - elimina “caixa do Elementor” que está colidindo - aplica UMA caixa no select - seta limpa no campo fechado - NÃO altera layout de colunas Classe: form-otm-label-out ====================================================== */ /* 1) Neutraliza a “caixa” do Elementor SOMENTE no grupo do select */ .form-otm-label-out .elementor-field-group.elementor-field-type-select{ background: transparent !important; border: none !important; padding: 0 !important; } /* Alguns temas colocam borda no wrapper */ .form-otm-label-out .elementor-field-group.elementor-field-type-select .elementor-select-wrapper{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; position: relative; } /* Remove seta/pseudo padrão do Elementor (quando existir) */ .form-otm-label-out .elementor-field-group.elementor-field-type-select .elementor-select-wrapper::after{ content: none !important; } /* 2) A “única caixa” fica no select (campo fechado) */ .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field{ width: 100%; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background-color: transparent !important; border: 1px solid var(--otm-border) !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; font: inherit !important; color: var(--otm-text) !important; padding: var(--otm-pad-y) var(--otm-pad-x) !important; padding-right: 46px !important; /* espaço da seta */ /* seta (1ª camada) + linha accent (2ª camada) */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='%231a1a1a' d='M7 8L0 1.4 1.4 0 7 5.2 12.6 0 14 1.4z'/%3E%3C/svg%3E"), linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); background-repeat: no-repeat, no-repeat; background-position: right 14px center, 0 calc(100% + 1px); background-size: 12px 7px, 0 var(--otm-line-h); transition: border-color var(--otm-dur) var(--otm-ease), background-size var(--otm-dur-line); } /* Hover / Focus: ativa linha e melhora contorno */ .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field:hover{ border-color: var(--otm-border-hover) !important; background-size: 12px 7px, 100% var(--otm-line-h); } .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field:focus{ border-color: var(--otm-border-focus) !important; background-size: 12px 7px, 100% var(--otm-line-h); }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-fe38b19 *//* ====================================================== FORM — BOX LINEAR (sem radius) Classe: form-otm-box ====================================================== */ .form-otm-box{ /* tokens locais */ --otm-box-bg: #fff; --otm-box-border: rgba(0,0,0,0.28); --otm-box-border-focus: rgba(20,168,90,0.55); --otm-box-text: #1a1a1a; --otm-box-placeholder: rgba(0,0,0,0.52); --otm-accent-1: var(--brand-green, #14a85a); --otm-accent-2: var(--brand-green-light, #37c57a); --otm-pad-y: 3px; /* ↓ reduz área de digitação (antes 10px) */ --otm-pad-x: 14px; --otm-gap: 14px; --otm-line-h: 2px; --otm-ease: ease; --otm-dur: 180ms; --otm-dur-line: var(--transition-smooth, 260ms ease); } /* Grupo do campo = “caixa” */ .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload){ position: relative; background: var(--otm-box-bg); border: 1px solid var(--otm-box-border); border-radius: 0; padding: var(--otm-pad-y) var(--otm-pad-x); margin-bottom: var(--otm-gap); transition: border-color var(--otm-dur) var(--otm-ease); } /* Linha animada inferior */ .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload)::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: var(--otm-line-h); background: linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); transform: scaleX(0); transform-origin: left; transition: transform var(--otm-dur-line); pointer-events: none; } .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):hover::after, .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):focus-within::after{ transform: scaleX(1); } .form-otm-box .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-type-acceptance):not(.elementor-field-type-upload):focus-within{ border-color: var(--otm-box-border-focus); } /* Campo */ .form-otm-box .elementor-field, .form-otm-box textarea.elementor-field, .form-otm-box select.elementor-field{ background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; font: inherit !important; color: var(--otm-box-text) !important; padding: var(--otm-pad-y) 0 !important; } /* Placeholder */ .form-otm-box .elementor-field::placeholder, .form-otm-box textarea.elementor-field::placeholder{ color: var(--otm-box-placeholder) !important; } /* Textarea */ .form-otm-box textarea.elementor-field{ min-height: 140px; resize: vertical; } /* Submit */ .form-otm-box .elementor-field-group.elementor-field-type-submit{ background: transparent !important; border: none !important; padding: 0 !important; } .form-otm-box .elementor-field-group.elementor-field-type-submit::after{ content: none !important; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-0e6d6ef *//* ====================================================== FIX — FORÇAR 2 COLUNAS (DESKTOP) + GAP BONITO Classe: form-otm-label-out ====================================================== */ .form-otm-label-out{ --otm-col-gap: 26px; /* espaço entre colunas */ --otm-row-gap: 14px; /* espaço entre linhas */ } /* Garante layout em flex com wrap (mantém 2 colunas) */ .form-otm-label-out .elementor-form-fields-wrapper{ display: flex !important; flex-wrap: wrap !important; gap: var(--otm-row-gap) var(--otm-col-gap) !important; } /* Colunas 50% no desktop (Elementor usa elementor-col-50) */ .form-otm-label-out .elementor-field-group.elementor-col-50{ flex: 0 0 calc(50% - (var(--otm-col-gap) / 2)) !important; max-width: calc(50% - (var(--otm-col-gap) / 2)) !important; box-sizing: border-box; } /* Campos 100% permanecem 100% (Mensagem / Submit etc.) */ .form-otm-label-out .elementor-field-group.elementor-col-100{ flex: 0 0 100% !important; max-width: 100% !important; box-sizing: border-box; } /* Mobile: 1 coluna */ @media (max-width: 767px){ .form-otm-label-out .elementor-form-fields-wrapper{ gap: 12px !important; } .form-otm-label-out .elementor-field-group.elementor-col-50, .form-otm-label-out .elementor-field-group.elementor-col-100{ flex: 0 0 100% !important; max-width: 100% !important; } } /* ====================================================== SELECT (FUNÇÃO) — SEM FUNDO + SETA CUSTOM + VISUAL MELHOR (customiza o select FECHADO; dropdown aberto é limitado) ====================================================== */ /* Base: remove aparência nativa e fundo */ .form-otm-label-out select.elementor-field{ background-color: transparent !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding-right: 44px !important; /* espaço da seta */ } /* Seta desenhada no grupo do select (mais confiável que background no select) */ .form-otm-label-out .elementor-field-group select.elementor-field{ position: relative; } .form-otm-label-out .elementor-field-group:has(select.elementor-field){ position: relative; } /* Ícone seta */ .form-otm-label-out .elementor-field-group:has(select.elementor-field)::before{ content: ""; position: absolute; right: 16px; /* alinha com a área do campo (abaixo do label) */ top: calc(10px + 22px); /* ajuste fino se seu label for maior/menor */ width: 10px; height: 10px; pointer-events: none; background: linear-gradient(135deg, #1a1a1a 50%, transparent 0) left, linear-gradient(225deg, #1a1a1a 50%, transparent 0) right; background-size: 50% 100%; background-repeat: no-repeat; transform: translateY(2px); opacity: .85; } /* Linha accent no select acompanha o mesmo comportamento (hover/focus) */ .form-otm-label-out select.elementor-field{ background-image: linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); background-repeat: no-repeat; background-position: 0 calc(100% + 1px); background-size: 0 var(--otm-line-h); transition: border-color var(--otm-dur) var(--otm-ease), background-size var(--otm-dur-line); } .form-otm-label-out select.elementor-field:hover, .form-otm-label-out select.elementor-field:focus{ background-size: 100% var(--otm-line-h); } /* Tentativa de melhorar opções (funciona só em alguns navegadores) */ .form-otm-label-out select.elementor-field option{ color: #1a1a1a; } /* ====================================================== SELECT (FUNÇÃO) — CORREÇÃO DEFINITIVA - elimina “caixa do Elementor” que está colidindo - aplica UMA caixa no select - seta limpa no campo fechado - NÃO altera layout de colunas Classe: form-otm-label-out ====================================================== */ /* 1) Neutraliza a “caixa” do Elementor SOMENTE no grupo do select */ .form-otm-label-out .elementor-field-group.elementor-field-type-select{ background: transparent !important; border: none !important; padding: 0 !important; } /* Alguns temas colocam borda no wrapper */ .form-otm-label-out .elementor-field-group.elementor-field-type-select .elementor-select-wrapper{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; position: relative; } /* Remove seta/pseudo padrão do Elementor (quando existir) */ .form-otm-label-out .elementor-field-group.elementor-field-type-select .elementor-select-wrapper::after{ content: none !important; } /* 2) A “única caixa” fica no select (campo fechado) */ .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field{ width: 100%; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background-color: transparent !important; border: 1px solid var(--otm-border) !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; font: inherit !important; color: var(--otm-text) !important; padding: var(--otm-pad-y) var(--otm-pad-x) !important; padding-right: 46px !important; /* espaço da seta */ /* seta (1ª camada) + linha accent (2ª camada) */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='%231a1a1a' d='M7 8L0 1.4 1.4 0 7 5.2 12.6 0 14 1.4z'/%3E%3C/svg%3E"), linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); background-repeat: no-repeat, no-repeat; background-position: right 14px center, 0 calc(100% + 1px); background-size: 12px 7px, 0 var(--otm-line-h); transition: border-color var(--otm-dur) var(--otm-ease), background-size var(--otm-dur-line); } /* Hover / Focus: ativa linha e melhora contorno */ .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field:hover{ border-color: var(--otm-border-hover) !important; background-size: 12px 7px, 100% var(--otm-line-h); } .form-otm-label-out .elementor-field-group.elementor-field-type-select select.elementor-field:focus{ border-color: var(--otm-border-focus) !important; background-size: 12px 7px, 100% var(--otm-line-h); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-3e19508 *//* ====================================================== FORM — LABEL FORA DA CAIXA + 2 COLUNAS PRESERVADAS Classe: form-otm-label-out ====================================================== */ .form-otm-label-out{ --otm-bg: #ffffff; --otm-border: rgba(0,0,0,0.28); --otm-border-hover: rgba(0,0,0,0.38); --otm-border-focus: rgba(20,168,90,0.55); --otm-text: #1a1a1a; --otm-placeholder: rgba(0,0,0,0.52); --otm-accent-1: var(--brand-green, #14a85a); --otm-accent-2: var(--brand-green-light, #37c57a); --otm-pad-y: 8px; /* altura do campo */ --otm-pad-x: 14px; /* lateral do campo */ --otm-gap-label: 6px; /* espaço entre label e caixa */ --otm-line-h: 2px; --otm-ease: cubic-bezier(0.2, 0.7, 0.2, 1); --otm-dur: 180ms; --otm-dur-line: var(--transition-smooth, 260ms ease); } /* IMPORTANTÍSSIMO: não “engordar” a coluna */ .form-otm-label-out .elementor-field-group{ box-sizing: border-box; padding: 0 !important; /* evita empurrar/estourar as 2 colunas */ border: 0 !important; /* a caixa será no input, não no grupo */ background: transparent !important; } /* Label fora da caixa */ .form-otm-label-out .elementor-field-label{ display: block; margin: 0 0 var(--otm-gap-label) 0; color: rgba(0,0,0,0.88); line-height: 1.15; } /* Obrigatório */ .form-otm-label-out .elementor-field-label .required{ color: #d12b2b; } /* Caixa aplicada NO CAMPO (input/textarea/select) */ .form-otm-label-out .elementor-field, .form-otm-label-out textarea.elementor-field, .form-otm-label-out select.elementor-field{ box-sizing: border-box; width: 100%; background-color: var(--otm-bg) !important; border: 1px solid var(--otm-border) !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; font: inherit !important; color: var(--otm-text) !important; padding: var(--otm-pad-y) var(--otm-pad-x) !important; /* Linha animada inferior (accent) sem pseudo-elemento */ background-image: linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); background-repeat: no-repeat; background-position: 0 calc(100% + 1px); background-size: 0 var(--otm-line-h); transition: border-color var(--otm-dur) var(--otm-ease), background-size var(--otm-dur-line); } /* Hover */ .form-otm-label-out .elementor-field:hover, .form-otm-label-out textarea.elementor-field:hover, .form-otm-label-out select.elementor-field:hover{ border-color: var(--otm-border-hover) !important; background-size: 100% var(--otm-line-h); } /* Focus */ .form-otm-label-out .elementor-field:focus, .form-otm-label-out textarea.elementor-field:focus, .form-otm-label-out select.elementor-field:focus{ border-color: var(--otm-border-focus) !important; background-size: 100% var(--otm-line-h); } /* Placeholder */ .form-otm-label-out .elementor-field::placeholder, .form-otm-label-out textarea.elementor-field::placeholder{ color: var(--otm-placeholder) !important; } /* Textarea */ .form-otm-label-out textarea.elementor-field{ min-height: 140px; resize: vertical; } /* Upload: mantém controle nativo, mas com visual consistente */ .form-otm-label-out .elementor-field-group.elementor-field-type-upload .elementor-field{ padding: 10px var(--otm-pad-x) !important; } /* Submit: não mexe no botão */ .form-otm-label-out .elementor-field-group.elementor-field-type-submit{ padding: 0 !important; border: 0 !important; background: transparent !important; } /* ====================================================== AJUSTE — ESPAÇAMENTO ENTRE COLUNAS (2-col) ====================================================== */ .form-otm-label-out{ --otm-col-gap: 26px; /* aumente/diminua aqui (ex: 22px, 30px) */ } .form-otm-label-out .elementor-form-fields-wrapper{ column-gap: var(--otm-col-gap); } /* ====================================================== SELECT (FUNÇÃO) — SEM FUNDO + MAIS BONITO - remove fundo do select - seta custom (limpa) - mantém linha accent animada (hover/focus) ====================================================== */ .form-otm-label-out select.elementor-field{ background-color: transparent !important; /* remove o fundo (fica “vazado”) */ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 44px !important; /* espaço para a seta */ /* 2 camadas: (1) seta (2) linha accent animada */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='%231a1a1a' d='M7 8L0 1.4 1.4 0 7 5.2 12.6 0 14 1.4z'/%3E%3C/svg%3E"), linear-gradient(90deg, var(--otm-accent-1), var(--otm-accent-2)); background-repeat: no-repeat, no-repeat; background-position: right 14px center, 0 calc(100% + 1px); /* base: seta fixa + linha “fechada” */ background-size: 12px 7px, 0 var(--otm-line-h); transition: border-color var(--otm-dur) var(--otm-ease), background-size var(--otm-dur-line); } /* Hover/Focus: abre a linha accent (2ª camada) */ .form-otm-label-out select.elementor-field:hover, .form-otm-label-out select.elementor-field:focus{ background-size: 12px 7px, 100% var(--otm-line-h); } /* Dropdown (lista de opções) — limitações do navegador, mas melhora o básico */ .form-otm-label-out select.elementor-field option{ color: #1a1a1a; background: #ffffff; } /* ====================================================== UPLOAD (CV) — SEM FUNDO / SEM CAIXA Classe: form-otm-label-out ====================================================== */ /* Remove a “caixa” do campo de upload */ .form-otm-label-out .elementor-field-group.elementor-field-type-upload{ background: transparent !important; border: none !important; padding: 0 !important; } /* Wrapper interno (alguns temas adicionam fundo aqui) */ .form-otm-label-out .elementor-field-group.elementor-field-type-upload .elementor-field{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } /* Mantém o botão “Escolher arquivo” limpo e alinhado */ .form-otm-label-out .elementor-field-group.elementor-field-type-upload .elementor-button{ margin-right: 10px; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Panton Regular'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-Regular.eot'); src: url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-Regular.eot?#iefix') format('embedded-opentype'), url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-Regular.woff2') format('woff2'), url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-Regular.woff') format('woff'), url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-Regular.ttf') format('truetype'); } @font-face { font-family: 'Panton Regular'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-Bold.eot'); src: url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-Bold.eot?#iefix') format('embedded-opentype'), url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-Bold.woff2') format('woff2'), url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-Bold.woff') format('woff'), url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-Bold.ttf') format('truetype'); } @font-face { font-family: 'Panton Regular'; font-style: italic; font-weight: 100; font-display: auto; src: url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-RegularItalic.eot'); src: url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-RegularItalic.eot?#iefix') format('embedded-opentype'), url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-RegularItalic.woff2') format('woff2'), url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-RegularItalic.woff') format('woff'), url('https://lightsalmon-viper-404602.hostingersite.com/wp-content/uploads/2025/11/Panton-RegularItalic.ttf') format('truetype'); } /* End Custom Fonts CSS */