.elementor-782 .elementor-element.elementor-element-efbb9a8{--display:flex;}.elementor-782 .elementor-element.elementor-element-713e2387{--display:flex;}.elementor-782 .elementor-element.elementor-element-20c3533e{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-782 .elementor-element.elementor-element-3b8ddfdc .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:60px;font-weight:500;}.elementor-782 .elementor-element.elementor-element-72478e80{--display:flex;}.elementor-782 .elementor-element.elementor-element-7f7b6ab6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:600;}.elementor-782 .elementor-element.elementor-element-43a48dd1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-782 .elementor-element.elementor-element-f7945cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-782 .elementor-element.elementor-element-f7945cb::before, .elementor-782 .elementor-element.elementor-element-f7945cb > .elementor-background-video-container::before, .elementor-782 .elementor-element.elementor-element-f7945cb > .e-con-inner > .elementor-background-video-container::before, .elementor-782 .elementor-element.elementor-element-f7945cb > .elementor-background-slideshow::before, .elementor-782 .elementor-element.elementor-element-f7945cb > .e-con-inner > .elementor-background-slideshow::before, .elementor-782 .elementor-element.elementor-element-f7945cb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-782 .elementor-element.elementor-element-63481ba{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-782 .elementor-element.elementor-element-c597ad9 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:50px;font-weight:500;color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-7fcd922{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-782 .elementor-element.elementor-element-ed19fe3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-782 .elementor-element.elementor-element-ed19fe3 .elementor-icon-wrapper{text-align:center;}.elementor-782 .elementor-element.elementor-element-ed19fe3.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-ed19fe3.elementor-view-framed .elementor-icon, .elementor-782 .elementor-element.elementor-element-ed19fe3.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-ed19fe3.elementor-view-framed .elementor-icon, .elementor-782 .elementor-element.elementor-element-ed19fe3.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-ed19fe3 .elementor-icon{font-size:50px;}.elementor-782 .elementor-element.elementor-element-ed19fe3 .elementor-icon svg{height:50px;}.elementor-782 .elementor-element.elementor-element-ed19fe3 .elementor-icon-wrapper svg{width:auto;}.elementor-782 .elementor-element.elementor-element-7fa0145 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:32px;font-weight:500;text-transform:none;font-style:normal;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-782 .elementor-element.elementor-element-7479af3{font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:400;color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-247488a{--display:flex;}.elementor-782 .elementor-element.elementor-element-4ab18ea{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-782 .elementor-element.elementor-element-1423af2{--display:flex;}.elementor-782 .elementor-element.elementor-element-8718b65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-782 .elementor-element.elementor-element-8718b65::before, .elementor-782 .elementor-element.elementor-element-8718b65 > .elementor-background-video-container::before, .elementor-782 .elementor-element.elementor-element-8718b65 > .e-con-inner > .elementor-background-video-container::before, .elementor-782 .elementor-element.elementor-element-8718b65 > .elementor-background-slideshow::before, .elementor-782 .elementor-element.elementor-element-8718b65 > .e-con-inner > .elementor-background-slideshow::before, .elementor-782 .elementor-element.elementor-element-8718b65 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-782 .elementor-element.elementor-element-65b7767{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-782 .elementor-element.elementor-element-fd39965 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:50px;font-weight:500;color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-544a432{--display:flex;}.elementor-782 .elementor-element.elementor-element-088effb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-782 .elementor-element.elementor-element-088effb .elementor-icon-wrapper{text-align:center;}.elementor-782 .elementor-element.elementor-element-088effb.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-088effb.elementor-view-framed .elementor-icon, .elementor-782 .elementor-element.elementor-element-088effb.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-088effb.elementor-view-framed .elementor-icon, .elementor-782 .elementor-element.elementor-element-088effb.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-088effb .elementor-icon{font-size:50px;}.elementor-782 .elementor-element.elementor-element-088effb .elementor-icon svg{height:50px;}.elementor-782 .elementor-element.elementor-element-088effb .elementor-icon-wrapper svg{width:auto;}.elementor-782 .elementor-element.elementor-element-2ac4987 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:32px;font-weight:500;text-transform:none;font-style:normal;}.elementor-782 .elementor-element.elementor-element-9c0756b{font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:400;color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-31e9afa{--display:flex;}.elementor-782 .elementor-element.elementor-element-fbc21e5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-782 .elementor-element.elementor-element-5f705e6{--display:flex;}.elementor-782 .elementor-element.elementor-element-3360633{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-782 .elementor-element.elementor-element-3360633::before, .elementor-782 .elementor-element.elementor-element-3360633 > .elementor-background-video-container::before, .elementor-782 .elementor-element.elementor-element-3360633 > .e-con-inner > .elementor-background-video-container::before, .elementor-782 .elementor-element.elementor-element-3360633 > .elementor-background-slideshow::before, .elementor-782 .elementor-element.elementor-element-3360633 > .e-con-inner > .elementor-background-slideshow::before, .elementor-782 .elementor-element.elementor-element-3360633 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-782 .elementor-element.elementor-element-239d05a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-782 .elementor-element.elementor-element-9102e36 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:50px;font-weight:500;color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-b77d087{--display:flex;}.elementor-782 .elementor-element.elementor-element-94e93e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-782 .elementor-element.elementor-element-94e93e2 .elementor-icon-wrapper{text-align:center;}.elementor-782 .elementor-element.elementor-element-94e93e2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-94e93e2.elementor-view-framed .elementor-icon, .elementor-782 .elementor-element.elementor-element-94e93e2.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-94e93e2.elementor-view-framed .elementor-icon, .elementor-782 .elementor-element.elementor-element-94e93e2.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-94e93e2 .elementor-icon{font-size:50px;}.elementor-782 .elementor-element.elementor-element-94e93e2 .elementor-icon svg{height:50px;}.elementor-782 .elementor-element.elementor-element-94e93e2 .elementor-icon-wrapper svg{width:auto;}.elementor-782 .elementor-element.elementor-element-5540eba .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:32px;font-weight:500;text-transform:none;font-style:normal;}.elementor-782 .elementor-element.elementor-element-1844495{font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:400;color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-0fc1790{--display:flex;}.elementor-782 .elementor-element.elementor-element-6bac6c7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-782 .elementor-element.elementor-element-eb32091{--display:flex;}.elementor-782 .elementor-element.elementor-element-617c5c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-782 .elementor-element.elementor-element-617c5c9::before, .elementor-782 .elementor-element.elementor-element-617c5c9 > .elementor-background-video-container::before, .elementor-782 .elementor-element.elementor-element-617c5c9 > .e-con-inner > .elementor-background-video-container::before, .elementor-782 .elementor-element.elementor-element-617c5c9 > .elementor-background-slideshow::before, .elementor-782 .elementor-element.elementor-element-617c5c9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-782 .elementor-element.elementor-element-617c5c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-782 .elementor-element.elementor-element-8686dbf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-782 .elementor-element.elementor-element-d8680df .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:50px;font-weight:500;color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-c931d07{--display:flex;}.elementor-782 .elementor-element.elementor-element-89150b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-782 .elementor-element.elementor-element-89150b2 .elementor-icon-wrapper{text-align:center;}.elementor-782 .elementor-element.elementor-element-89150b2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-89150b2.elementor-view-framed .elementor-icon, .elementor-782 .elementor-element.elementor-element-89150b2.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-89150b2.elementor-view-framed .elementor-icon, .elementor-782 .elementor-element.elementor-element-89150b2.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-89150b2 .elementor-icon{font-size:50px;}.elementor-782 .elementor-element.elementor-element-89150b2 .elementor-icon svg{height:50px;}.elementor-782 .elementor-element.elementor-element-89150b2 .elementor-icon-wrapper svg{width:auto;}.elementor-782 .elementor-element.elementor-element-7ec84d8 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:32px;font-weight:500;text-transform:none;font-style:normal;}.elementor-782 .elementor-element.elementor-element-5f977a9{font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:400;color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-9e3c95e{--display:flex;}.elementor-782 .elementor-element.elementor-element-0c5322c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-782 .elementor-element.elementor-element-d01613d{--display:flex;}.elementor-782 .elementor-element.elementor-element-59699b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-782 .elementor-element.elementor-element-59699b9::before, .elementor-782 .elementor-element.elementor-element-59699b9 > .elementor-background-video-container::before, .elementor-782 .elementor-element.elementor-element-59699b9 > .e-con-inner > .elementor-background-video-container::before, .elementor-782 .elementor-element.elementor-element-59699b9 > .elementor-background-slideshow::before, .elementor-782 .elementor-element.elementor-element-59699b9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-782 .elementor-element.elementor-element-59699b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-782 .elementor-element.elementor-element-5f7e2aa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-782 .elementor-element.elementor-element-bb880e1 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:50px;font-weight:500;color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-0fa3f5e{--display:flex;}.elementor-782 .elementor-element.elementor-element-2534c2e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-782 .elementor-element.elementor-element-2534c2e .elementor-icon-wrapper{text-align:center;}.elementor-782 .elementor-element.elementor-element-2534c2e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-2534c2e.elementor-view-framed .elementor-icon, .elementor-782 .elementor-element.elementor-element-2534c2e.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-2534c2e.elementor-view-framed .elementor-icon, .elementor-782 .elementor-element.elementor-element-2534c2e.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-2534c2e .elementor-icon{font-size:50px;}.elementor-782 .elementor-element.elementor-element-2534c2e .elementor-icon svg{height:50px;}.elementor-782 .elementor-element.elementor-element-2534c2e .elementor-icon-wrapper svg{width:auto;}.elementor-782 .elementor-element.elementor-element-0d087b7 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:32px;font-weight:500;text-transform:none;font-style:normal;}.elementor-782 .elementor-element.elementor-element-6cde723{font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:400;color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-9a87629{--display:flex;}.elementor-782 .elementor-element.elementor-element-4e80d91{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-782 .elementor-element.elementor-element-b427222{--display:flex;}.elementor-782 .elementor-element.elementor-element-50f8a00{--display:flex;--min-height:400px;--justify-content:center;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-782 .elementor-element.elementor-element-50f8a00:not(.elementor-motion-effects-element-type-background), .elementor-782 .elementor-element.elementor-element-50f8a00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}@media(min-width:768px){.elementor-782 .elementor-element.elementor-element-50f8a00{--width:20px;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-782 .elementor-element.elementor-element-7f7b6ab6 .elementor-heading-title{font-size:60px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-782 .elementor-element.elementor-element-50f8a00{--border-radius:0px 15px 15px 0px;}}/* Start custom CSS for container, class: .elementor-element-f7945cb *//* =========================================================
   DIGNO DESIGN
   CARDS DE SERVIÇOS — VERSÃO FINAL
========================================================= */


/* =========================================================
   CARD
========================================================= */

.card-servico{
    position:relative !important;

    width:420px !important;
    min-width:420px !important;

    height:520px !important;
    min-height:520px !important;

    padding:34px 34px 30px !important;

    display:flex !important;
    flex-direction:column !important;

    border-radius:24px !important;

    overflow:hidden !important;

    border:
        1px solid
        rgba(104,174,245,.25) !important;

    background:
        radial-gradient(
            circle at 92% 18%,
            rgba(42,104,219,.28) 0%,
            rgba(42,104,219,0) 35%
        ),
        linear-gradient(
            145deg,
            #063D70 0%,
            #003566 52%,
            #06275C 100%
        ) !important;

    box-shadow:
        0 24px 55px
        rgba(0,27,61,.22);

    isolation:isolate;
}


/* =========================================================
   DETALHE DO CANTO SUPERIOR ESQUERDO
========================================================= */

.card-servico::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:52px;
    height:52px;

    border-top:
        3px solid
        #69B1F8;

    border-left:
        3px solid
        #69B1F8;

    border-radius:
        24px 0 0 0;

    opacity:.85;

    pointer-events:none;

    z-index:3;
}


/* =========================================================
   GLOW DO LADO DIREITO
========================================================= */

.card-servico::after{
    content:"";

    position:absolute;

    width:230px;
    height:320px;

    right:-130px;
    top:70px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(29,94,231,.28) 0%,
            rgba(29,94,231,.12) 35%,
            rgba(29,94,231,0) 72%
        );

    pointer-events:none;

    z-index:0;
}


.card-servico > *{
    position:relative;
    z-index:2;
}



/* =========================================================
   TOPO
========================================================= */

.card-servico__topo{

    width:100% !important;

    display:flex !important;
    flex-direction:row !important;

    justify-content:space-between !important;
    align-items:flex-start !important;

    padding:0 !important;

    margin-bottom:44px !important;
}



/* =========================================================
   NÚMERO
========================================================= */

.card-servico__numero,
.card-servico__numero .elementor-heading-title{

    margin:0 !important;

    font-family:
        "Space Grotesk",
        sans-serif !important;

    font-size:52px !important;

    line-height:1 !important;

    font-weight:400 !important;

    letter-spacing:-.045em !important;

    color:#78B7FF !important;

    background:
        linear-gradient(
            180deg,
            #9ED3FF 0%,
            #438CEB 100%
        );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    background-clip:text;
}



/* =========================================================
   CONTAINER DO ÍCONE
========================================================= */

.card-servico__icone{

    width:82px !important;
    min-width:82px !important;

    height:82px !important;
    min-height:82px !important;

    padding:0 !important;

    margin:0 !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:transparent !important;

    border:0 !important;

    border-radius:0 !important;

    overflow:visible !important;
}


/*
IMPORTANTE:
remove o ícone CSS antigo
*/

.card-servico__icone::before,
.card-servico__icone::after{

    content:none !important;
    display:none !important;
}



/* =========================================================
   SVG DA COROA
========================================================= */

.card-servico__coroa{

    width:82px !important;
    max-width:82px !important;

    margin:0 !important;
}


.card-servico__coroa .elementor-widget-container{

    width:82px !important;

    display:flex;

    align-items:center;
    justify-content:center;
}


.card-servico__coroa img{

    display:block !important;

    width:82px !important;
    height:82px !important;

    object-fit:contain !important;

    transition:
        transform .35s ease,
        filter .35s ease;
}



/* =========================================================
   TÍTULO
========================================================= */

.card-servico__titulo{


    margin:
        0 0 26px 0 !important;
}


.card-servico__titulo .elementor-heading-title{

    max-width:330px;

    margin:0 !important;

    color:#FFFFFF !important;

    font-weight:600 !important;

    line-height:1.02 !important;

    letter-spacing:-.04em !important;

    text-transform:uppercase;
}



/* =========================================================
   TEXTO
========================================================= */

.card-servico__texto{

    width:100% !important;

    margin:0 !important;
}


.card-servico__texto,
.card-servico__texto p{

    max-width:335px;

    margin:0 !important;

    font-weight:400 !important;

    line-height:1.62 !important;
}



/* =========================================================
   DIVISOR
========================================================= */

.card-servico__linha{

    width:100% !important;

    height:1px !important;
    min-height:1px !important;

    padding:0 !important;

    margin:
        auto 0 22px 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(103,173,244,.65),
            rgba(103,173,244,.16)
        ) !important;
}



/* =========================================================
   CTA
========================================================= */

.card-servico__cta{

    width:100% !important;

    display:flex !important;

    flex-direction:row !important;

    justify-content:flex-start !important;
    align-items:center !important;

    gap:22px !important;

    padding:0 !important;

    cursor:pointer;
}


.card-servico__cta-texto,
.card-servico__cta-texto .elementor-heading-title{

    margin:0 !important;

    color:#72AFFF !important;

    font-family:
        "Urbanist",
        sans-serif !important;

    font-size:18px !important;

    font-weight:600 !important;

    line-height:1 !important;

    transition:
        color .3s ease;
}



/* SETA */

.card-servico__cta-seta,
.card-servico__cta-seta .elementor-heading-title{

    margin:0 !important;

    color:#72AFFF !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size:27px !important;

    font-weight:300 !important;

    line-height:1 !important;

    transition:
        transform .3s ease,
        color .3s ease;
}



/* =========================================================
   QUADRADOS DIGNO
========================================================= */

.card-servico__decor{

    position:absolute !important;

    right:30px !important;
    bottom:25px !important;

    width:74px !important;
    height:74px !important;

    min-height:0 !important;

    padding:0 !important;

    opacity:.46;

    pointer-events:none;
}


.card-servico__decor::before{

    content:"";

    position:absolute;

    width:22px;
    height:22px;

    right:0;
    top:0;

    background:#4D91E6;

    box-shadow:

        -24px 24px 0
        rgba(52,126,214,.72),

        -48px 48px 0
        rgba(62,137,222,.60),

        0 48px 0
        rgba(67,143,227,.76);
}



/* =========================================================
   HOVER

   Não movimentamos o card inteiro para não brigar
   com a animação horizontal do GSAP.
========================================================= */

.card-servico{

    transition:
        border-color .35s ease,
        box-shadow .35s ease;
}


.card-servico:hover{

    border-color:
        rgba(108,182,255,.52) !important;

    box-shadow:
        0 30px 70px
        rgba(0,24,57,.30);
}


.card-servico:hover
.card-servico__coroa img{

    transform:
        translateY(-3px) scale(1.04);

    filter:
        drop-shadow(
            0 8px 15px
            rgba(59,136,255,.28)
        );
}


.card-servico:hover
.card-servico__cta-seta{

    transform:
        translateX(7px);
}


.card-servico:hover
.card-servico__cta-texto,
.card-servico:hover
.card-servico__cta-texto .elementor-heading-title,
.card-servico:hover
.card-servico__cta-seta,
.card-servico:hover
.card-servico__cta-seta .elementor-heading-title{

    color:#FFFFFF !important;
}



/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

    .card-servico{

        width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:500px !important;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .card-servico{

        width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:470px !important;

        padding:
            28px 25px 25px !important;

        border-radius:
            20px !important;
    }


    .card-servico__topo{

        margin-bottom:
            35px !important;
    }


    .card-servico__numero,
    .card-servico__numero
    .elementor-heading-title{

        font-size:
            43px !important;
    }


    .card-servico__icone{

        width:68px !important;
        min-width:68px !important;

        height:68px !important;
        min-height:68px !important;
    }


    .card-servico__coroa,
    .card-servico__coroa
    .elementor-widget-container,
    .card-servico__coroa img{

        width:68px !important;
        height:68px !important;
    }


    .card-servico__titulo
    .elementor-heading-title{

        font-size:
            31px !important;
    }


    .card-servico__texto,
    .card-servico__texto p{

        font-size:
            15px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3360633 *//* =========================================================
   DIGNO DESIGN
   CARDS DE SERVIÇOS — VERSÃO FINAL
========================================================= */


/* =========================================================
   CARD
========================================================= */

.card-servico{
    position:relative !important;

    width:420px !important;
    min-width:420px !important;

    height:520px !important;
    min-height:520px !important;

    padding:34px 34px 30px !important;

    display:flex !important;
    flex-direction:column !important;

    border-radius:24px !important;

    overflow:hidden !important;

    border:
        1px solid
        rgba(104,174,245,.25) !important;

    background:
        radial-gradient(
            circle at 92% 18%,
            rgba(42,104,219,.28) 0%,
            rgba(42,104,219,0) 35%
        ),
        linear-gradient(
            145deg,
            #063D70 0%,
            #003566 52%,
            #06275C 100%
        ) !important;

    box-shadow:
        0 24px 55px
        rgba(0,27,61,.22);

    isolation:isolate;
}


/* =========================================================
   DETALHE DO CANTO SUPERIOR ESQUERDO
========================================================= */

.card-servico::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:52px;
    height:52px;

    border-top:
        3px solid
        #69B1F8;

    border-left:
        3px solid
        #69B1F8;

    border-radius:
        24px 0 0 0;

    opacity:.85;

    pointer-events:none;

    z-index:3;
}


/* =========================================================
   GLOW DO LADO DIREITO
========================================================= */

.card-servico::after{
    content:"";

    position:absolute;

    width:230px;
    height:320px;

    right:-130px;
    top:70px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(29,94,231,.28) 0%,
            rgba(29,94,231,.12) 35%,
            rgba(29,94,231,0) 72%
        );

    pointer-events:none;

    z-index:0;
}


.card-servico > *{
    position:relative;
    z-index:2;
}



/* =========================================================
   TOPO
========================================================= */

.card-servico__topo{

    width:100% !important;

    display:flex !important;
    flex-direction:row !important;

    justify-content:space-between !important;
    align-items:flex-start !important;

    padding:0 !important;

    margin-bottom:44px !important;
}



/* =========================================================
   NÚMERO
========================================================= */

.card-servico__numero,
.card-servico__numero .elementor-heading-title{

    margin:0 !important;

    font-family:
        "Space Grotesk",
        sans-serif !important;

    font-size:52px !important;

    line-height:1 !important;

    font-weight:400 !important;

    letter-spacing:-.045em !important;

    color:#78B7FF !important;

    background:
        linear-gradient(
            180deg,
            #9ED3FF 0%,
            #438CEB 100%
        );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    background-clip:text;
}



/* =========================================================
   CONTAINER DO ÍCONE
========================================================= */

.card-servico__icone{

    width:82px !important;
    min-width:82px !important;

    height:82px !important;
    min-height:82px !important;

    padding:0 !important;

    margin:0 !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:transparent !important;

    border:0 !important;

    border-radius:0 !important;

    overflow:visible !important;
}


/*
IMPORTANTE:
remove o ícone CSS antigo
*/

.card-servico__icone::before,
.card-servico__icone::after{

    content:none !important;
    display:none !important;
}



/* =========================================================
   SVG DA COROA
========================================================= */

.card-servico__coroa{

    width:82px !important;
    max-width:82px !important;

    margin:0 !important;
}


.card-servico__coroa .elementor-widget-container{

    width:82px !important;

    display:flex;

    align-items:center;
    justify-content:center;
}


.card-servico__coroa img{

    display:block !important;

    width:82px !important;
    height:82px !important;

    object-fit:contain !important;

    transition:
        transform .35s ease,
        filter .35s ease;
}



/* =========================================================
   TÍTULO
========================================================= */

.card-servico__titulo{


    margin:
        0 0 26px 0 !important;
}


.card-servico__titulo .elementor-heading-title{

    max-width:330px;

    margin:0 !important;

    color:#FFFFFF !important;

    font-weight:600 !important;

    line-height:1.02 !important;

    letter-spacing:-.04em !important;

    text-transform:uppercase;
}



/* =========================================================
   TEXTO
========================================================= */

.card-servico__texto{

    width:100% !important;

    margin:0 !important;
}


.card-servico__texto,
.card-servico__texto p{

    max-width:335px;

    margin:0 !important;

    font-weight:400 !important;

    line-height:1.62 !important;
}



/* =========================================================
   DIVISOR
========================================================= */

.card-servico__linha{

    width:100% !important;

    height:1px !important;
    min-height:1px !important;

    padding:0 !important;

    margin:
        auto 0 22px 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(103,173,244,.65),
            rgba(103,173,244,.16)
        ) !important;
}



/* =========================================================
   CTA
========================================================= */

.card-servico__cta{

    width:100% !important;

    display:flex !important;

    flex-direction:row !important;

    justify-content:flex-start !important;
    align-items:center !important;

    gap:22px !important;

    padding:0 !important;

    cursor:pointer;
}


.card-servico__cta-texto,
.card-servico__cta-texto .elementor-heading-title{

    margin:0 !important;

    color:#72AFFF !important;

    font-family:
        "Urbanist",
        sans-serif !important;

    font-size:18px !important;

    font-weight:600 !important;

    line-height:1 !important;

    transition:
        color .3s ease;
}



/* SETA */

.card-servico__cta-seta,
.card-servico__cta-seta .elementor-heading-title{

    margin:0 !important;

    color:#72AFFF !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size:27px !important;

    font-weight:300 !important;

    line-height:1 !important;

    transition:
        transform .3s ease,
        color .3s ease;
}



/* =========================================================
   QUADRADOS DIGNO
========================================================= */

.card-servico__decor{

    position:absolute !important;

    right:30px !important;
    bottom:25px !important;

    width:74px !important;
    height:74px !important;

    min-height:0 !important;

    padding:0 !important;

    opacity:.46;

    pointer-events:none;
}


.card-servico__decor::before{

    content:"";

    position:absolute;

    width:22px;
    height:22px;

    right:0;
    top:0;

    background:#4D91E6;

    box-shadow:

        -24px 24px 0
        rgba(52,126,214,.72),

        -48px 48px 0
        rgba(62,137,222,.60),

        0 48px 0
        rgba(67,143,227,.76);
}



/* =========================================================
   HOVER

   Não movimentamos o card inteiro para não brigar
   com a animação horizontal do GSAP.
========================================================= */

.card-servico{

    transition:
        border-color .35s ease,
        box-shadow .35s ease;
}


.card-servico:hover{

    border-color:
        rgba(108,182,255,.52) !important;

    box-shadow:
        0 30px 70px
        rgba(0,24,57,.30);
}


.card-servico:hover
.card-servico__coroa img{

    transform:
        translateY(-3px) scale(1.04);

    filter:
        drop-shadow(
            0 8px 15px
            rgba(59,136,255,.28)
        );
}


.card-servico:hover
.card-servico__cta-seta{

    transform:
        translateX(7px);
}


.card-servico:hover
.card-servico__cta-texto,
.card-servico:hover
.card-servico__cta-texto .elementor-heading-title,
.card-servico:hover
.card-servico__cta-seta,
.card-servico:hover
.card-servico__cta-seta .elementor-heading-title{

    color:#FFFFFF !important;
}



/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

    .card-servico{

        width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:500px !important;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .card-servico{

        width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:470px !important;

        padding:
            28px 25px 25px !important;

        border-radius:
            20px !important;
    }


    .card-servico__topo{

        margin-bottom:
            35px !important;
    }


    .card-servico__numero,
    .card-servico__numero
    .elementor-heading-title{

        font-size:
            43px !important;
    }


    .card-servico__icone{

        width:68px !important;
        min-width:68px !important;

        height:68px !important;
        min-height:68px !important;
    }


    .card-servico__coroa,
    .card-servico__coroa
    .elementor-widget-container,
    .card-servico__coroa img{

        width:68px !important;
        height:68px !important;
    }


    .card-servico__titulo
    .elementor-heading-title{

        font-size:
            31px !important;
    }


    .card-servico__texto,
    .card-servico__texto p{

        font-size:
            15px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59699b9 *//* =========================================================
   DIGNO DESIGN
   CARDS DE SERVIÇOS — VERSÃO FINAL
========================================================= */


/* =========================================================
   CARD
========================================================= */

.card-servico{
    position:relative !important;

    width:420px !important;
    min-width:420px !important;

    height:520px !important;
    min-height:520px !important;

    padding:34px 34px 30px !important;

    display:flex !important;
    flex-direction:column !important;

    border-radius:24px !important;

    overflow:hidden !important;

    border:
        1px solid
        rgba(104,174,245,.25) !important;

    background:
        radial-gradient(
            circle at 92% 18%,
            rgba(42,104,219,.28) 0%,
            rgba(42,104,219,0) 35%
        ),
        linear-gradient(
            145deg,
            #063D70 0%,
            #003566 52%,
            #06275C 100%
        ) !important;

    box-shadow:
        0 24px 55px
        rgba(0,27,61,.22);

    isolation:isolate;
}


/* =========================================================
   DETALHE DO CANTO SUPERIOR ESQUERDO
========================================================= */

.card-servico::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:52px;
    height:52px;

    border-top:
        3px solid
        #69B1F8;

    border-left:
        3px solid
        #69B1F8;

    border-radius:
        24px 0 0 0;

    opacity:.85;

    pointer-events:none;

    z-index:3;
}


/* =========================================================
   GLOW DO LADO DIREITO
========================================================= */

.card-servico::after{
    content:"";

    position:absolute;

    width:230px;
    height:320px;

    right:-130px;
    top:70px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(29,94,231,.28) 0%,
            rgba(29,94,231,.12) 35%,
            rgba(29,94,231,0) 72%
        );

    pointer-events:none;

    z-index:0;
}


.card-servico > *{
    position:relative;
    z-index:2;
}



/* =========================================================
   TOPO
========================================================= */

.card-servico__topo{

    width:100% !important;

    display:flex !important;
    flex-direction:row !important;

    justify-content:space-between !important;
    align-items:flex-start !important;

    padding:0 !important;

    margin-bottom:44px !important;
}



/* =========================================================
   NÚMERO
========================================================= */

.card-servico__numero,
.card-servico__numero .elementor-heading-title{

    margin:0 !important;

    font-family:
        "Space Grotesk",
        sans-serif !important;

    font-size:52px !important;

    line-height:1 !important;

    font-weight:400 !important;

    letter-spacing:-.045em !important;

    color:#78B7FF !important;

    background:
        linear-gradient(
            180deg,
            #9ED3FF 0%,
            #438CEB 100%
        );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    background-clip:text;
}



/* =========================================================
   CONTAINER DO ÍCONE
========================================================= */

.card-servico__icone{

    width:82px !important;
    min-width:82px !important;

    height:82px !important;
    min-height:82px !important;

    padding:0 !important;

    margin:0 !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:transparent !important;

    border:0 !important;

    border-radius:0 !important;

    overflow:visible !important;
}


/*
IMPORTANTE:
remove o ícone CSS antigo
*/

.card-servico__icone::before,
.card-servico__icone::after{

    content:none !important;
    display:none !important;
}



/* =========================================================
   SVG DA COROA
========================================================= */

.card-servico__coroa{

    width:82px !important;
    max-width:82px !important;

    margin:0 !important;
}


.card-servico__coroa .elementor-widget-container{

    width:82px !important;

    display:flex;

    align-items:center;
    justify-content:center;
}


.card-servico__coroa img{

    display:block !important;

    width:82px !important;
    height:82px !important;

    object-fit:contain !important;

    transition:
        transform .35s ease,
        filter .35s ease;
}



/* =========================================================
   TÍTULO
========================================================= */

.card-servico__titulo{


    margin:
        0 0 26px 0 !important;
}


.card-servico__titulo .elementor-heading-title{

    max-width:330px;

    margin:0 !important;

    color:#FFFFFF !important;

    font-weight:600 !important;

    line-height:1.02 !important;

    letter-spacing:-.04em !important;

    text-transform:uppercase;
}



/* =========================================================
   TEXTO
========================================================= */

.card-servico__texto{

    width:100% !important;

    margin:0 !important;
}


.card-servico__texto,
.card-servico__texto p{

    max-width:335px;

    margin:0 !important;

    font-weight:400 !important;

    line-height:1.62 !important;
}



/* =========================================================
   DIVISOR
========================================================= */

.card-servico__linha{

    width:100% !important;

    height:1px !important;
    min-height:1px !important;

    padding:0 !important;

    margin:
        auto 0 22px 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(103,173,244,.65),
            rgba(103,173,244,.16)
        ) !important;
}



/* =========================================================
   CTA
========================================================= */

.card-servico__cta{

    width:100% !important;

    display:flex !important;

    flex-direction:row !important;

    justify-content:flex-start !important;
    align-items:center !important;

    gap:22px !important;

    padding:0 !important;

    cursor:pointer;
}


.card-servico__cta-texto,
.card-servico__cta-texto .elementor-heading-title{

    margin:0 !important;

    color:#72AFFF !important;

    font-family:
        "Urbanist",
        sans-serif !important;

    font-size:18px !important;

    font-weight:600 !important;

    line-height:1 !important;

    transition:
        color .3s ease;
}



/* SETA */

.card-servico__cta-seta,
.card-servico__cta-seta .elementor-heading-title{

    margin:0 !important;

    color:#72AFFF !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size:27px !important;

    font-weight:300 !important;

    line-height:1 !important;

    transition:
        transform .3s ease,
        color .3s ease;
}



/* =========================================================
   QUADRADOS DIGNO
========================================================= */

.card-servico__decor{

    position:absolute !important;

    right:30px !important;
    bottom:25px !important;

    width:74px !important;
    height:74px !important;

    min-height:0 !important;

    padding:0 !important;

    opacity:.46;

    pointer-events:none;
}


.card-servico__decor::before{

    content:"";

    position:absolute;

    width:22px;
    height:22px;

    right:0;
    top:0;

    background:#4D91E6;

    box-shadow:

        -24px 24px 0
        rgba(52,126,214,.72),

        -48px 48px 0
        rgba(62,137,222,.60),

        0 48px 0
        rgba(67,143,227,.76);
}



/* =========================================================
   HOVER

   Não movimentamos o card inteiro para não brigar
   com a animação horizontal do GSAP.
========================================================= */

.card-servico{

    transition:
        border-color .35s ease,
        box-shadow .35s ease;
}


.card-servico:hover{

    border-color:
        rgba(108,182,255,.52) !important;

    box-shadow:
        0 30px 70px
        rgba(0,24,57,.30);
}


.card-servico:hover
.card-servico__coroa img{

    transform:
        translateY(-3px) scale(1.04);

    filter:
        drop-shadow(
            0 8px 15px
            rgba(59,136,255,.28)
        );
}


.card-servico:hover
.card-servico__cta-seta{

    transform:
        translateX(7px);
}


.card-servico:hover
.card-servico__cta-texto,
.card-servico:hover
.card-servico__cta-texto .elementor-heading-title,
.card-servico:hover
.card-servico__cta-seta,
.card-servico:hover
.card-servico__cta-seta .elementor-heading-title{

    color:#FFFFFF !important;
}



/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

    .card-servico{

        width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:500px !important;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .card-servico{

        width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:470px !important;

        padding:
            28px 25px 25px !important;

        border-radius:
            20px !important;
    }


    .card-servico__topo{

        margin-bottom:
            35px !important;
    }


    .card-servico__numero,
    .card-servico__numero
    .elementor-heading-title{

        font-size:
            43px !important;
    }


    .card-servico__icone{

        width:68px !important;
        min-width:68px !important;

        height:68px !important;
        min-height:68px !important;
    }


    .card-servico__coroa,
    .card-servico__coroa
    .elementor-widget-container,
    .card-servico__coroa img{

        width:68px !important;
        height:68px !important;
    }


    .card-servico__titulo
    .elementor-heading-title{

        font-size:
            31px !important;
    }


    .card-servico__texto,
    .card-servico__texto p{

        font-size:
            15px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-713e2387 *//* =========================================================
   SOLUÇÕES - DIGNO DESIGN

   TESTE ESTRUTURAL
   MANUAL SPACING + GSAP FIXED PIN

   Estrutura:

   .sol-shell
      └── .sol
            ├── layers
            └── track
========================================================= */


/* =========================================================
   GERAL
========================================================= */

html,
body {
    scroll-behavior: auto !important;
    overflow-x: clip;
}


/* =========================================================
   SHELL EXTERNO

   IMPORTANTE:
   ele é responsável pelo espaço vertical.

   O GSAP NÃO vai mais criar esse espaço com pinSpacing.
========================================================= */

.sol-shell {

    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    /*
     * O JS preencherá esta variável.
     */
    height: var(--sol-shell-height, 300vh);

    padding: 0 !important;
    margin: 0 !important;

    /*
     * Muito importante:
     * o elemento pinado precisa conseguir
     * ficar visualmente no fim do shell.
     */
    overflow: visible !important;

    /*
     * Neutraliza comportamento flex
     * caso o pai seja um Container Elementor.
     */
    flex: 0 0 auto !important;

    align-self: stretch !important;

    background: #4D89C7;

    overflow-anchor: none;
}


/* =========================================================
   SEÇÃO QUE SERÁ PINADA
========================================================= */

.sol {

    /*
     * SEM !important.
     *
     * GSAP precisa alterar position.
     */
    position: relative;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100vh !important;
    height: 100svh !important;

    min-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: clip !important;

    /*
     * Neutraliza _flex_grow do Elementor.
     */
    flex: 0 0 auto !important;

    background: #EEF2F4;

    overflow-anchor: none;
}


/* =========================================================
   LAYERS
========================================================= */

.sol__layer {

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* Fundo inicial */

.sol__layer--light {

    background: #EEF2F4;

    z-index: 1;
}


/* Cortina azul */

.sol__layer--yellow {

    background: #4D89C7;

    z-index: 2;

    clip-path:
        inset(
            0px
            100%
            0px
            0px
        );

    will-change: clip-path;
}


/* =========================================================
   SOLUÇÕES
========================================================= */

.sol__word,
.sol__word .elementor-heading-title {

    font-size:
        clamp(
            20px,
            5vw,
            260px
        ) !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: -.02em;

    white-space: nowrap;

    margin: 0 !important;

    user-select: none;
}


/* Sólida */

.sol__word--solid
.elementor-heading-title {

    color: #1D2E3A !important;
}


/* Vazada */

.sol__word--outline
.elementor-heading-title {

    color: transparent !important;

    -webkit-text-stroke:
        2px #1D2E3A;
}


/* =========================================================
   TRACK
========================================================= */

.sol__track {

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    height: 100% !important;

    width: max-content !important;
    max-width: none !important;

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    gap: 20px !important;

    padding:
        0
        2vw !important;

    margin: 0 !important;

    z-index: 3;

    /*
     * Só o track recebe transformação horizontal.
     */
    will-change: transform;
}


/* =========================================================
   CARDS
========================================================= */

.sol__card {

    flex:
        0
        0
        auto !important;

    align-self:
        center !important;
}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width: 1024px) {


    .sol-shell {

        height: auto !important;

        overflow: hidden !important;

        background: #4D89C7;
    }


    .sol {

        position: relative;

        height: auto !important;

        overflow: hidden !important;

        padding:
            80px
            0 !important;

        background: #4D89C7;
    }


    .sol__layer--light {

        display: none !important;
    }


    .sol__layer--yellow {

        position: relative !important;

        inset: auto !important;

        width: 100% !important;

        height: 40vh !important;

        clip-path: none !important;
    }


    .sol__track {

        position: relative !important;

        top: auto !important;
        left: auto !important;

        height: auto !important;

        width: 100% !important;

        flex-direction:
            column !important;

        align-items:
            stretch !important;

        transform:
            none !important;

        padding:
            40px
            6vw !important;

        gap:
            24px !important;
    }


    .sol__card {

        width: auto !important;

        max-width: 100% !important;
    }

}


@media (max-width: 767px) {
  div#sol__layer\ sol__layer--yellow {
    display: none !important;
}
 
    }/* End custom CSS */