.elementor-3335 .elementor-element.elementor-element-af11e4b{--display:flex;--min-height:560px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;--padding-block-start:150px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3335 .elementor-element.elementor-element-9fe1cb3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-3270d19 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:700;}.elementor-3335 .elementor-element.elementor-element-d462e03{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-3335 .elementor-element.elementor-element-d462e03 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-3335 .elementor-element.elementor-element-c142c94{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;--margin-block-start:30px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-3335 .elementor-element.elementor-element-8889870{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:flex-start;--align-items:center;--gap:12px 8px;--flex-wrap:wrap;--align-content:center;--background-transition:0.3s;--margin-block-start:50px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-3335 .elementor-element.elementor-element-8889870.e-con{--align-self:center;}.elementor-3335 .elementor-element.elementor-element-667ef7e .elementor-button{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;}.elementor-3335 .elementor-element.elementor-element-667ef7e.elementor-element{--align-self:center;}.elementor-3335 .elementor-element.elementor-element-ac1b6c8 .elementor-button{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-3335 .elementor-element.elementor-element-235a77d .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3335 .elementor-element.elementor-element-22d44f5 .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3335 .elementor-element.elementor-element-0a84fa1 .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3335 .elementor-element.elementor-element-c80c87d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-e220daa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--align-items:center;--background-transition:0.3s;--padding-block-start:50px;--padding-block-end:50px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3335 .elementor-element.elementor-element-e220daa.e-con{--align-self:center;}.elementor-3335 .elementor-element.elementor-element-2057076{--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;--justify-content:center;--align-items:flex-start;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3335 .elementor-element.elementor-element-96659ed .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:700;}.elementor-3335 .elementor-element.elementor-element-9aeeb76 .elementor-heading-title{color:#FF0000;font-family:"Inter", Sans-serif;font-size:26px;font-weight:600;}.elementor-3335 .elementor-element.elementor-element-39fa225{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-3335 .elementor-element.elementor-element-34f4e72 .elementor-heading-title{color:#1AAE88;font-family:"Inter", Sans-serif;font-size:26px;font-weight:600;}.elementor-3335 .elementor-element.elementor-element-59629de{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );width:var( --container-widget-width, 79% );max-width:79%;--container-widget-width:79%;--container-widget-flex-grow:0;}.elementor-3335 .elementor-element.elementor-element-b41224f{--display:flex;--background-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-b41224f.e-con{--align-self:flex-start;}.elementor-3335 .elementor-element.elementor-element-02643be{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-3335 .elementor-element.elementor-element-5f86885{--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;--justify-content:center;--align-items:flex-start;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3335 .elementor-element.elementor-element-a930c54 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:700;}.elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(14px/2);}.elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(14px/2);}.elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(14px/2);margin-left:calc(14px/2);}.elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-14px/2);margin-left:calc(-14px/2);}body.rtl .elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-14px/2);}body:not(.rtl) .elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-14px/2);}.elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3335 .elementor-element.elementor-element-ee31db9{--e-icon-list-icon-size:16px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;}.elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-text{transition:color 0.3s;}.elementor-3335 .elementor-element.elementor-element-ee31db9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3335 .elementor-element.elementor-element-ee31db9.elementor-element{--align-self:stretch;}.elementor-3335 .elementor-element.elementor-element-2fc8d30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-6052927{text-align:center;}.elementor-3335 .elementor-element.elementor-element-6052927 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:700;}.elementor-3335 .elementor-element.elementor-element-e75710b{text-align:center;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3335 .elementor-element.elementor-element-af56518{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-498b17a .elementor-icon-box-wrapper{text-align:left;}.elementor-3335 .elementor-element.elementor-element-498b17a{--icon-box-icon-margin:15px;}.elementor-3335 .elementor-element.elementor-element-42f08a3{--icon-box-icon-margin:15px;}.elementor-3335 .elementor-element.elementor-element-8cfd3c5{--icon-box-icon-margin:15px;}.elementor-3335 .elementor-element.elementor-element-afc1407{--icon-box-icon-margin:15px;}.elementor-3335 .elementor-element.elementor-element-0d1f3c4{--icon-box-icon-margin:15px;}.elementor-3335 .elementor-element.elementor-element-df6a348{--icon-box-icon-margin:15px;}.elementor-3335 .elementor-element.elementor-element-17c9dc3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-f59d988{text-align:center;}.elementor-3335 .elementor-element.elementor-element-f59d988 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:700;}.elementor-3335 .elementor-element.elementor-element-933d6e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-5324324{text-align:center;}.elementor-3335 .elementor-element.elementor-element-5324324 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:700;}.elementor-3335 .elementor-element.elementor-element-3019adb{text-align:center;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3335 .elementor-element.elementor-element-e9b3351{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:center;--background-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-80b44db .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3335 .elementor-element.elementor-element-80b44db .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3335 .elementor-element.elementor-element-80b44db{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3335 .elementor-element.elementor-element-80b44db .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3335 .elementor-element.elementor-element-80b44db .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;}.elementor-3335 .elementor-element.elementor-element-80b44db .elementor-icon-list-text{transition:color 0.3s;}.elementor-3335 .elementor-element.elementor-element-a9babb6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-block-start:50px;--padding-block-end:50px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3335 .elementor-element.elementor-element-7cb9ff9{--display:flex;--background-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:9px;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-9px;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-labels-inline .elementor-field-group > label{padding-left:3px;}body:not(.rtl) .elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-labels-inline .elementor-field-group > label{padding-right:3px;}body .elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-labels-above .elementor-field-group > label{padding-bottom:3px;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-mark-required .elementor-field-label:after{color:var( --e-global-color-secondary );}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-field-group > label{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-field-type-html{padding-bottom:0px;font-family:"Inter", Sans-serif;font-weight:600;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-field-group .elementor-field, .elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-button{font-family:"Inter", Sans-serif;font-weight:700;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .e-form__buttons__wrapper__button-next{color:#000000;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-button[type="submit"]{color:#000000;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3335 .elementor-element.elementor-element-dbb5c61{--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-3335 .elementor-element.elementor-element-dbb5c61.elementor-element{--align-self:stretch;}.elementor-3335 .elementor-element.elementor-element-8e4c394{--display:flex;--background-transition:0.3s;--margin-block-start:-10px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3335 .elementor-element.elementor-element-8e4c394.e-con{--order:99999 /* order end hack */;}.elementor-3335 .elementor-element.elementor-element-1f643b3{text-align:center;width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-3335 .elementor-element.elementor-element-1f643b3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;}.elementor-3335 .elementor-element.elementor-element-1f643b3.elementor-element{--align-self:center;}.elementor-3335 .elementor-element.elementor-element-8c4b7a3 .elementor-button{font-size:14px;}.elementor-3335 .elementor-element.elementor-element-5c47ec7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-5c47ec7:not(.elementor-motion-effects-element-type-background), .elementor-3335 .elementor-element.elementor-element-5c47ec7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-3335 .elementor-element.elementor-element-5c47ec7, .elementor-3335 .elementor-element.elementor-element-5c47ec7::before{--border-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-5de1c98{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-d6289ba{--display:flex;--background-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-1b2ee32 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:25px;font-weight:700;}.elementor-3335 .elementor-element.elementor-element-bdbdcae .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(21px/2);}.elementor-3335 .elementor-element.elementor-element-bdbdcae .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(21px/2);}.elementor-3335 .elementor-element.elementor-element-bdbdcae .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(21px/2);margin-left:calc(21px/2);}.elementor-3335 .elementor-element.elementor-element-bdbdcae .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-21px/2);margin-left:calc(-21px/2);}body.rtl .elementor-3335 .elementor-element.elementor-element-bdbdcae .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-21px/2);}body:not(.rtl) .elementor-3335 .elementor-element.elementor-element-bdbdcae .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-21px/2);}.elementor-3335 .elementor-element.elementor-element-bdbdcae .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3335 .elementor-element.elementor-element-bdbdcae .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3335 .elementor-element.elementor-element-bdbdcae{--e-icon-list-icon-size:23px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-3335 .elementor-element.elementor-element-bdbdcae .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3335 .elementor-element.elementor-element-bdbdcae .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;}.elementor-3335 .elementor-element.elementor-element-bdbdcae .elementor-icon-list-text{transition:color 0.3s;}.elementor-3335 .elementor-element.elementor-element-88204a5{--display:flex;--background-transition:0.3s;}.elementor-3335 .elementor-element.elementor-element-aa09233 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:25px;font-weight:700;}.elementor-3335 .elementor-element.elementor-element-7bb502b{--grid-template-columns:repeat(0, auto);--grid-column-gap:21px;--grid-row-gap:0px;}.elementor-3335 .elementor-element.elementor-element-7bb502b .elementor-widget-container{text-align:left;}.elementor-3335 .elementor-element.elementor-element-07b5f9a{--display:flex;--background-transition:0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3335 .elementor-element.elementor-element-af11e4b{--content-width:1440px;}.elementor-3335 .elementor-element.elementor-element-8889870{--width:100%;}.elementor-3335 .elementor-element.elementor-element-e220daa{--content-width:1240px;}.elementor-3335 .elementor-element.elementor-element-b41224f{--width:64%;}.elementor-3335 .elementor-element.elementor-element-2fc8d30{--content-width:1240px;}.elementor-3335 .elementor-element.elementor-element-17c9dc3{--content-width:1440px;}.elementor-3335 .elementor-element.elementor-element-933d6e1{--content-width:1440px;}.elementor-3335 .elementor-element.elementor-element-5de1c98{--content-width:1200px;}}@media(max-width:1366px) and (min-width:768px){.elementor-3335 .elementor-element.elementor-element-af11e4b{--content-width:1080px;}.elementor-3335 .elementor-element.elementor-element-e220daa{--content-width:1080px;}.elementor-3335 .elementor-element.elementor-element-2fc8d30{--content-width:1080px;}.elementor-3335 .elementor-element.elementor-element-17c9dc3{--content-width:1080px;}}@media(max-width:1200px) and (min-width:768px){.elementor-3335 .elementor-element.elementor-element-e220daa{--content-width:980px;}.elementor-3335 .elementor-element.elementor-element-17c9dc3{--content-width:980px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3335 .elementor-element.elementor-element-af11e4b{--content-width:1080px;}.elementor-3335 .elementor-element.elementor-element-e220daa{--content-width:780px;}.elementor-3335 .elementor-element.elementor-element-2fc8d30{--content-width:780px;}.elementor-3335 .elementor-element.elementor-element-17c9dc3{--content-width:780px;}}@media(max-width:880px) and (min-width:768px){.elementor-3335 .elementor-element.elementor-element-e220daa{--content-width:730px;}.elementor-3335 .elementor-element.elementor-element-17c9dc3{--content-width:730px;}}@media(max-width:1024px){.elementor-3335 .elementor-element.elementor-element-af11e4b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:flex-start;--gap:24px 24px;}.elementor-3335 .elementor-element.elementor-element-3270d19{text-align:center;}.elementor-3335 .elementor-element.elementor-element-c142c94{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 12px;--flex-wrap:wrap;}.elementor-3335 .elementor-element.elementor-element-c142c94.e-con{--align-self:flex-start;}.elementor-3335 .elementor-element.elementor-element-8889870{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3335 .elementor-element.elementor-element-8889870.e-con{--align-self:center;}.elementor-3335 .elementor-element.elementor-element-e220daa{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:40px 40px;}.elementor-3335 .elementor-element.elementor-element-e9b3351{--gap:16px 16px;--flex-wrap:wrap;}.elementor-3335 .elementor-element.elementor-element-bdbdcae{--e-icon-list-icon-size:23px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;}.elementor-3335 .elementor-element.elementor-element-bdbdcae .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3335 .elementor-element.elementor-element-bdbdcae .elementor-icon-list-item > a{font-size:12px;}}@media(max-width:767px){.elementor-3335 .elementor-element.elementor-element-3270d19 .elementor-heading-title{font-size:23px;}.elementor-3335 .elementor-element.elementor-element-c142c94{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3335 .elementor-element.elementor-element-c142c94.e-con{--align-self:center;}.elementor-3335 .elementor-element.elementor-element-8889870{--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;--justify-content:center;--align-items:center;--margin-block-start:70px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-3335 .elementor-element.elementor-element-667ef7e.elementor-element{--align-self:center;}.elementor-3335 .elementor-element.elementor-element-22d44f5.elementor-element{--align-self:center;}.elementor-3335 .elementor-element.elementor-element-e220daa{--padding-block-start:20px;--padding-block-end:10px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-3335 .elementor-element.elementor-element-2057076{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3335 .elementor-element.elementor-element-96659ed{text-align:center;}.elementor-3335 .elementor-element.elementor-element-96659ed .elementor-heading-title{font-size:23px;}.elementor-3335 .elementor-element.elementor-element-9aeeb76{text-align:center;}.elementor-3335 .elementor-element.elementor-element-39fa225{text-align:center;}.elementor-3335 .elementor-element.elementor-element-59629de{text-align:center;}.elementor-3335 .elementor-element.elementor-element-5f86885{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3335 .elementor-element.elementor-element-a930c54{text-align:center;}.elementor-3335 .elementor-element.elementor-element-6052927 .elementor-heading-title{font-size:23px;}.elementor-3335 .elementor-element.elementor-element-498b17a .elementor-icon-box-wrapper{text-align:center;}.elementor-3335 .elementor-element.elementor-element-f59d988 .elementor-heading-title{font-size:23px;}.elementor-3335 .elementor-element.elementor-element-5324324 .elementor-heading-title{font-size:23px;}.elementor-3335 .elementor-element.elementor-element-5324324{width:var( --container-widget-width, 88% );max-width:88%;--container-widget-width:88%;--container-widget-flex-grow:0;}.elementor-3335 .elementor-element.elementor-element-5324324.elementor-element{--align-self:center;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-field-group > label{font-size:11px;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-field-type-html{font-size:10px;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-field-group .elementor-field, .elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-field-subgroup label{font-size:10px;}.elementor-3335 .elementor-element.elementor-element-dbb5c61 .elementor-button{font-size:12px;}.elementor-3335 .elementor-element.elementor-element-1f643b3 .elementor-heading-title{font-size:12px;}.elementor-3335 .elementor-element.elementor-element-1f643b3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3335 .elementor-element.elementor-element-1f643b3.elementor-element{--align-self:center;}.elementor-3335 .elementor-element.elementor-element-8c4b7a3 .elementor-button{font-size:12px;}.elementor-3335 .elementor-element.elementor-element-8c4b7a3 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3335 .elementor-element.elementor-element-d6289ba{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3335 .elementor-element.elementor-element-1b2ee32{text-align:center;}.elementor-3335 .elementor-element.elementor-element-aa09233{text-align:center;}.elementor-3335 .elementor-element.elementor-element-7bb502b .elementor-widget-container{text-align:center;}}/* Start custom CSS for icon-list, class: .elementor-element-ee31db9 *//* O widget ocupa 100% da coluna, vencendo qualquer width inline (90% etc.) */
.elementor-3335 .elementor-element.elementor-element-ee31db9{ width:100% !important; max-width:none !important; }
.elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-widget-container{ width:100% !important; max-width:none !important; }
/* O UL não fica 'boxeado' pelo tema e ganha ritmo entre itens */
.elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-items{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
display:grid;
row-gap:12px; /* espaço ENTRE os itens */
}
/* Cada item “respira” e centraliza ícone + texto */
.elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-item > a{
display:flex !important;
align-items:center !important;
gap:14px; /* MAIS espaço entre ícone e texto */
padding:14px 18px; /* respiro interno */
width:100% !important;
box-sizing:border-box;
}
/* Ícone centrado em um círculo suave */
.elementor-3335 .elementor-element.elementor-element-ee31db9 .elementor-icon-list-icon{
flex:0 0 40px;
width:40px; height:40px;
display:grid; place-items:center;
border-radius:999px;
background: rgba(26,174,136,.12);
}/* End custom CSS */
/* Start custom CSS for accordion, class: .elementor-element-f5de4b2 *//* ===== Timeline PCA — alinhamento robusto ===== */
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-accordion{ counter-reset: sgstep; }
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-accordion-item{
counter-increment: sgstep;
position: relative;
border-radius: 12px;
overflow: hidden;
}
/* Cabeçalho: vira um “container” flex e com altura mínima */
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-title{
position: relative;
display: flex;
align-items: center; /* alinha verticalmente o conteúdo */
box-sizing: border-box;
min-height: 56px; /* padroniza a altura visual */
padding: 14px 48px 14px 76px; /* espaço p/ o badge à esquerda */
line-height: 1.35; /* evita variações do tema */
}
/* Remove padding do título interno (que às vezes desloca tudo no front) */
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-title .elementor-accordion-title{
display:block;
padding:0 !important;
margin:0 !important;
}
/* Número em círculo — sempre centralizado verticalmente */
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-title::before{
content: counter(sgstep);
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%); /* truque do centro vertical */
width: 36px; height: 36px;
border-radius: 999px;
display: grid; place-items: center;
background: #1AAE88; /* verde da marca */
color: #fff; font-weight: 800;
box-shadow: 0 8px 18px -6px rgba(26,174,136,.25);
}
/* Ícone (+ / –) alinhado ao centro vertical, à direita */
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-accordion-icon{
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
color: #1AAE88;
}
/* Estados visuais (opcional) — não afetam o alinhamento */
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-title:hover,
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-title.elementor-active{
background: rgba(26,174,136,.06);
}
/* Conteúdo com recuo alinhado ao badge */
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-content{
padding: 12px 16px 16px 76px;
line-height: 1.65;
border-top: 1px solid rgba(0,0,0,.06);
}
/* Mobile: reduz um pouco o recuo e o badge */
@media (max-width: 767px){
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-title{ padding-left: 64px; min-height: 52px; }
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-content{ padding-left: 64px; }
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-title::before{ width: 30px; height: 30px; }
}
/* ===== Estado ABERTO: header verde + texto branco ===== */
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-title.elementor-active{
background: #1AAE88 !important; /* verde StartGov */
color: #fff !important;
}
/* garante que o texto do título fique branco */
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-title.elementor-active .elementor-accordion-title{
color:#fff !important;
}
/* ícone (+/–) branco quando aberto */
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-title.elementor-active .elementor-accordion-icon{
color:#fff !important;
}
/* opcional: badge numérico invertido para dar contraste no header verde */
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-title.elementor-active::before{
background:#fff !important;
color:#1AAE88 !important;
box-shadow: 0 8px 18px -6px rgba(26,174,136,.25);
}
/* (opcional) :hover no ativo – leve variação de verde */
.elementor-3335 .elementor-element.elementor-element-f5de4b2 .elementor-tab-title.elementor-active:hover{
background:#179d7b !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cb9ff9 *//* ==== SG DEMO FORM – 2 colunas no desktop, 1 no mobile ==== */
/* Wrapper dos campos volta a ser FLEX com gap controlado */
.sg-demo-form .elementor-form .elementor-form-fields-wrapper{
display: flex !important;
flex-wrap: wrap !important;
column-gap: 20px; /* espaço horizontal entre as colunas */
row-gap: 16px; /* espaço vertical entre as linhas */
}
/* Por padrão, todo field fica em 2 colunas (50%) */
.sg-demo-form .elementor-form .elementor-field-group{
flex: 0 0 calc(50% - 10px) !important; /* 10px = metade do column-gap */
max-width: calc(50% - 10px) !important;
}
/* Itens que DEVEM ocupar a linha inteira (100%) */
.sg-demo-form .elementor-form .elementor-field-type-textarea,
.sg-demo-form .elementor-form .elementor-field-type-submit,
.sg-demo-form .elementor-form .elementor-field-group.sg-form-note,
.sg-demo-form .elementor-form .elementor-field-group.wa-field,
.sg-demo-form .elementor-form .elementor-field-group.is-wide{
flex: 0 0 100% !important;
max-width: 100% !important;
}
/* Mobile: tudo empilha em 1 coluna */
@media (max-width: 767px){
.sg-demo-form .elementor-form .elementor-field-group{
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
/* ==== SG DEMO FORM – 2 colunas + respeitando largura do Elementor ==== */
.sg-demo-form .elementor-form .elementor-form-fields-wrapper{
display: flex !important;
flex-wrap: wrap !important;
column-gap: 20px;
row-gap: 16px;
}
/* Base: 2 colunas (50%) */
.sg-demo-form .elementor-form .elementor-field-group{
flex: 0 0 calc(50% - 10px) !important;
max-width: calc(50% - 10px) !important;
}
/* O Elementor adiciona estas classes quando você muda “Largura da coluna” */
.sg-demo-form .elementor-form .elementor-field-group.elementor-col-100{
flex-basis: 100% !important;
max-width: 100% !important;
}
.sg-demo-form .elementor-form .elementor-field-group.elementor-col-50{
flex-basis: calc(50% - 10px) !important;
max-width: calc(50% - 10px) !important;
}
/* (opcional) se você usar 33%/66% em algum campo, descomente:
.sg-demo-form .elementor-form .elementor-field-group.elementor-col-33{
flex-basis: calc(33.333% - 13.33px) !important; max-width: calc(33.333% - 13.33px) !important;
}
.sg-demo-form .elementor-form .elementor-field-group.elementor-col-66{
flex-basis: calc(66.666% - 6.66px) !important; max-width: calc(66.666% - 6.66px) !important;
}
*/
/* Mobile: tudo 100% */
@media (max-width: 767px){
.sg-demo-form .elementor-form .elementor-field-group{
flex: 0 0 100% !important;
max-width: 100% !important;
}
}/* End custom CSS */
/* Start custom CSS *//* ===== PCA — cartões e listas “soft” ===== */
:root{
--startgov-green:#1AAE88;
--startgov-gray-dark:#333333;
--startgov-gray-light:#F0F0F0;
--radius:12px;
}
/* Card institucional (D2) */
.sg-module-card{
background:#fff;
border-radius: var(--radius);
box-shadow: 0 8px 30px -4px hsl(162 83% 39% / .15);
padding: clamp(20px,3vw,28px);
}
/* Bloco “Resultado” (alerta positivo) */
.sg-result{
background: color-mix(in srgb, var(--startgov-green) 10%, #fff);
border: 1px solid color-mix(in srgb, var(--startgov-green) 25%, #fff);
border-radius: var(--radius);
padding: 14px 16px;
font-weight: 700;
color: var(--startgov-gray-dark);
}
/* Lista de recursos (coluna direita) */
.sg-list-soft .elementor-icon-list-items{ display:grid; gap:10px; }
.sg-list-soft .elementor-icon-list-item{
background: #F7FBFA;
border:1px solid #E8F4F1;
border-radius: var(--radius);
padding:12px 14px;
}
.sg-list-soft .elementor-icon-list-icon i,
.sg-list-soft .elementor-icon-list-icon svg{ color: var(--startgov-green); }
/* Cards de benefícios (D3) – visual consistente com Home */
.sg-feature-card{
background:#fff;
border:1px solid rgba(0,0,0,.06);
border-radius: var(--radius);
padding:16px;
box-shadow: 0 4px 20px -2px hsl(162 83% 39% / .10);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sg-feature-card:hover{
transform: translateY(-2px);
box-shadow: 0 12px 40px -6px hsl(162 83% 39% / .20);
border-color: hsl(162 83% 39% / .25);
}
/* Timeline/Accordion (D4–D8) – reforço leve */
.sg-steps .elementor-accordion .elementor-tab-title.elementor-active{
background: var(--startgov-green); color:#fff;
}
/* CTA primário e secundário (reuso das classes já combinadas) */
.sg-cta-proposta .elementor-button{
background: var(--startgov-green); color:#fff;
border:2px solid var(--startgov-green); border-radius:9999px;
box-shadow: 0 8px 30px -4px hsl(162 83% 39% / .15);
}
.sg-cta-proposta .elementor-button:hover{
transform: translateY(-2px);
box-shadow: 0 12px 40px -6px hsl(162 83% 39% / .22);
}
.sg-cta-secondary .elementor-button{
background:#fff; color: var(--startgov-green);
border:2px solid var(--startgov-green); border-radius:9999px;
}
.sg-cta-secondary .elementor-button:hover{
background: var(--startgov-green); color:#fff;
}
/* ===== HERO PCA (Dobra 1) =================================== */
:root{
/* já definidos no Brand Pack, mas deixo aqui por segurança */
--startgov-green: #1AAE88;
--startgov-green-hsl: 162 83% 39%;
--startgov-yellow: #FFC300;
--startgov-gray-dark: #333333;
--startgov-gray-light: #F0F0F0;
--radius: 12px;
--hero-gradient: linear-gradient(135deg, hsl(var(--startgov-green-hsl)), hsl(162 90% 45%));
}
/* Seção da hero */
.sg-hero.sg-hero-pca{
position: relative;
background: var(--hero-gradient);
padding: clamp(36px, 6vw, 88px) 0;
overflow: hidden;
}
/* Limitar largura de conteúdo quando necessário */
.sg-hero .elementor-container,
.sg-hero .e-con-inner{
max-width: 1240px;
}
/* Títulos e lead */
.sg-hero .elementor-heading-title{
color: #fff;
font-weight: 900;
letter-spacing: -0.3px;
line-height: 1.15;
margin-bottom: 8px;
}
.sg-hero .elementor-widget-text-editor{
color: #F5FFFB;
font-size: clamp(16px, 1.35vw, 18px);
line-height: 1.75;
margin-bottom: 14px;
max-width: 680px;
}
/* Destaque dentro do H1 (opcional) */
.sg-highlight{
color: #fff;
background: color-mix(in srgb, #ffffff 10%, var(--startgov-green));
padding: 0 6px;
border-radius: 8px;
}
/* TRUSTBAR já está estilizada, mas reforço de alinhamento no hero */
.sg-hero .sg-trustbar{
margin: 8px 0 16px;
justify-content: flex-start;
}
/* CTAs – espaçamento entre os botões */
.sg-hero .elementor-widget-button + .elementor-widget-button{
margin-left: 12px;
}
/* Mockup / mídia (coluna direita) */
.sg-hero .sg-hero-media{
display:flex; align-items:flex-end; justify-content:center;
}
.sg-hero .sg-hero-media .sg-device{
filter: drop-shadow(0 18px 38px hsl(var(--startgov-green-hsl) / .25));
transform: translateY(12px); /* leve sobreposição para ficar “flutuando” */
}
.sg-hero .sg-hero-media .sg-device img{
max-height: clamp(360px, 48vw, 560px);
width:auto; height:auto;
border-radius: 22px; /* se a sua imagem for “nua” sem frame de device */
}
/* Responsivo */
@media (max-width: 1024px){
.sg-hero .elementor-widget-button + .elementor-widget-button{ margin-left: 8px; }
.sg-hero .sg-hero-media .sg-device img{ max-height: 440px; }
}
@media (max-width: 767px){
.sg-hero{ text-align: left; }
.sg-hero .elementor-widget-text-editor{ max-width: none; }
.sg-hero .sg-hero-media{ align-items:center; margin-top: 18px; }
.sg-hero .sg-hero-media .sg-device{ transform: translateY(0); }
.sg-hero .sg-hero-media .sg-device img{ max-height: 360px; }
.sg-hero .elementor-widget-button + .elementor-widget-button{
margin-left: 0; margin-top: 10px; display:inline-flex;
}
}
/* ======= VARS DE MARCA (garantia local) ======= */
:root{
--startgov-green: #1AAE88; /* verde oficial */
--startgov-green-hsl: 162 83% 39%;
--startgov-yellow: #FFC300;
--startgov-gray-dark: #333333;
--startgov-gray-light: #F0F0F0;
--radius: 12px;
--hero-gradient: linear-gradient(135deg, hsl(var(--startgov-green-hsl)), hsl(162 90% 45%));
--shadow-soft: 0 4px 20px -2px hsl(var(--startgov-green-hsl) / .10);
--shadow-md: 0 8px 30px -4px hsl(var(--startgov-green-hsl) / .15);
--shadow-lg: 0 12px 40px -6px hsl(var(--startgov-green-hsl) / .20);
}
/* ======= Seção da hero (fundo verde apenas na seção) ======= */
.sg-hero.sg-hero-pca{
position: relative;
background: var(--hero-gradient);
padding: clamp(36px, 6vw, 88px) 0;
overflow: hidden;
}
/* ======= Colunas com fundo branco (cartões) ======= */
.sg-hero .sg-hero-col{
background:#fff !important; /* força branco nas colunas */
border-radius: var(--radius);
box-shadow: var(--shadow-md);
padding: clamp(20px, 3vw, 32px);
}
/* Conteúdo textual em colunas brancas */
.sg-hero .sg-hero-col .elementor-heading-title{
color: var(--startgov-gray-dark);
font-weight: 900;
letter-spacing: -0.3px;
line-height: 1.15;
margin-bottom: 8px;
}
.sg-hero .sg-hero-col .elementor-widget-text-editor{
color: var(--startgov-gray-dark);
opacity: .92;
font-size: clamp(16px, 1.35vw, 18px);
line-height: 1.75;
margin-bottom: 14px;
max-width: 680px;
}
/* Destaque dentro do H1: “sem retrabalho” em verde */
.sg-hero .hl-green{ color: var(--startgov-green); font-weight: 900; }
/* Trustbar discreta e alinhada à esquerda */
.sg-hero .sg-trustbar{ margin: 8px 0 16px; justify-content:flex-start; }
/* ======= Botões – mesmo efeito da Home ======= */
/* Primário sólido (verde) */
.sg-cta-proposta .elementor-button{
background: var(--startgov-green) !important;
color:#fff !important;
border:2px solid var(--startgov-green) !important;
border-radius: 9999px !important;
padding: 12px 22px !important;
font-weight: 800 !important;
box-shadow: var(--shadow-md) !important;
transform: translateY(0) scale(1);
transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.sg-cta-proposta .elementor-button:hover{
transform: translateY(-2px) scale(1.03);
box-shadow: var(--shadow-lg) !important;
filter: brightness(1.02);
}
.sg-cta-proposta .elementor-button:active{ transform: translateY(-1px) scale(1.01); }
/* Secundário outline que inverte no hover */
.sg-cta-secondary .elementor-button{
background:#fff !important;
color: var(--startgov-green) !important;
border:2px solid var(--startgov-green) !important;
border-radius: 9999px !important;
padding: 12px 22px !important;
font-weight: 800 !important;
box-shadow: var(--shadow-soft) !important;
transform: translateY(0) scale(1);
transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease;
}
.sg-cta-secondary .elementor-button:hover{
background: var(--startgov-green) !important;
color:#fff !important;
transform: translateY(-2px) scale(1.03);
box-shadow: var(--shadow-md) !important;
}
.sg-cta-secondary .elementor-button:active{ transform: translateY(-1px) scale(1.01); }
/* Espaçamento entre os 2 botões */
.sg-hero .elementor-widget-button + .elementor-widget-button{ margin-left: 12px; }
/* ======= Coluna direita (mockup) ======= */
.sg-hero .sg-hero-media{
display:flex; align-items:center; justify-content:center;
}
.sg-hero .sg-hero-media .sg-device{
filter: drop-shadow(0 18px 38px hsl(var(--startgov-green-hsl) / .25));
}
.sg-hero .sg-hero-media .sg-device img{
max-height: clamp(360px, 48vw, 560px);
width:auto; height:auto;
border-radius: 22px; /* tire se o mockup já tem moldura */
}
/* ======= Responsivo ======= */
@media (max-width:1024px){
.sg-hero .elementor-widget-button + .elementor-widget-button{ margin-left: 8px; }
.sg-hero .sg-hero-media .sg-device img{ max-height: 440px; }
}
@media (max-width:767px){
.sg-hero .elementor-widget-text-editor{ max-width:none; }
.sg-hero .elementor-widget-button + .elementor-widget-button{
margin-left:0; margin-top:10px; display:inline-flex;
}
.sg-hero .sg-hero-media .sg-device img{ max-height: 360px; }
}
/* =================== HERO PCA — LIMPO (FUNDO BRANCO) =================== */
:root{
--brand-green: #1AAE88; /* Verde StartGov */
--brand-dark: #333333;
--brand-light: #F0F0F0;
--radius: 12px;
--shadow-soft: 0 4px 20px -2px rgba(26,174,136,.10);
--shadow-md: 0 8px 30px -4px rgba(26,174,136,.15);
--shadow-lg: 0 12px 40px -6px rgba(26,174,136,.20);
}
/* 1) Reset da seção: SEMPRE branca (sobrepõe qualquer gradiente antigo) */
.sg-hero-pca{
background:#fff !important;
padding: clamp(36px, 6vw, 88px) 0;
}
.sg-hero-pca .elementor-container,
.sg-hero-pca .e-con-inner{ max-width: 1240px; }
/* 2) Títulos e lead (cores da Home) */
.sg-hero-pca .elementor-heading-title{
color: var(--brand-dark);
font-weight: 900;
letter-spacing: -0.3px;
line-height: 1.15;
margin: 0 0 8px;
}
.sg-hero-pca .hl-green{ color: var(--brand-green); font-weight: 900; } /* “sem retrabalho” */
.sg-hero-pca .elementor-widget-text-editor{
color: var(--brand-dark);
opacity: .92;
font-size: clamp(16px, 1.35vw, 18px);
line-height: 1.75;
margin-bottom: 16px;
max-width: 680px;
}
/* 3) Trustbar discreta (igual Home) */
.sg-hero-pca .sg-trustbar{ margin: 6px 0 16px; justify-content:flex-start; }
/* 4) Botões — mesmo efeito da Home */
.sg-cta-proposta .elementor-button{
background: var(--brand-green) !important;
color:#fff !important;
border:2px solid var(--brand-green) !important;
border-radius: 9999px !important;
padding: 12px 22px !important;
font-weight: 800 !important;
box-shadow: var(--shadow-md) !important;
transform: translateY(0) scale(1);
transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.sg-cta-proposta .elementor-button:hover{
transform: translateY(-2px) scale(1.03);
box-shadow: var(--shadow-lg) !important;
filter: brightness(1.02);
}
.sg-cta-proposta .elementor-button:active{ transform: translateY(-1px) scale(1.01); }
.sg-cta-secondary .elementor-button{
background:#fff !important;
color: var(--brand-green) !important;
border:2px solid var(--brand-green) !important;
border-radius: 9999px !important;
padding: 12px 22px !important;
font-weight: 800 !important;
box-shadow: var(--shadow-soft) !important;
transform: translateY(0) scale(1);
transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease;
}
.sg-cta-secondary .elementor-button:hover{
background: var(--brand-green) !important;
color:#fff !important;
transform: translateY(-2px) scale(1.03);
box-shadow: var(--shadow-md) !important;
}
.sg-cta-secondary .elementor-button:active{ transform: translateY(-1px) scale(1.01); }
/* espaçamento entre os dois botões */
.sg-hero-pca .elementor-widget-button + .elementor-widget-button{ margin-left: 12px; }
/* 5) Imagem/mockup (coluna direita) */
.sg-hero-pca .sg-hero-media img{
max-height: clamp(360px, 48vw, 560px);
width: auto; height: auto;
border-radius: 22px; /* tire se o mockup já tem moldura */
box-shadow: var(--shadow-soft);
}
/* 6) Responsivo */
@media (max-width:1024px){
.sg-hero-pca .elementor-widget-button + .elementor-widget-button{ margin-left: 8px; }
.sg-hero-pca .sg-hero-media img{ max-height: 440px; }
}
@media (max-width:767px){
.sg-hero-pca .elementor-widget-text-editor{ max-width:none; }
.sg-hero-pca .elementor-widget-button + .elementor-widget-button{
margin-left:0; margin-top:10px; display:inline-flex;
}
.sg-hero-pca .sg-hero-media img{ max-height: 360px; }
}
/* ============ D2 PCA — Estrutura e estilo institucional ============ */
:root{
--brand-green:#1AAE88;
--brand-dark:#333333;
--brand-light:#F0F0F0;
--radius:12px;
}
/* Seção branca e espaçamentos */
.sg-pca-d2{
background:#fff;
padding: clamp(48px,6vw,88px) 0;
}
/* Kicker (rótulo pequeno acima do título) */
.sg-kicker{
display:inline-block;
font-weight:800;
font-size:12px;
letter-spacing:.08em;
text-transform:uppercase;
color: var(--brand-green);
background: color-mix(in srgb, var(--brand-green) 12%, #fff);
padding:4px 8px;
border-radius: 9999px;
margin-bottom:10px;
}
/* Títulos e subtítulos */
.sg-pca-d2 .elementor-heading-title{ color:var(--brand-dark); font-weight:900; letter-spacing:-0.3px; }
.sg-pca-d2 h3.elementor-heading-title{ font-weight:800; margin-top:12px; }
/* Caixa de Resultado */
.sg-result-box{
margin-top:16px;
background: color-mix(in srgb, var(--brand-green) 10%, #fff);
border:1px solid color-mix(in srgb, var(--brand-green) 22%, #fff);
border-radius: var(--radius);
padding: 14px 16px;
}
.sg-result-box .sg-result-title{
display:block;
font-weight:800;
color: var(--brand-green);
margin-bottom:4px;
}
/* Lista de Recursos (Icon List) — soft cards em grid */
.sg-list-soft .elementor-icon-list-items{
display:grid;
gap: 10px;
}
.sg-list-soft .elementor-icon-list-item{
display:flex; align-items:flex-start; gap:12px;
background:#F7FBFA;
border:1px solid #E8F4F1;
border-radius: var(--radius);
padding:12px 14px;
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
box-shadow: 0 4px 20px -2px rgba(26,174,136,.08);
}
.sg-list-soft .elementor-icon-list-item:hover{
transform: translateY(-2px);
box-shadow: 0 12px 40px -6px rgba(26,174,136,.16);
border-color: color-mix(in srgb, var(--brand-green) 20%, #E8F4F1);
}
/* Ícone da lista: bolinha esverdeada */
.sg-list-soft .elementor-icon-list-icon{
flex:0 0 36px; width:36px; height:36px;
border-radius:9999px;
display:flex; align-items:center; justify-content:center;
background: rgba(26,174,136,.12);
color: var(--brand-green);
}
.sg-list-soft .elementor-icon-list-icon i,
.sg-list-soft .elementor-icon-list-icon svg{
color: currentColor; fill: currentColor; font-size:16px; width:16px; height:16px;
}
/* Duas linhas de texto em cada item */
.sg-list-soft .elementor-icon-list-text{
margin-top:-2px; /* alinha melhor com o ícone */
}
.sg-list-soft .sg-list-title{
display:block; color:var(--brand-dark);
font-weight:800; line-height:1.25;
}
.sg-list-soft .sg-list-desc{
display:block; color:var(--brand-dark);
opacity:.85; font-size:14px; line-height:1.5; margin-top:2px;
}
/* Responsivo */
@media(max-width:1024px){
.sg-list-soft .elementor-icon-list-items{ gap:8px; }
}
@media(max-width:767px){
.sg-list-soft .elementor-icon-list-item{ padding:12px; }
}
/* === Kicker em pílula, acima do H2 (Opção 1) === */
.sg-kicker{
display:inline-block;
font-family: Inter, system-ui, sans-serif;
font-weight:800;
font-size:12px;
line-height:1;
letter-spacing:.08em;
text-transform:uppercase;
color:#1AAE88; /* texto verde da marca */
background: color-mix(in srgb, #1AAE88 12%, #fff);
padding:6px 10px;
border-radius:9999px;
margin: 0 0 10px; /* espaço abaixo */
}
/* fallback se o color-mix não funcionar */
@supports not (background: color-mix(in srgb, white, black)) {
.sg-kicker{ background: rgba(26,174,136,.12); }
}
/* === Kicker embutido no H2 (Opção 2 – inline) === */
.sg-kicker-inline{
display:inline-block;
vertical-align: middle;
font-family: Inter, system-ui, sans-serif;
font-weight:800;
font-size:.65em; /* proporcional ao H2 */
letter-spacing:.08em;
text-transform:uppercase;
color:#1AAE88;
background: rgba(26,174,136,.12);
padding:4px 8px;
border-radius:9999px;
margin-right:10px; /* separa do título */
}
/* === Variações opcionais de estilo (use se quiser) === */
/* Versão contorno (sem fundo) */
.sg-kicker--outline{
background:#fff !important;
border:2px solid #1AAE88;
color:#1AAE88;
}
/* Versão “ghost” mais discreta */
.sg-kicker--ghost{
background: transparent !important;
color:#5B6B73;
border:0;
opacity:.9;
}
/* Kicker como widget independente (Texto) — menor e à esquerda */
.sg-kicker .elementor-widget-container{ text-align: left !important; } /* força alinhamento */
.sg-kicker{
display: inline-block;
font-family: Inter, system-ui, sans-serif;
font-weight: 800;
font-size: 11px; /* menor */
line-height: 1;
letter-spacing: .08em;
text-transform: uppercase;
color: #1AAE88; /* verde da marca */
background: rgba(26,174,136,.10);/* fundinho bem leve */
padding: 4px 8px; /* menor */
border-radius: 9999px;
margin: 0 0 8px; /* aproxima do H2 */
}
/* Kicker embutido no H2 (inline) — versão menor */
.sg-kicker-inline{
display: inline-block;
vertical-align: middle;
font-family: Inter, system-ui, sans-serif;
font-weight: 800;
font-size: .6em; /* proporcional ao H2, menorzinho */
letter-spacing: .08em;
text-transform: uppercase;
color: #1AAE88;
background: rgba(26,174,136,.10);
padding: 3px 6px; /* compacto */
border-radius: 9999px;
margin-right: 8px; /* separa do título */
}
/* Garantia extra: se a coluna/título estiverem centralizados por estilo global */
.sg-pca-d2 .elementor-widget-heading,
.sg-pca-d2 .elementor-widget-text-editor.sg-kicker,
.sg-hero-pca .elementor-widget-text-editor.sg-kicker{
text-align: left !important;
}
:root{
--brand-green:#1AAE88;
--brand-dark:#333333;
--radius:12px;
}
/* Caixa de resultado — aceita classe no container OU no widget */
.sg-result-box,
.elementor-widget-text-editor.sg-result-box {
background: color-mix(in srgb, var(--brand-green) 10%, #fff);
border: 1px solid color-mix(in srgb, var(--brand-green) 22%, #fff);
border-radius: var(--radius);
padding: 14px 16px;
box-shadow: 0 4px 20px -2px rgba(26,174,136,.10);
}
/* Título quando usar … */
.sg-result-box .sg-result-title,
.elementor-widget-text-editor.sg-result-box .sg-result-title{
display:block;
font-weight:800;
color: var(--brand-green);
margin: 0 0 4px;
line-height:1.2;
}
/* Título automático quando você só coloca no começo */
.sg-result-box .elementor-widget-container p:first-child > strong:first-child,
.elementor-widget-text-editor.sg-result-box .elementor-widget-container p:first-child > strong:first-child{
display:block;
color: var(--brand-green);
font-weight:800;
margin: 0 0 4px;
}
/* Texto do resultado */
.sg-result-box .elementor-widget-container,
.elementor-widget-text-editor.sg-result-box .elementor-widget-container{
color: var(--brand-dark);
line-height: 1.6;
font-size: 15.5px;
}
/* ====== D3 — Benefícios (cards) ====== */
:root{
--brand-green:#1AAE88;
--brand-dark:#333333;
--brand-light:#F0F0F0;
--radius:12px;
--shadow-soft: 0 4px 20px -2px rgba(26,174,136,.10);
--shadow-md: 0 8px 30px -4px rgba(26,174,136,.15);
--shadow-lg: 0 12px 40px -6px rgba(26,174,136,.20);
}
/* Seção */
.sg-pca-d3{ background:#fff; padding: clamp(56px,6vw,88px) 0; }
/* Grade responsiva dos cards */
.sg-benefits-grid{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(14px,2vw,24px);
align-items: stretch;
}
@media (max-width: 1024px){
.sg-benefits-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 767px){
.sg-benefits-grid{ grid-template-columns: 1fr; }
}
/* Card (serve para Icon Box e para container manual) */
.sg-feature-card,
.sg-benefits-grid .elementor-icon-box{
background:#fff;
border:1px solid rgba(0,0,0,.06);
border-radius: var(--radius);
padding: 18px 16px;
box-shadow: var(--shadow-soft);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
height: 100%;
display:flex;
flex-direction: column;
gap: 10px;
}
.sg-feature-card:hover,
.sg-benefits-grid .elementor-icon-box:hover{
transform: translateY(-2px);
box-shadow: var(--shadow-lg);
border-color: rgba(26,174,136,.25);
}
/* Ícone em “bolha” esverdeada */
.sg-feature-card .elementor-icon,
.sg-benefits-grid .elementor-icon-box-icon .elementor-icon{
width: 42px; height: 42px;
border-radius: 9999px;
background: rgba(26,174,136,.12);
color: var(--brand-green);
display:flex; align-items:center; justify-content:center;
font-size: 18px;
}
/* Título do card */
.sg-feature-card .elementor-icon-box-title,
.sg-benefits-grid .elementor-icon-box-title,
.sg-feature-title{
color: var(--brand-dark);
font-weight: 800;
font-size: 18px;
line-height: 1.25;
margin: 4px 0 2px;
}
/* Descrição (clamp p/ 2 linhas) */
.sg-feature-card .elementor-icon-box-description,
.sg-benefits-grid .elementor-icon-box-description,
.sg-feature-desc{
color: var(--brand-dark);
opacity: .9;
font-size: 14.5px;
line-height: 1.55;
display: -webkit-box;
-webkit-line-clamp: 2; /* ajuste p/ 1–3 conforme seu layout */
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Espaçamento fino quando usar Icon Box do Elementor */
.sg-benefits-grid .elementor-icon-box-wrapper{
display:flex; align-items: flex-start; gap: 12px;
}
.sg-benefits-grid .elementor-icon-box-content{ margin: 0; }
/* ============ D4 — Como funciona (Accordion como timeline) ============ */
:root{
--brand-green:#1AAE88;
--brand-dark:#333333;
--radius:12px;
/* tamanhos rápidos para a timeline */
--step-badge: 36px; /* diâmetro do círculo numerado */
--step-gap: 14px; /* espaço entre círculo e título */
--row-pad-y: 12px; /* padding vertical da “barra” do título */
}
/* Seção branca e espaçamentos */
.sg-pca-d4{ background:#fff; padding: clamp(56px,6vw,88px) 0; }
/* Título da seção */
.sg-pca-d4 .elementor-heading-title{
color: var(--brand-dark);
font-weight: 900;
letter-spacing: -0.3px;
margin-bottom: 14px;
}
/* -------- Accordion como timeline -------- */
.sg-steps .elementor-accordion{
counter-reset: sg-step; /* ativa contador */
}
/* Cada item: zera visuais “pesados” e cria espaço p/ o badge */
.sg-steps .elementor-accordion-item{
counter-increment: sg-step;
border: 1px solid rgba(0,0,0,.08);
border-radius: var(--radius);
margin-bottom: 10px;
overflow: hidden;
background: #fff;
}
/* Barra do título (fechada/aberta) */
.sg-steps .elementor-tab-title{
position: relative;
padding: var(--row-pad-y) 44px var(--row-pad-y) calc(var(--step-badge) + var(--step-gap) + 12px);
min-height: calc(var(--step-badge) + var(--row-pad-y)*2);
display:flex; align-items:center;
gap: 8px;
color: var(--brand-dark);
font-weight: 800;
}
/* Círculo numerado AUTOMÁTICO (não precisa digitar 1,2,3...) */
.sg-steps .elementor-tab-title::before{
content: counter(sg-step);
position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
width: var(--step-badge); height: var(--step-badge);
border-radius: 50%;
background: var(--brand-green);
color: #fff;
display:flex; align-items:center; justify-content:center;
font-weight: 900;
box-shadow: 0 6px 16px rgba(26,174,136,.22);
}
/* Ícone de abrir/fechar alinhado à direita (mais discreto) */
.sg-steps .elementor-accordion-icon{
position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
margin: 0 !important;
color: var(--brand-green);
}
/* Estado ativo/hover: só realce leve, sem inverter tudo */
.sg-steps .elementor-tab-title.elementor-active,
.sg-steps .elementor-tab-title:hover{
background: rgba(26,174,136,.06);
}
/* Painel (conteúdo) */
.sg-steps .elementor-tab-content{
padding: 12px 16px 16px calc(var(--step-badge) + var(--step-gap) + 12px);
color: var(--brand-dark);
line-height: 1.65;
border-top: 1px solid rgba(0,0,0,.04);
}
/* Remover sublinhado padrão do título (em alguns temas) */
.sg-steps .elementor-accordion .elementor-tab-title a{
text-decoration: none !important;
color: inherit;
}
/* Responsivo: badge menor no mobile */
@media (max-width: 767px){
:root{
--step-badge: 30px;
--row-pad-y: 10px;
}
.sg-steps .elementor-tab-content{
padding-left: calc(var(--step-badge) + var(--step-gap) + 12px);
}
}
/* ========== D9 — CTA final (antes do rodapé) ========== */
:root{
--brand-green:#1AAE88;
--brand-dark:#333333;
--brand-light:#F0F0F0;
--radius:12px;
--shadow-soft: 0 4px 20px -2px rgba(26,174,136,.10);
--shadow-md: 0 8px 30px -4px rgba(26,174,136,.15);
}
/* Seção e tipografia */
.sg-pca-d9{
background:#fff;
padding: clamp(64px,7vw,96px) 0;
border-top: 1px solid rgba(0,0,0,.06); /* separador sutil da dobra anterior */
text-align: center; /* CTA final costuma performar melhor centralizado */
}
.sg-pca-d9 .elementor-heading-title{
color: var(--brand-dark);
font-weight: 900;
letter-spacing: -0.3px;
margin: 0 0 10px;
}
.sg-pca-d9 .elementor-widget-text-editor{
color: var(--brand-dark);
opacity: .92;
font-size: clamp(16px,1.35vw,18px);
line-height: 1.75;
max-width: 820px;
margin: 0 auto 18px;
}
/* Ações (botões) — layout */
.sg-cta-actions{
display: inline-flex;
gap: 12px;
align-items: center;
justify-content: center;
margin: 8px 0 12px;
flex-wrap: wrap;
}
/* os estilos dos botões vêm das classes já usadas na Home:
.sg-cta-proposta (primário) e .sg-cta-secondary (outline) */
/* Link terciário (PDF) */
.sg-cta-link{
margin-top: 8px;
color: var(--brand-dark);
opacity: .9;
font-size: 15px;
}
.sg-cta-link a{
color: var(--brand-green);
border-bottom: 1px solid transparent;
text-decoration: none;
transition: color .15s ease, border-color .15s ease;
}
.sg-cta-link a:hover{
color: var(--brand-green);
border-color: var(--brand-green);
}
/* Reforços (ícones) */
.sg-cta-reassure .elementor-icon-list-items{
display: inline-flex;
gap: 18px;
margin-top: 14px;
}
.sg-cta-reassure .elementor-icon-list-item{
color: var(--brand-dark);
opacity: .9;
font-size: 14.5px;
}
.sg-cta-reassure .elementor-icon-list-icon{
color: var(--brand-green);
width: 18px; min-width: 18px;
display: inline-flex; align-items: center; justify-content: center;
}
/* Responsivo — botões 100% no mobile */
@media (max-width: 767px){
.sg-cta-actions{
display: grid;
grid-template-columns: 1fr;
gap: 10px;
width: 100%;
max-width: 520px;
margin-left: auto; margin-right: auto;
}
.sg-cta-actions .elementor-button{
width: 100%;
justify-content: center;
}
}
/* ===== Pills para Icon List (D9) ===== */
:root{
--brand-green:#1AAE88;
--brand-dark:#333333;
--pill-radius:9999px;
--pill-gap:10px; /* espaço entre pílulas */
--pill-pad-y:8px;
--pill-pad-x:12px;
--pill-shadow:0 6px 16px rgba(26,174,136,.12);
--pill-shadow-hover:0 10px 24px rgba(26,174,136,.18);
}
/* Layout base da lista */
.sg-cta-reassure .elementor-icon-list-items{
display:flex;
flex-wrap:wrap;
gap: var(--pill-gap);
justify-content:center;
align-items:center;
margin-top:14px;
}
/* Item como pílula */
.sg-cta-reassure .elementor-icon-list-item{
display:inline-flex;
align-items:center;
gap:8px;
padding: var(--pill-pad-y) var(--pill-pad-x);
border-radius: var(--pill-radius);
line-height:1;
font-weight:700;
font-size:14px;
transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease, border-color .16s ease;
}
/* Ícone dentro da pílula */
.sg-cta-reassure .elementor-icon-list-icon{
width:18px; min-width:18px; height:18px;
display:inline-flex; align-items:center; justify-content:center;
color: var(--brand-green);
}
.sg-cta-reassure .elementor-icon-list-icon i,
.sg-cta-reassure .elementor-icon-list-icon svg{
width:18px; height:18px; color: currentColor; fill: currentColor;
}
/* Links dentro do Icon List (se houver) */
.sg-cta-reassure .elementor-icon-list-item a{
color: inherit; text-decoration:none;
}
/* ------------ MODO 1: OUTLINE (recomendado) ------------ */
.sg-cta-reassure.pills-outline .elementor-icon-list-item{
background:#fff;
color:#3A3E44;
border:2px solid rgba(26,174,136,.32);
box-shadow: var(--pill-shadow);
}
.sg-cta-reassure.pills-outline .elementor-icon-list-item:hover{
border-color: var(--brand-green);
transform: translateY(-2px);
box-shadow: var(--pill-shadow-hover);
}
/* ------------ MODO 2: SOFT (fundo clarinho) ------------ */
.sg-cta-reassure.pills-soft .elementor-icon-list-item{
background: rgba(26,174,136,.10);
color:#2D3A40;
border:1px solid rgba(26,174,136,.18);
box-shadow: var(--pill-shadow);
}
.sg-cta-reassure.pills-soft .elementor-icon-list-item:hover{
background: rgba(26,174,136,.14);
border-color: rgba(26,174,136,.30);
transform: translateY(-2px);
box-shadow: var(--pill-shadow-hover);
}
/* ------------ MODO 3: SOLID (preenchido) ------------ */
.sg-cta-reassure.pills-solid .elementor-icon-list-item{
background: var(--brand-green);
color:#fff;
border:2px solid var(--brand-green);
box-shadow: var(--pill-shadow);
}
.sg-cta-reassure.pills-solid .elementor-icon-list-item .elementor-icon-list-icon{ color:#fff; }
.sg-cta-reassure.pills-solid .elementor-icon-list-item:hover{
transform: translateY(-2px) scale(1.02);
box-shadow: var(--pill-shadow-hover);
}
/* Responsivo: pílulas mais juntinhas */
@media (max-width:767px){
:root{
--pill-gap:8px;
--pill-pad-y:7px;
--pill-pad-x:10px;
}
}
/* ===== Pílulas da D9 iguais às da Home (outline + compact) ===== */
:root{
--brand-green:#1AAE88; /* verde StartGov */
--pill-muted:#E6EEF0; /* contorno suave igual Home */
}
/* layout base do Icon List em pílulas */
.sg-cta-reassure.pills-home .elementor-icon-list-items{
display:flex; flex-wrap:wrap;
gap: 10px 12px; /* mesmo gap da Home */
justify-content:center; /* mude p/ flex-start se quiser à esquerda */
align-items:center;
margin-top:14px;
}
/* pílula (igual trustbar mode-outline + mode-compact) */
.sg-cta-reassure.pills-home .elementor-icon-list-item{
display:inline-flex; align-items:center; justify-content:center;
gap:8px;
padding: 6px 12px; /* compact */
min-height: 34px;
background:#fff;
color:#51606F; /* texto neutro */
border:2px solid var(--pill-muted);
border-radius:9999px;
text-decoration:none;
font-weight:800;
font-size:14px;
line-height:1;
box-shadow:none; /* chips não “puxam” atenção */
transition: border-color .16s ease, transform .16s ease, color .16s ease;
}
/* ícone em verde (mesmo da Home) */
.sg-cta-reassure.pills-home .elementor-icon-list-icon{
width:18px; min-width:18px; height:18px;
display:inline-flex; align-items:center; justify-content:center;
color: var(--brand-green);
}
.sg-cta-reassure.pills-home .elementor-icon-list-icon i,
.sg-cta-reassure.pills-home .elementor-icon-list-icon svg{
width:18px; height:18px; color: currentColor; fill: currentColor;
}
/* links dentro da pílula herdam a cor */
.sg-cta-reassure.pills-home .elementor-icon-list-item a{
color: inherit; text-decoration:none;
}
/* hover igual ao da trustbar (leve, sem sombra) */
.sg-cta-reassure.pills-home .elementor-icon-list-item:hover{
border-color: rgba(26,174,136,.45); /* leve destaque no hover */
transform: translateY(-1px);
}
/* responsivo */
@media (max-width: 767px){
.sg-cta-reassure.pills-home .elementor-icon-list-items{ gap: 8px 10px; }
.sg-cta-reassure.pills-home .elementor-icon-list-item{ font-size:13.5px; min-height:32px; }
}
/* Alinhar ícone + texto exatamente ao centro nas pílulas (pills-home) */
.sg-cta-reassure.pills-home .elementor-icon-list-item{
display: inline-flex;
align-items: center; /* centraliza verticalmente */
}
.sg-cta-reassure.pills-home .elementor-icon-list-icon{
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px; /* caixa do ícone consistente */
}
.sg-cta-reassure.pills-home .elementor-icon-list-icon i,
.sg-cta-reassure.pills-home .elementor-icon-list-icon svg{
width: 18px;
height: 18px;
line-height: 1;
vertical-align: middle; /* evita “pular” de baseline */
}
.sg-cta-reassure.pills-home .elementor-icon-list-text{
display: inline-flex;
align-items: center; /* alinha o texto ao centro também */
line-height: 1;
}
/* opcional, se algum ícone parecer 1px “alto/baixo” */
.sg-cta-reassure.pills-home .elementor-icon-list-icon{ transform: translateY(1.5px); }
/* ===== Rodapé StartGov (Dobra 13) ===== */
:root{
--brand-green:#1AAE88; /* Verde StartGov */
--brand-dark:#333333; /* Texto base */
--line:rgba(0,0,0,.08); /* Divisor sutil */
}
/* Container do rodapé */
.sg-footer{
padding: clamp(32px,5vw,56px) 0;
background:#fff;
border-top: 1px solid var(--line);
}
/* Títulos (Contato / Redes Sociais) */
.sg-footer .elementor-heading-title{
color: var(--brand-dark);
font-weight: 900;
letter-spacing: -0.2px;
margin-bottom: 12px;
}
/* ===== Lista de contatos ===== */
.sg-footer .sg-contact{
color: var(--brand-dark);
font-size: 15.5px;
line-height: 1.7;
}
.sg-footer .sg-contact .elementor-icon-list-items{ margin:0; padding:0; }
.sg-footer .sg-contact .elementor-icon-list-item{ margin: 0 0 8px; }
.sg-footer .sg-contact .elementor-icon-list-item:last-child{ margin-bottom:0; }
/* Ícones dos contatos (verdes e alinhados) */
.sg-footer .sg-contact .elementor-icon-list-icon{
width: 22px; min-width: 22px;
display:flex; align-items:center; justify-content:center;
margin-right: 10px; font-size: 18px;
}
.sg-footer .sg-contact .elementor-icon-list-icon i,
.sg-footer .sg-contact .elementor-icon-list-icon svg{
color: var(--brand-green); fill: var(--brand-green);
}
/* Links de contato */
.sg-footer .sg-contact a{
color: var(--brand-dark); text-decoration: none; border-bottom: 1px solid transparent;
transition: color .15s ease, border-color .15s ease;
}
.sg-footer .sg-contact a:hover{ color: var(--brand-green); border-color: var(--brand-green); }
/* ===== Redes sociais ===== */
.sg-footer .sg-socials .elementor-grid{
gap: 10px; justify-content: flex-start; /* use center se preferir */
}
/* Botões circulares: borda verde, fundo branco */
.sg-footer .sg-socials a{
width: 40px; height: 40px;
border-radius: 9999px;
background: #fff;
border: 2px solid var(--brand-green);
color: var(--brand-green);
display:flex; align-items:center; justify-content:center;
box-shadow: 0 6px 14px rgba(26,174,136,.15);
transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.sg-footer .sg-socials a i,
.sg-footer .sg-socials a svg{ color: currentColor; fill: currentColor; }
/* Hover preenchido */
.sg-footer .sg-socials a:hover{
background: var(--brand-green);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 12px 24px rgba(26,174,136,.22);
}
/* ===== Responsivo ===== */
@media (max-width: 1024px){
.sg-footer .sg-footer-logo{ justify-content:flex-start; margin-top: 10px; }
}
@media (max-width: 767px){
.sg-footer{ padding: 28px 0; }
.sg-footer .sg-footer-logo{ justify-content:center; }
.sg-footer .sg-socials .elementor-grid{ justify-content:center; }
}
/* === PCA / coluna direita — garantir a LISTA (sg-list-soft) em 100% === */
/* escopo: só na dobra do PCA e só no widget com a classe sg-list-soft */
.sg-pca-hero .sg-right .elementor-element.sg-list-soft{
/* vence width inline 90% do widget */
width: 100% !important;
max-width: none !important;
justify-self: stretch !important; /* ocupa toda a célula do grid */
}
.sg-pca-hero .sg-right .elementor-element.sg-list-soft > .elementor-widget-container{
width: 100% !important;
max-width: none !important;
box-sizing: border-box;
}
/* o UL não pode vir 'boxeado' pelo tema (Kiedo costuma pôr max-width/margin:auto) */
.sg-pca-hero .sg-right .elementor-element.sg-list-soft .elementor-icon-list-items{
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* cada item/link ocupa a largura toda (sem encolher) */
.sg-pca-hero .sg-right .elementor-element.sg-list-soft .elementor-icon-list-item{ width:100% !important; }
.sg-pca-hero .sg-right .elementor-element.sg-list-soft .elementor-icon-list-item > a{
display: flex !important;
width: 100% !important;
box-sizing: border-box;
}
/* se o tema aplicar max-width inline em qualquer wrapper interno, anula */
.sg-pca-hero .sg-right .elementor-element.sg-list-soft [style*="max-width"]{ max-width:100% !important; }
/* reforço quando o corpo tem classe do Kiedo */
body[class*="kiedo"] .sg-pca-hero .sg-right .elementor-element.sg-list-soft .elementor-icon-list-items{
max-width: 100% !important;
margin: 0 !important;
}
/* ================== DOBRA PCA – LAYOUT GERAL ================== */
:root{
--wrap:1240px;
--gap-col:clamp(24px,4vw,48px); /* espaçamento entre colunas */
--gap-row:clamp(10px,2vw,16px); /* espaçamento vertical mobile */
}
.sg-pca-hero{
background:#fff;
padding: clamp(40px,6vw,72px) 0;
}
.sg-pca-hero > .elementor-container,
.sg-pca-hero > .e-con{
max-width: var(--wrap) !important;
margin-inline: auto !important;
width: 100% !important;
/* 2 colunas iguais e alinhadas */
display: grid !important;
grid-template-columns: 1fr 1fr !important;
column-gap: var(--gap-col) !important;
align-items: start !important;
justify-items: stretch !important;
}
/* neutraliza stretch/movimentos do tema/elementor */
.sg-pca-hero .elementor-section-stretched,
.sg-pca-hero .e-con.e-con--stretched{
position: static !important;
left:auto !important; right:auto !important;
margin-left:0 !important; margin-right:0 !important;
width:100% !important; transform:none !important;
}
/* remove acolchoamento que desalinha a coluna 2 */
.sg-pca-hero .sg-right{
padding: 0 !important;
margin: 0 !important;
min-width: 0 !important;
justify-self: stretch !important;
}
/* garante que o primeiro heading das duas colunas comece na mesma linha */
.sg-pca-hero .elementor-widget-heading:first-child{ margin-top:0 !important; }
/* responsivo: empilha e mantém respiro */
@media (max-width:1024px){
.sg-pca-hero > .elementor-container,
.sg-pca-hero > .e-con{
grid-template-columns: 1fr !important;
row-gap: var(--gap-row) !important;
}
}
/* Ícone acima do texto nos cards de resultados (somente mobile) */
@media (max-width:600px){
/* pega o widget Icon Box que tem a classe sg-feature-card */
.elementor-element.sg-feature-card .elementor-icon-box-wrapper{
display: flex !important;
flex-direction: column !important; /* ícone em cima, texto embaixo */
align-items: center !important; /* centraliza horizontalmente */
text-align: center !important;
}
/* garante que o ícone não fique flutuando à esquerda */
.elementor-element.sg-feature-card .elementor-icon-box-icon{
float: none !important;
margin: 0 0 10px 0 !important; /* respiro abaixo do ícone */
display: grid !important;
place-items: center;
}
/* “badge” do ícone (pode ajustar tamanho/cor aqui) */
.elementor-element.sg-feature-card .elementor-icon{
width: 44px; height: 44px;
border-radius: 999px;
background: rgba(26,174,136,.12);
}
.elementor-element.sg-feature-card .elementor-icon i,
.elementor-element.sg-feature-card .elementor-icon svg{
width: 20px; height: 20px; font-size: 20px;
}
/* título + descrição centralizados e sem margens tortas */
.elementor-element.sg-feature-card .elementor-icon-box-title,
.elementor-element.sg-feature-card .elementor-icon-box-title a,
.elementor-element.sg-feature-card .elementor-icon-box-description{
text-align: center !important;
margin: 0 !important;
}
}
/* === FRAME GLOBAL (mesma largura/padding em todas as seções) === */
:root{
--sg-wrap: 1240px; /* largura máxima do conteúdo */
--sg-pad: clamp(16px, 4vw, 24px); /* padding lateral responsivo */
--sg-gap: clamp(16px, 3vw, 32px); /* gap entre colunas */
}
/* 1) “Wrap” que centraliza e dá o mesmo padding lateral */
.sg-wrap{
width: 100%;
max-width: var(--sg-wrap);
margin-inline: auto;
padding-inline: var(--sg-pad);
box-sizing: border-box;
}
/* 2) Grid 2 colunas da 1ª dobra (52%/48%) – alinhamento entre elas */
.sg-grid-52-48{
display: grid;
grid-template-columns: minmax(0,52%) minmax(0,48%);
align-items: start;
column-gap: var(--sg-gap);
row-gap: var(--sg-gap);
}
/* Responsivo: empilha as colunas mantendo o mesmo frame */
@media (max-width: 1024px){
.sg-grid-52-48{
grid-template-columns: 1fr;
}
}
/* 3) Neutraliza “Stretch” do Elementor/tema que pode deslocar o wrap */
.sg-align-fix .elementor-section.elementor-section-stretched,
.sg-align-fix .e-con.e-con--stretched{
width: 100% !important;
left: auto !important;
right: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
transform: none !important;
}
/* 4) Garante que widgets da coluna da direita ocupem 100% (ícones, listas, etc.) */
.sg-grid-52-48 > *{
min-width: 0; /* evita “estouro” causado por conteúdos largos */
}
.sg-grid-52-48 .elementor-widget,
.sg-grid-52-48 .elementor-widget-container{
width: 100%;
}
/* 5) Para as demais dobras ficarem alinhadas ao mesmo frame */
.sg-section{ /* use esta classe nas outras seções */
width: 100%;
}
.sg-section > .elementor-container,
.sg-section > .e-con{
max-width: var(--sg-wrap);
margin-inline: auto;
padding-inline: var(--sg-pad);
box-sizing: border-box;
}
/* ícones (FA ou SVG) */
.trust-badge .elementor-button .elementor-button-icon,
.trust-badge .elementor-button i,
.trust-badge .elementor-button svg{
color:var(--sg-green);
fill:var(--sg-green);
font-size:16px;
line-height:1;
}
/* HOVER: levanta um pouco e intensifica a sombra */
.trust-badge .elementor-button:hover{
background:rgba(18,184,134,.06);
border-color:var(--sg-green);
color:var(--sg-green);
transform:translateY(-2px); /* levanta */
box-shadow:0 10px 24px rgba(0,0,0,.12); /* sombra mais marcada */
}
/* ACTIVE (ao clicar): desce um tiquinho pra dar feedback de clique) */
.trust-badge .elementor-button:active{
transform:translateY(-1px);
box-shadow:0 8px 18px rgba(0,0,0,.10);
}
/* FOCUS visível (acessibilidade) */
.trust-badge .elementor-button:focus-visible{
outline:3px solid rgba(18,184,134,.35);
outline-offset:2px;
}
/* reduz animações para quem prefere menos movimento */
@media (prefers-reduced-motion: reduce){
.trust-badge .elementor-button{ transition:none }
}
/* responsivo */
@media (max-width: 767px){
.trustbar{ gap:10px; justify-content:flex-start; }
.trust-badge{ flex:1 1 auto; }
.trust-badge .elementor-button{
width:100%;
justify-content:flex-start;
}
}
:root{ --sg-green:#12B886; } /* troque pelo seu verde oficial se quiser */
/* Escopo opcional (se deu a classe hero-title no widget/coluna/section) */
.hero-title h1 .h1-accent{
color: var(--sg-green);
font-weight: 800; /* negrito forte */
}
/* Se preferir sem escopo, use a linha abaixo em vez da de cima: */
/* .elementor-widget-heading h1 .h1-accent{ color:var(--sg-green); font-weight:800; } */
/* ====== CTA PILLS – Zoom-in + Inversão no hover ====== */
:root{
--sg-green: #12B886; /* verde StartGov */
--sg-yellow-start: #FFD23F; /* amarelo gradiente início */
--sg-yellow-end: #FFB703; /* amarelo gradiente fim */
--sg-dark: #1D1D1B; /* texto escuro */
}
/* -------- PRIMÁRIO (Conhecer Plataforma) -------- */
.sg-cta-primary .elementor-button{
background: linear-gradient(135deg, var(--sg-yellow-start), var(--sg-yellow-end));
color: var(--sg-dark);
border: 2px solid transparent;
border-radius: 9999px;
padding: 14px 26px;
min-height: 44px;
font-weight: 800;
font-size: 16px;
text-transform: none;
display: inline-flex; align-items: center; gap: 10px;
/* sombra base + pronto p/ animação */
box-shadow: 0 8px 18px rgba(255,183,3,.28), 0 1px 0 rgba(0,0,0,.05);
transform: translateY(0) scale(1);
will-change: transform, box-shadow, filter;
transition:
transform .18s ease,
box-shadow .18s ease,
filter .18s ease;
}
.sg-cta-primary .elementor-button .elementor-button-icon,
.sg-cta-primary .elementor-button i,
.sg-cta-primary .elementor-button svg{
color: var(--sg-dark);
fill: var(--sg-dark);
font-size: 18px; line-height: 1;
}
.sg-cta-primary .elementor-button:hover{
transform: translateY(-2px) scale(1.04); /* zoom-in + lift */
box-shadow: 0 12px 28px rgba(255,183,3,.36), 0 2px 0 rgba(0,0,0,.06);
filter: brightness(1.03);
}
.sg-cta-primary .elementor-button:active{ transform: translateY(-1px) scale(1.02); }
/* -------- SECUNDÁRIO (Solicitar Demonstração) -------- */
.sg-cta-secondary .elementor-button{
background: #fff;
color: var(--sg-green);
border: 2px solid var(--sg-green);
border-radius: 9999px;
padding: 14px 26px;
min-height: 44px;
font-weight: 800;
font-size: 16px;
text-transform: none;
display: inline-flex; align-items: center; gap: 10px;
box-shadow: 0 8px 18px rgba(18,184,134,.18), 0 1px 0 rgba(0,0,0,.04);
transform: translateY(0) scale(1);
will-change: transform, box-shadow, background-color, color, border-color;
transition:
transform .18s ease,
box-shadow .18s ease,
background-color .18s ease,
border-color .18s ease,
color .18s ease;
}
.sg-cta-secondary .elementor-button .elementor-button-icon,
.sg-cta-secondary .elementor-button i,
.sg-cta-secondary .elementor-button svg{
color: var(--sg-green);
fill: var(--sg-green);
font-size: 18px; line-height: 1;
}
/* HOVER: inverte as cores + zoom-in + lift */
.sg-cta-secondary .elementor-button:hover{
background: var(--sg-green); /* fica preenchido */
color: #fff; /* texto branco */
border-color: var(--sg-green);
transform: translateY(-2px) scale(1.04);
box-shadow: 0 12px 28px rgba(18,184,134,.26), 0 2px 0 rgba(0,0,0,.05);
}
/* Ícone também fica branco quando invertido */
.sg-cta-secondary .elementor-button:hover .elementor-button-icon,
.sg-cta-secondary .elementor-button:hover i,
.sg-cta-secondary .elementor-button:hover svg{
color:#fff; fill:#fff;
}
.sg-cta-secondary .elementor-button:active{ transform: translateY(-1px) scale(1.02); }
/* -------- Acessibilidade -------- */
.sg-cta-primary .elementor-button:focus-visible,
.sg-cta-secondary .elementor-button:focus-visible{
outline: 3px solid rgba(18,184,134,.35);
outline-offset: 2px;
}
/* Respeita preferência do usuário por menos movimento */
@media (prefers-reduced-motion: reduce){
.sg-cta-primary .elementor-button,
.sg-cta-secondary .elementor-button{ transition: none; }
}
/* (Opcional) Mobile full-width – descomente se quiser ocupar 100% no celular */
/*
@media (max-width: 767px){
.sg-cta-primary .elementor-button,
.sg-cta-secondary .elementor-button{
width:100%; justify-content:center;
}
}
*/
/* Tipografia e cor somente na seção Sobre */
.sobre-sec .elementor-widget-text-editor,
.sobre-sec .elementor-widget-text-editor p{
color:#3A3E44 !important;
font-size:16px !important;
line-height:1.7 !important;
}
/* Se tiver headings dentro do Editor de Texto */
.sobre-sec .elementor-widget-text-editor h2,
.sobre-sec .elementor-widget-text-editor h3{
color:#3A3E44 !important;
font-weight:800 !important;
line-height:1.25 !important;
}
/* Cor de links dentro do texto */
.sobre-sec .elementor-widget-text-editor a{
color:#12B886 !important;
text-decoration:none;
}
.sobre-sec .elementor-widget-text-editor a:hover{
text-decoration:underline;
}
:root{ --sg-subtext: #3A3E44; }
/* Text Editor OU Heading usado como subtítulo */
.hero-subtitle,
.hero-subtitle p,
.hero-subtitle .elementor-heading-title{
color: var(--sg-subtext) !important;
font-size: clamp(16px, 1.6vw, 18px);
line-height: 1.6;
font-weight: 500; /* ajuste se quiser 400/600 */
margin: 0;
}
/* formatação básica dentro do subtítulo */
.hero-subtitle a{ color: var(--sg-subtext); text-decoration: underline; }
.hero-subtitle strong{ font-weight: 700; }
.hero-subtitle em{ font-style: italic; }
/* mobile: ligeiramente maior e mais espaçado se preferir */
@media (max-width: 767px){
.hero-subtitle,
.hero-subtitle p,
.hero-subtitle .elementor-heading-title{
font-size: 16px;
line-height: 1.7;
}
}
/* ===== VARIÁVEIS GERAIS ===== */
:root{
--sg-green: #12B886; /* verde StartGov */
--sg-text: #3A3E44; /* cor base do texto (pedido) */
--sg-white: #FFFFFF;
--sg-soft: rgba(0,0,0,.06);
}
/* ====== BASE DA TRUSTBAR ====== */
.sg-trustbar{
display:flex;
flex-wrap:wrap;
align-items:center;
gap: 10px 1px; /* espaço entre itens */
}
/* Normaliza os itens como “pílulas” sem interferir em CTAs de fora */
.sg-trustbar .elementor-button,
.sg-trustbar .sg-pill{
display:inline-flex;
align-items:center;
gap:10px;
padding: 10px 16px;
border-radius: 9999px;
font-weight: 800;
font-size: 14px;
line-height: 1;
text-transform: none;
box-shadow: none; /* chips não devem “puxar” atenção */
transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}
/* ====== TRUST BAR - PILLS (com sombra padrão e lift no hover) ====== */
:root { --sg-green: #12B886; } /* troque pelo tom oficial se quiser */
.trustbar{
display:flex;
flex-wrap:wrap;
gap:12px;
align-items:center;
justify-content:flex-start;
margin-top:14px;
}
/* estilo base das pílulas */
.trust-badge .elementor-button{
background:#fff;
background-image:none;
border:2px solid ;
color:var(--sg-green);
border-radius:9999px;
padding:10px 16px;
min-height:40px;
line-height:1.2;
font-size:14px;
font-weight:700;
text-transform:none;
letter-spacing:0;
display:inline-flex;
align-items:center;
gap:10px;
/* sombra padrão + transições + base para lift */
box-shadow:0 4px 12px rgba(0,0,0,.06);
transform:translateY(0);
will-change: transform, box-shadow, background-color, border-color;
transition:
transform .18s ease,
box-shadow .18s ease,
background-color .18s ease,
border-color .18s ease,
color .18s ease;
}
/* ===== SG — FORMULÁRIO PRÉ-RODAPÉ (Elementor Forms) ===== */
:root{
--sg-green:#1AAE88;
--sg-text:#333333;
--card-bg:#fff;
--card-radius:16px;
--card-shadow:0 12px 40px rgba(0,0,0,.08);
--card-border:1px solid rgba(0,0,0,.06);
--y-start:#FFD23F; /* amarelo gradiente */
--y-end:#FFB703;
--y-text:#1D1D1B; /* contraste no amarelo */
}
/* Seção / wrapper */
.sg-demo-form{ padding: clamp(28px,4vw,40px) 0; }
/* Caixa branca (pega .sg-form-card se existir ou o container do widget) */
.sg-demo-form .sg-form-card,
.sg-demo-form .elementor-widget-form .elementor-widget-container{
max-width: 760px;
margin: 0 auto;
background: var(--card-bg);
border-radius: var(--card-radius);
box-shadow: var(--card-shadow);
border: var(--card-border);
padding: clamp(18px,3vw,28px) clamp(16px,3vw,32px);
}
/* Grid 2 colunas */
.sg-demo-form .elementor-form .elementor-form-fields-wrapper{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px 20px;
}
/* Campos que ocupam a linha inteira (textarea ou grupo com classe is-wide) */
.sg-demo-form .elementor-form .elementor-field-type-textarea,
.sg-demo-form .elementor-form .elementor-field-group.elementor-col-100,
.sg-demo-form .elementor-form .elementor-field-group.is-wide{
grid-column: 1 / -1;
}
/* Rótulos */
.sg-demo-form .elementor-form .elementor-field-label{
color: var(--sg-text);
font-weight: 800;
margin: 0 0 6px;
}
/* Inputs / selects / textarea */
.sg-demo-form .elementor-form input[type="text"],
.sg-demo-form .elementor-form input[type="email"],
.sg-demo-form .elementor-form input[type="tel"],
.sg-demo-form .elementor-form input[type="url"],
.sg-demo-form .elementor-form input[type="number"],
.sg-demo-form .elementor-form input[type="password"],
.sg-demo-form .elementor-form select,
.sg-demo-form .elementor-form textarea,
.sg-demo-form .elementor-form .elementor-field-textual{
background:#fff;
border:1px solid rgba(0,0,0,.12);
border-radius:12px;
height: 52px;
padding: 12px 14px;
font-size: 16px;
color: var(--sg-text);
transition: border-color .15s ease, box-shadow .15s ease;
}
.sg-demo-form .elementor-form textarea{ min-height:120px; height:auto; resize:vertical; }
/* Foco com aura verde */
.sg-demo-form .elementor-form input:focus,
.sg-demo-form .elementor-form select:focus,
.sg-demo-form .elementor-form textarea:focus{
border-color: var(--sg-green);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--sg-green) 25%, transparent);
outline: 0;
}
/* Submit ocupa a linha toda */
.sg-demo-form .elementor-form .elementor-field-type-submit{
grid-column: 1 / -1;
margin-top: 8px;
text-align: center;
}
/* ===== Botão ENVIAR do próprio Form (amarelo) ===== */
.sg-demo-form .elementor-form .elementor-field-type-submit .elementor-button{
background: linear-gradient(135deg, var(--y-start), var(--y-end));
color: var(--y-text);
border: 2px solid var(--y-end);
border-radius: 9999px;
padding: 14px 26px;
min-height: 44px;
font-weight: 800;
font-size: 16px;
text-transform: none;
display: inline-flex; align-items: center; gap: 10px;
box-shadow: 0 8px 18px rgba(255,183,3,.28), 0 1px 0 rgba(0,0,0,.05);
transform: translateY(0) scale(1);
transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.sg-demo-form .elementor-form .elementor-field-type-submit .elementor-button:hover{
transform: translateY(-2px) scale(1.04);
box-shadow: 0 12px 28px rgba(255,183,3,.36), 0 2px 0 rgba(0,0,0,.06);
filter: brightness(1.03);
}
.sg-demo-form .elementor-form .elementor-field-type-submit .elementor-button:focus-visible{
outline: 3px solid color-mix(in srgb, var(--sg-green) 35%, transparent);
outline-offset: 2px;
}
/* Mensagens do formulário */
.sg-demo-form .elementor-message{
max-width: 760px; margin: 12px auto 0;
border-radius: 12px; padding: 12px 14px; font-weight: 700;
}
.sg-demo-form .elementor-message.elementor-message-success{
background:#E8FBF3; color:#075E40; border:1px solid #B5F0DC;
}
.sg-demo-form .elementor-message.elementor-message-danger{
background:#FFF4F4; color:#7A1E1E; border:1px solid #F7CACA;
}
/* Mobile: 1 coluna */
@media (max-width: 767px){
.sg-demo-form .elementor-form .elementor-form-fields-wrapper{
grid-template-columns: 1fr;
gap: 14px;
}
.sg-demo-form .sg-form-card,
.sg-demo-form .elementor-widget-form .elementor-widget-container{
padding: 18px 16px;
}
}
/* ===== (Opcional) Botão WhatsApp dentro do FORM ===== */
/* Adicione um campo HTML logo abaixo do submit com:
Quero falar no WhatsApp
E dê a esse campo a classe extra: wa-field (em Avançado) para alinhar. */
.sg-demo-form .elementor-form .elementor-field-group.wa-field{
grid-column: 1 / -1;
display: flex; justify-content: center;
}
.sg-demo-form .sg-wa-btn{
display:inline-flex; align-items:center; gap:10px;
padding:14px 26px; border-radius:9999px;
border:2px solid var(--sg-green); background:#fff;
color: var(--sg-green); font-weight:800; font-size:16px; text-decoration:none;
box-shadow: 0 8px 18px rgba(26,174,136,.18), 0 1px 0 rgba(0,0,0,.04);
transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
}
.sg-demo-form .sg-wa-btn:hover{
background: var(--sg-green); color:#fff;
transform: translateY(-2px) scale(1.04);
box-shadow: 0 12px 28px rgba(18,184,134,.26), 0 2px 0 rgba(0,0,0,.05);
}
/* ==== TRUSTBAR — alinhar à esquerda + alturas iguais + sem lift ==== */
.sg-trustbar {
--pill-h: 38px; /* altura uniforme */
justify-content: flex-start !important; /* alinha à esquerda */
align-items: flex-start !important; /* evita “salto” vertical */
}
/* Cada pílula com mesma altura e conteúdo centralizado */
.sg-trustbar .elementor-button,
.sg-trustbar .sg-pill{
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
height: var(--pill-h) !important;
min-height: var(--pill-h) !important;
line-height: 1 !important;
padding: 0 16px !important; /* altura vem da var */
transform: none !important; /* base sem lift */
box-shadow: none !important; /* chips não “pulam” */
}
/* Wrapper interno do botão do Elementor também em flex */
.sg-trustbar .elementor-button .elementor-button-content-wrapper{
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
}
/* Ícone: tamanho e alinhamento fixos */
.sg-trustbar .elementor-button .elementor-button-icon,
.sg-trustbar .sg-pill .icon-wrap{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
margin: 0 !important;
line-height: 1 !important;
}
/* Texto sempre alinhado ao meio */
.sg-trustbar .elementor-button .elementor-button-text{
display: inline-block !important;
line-height: 1 !important;
white-space: nowrap;
}
/* Modo outline: borda cinza + ícone verde; SEM lift no hover */
.sg-trustbar.mode-outline .elementor-button,
.sg-trustbar.mode-outline .sg-pill{
background: #fff !important;
border: 2px solid var(--sg-muted, #C9D4DB) !important; /* cinza */
color: #51606F !important;
}
.sg-trustbar.mode-outline .elementor-button i,
.sg-trustbar.mode-outline .elementor-button svg,
.sg-trustbar.mode-outline .sg-pill i,
.sg-trustbar.mode-outline .sg-pill svg{
color: var(--sg-green, #12B886) !important;
fill: currentColor !important;
}
/* Hover: só troca a cor da borda, SEM translate/zoom (mantém alinhado) */
.sg-trustbar.mode-outline .elementor-button:hover,
.sg-trustbar.mode-outline .sg-pill:hover{
border-color: var(--sg-green, #12B886) !important;
transform: none !important;
box-shadow: none !important;
}
/* Compact: mantém chip baixinho sem perder alinhamento */
.sg-trustbar.mode-compact .elementor-button,
.sg-trustbar.mode-compact .sg-pill{
padding: 0 12px !important; /* sem alterar altura */
font-size: 13px !important;
}
/* ==== TRUSTBAR — alinhar à esquerda + alturas iguais + sem lift ==== */
.sg-trustbar {
--pill-h: 38px; /* altura uniforme */
justify-content: flex-start !important; /* alinha à esquerda */
align-items: flex-start !important; /* evita “salto” vertical */
}
/* Cada pílula com mesma altura e conteúdo centralizado */
.sg-trustbar .elementor-button,
.sg-trustbar .sg-pill{
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
height: var(--pill-h) !important;
min-height: var(--pill-h) !important;
line-height: 1 !important;
padding: 0 16px !important; /* altura vem da var */
transform: none !important; /* base sem lift */
box-shadow: none !important; /* chips não “pulam” */
}
/* Wrapper interno do botão do Elementor também em flex */
.sg-trustbar .elementor-button .elementor-button-content-wrapper{
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
}
/* Ícone: tamanho e alinhamento fixos */
.sg-trustbar .elementor-button .elementor-button-icon,
.sg-trustbar .sg-pill .icon-wrap{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
margin: 0 !important;
line-height: 1 !important;
}
/* Texto sempre alinhado ao meio */
.sg-trustbar .elementor-button .elementor-button-text{
display: inline-block !important;
line-height: 1 !important;
white-space: nowrap;
}
/* Modo outline: borda cinza + ícone verde; SEM lift no hover */
.sg-trustbar.mode-outline .elementor-button,
.sg-trustbar.mode-outline .sg-pill{
background: #fff !important;
border: 2px solid var(--sg-muted, #C9D4DB) !important; /* cinza */
color: #51606F !important;
}
.sg-trustbar.mode-outline .elementor-button i,
.sg-trustbar.mode-outline .elementor-button svg,
.sg-trustbar.mode-outline .sg-pill i,
.sg-trustbar.mode-outline .sg-pill svg{
color: var(--sg-green, #12B886) !important;
fill: currentColor !important;
}
/* Hover: só troca a cor da borda, SEM translate/zoom (mantém alinhado) */
.sg-trustbar.mode-outline .elementor-button:hover,
.sg-trustbar.mode-outline .sg-pill:hover{
border-color: var(--sg-green, #12B886) !important;
transform: none !important;
box-shadow: none !important;
}
/* Compact: mantém chip baixinho sem perder alinhamento */
.sg-trustbar.mode-compact .elementor-button,
.sg-trustbar.mode-compact .sg-pill{
padding: 0 12px !important; /* sem alterar altura */
font-size: 13px !important;
}/* End custom CSS */