.elementor-2235 .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:72px;--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-2235 .elementor-element.elementor-element-c81e373 > .elementor-widget-container{margin:0px 0px 0px -13px;padding:0px 200px 10px 0px;}.elementor-2235 .elementor-element.elementor-element-c81e373{text-align:start;}.elementor-2235 .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-2235 .elementor-element.elementor-element-bd715e2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"TitilliumWeb", Sans-serif;font-size:38px;font-weight:400;line-height:42px;}.elementor-2235 .elementor-element.elementor-element-bd715e2 > .elementor-widget-container{padding:0px 200px 15px 0px;}.elementor-2235 .elementor-element.elementor-element-bd715e2 p{margin-block-end:14px;}.elementor-2235 .elementor-element.elementor-element-f693022{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:3px 3px;--row-gap:3px;--column-gap:3px;--grid-auto-flow:row;--justify-items:stretch;--align-items:stretch;--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-2235 .elementor-element.elementor-element-ce64375{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.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-2235 .elementor-element.elementor-element-a8ef141 img{width:100%;max-width:100%;height:100%;}.elementor-2235 .elementor-element.elementor-element-8561067 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-8561067 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-f493a6c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-5fead91 img{width:100%;max-width:100%;height:100%;}.elementor-2235 .elementor-element.elementor-element-88a2a44 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-88a2a44 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-c09d64d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 2;}.elementor-2235 .elementor-element.elementor-element-cce1df7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-cce1df7 img{width:100%;max-width:100%;height:100%;object-fit:fill;}.elementor-2235 .elementor-element.elementor-element-bfff510 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-bfff510 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-74c52e2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 2;grid-row:span 2;}.elementor-2235 .elementor-element.elementor-element-64dba6f .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2235 .elementor-element.elementor-element-b1add4e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-b1add4e .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-2a59bf9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-f5bb650 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-f5bb650 img{width:100%;max-width:100%;height:100%;}.elementor-2235 .elementor-element.elementor-element-c363dfc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-c363dfc .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-6d349fe{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:3px 3px;--row-gap:3px;--column-gap:3px;--grid-auto-flow:row;--justify-items:stretch;--align-items:stretch;--margin-top:3px;--margin-bottom:3px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2235 .elementor-element.elementor-element-dc0080f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-c0ae6d9 img{width:100%;max-width:100%;height:100%;}.elementor-2235 .elementor-element.elementor-element-6e57377 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-6e57377 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-b2412bb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-c0d0014 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2235 .elementor-element.elementor-element-ca73a44 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-ca73a44 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-81f2da9{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:3px 3px;--row-gap:3px;--column-gap:3px;--grid-auto-flow:row;--justify-items:stretch;--align-items:stretch;--margin-top:0px;--margin-bottom:3px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2235 .elementor-element.elementor-element-18452dc{--display:flex;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 2;}.elementor-2235 .elementor-element.elementor-element-f012eb1 img{width:100%;}.elementor-2235 .elementor-element.elementor-element-044d0b6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-044d0b6 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-ec22531{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-f6dba35 img{width:100%;}.elementor-2235 .elementor-element.elementor-element-1f649a1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-1f649a1 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-cb84f9d{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-c661196 img{width:100%;}.elementor-2235 .elementor-element.elementor-element-91bc173 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-91bc173 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-f75759f{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 2;grid-row:span 2;}.elementor-2235 .elementor-element.elementor-element-54cf08d img{width:100%;}.elementor-2235 .elementor-element.elementor-element-e221bb1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-e221bb1 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-6dc30c9{--display:flex;--overflow:hidden;--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-2235 .elementor-element.elementor-element-9704882 img{width:100%;}.elementor-2235 .elementor-element.elementor-element-dd954d3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-dd954d3 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-3bca573{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:3px 3px;--row-gap:3px;--column-gap:3px;--grid-auto-flow:row;--justify-items:stretch;--align-items:stretch;--margin-top:0px;--margin-bottom:3px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2235 .elementor-element.elementor-element-4cc010b{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-f66cbb4 img{width:100%;}.elementor-2235 .elementor-element.elementor-element-319acae > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-319acae .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-fb19d0d{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-8b53371 img{width:100%;}.elementor-2235 .elementor-element.elementor-element-721c49e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-721c49e .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-9a402ff{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 2;}.elementor-2235 .elementor-element.elementor-element-274dfb0 img{width:100%;}.elementor-2235 .elementor-element.elementor-element-15f5b71 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-15f5b71 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-6d6e6f5{--display:flex;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 2;grid-row:span 2;}.elementor-2235 .elementor-element.elementor-element-f6be857 img{width:100%;}.elementor-2235 .elementor-element.elementor-element-8e9ffc0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-8e9ffc0 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}.elementor-2235 .elementor-element.elementor-element-d447550{--display:flex;--overflow:hidden;--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-2235 .elementor-element.elementor-element-f60e01f img{width:100%;}.elementor-2235 .elementor-element.elementor-element-7f82072 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-7f82072 .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:27px;font-weight:300;text-transform:uppercase;}@media(min-width:768px){.elementor-2235 .elementor-element.elementor-element-c09d64d{--width:100%;}.elementor-2235 .elementor-element.elementor-element-74c52e2{--width:100%;}.elementor-2235 .elementor-element.elementor-element-f75759f{--width:100%;}.elementor-2235 .elementor-element.elementor-element-6d6e6f5{--width:100%;}}@media(max-width:1024px){.elementor-2235 .elementor-element.elementor-element-f693022{--grid-auto-flow:row;}.elementor-2235 .elementor-element.elementor-element-6d349fe{--grid-auto-flow:row;}.elementor-2235 .elementor-element.elementor-element-81f2da9{--grid-auto-flow:row;}.elementor-2235 .elementor-element.elementor-element-3bca573{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2235 .elementor-element.elementor-element-65e1b90{--min-height:0px;--padding-top:140px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-2235 .elementor-element.elementor-element-c81e373 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-c81e373 .elementor-heading-title{font-size:49px;line-height:1em;letter-spacing:0px;}.elementor-2235 .elementor-element.elementor-element-bd715e2 > .elementor-widget-container{padding:0px 15px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-bd715e2{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;font-size:19px;line-height:1em;}.elementor-2235 .elementor-element.elementor-element-bd715e2 p{margin-block-end:19px;}.elementor-2235 .elementor-element.elementor-element-f693022{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2235 .elementor-element.elementor-element-ce64375{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-8561067 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-8561067 .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-f493a6c{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-88a2a44 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-88a2a44 .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-c09d64d{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-bfff510 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-bfff510 .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-74c52e2{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-b1add4e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-b1add4e .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-2a59bf9{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-c363dfc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-c363dfc .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-6d349fe{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2235 .elementor-element.elementor-element-dc0080f{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-6e57377 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-6e57377 .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-b2412bb{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-ca73a44 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-ca73a44 .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-81f2da9{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2235 .elementor-element.elementor-element-18452dc{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-044d0b6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-044d0b6 .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-ec22531{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-1f649a1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-1f649a1 .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-cb84f9d{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-91bc173 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-91bc173 .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-f75759f{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-e221bb1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-e221bb1 .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-6dc30c9{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-dd954d3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-dd954d3 .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-3bca573{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2235 .elementor-element.elementor-element-4cc010b{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-319acae > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-319acae .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-fb19d0d{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-721c49e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-721c49e .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-9a402ff{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-15f5b71 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-15f5b71 .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-6d6e6f5{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-8e9ffc0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-8e9ffc0 .elementor-heading-title{font-size:16px;}.elementor-2235 .elementor-element.elementor-element-d447550{grid-column:span 1;grid-row:span 1;}.elementor-2235 .elementor-element.elementor-element-7f82072 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2235 .elementor-element.elementor-element-7f82072 .elementor-heading-title{font-size:16px;}}/* Start custom CSS for image, class: .elementor-element-a8ef141 */.elementor-2235 .elementor-element.elementor-element-a8ef141 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-a8ef141: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-ce64375 *//* 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-5fead91 */.elementor-2235 .elementor-element.elementor-element-5fead91 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-5fead91: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-f493a6c *//* 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-cce1df7 */.elementor-2235 .elementor-element.elementor-element-cce1df7 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-cce1df7:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}

/* 1. Força o container do widget a ter a altura total da célula do grid */
.imagem-capa,
.imagem-capa .elementor-widget-container,
.imagem-capa .elementor-image {
    height: 100% !important;
    display: flex !important;
}

/* 2. Força a imagem a preencher o 'vácuo' que falta embaixo */
.imagem-capa img {
    width: 100% !important;
    height: 100% !important; /* Aqui ela estica até encostar no limite */
    object-fit: cover !important; /* Aqui ela ajusta o zoom para não deformar */
    display: block !important;
    vertical-align: middle !important;
}

/* 3. Garante que o container pai (o que tem o span row 2) também estique */
.item-grid-yuba {
    display: flex !important;
    align-items: stretch !important;
    height: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c09d64d *//* 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-74c52e2 *//* 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-f5bb650 */.elementor-2235 .elementor-element.elementor-element-f5bb650 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-f5bb650: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-2a59bf9 *//* 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-c0ae6d9 */.elementor-2235 .elementor-element.elementor-element-c0ae6d9 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-c0ae6d9: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-dc0080f *//* 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-b2412bb *//* 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-f012eb1 */.elementor-2235 .elementor-element.elementor-element-f012eb1 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-f012eb1: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-18452dc *//* 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-f6dba35 */.elementor-2235 .elementor-element.elementor-element-f6dba35 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-f6dba35: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-ec22531 *//* 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-c661196 */.elementor-2235 .elementor-element.elementor-element-c661196 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-c661196: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-cb84f9d *//* 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-54cf08d */.elementor-2235 .elementor-element.elementor-element-54cf08d img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-54cf08d: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-f75759f *//* 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-9704882 */.elementor-2235 .elementor-element.elementor-element-9704882 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-9704882: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-6dc30c9 *//* 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-f66cbb4 */.elementor-2235 .elementor-element.elementor-element-f66cbb4 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-f66cbb4: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-4cc010b *//* 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-8b53371 */.elementor-2235 .elementor-element.elementor-element-8b53371 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-8b53371: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-fb19d0d *//* 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-274dfb0 */.elementor-2235 .elementor-element.elementor-element-274dfb0 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-274dfb0:hover img {
    transform: scale(1.1); /* 1.1 aumenta 10% da imagem. Ajuste se quiser mais ou menos */
}

/* 1. Força o container do widget a ter a altura total da célula do grid */
.imagem-capa,
.imagem-capa .elementor-widget-container,
.imagem-capa .elementor-image {
    height: 100% !important;
    display: flex !important;
}

/* 2. Força a imagem a preencher o 'vácuo' que falta embaixo */
.imagem-capa img {
    width: 100% !important;
    height: 100% !important; /* Aqui ela estica até encostar no limite */
    object-fit: cover !important; /* Aqui ela ajusta o zoom para não deformar */
    display: block !important;
    vertical-align: middle !important;
}

/* 3. Garante que o container pai (o que tem o span row 2) também estique */
.item-grid-yuba {
    display: flex !important;
    align-items: stretch !important;
    height: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a402ff *//* 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-f6be857 */.elementor-2235 .elementor-element.elementor-element-f6be857 img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-f6be857: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-6d6e6f5 *//* 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-f60e01f */.elementor-2235 .elementor-element.elementor-element-f60e01f img {
    transition: transform 0.3s ease-in-out !important;
}

.elementor-2235 .elementor-element.elementor-element-f60e01f: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-d447550 *//* 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 */