.elementor-22 .elementor-element.elementor-element-3abc6a7{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-3abc6a7:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-3abc6a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-22 .elementor-element.elementor-element-65e1b90{--display:flex;--min-height:585px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:30px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-c81e373 > .elementor-widget-container{padding:0px 200px 10px 0px;}.elementor-22 .elementor-element.elementor-element-c81e373{text-align:start;}.elementor-22 .elementor-element.elementor-element-c81e373 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:195px;font-weight:700;text-transform:uppercase;line-height:0.9em;letter-spacing:-5px;color:#252525;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-bd715e2 > .elementor-widget-container{padding:0px 200px 15px 0px;}.elementor-22 .elementor-element.elementor-element-bd715e2{text-align:start;font-family:"TitilliumWeb", Sans-serif;font-size:38px;font-weight:400;line-height:42px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-9387e9c > .elementor-widget-container{padding:20px 0px 10px 0px;}.elementor-22 .elementor-element.elementor-element-9387e9c .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-9387e9c .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-22 .elementor-element.elementor-element-9387e9c{--e-icon-list-icon-size:20px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-22 .elementor-element.elementor-element-9387e9c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-9387e9c .elementor-icon-list-item > a{font-family:"TitilliumWeb", Sans-serif;font-size:35px;font-weight:400;}.elementor-22 .elementor-element.elementor-element-9387e9c .elementor-icon-list-text{transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-4a36e21{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-22 .elementor-element.elementor-element-a033336{--display:flex;}.elementor-22 .elementor-element.elementor-element-a6d60fc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-0f2b494{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-22 .elementor-element.elementor-element-35d6584 img{width:100%;}.elementor-22 .elementor-element.elementor-element-adbc469 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-adbc469 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-40becf0{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-065f490 img{width:100%;}.elementor-22 .elementor-element.elementor-element-01912fe > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-01912fe .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-c815ee7{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-d93add3 img{width:100%;}.elementor-22 .elementor-element.elementor-element-3fc09ec > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-3fc09ec .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-92d31b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-f5ef770{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-5a24b64 img{width:100%;}.elementor-22 .elementor-element.elementor-element-ead2b17 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-ead2b17 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-d740981{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-5a43ee5 img{width:100%;}.elementor-22 .elementor-element.elementor-element-e5ce5f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-e5ce5f4 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-380223a{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:48px;--padding-right:48px;}.elementor-22 .elementor-element.elementor-element-8740bf5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-8ec12dd .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-22 .elementor-element.elementor-element-84d49d8 > .elementor-widget-container{padding:0px 3px 0px 3px;}.elementor-22 .elementor-element.elementor-element-84d49d8 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:58px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-ef5a5cc{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-22 .elementor-element.elementor-element-c383896{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-42a7d3c{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-bf62d67 img{width:100%;}.elementor-22 .elementor-element.elementor-element-bab355e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-bab355e .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-40c87d7{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-93ad6ed img{width:100%;}.elementor-22 .elementor-element.elementor-element-10c138c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-10c138c .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-46aa715{--display:flex;}.elementor-22 .elementor-element.elementor-element-f0e212a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-db3dadd{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-db14be1 img{width:100%;}.elementor-22 .elementor-element.elementor-element-c7644f8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-c7644f8 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-6506dab{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-5545af5 img{width:100%;}.elementor-22 .elementor-element.elementor-element-48d7e84 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-48d7e84 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-2d02566{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-23dcb06 img{width:100%;}.elementor-22 .elementor-element.elementor-element-c2e8d72 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-c2e8d72 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-22a420f{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:48px;--padding-right:48px;}.elementor-22 .elementor-element.elementor-element-b809789{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-1d167c1 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-22 .elementor-element.elementor-element-8f4dc62 > .elementor-widget-container{padding:0px 3px 0px 3px;}.elementor-22 .elementor-element.elementor-element-8f4dc62 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:58px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-ee2ff0c{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-22 .elementor-element.elementor-element-a422876{--display:flex;}.elementor-22 .elementor-element.elementor-element-0088158{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-9eb9377{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-54ff5d6 img{width:100%;}.elementor-22 .elementor-element.elementor-element-a2b7ce1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-a2b7ce1 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-ea48f76{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-8b15dfe img{width:100%;}.elementor-22 .elementor-element.elementor-element-d353c0b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-d353c0b .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-3676c23{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-6395256 img{width:100%;}.elementor-22 .elementor-element.elementor-element-29e36eb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-29e36eb .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-bf6c7f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-2376d77{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-ce07e4b img{width:100%;}.elementor-22 .elementor-element.elementor-element-3431892 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-3431892 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-22 .elementor-element.elementor-element-b9bde99{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-95b2289 img{width:100%;}.elementor-22 .elementor-element.elementor-element-d9b6fb9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-d9b6fb9 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-3abc6a7{--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-65e1b90{--min-height:0px;--padding-top:40px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-c81e373 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-c81e373 .elementor-heading-title{font-size:49px;}.elementor-22 .elementor-element.elementor-element-bd715e2 > .elementor-widget-container{padding:0px 15px 0px 0px;}.elementor-22 .elementor-element.elementor-element-bd715e2{font-size:19px;line-height:1em;}.elementor-22 .elementor-element.elementor-element-bd715e2 p{margin-block-end:0px;}.elementor-22 .elementor-element.elementor-element-9387e9c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-9387e9c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-9387e9c .elementor-icon-list-item > a{font-size:23px;}.elementor-22 .elementor-element.elementor-element-4a36e21{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-adbc469 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-adbc469 .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-01912fe > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-01912fe .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-3fc09ec > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-3fc09ec .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-ead2b17 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-ead2b17 .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-e5ce5f4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-e5ce5f4 .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-380223a{--padding-top:10px;--padding-bottom:10px;--padding-left:21px;--padding-right:21px;}.elementor-22 .elementor-element.elementor-element-84d49d8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-84d49d8 .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-ef5a5cc{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-bab355e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-bab355e .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-10c138c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-10c138c .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-c7644f8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-c7644f8 .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-48d7e84 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-48d7e84 .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-c2e8d72 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-c2e8d72 .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-22a420f{--padding-top:10px;--padding-bottom:10px;--padding-left:21px;--padding-right:21px;}.elementor-22 .elementor-element.elementor-element-8f4dc62 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-8f4dc62 .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-ee2ff0c{--padding-top:0px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-a2b7ce1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-a2b7ce1 .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-d353c0b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-d353c0b .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-29e36eb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-29e36eb .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-3431892 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-3431892 .elementor-heading-title{font-size:16px;}.elementor-22 .elementor-element.elementor-element-d9b6fb9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-d9b6fb9 .elementor-heading-title{font-size:16px;}}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-3abc6a7{--width:100%;}.elementor-22 .elementor-element.elementor-element-a033336{--width:66.6666%;}.elementor-22 .elementor-element.elementor-element-a6d60fc{--width:100%;}.elementor-22 .elementor-element.elementor-element-c815ee7{--width:100%;}.elementor-22 .elementor-element.elementor-element-92d31b8{--width:33.3333%;}.elementor-22 .elementor-element.elementor-element-8740bf5{--content-width:100%;}.elementor-22 .elementor-element.elementor-element-c383896{--width:33.3333%;}.elementor-22 .elementor-element.elementor-element-46aa715{--width:66.6666%;}.elementor-22 .elementor-element.elementor-element-f0e212a{--width:100%;}.elementor-22 .elementor-element.elementor-element-2d02566{--width:100%;}.elementor-22 .elementor-element.elementor-element-b809789{--content-width:100%;}.elementor-22 .elementor-element.elementor-element-a422876{--width:66.6666%;}.elementor-22 .elementor-element.elementor-element-0088158{--width:100%;}.elementor-22 .elementor-element.elementor-element-3676c23{--width:100%;}.elementor-22 .elementor-element.elementor-element-bf6c7f1{--width:33.3333%;}}/* Start custom CSS for image, class: .elementor-element-35d6584 */.elementor-22 .elementor-element.elementor-element-35d6584 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-35d6584:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f2b494 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-065f490 */.elementor-22 .elementor-element.elementor-element-065f490 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-065f490:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40becf0 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d93add3 */.elementor-22 .elementor-element.elementor-element-d93add3 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-d93add3:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c815ee7 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5a24b64 */.elementor-22 .elementor-element.elementor-element-5a24b64 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-5a24b64:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5ef770 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5a43ee5 */.elementor-22 .elementor-element.elementor-element-5a43ee5 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-5a43ee5:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d740981 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8740bf5 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bf62d67 */.elementor-22 .elementor-element.elementor-element-bf62d67 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-bf62d67:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42a7d3c *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-93ad6ed */.elementor-22 .elementor-element.elementor-element-93ad6ed img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-93ad6ed:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40c87d7 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db14be1 */.elementor-22 .elementor-element.elementor-element-db14be1 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-db14be1:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db3dadd *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5545af5 */.elementor-22 .elementor-element.elementor-element-5545af5 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-5545af5:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6506dab *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23dcb06 */.elementor-22 .elementor-element.elementor-element-23dcb06 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-23dcb06:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d02566 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b809789 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54ff5d6 */.elementor-22 .elementor-element.elementor-element-54ff5d6 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-54ff5d6:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9eb9377 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b15dfe */.elementor-22 .elementor-element.elementor-element-8b15dfe img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-8b15dfe:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea48f76 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6395256 */.elementor-22 .elementor-element.elementor-element-6395256 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-6395256:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3676c23 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ce07e4b */.elementor-22 .elementor-element.elementor-element-ce07e4b img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-ce07e4b:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2376d77 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-95b2289 */.elementor-22 .elementor-element.elementor-element-95b2289 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-22 .elementor-element.elementor-element-95b2289:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bde99 *//* 1. CONTAINER DO CARD */
.card-portfolioo {
    position: relative;
    overflow: hidden; /* Corta o zoom da imagem nas bordas */
    line-height: 0;   /* Remove espaços vazios na base da imagem */
    border-radius: 0px; /* Caso queira bordas arredondadas, mude aqui */
}

/* 2. EFEITO DE ZOOM NA IMAGEM */
.imagem-capa img {
    transition: transform 0.7s cubic-bezier(0.15, 0.75, 0.5, 1) !important;
    width: 100%;
    height: auto;
    display: block;
}

.card-portfolioo:hover .imagem-capa img {
    transform: scale(1.1); /* Zoom de 10% */
}

/* 3. LEGENDA (SEMPRE PRETA COM TEXTO BRANCO) */
.legenda-portfolioo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 26px 24px 26px; /* Mais padding no topo para o gradiente */
    z-index: 10;
    
    /* Gradiente sempre preto, do transparente para o sólido */
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%) !important;
    
    /* Estado Inicial: Escondido */
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}

/* Forçar a cor do texto para Branco sempre */
.legenda-portfolioo, 
.legenda-portfolioo .elementor-heading-title {
    color: #ffffff !important; 
    margin: 0 !important;
}

/* 4. MOSTRAR LEGENDA NO HOVER */
.card-portfolioo:hover .legenda-portfolioo {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'TitilliumWeb';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://yubastudio.com/wp-content/uploads/2026/01/TitilliumWeb-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'TitilliumWeb';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://yubastudio.com/wp-content/uploads/2026/01/TitilliumWeb-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'TitilliumWeb';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://yubastudio.com/wp-content/uploads/2026/01/TitilliumWeb-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'TitilliumWeb';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://yubastudio.com/wp-content/uploads/2026/01/TitilliumWeb-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'TitilliumWeb';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://yubastudio.com/wp-content/uploads/2026/01/TitilliumWeb-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'TitilliumWeb';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://yubastudio.com/wp-content/uploads/2026/01/TitilliumWeb-ExtraLight.ttf') format('truetype');
}
/* End Custom Fonts CSS */