.elementor-1262 .elementor-element.elementor-element-e8d826a{--display:flex;--min-height:718px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;}.elementor-1262 .elementor-element.elementor-element-e8d826a::before, .elementor-1262 .elementor-element.elementor-element-e8d826a > .elementor-background-video-container::before, .elementor-1262 .elementor-element.elementor-element-e8d826a > .e-con-inner > .elementor-background-video-container::before, .elementor-1262 .elementor-element.elementor-element-e8d826a > .elementor-background-slideshow::before, .elementor-1262 .elementor-element.elementor-element-e8d826a > .e-con-inner > .elementor-background-slideshow::before, .elementor-1262 .elementor-element.elementor-element-e8d826a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0D0C0C00 61%, var( --e-global-color-primary ) 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1262 .elementor-element.elementor-element-d0d2cb6{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-1262 .elementor-element.elementor-element-d0d2cb6 > .elementor-widget-container{padding:0px 0px 010px 0px;}.elementor-1262 .elementor-element.elementor-element-d0d2cb6 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:41px;font-weight:500;line-height:51px;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-1262 .elementor-element.elementor-element-c31c49f{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:22px;font-weight:400;line-height:27px;color:#FFFFFF;}.elementor-1262 .elementor-element.elementor-element-8daba43{--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:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-1262 .elementor-element.elementor-element-c6c72e7{--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-1262 .elementor-element.elementor-element-ba659bb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-32dff8b{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-1262 .elementor-element.elementor-element-7ab443e img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-5b4ce22{--display:flex;}.elementor-1262 .elementor-element.elementor-element-7fe53eb img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-6e2ae5f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-6c7865d{--display:flex;}.elementor-1262 .elementor-element.elementor-element-afe85b5 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-3fc739f{--display:flex;}.elementor-1262 .elementor-element.elementor-element-4960dfb img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-5f3e194{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-4b89b74{--display:flex;}.elementor-1262 .elementor-element.elementor-element-2a6d227 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-3acdbab{--display:flex;}.elementor-1262 .elementor-element.elementor-element-f0821bc img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-ba87b2a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-0fdec0a{--display:flex;}.elementor-1262 .elementor-element.elementor-element-70c96fe img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-77c6689{--display:flex;}.elementor-1262 .elementor-element.elementor-element-b2a5071 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-6f5edec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-46bf3ed{--display:flex;}.elementor-1262 .elementor-element.elementor-element-25b8e46 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-222b19a{--display:flex;}.elementor-1262 .elementor-element.elementor-element-b69f048 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-649d7b1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-76cf931{--display:flex;}.elementor-1262 .elementor-element.elementor-element-59f40f5 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-9d05277{--display:flex;}.elementor-1262 .elementor-element.elementor-element-a51ccbb img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-e20c86a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-dab5a48{--display:flex;}.elementor-1262 .elementor-element.elementor-element-3504487 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-1e9b4b8{--display:flex;}.elementor-1262 .elementor-element.elementor-element-6942d10 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-b4c55bb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-98bb646{--display:flex;}.elementor-1262 .elementor-element.elementor-element-c72a661 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-b618bd0{--display:flex;}.elementor-1262 .elementor-element.elementor-element-48d7c52 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-fec4edb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-bb6ebf7{--display:flex;}.elementor-1262 .elementor-element.elementor-element-5172d4d img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-2413257{--display:flex;}.elementor-1262 .elementor-element.elementor-element-9ae0077 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-1b55b95{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-a69376e{--display:flex;}.elementor-1262 .elementor-element.elementor-element-aee394f img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-ee86bdc{--display:flex;}.elementor-1262 .elementor-element.elementor-element-2d299c7 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-fc8d978{--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-1262 .elementor-element.elementor-element-d845f5e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-c41a75c{--display:flex;}.elementor-1262 .elementor-element.elementor-element-ba78994 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-25a936b{--display:flex;}.elementor-1262 .elementor-element.elementor-element-9d5d720 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-889fba6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-8aff742{--display:flex;}.elementor-1262 .elementor-element.elementor-element-51e67a8 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-cb19802{--display:flex;}.elementor-1262 .elementor-element.elementor-element-ce79c2a img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-5585aca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-20f0b77{--display:flex;}.elementor-1262 .elementor-element.elementor-element-000d56e img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-700780a{--display:flex;}.elementor-1262 .elementor-element.elementor-element-7b404c1 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-61633a3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-9f0fded{--display:flex;}.elementor-1262 .elementor-element.elementor-element-5b82cd4 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-4029c90{--display:flex;}.elementor-1262 .elementor-element.elementor-element-900aff1 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-599b169{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-6f6a72a{--display:flex;}.elementor-1262 .elementor-element.elementor-element-25278b1 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-2bde62f{--display:flex;}.elementor-1262 .elementor-element.elementor-element-d1dfc19 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-8f8c5ee{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-f7843d2{--display:flex;}.elementor-1262 .elementor-element.elementor-element-249f50b img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-a44176f{--display:flex;}.elementor-1262 .elementor-element.elementor-element-9c41a68 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-c3e4c5b{--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-1262 .elementor-element.elementor-element-0ea984a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-9cd4361{--display:flex;}.elementor-1262 .elementor-element.elementor-element-29d976b img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-db42db2{--display:flex;}.elementor-1262 .elementor-element.elementor-element-b324391 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-ba2fda3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-8eb377d{--display:flex;}.elementor-1262 .elementor-element.elementor-element-e550f91 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-32db6ae{--display:flex;}.elementor-1262 .elementor-element.elementor-element-c56af40 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-6b71061{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-9999784{--display:flex;}.elementor-1262 .elementor-element.elementor-element-92105eb img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-15bcf1c{--display:flex;}.elementor-1262 .elementor-element.elementor-element-9e32a9d img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-1d7b1f7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1262 .elementor-element.elementor-element-82cae1e{--display:flex;}.elementor-1262 .elementor-element.elementor-element-e6f3cd0 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-d007988{--display:flex;}.elementor-1262 .elementor-element.elementor-element-64e0e2c img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1262 .elementor-element.elementor-element-69fe028{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:90px 90px 90px 90px;--n-tabs-title-font-size:22px;--n-tabs-title-color:var( --e-global-color-accent );--n-tabs-title-color-active:var( --e-global-color-primary );}.elementor-1262 .elementor-element.elementor-element-69fe028 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#E8996F00;}.elementor-1262 .elementor-element.elementor-element-69fe028.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:var( --e-global-color-accent );}.elementor-1262 .elementor-element.elementor-element-69fe028.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Inter Tight", Sans-serif;font-weight:500;line-height:20px;}.elementor-1262 .elementor-element.elementor-element-69fe028 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-primary );}.elementor-1262 .elementor-element.elementor-element-7d756b5{--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:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-7ea592e{--display:flex;--min-height:452px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--border-radius:36px 36px 36px 36px;}.elementor-1262 .elementor-element.elementor-element-7ea592e:not(.elementor-motion-effects-element-type-background), .elementor-1262 .elementor-element.elementor-element-7ea592e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1262 .elementor-element.elementor-element-29b5a85{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:center;}.elementor-1262 .elementor-element.elementor-element-29b5a85 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1262 .elementor-element.elementor-element-29b5a85 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:41px;font-weight:500;line-height:51px;color:var( --e-global-color-text );}.elementor-1262 .elementor-element.elementor-element-4128942{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-1262 .elementor-element.elementor-element-7470c63 .elementor-button:hover, .elementor-1262 .elementor-element.elementor-element-7470c63 .elementor-button:focus{background-color:#02010100;color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-1262 .elementor-element.elementor-element-7470c63 .elementor-button{font-family:"Inter Tight", Sans-serif;font-size:22px;font-weight:500;line-height:20px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:90px 90px 90px 90px;padding:20px 30px 20px 30px;}.elementor-1262 .elementor-element.elementor-element-7470c63 .elementor-button:hover svg, .elementor-1262 .elementor-element.elementor-element-7470c63 .elementor-button:focus svg{fill:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1262 .elementor-element.elementor-element-d0d2cb6{--container-widget-width:381px;--container-widget-flex-grow:0;width:var( --container-widget-width, 381px );max-width:381px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1262 .elementor-element.elementor-element-c31c49f{--container-widget-width:433px;--container-widget-flex-grow:0;width:var( --container-widget-width, 433px );max-width:433px;}.elementor-1262 .elementor-element.elementor-element-8daba43{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );}.elementor-1262 .elementor-element.elementor-element-c6c72e7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-ba659bb{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-32dff8b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1262 .elementor-element.elementor-element-5b4ce22{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-6e2ae5f{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-6c7865d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-3fc739f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-5f3e194{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-4b89b74{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-3acdbab{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-ba87b2a{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-0fdec0a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-77c6689{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-6f5edec{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-46bf3ed{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-222b19a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-649d7b1{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-76cf931{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-9d05277{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-e20c86a{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-dab5a48{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-1e9b4b8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-b4c55bb{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-98bb646{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-b618bd0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-fec4edb{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-bb6ebf7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-2413257{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-1b55b95{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-a69376e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-ee86bdc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-fc8d978{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-d845f5e{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-c41a75c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-25a936b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-889fba6{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-8aff742{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-cb19802{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-5585aca{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-20f0b77{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-700780a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-61633a3{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-9f0fded{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-4029c90{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-599b169{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-6f6a72a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-2bde62f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-8f8c5ee{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-f7843d2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-a44176f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-c3e4c5b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-0ea984a{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-9cd4361{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-db42db2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-ba2fda3{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-8eb377d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-32db6ae{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-6b71061{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-9999784{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-15bcf1c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-1d7b1f7{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-82cae1e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-d007988{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-69fe028 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1262 .elementor-element.elementor-element-69fe028{--n-tabs-title-font-size:16px;}.elementor-1262 .elementor-element.elementor-element-7d756b5{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1262 .elementor-element.elementor-element-7ea592e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1262 .elementor-element.elementor-element-29b5a85{--container-widget-width:516px;--container-widget-flex-grow:0;width:var( --container-widget-width, 516px );max-width:516px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-1262 .elementor-element.elementor-element-e8d826a{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1262 .elementor-element.elementor-element-d0d2cb6{--container-widget-width:236px;--container-widget-flex-grow:0;width:var( --container-widget-width, 236px );max-width:236px;}.elementor-1262 .elementor-element.elementor-element-d0d2cb6 .elementor-heading-title{font-size:28px;line-height:1.4em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1262 .elementor-element.elementor-element-c31c49f{--container-widget-width:310px;--container-widget-flex-grow:0;width:var( --container-widget-width, 310px );max-width:310px;font-size:18px;}.elementor-1262 .elementor-element.elementor-element-8daba43{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1262 .elementor-element.elementor-element-69fe028{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;}.elementor-1262 .elementor-element.elementor-element-7d756b5{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1262 .elementor-element.elementor-element-7ea592e{--min-height:311px;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-1262 .elementor-element.elementor-element-29b5a85{--container-widget-width:250px;--container-widget-flex-grow:0;width:var( --container-widget-width, 250px );max-width:250px;}.elementor-1262 .elementor-element.elementor-element-29b5a85 .elementor-heading-title{font-size:28px;line-height:1.4em;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-1262 .elementor-element.elementor-element-7470c63{width:100%;max-width:100%;}.elementor-1262 .elementor-element.elementor-element-7470c63 .elementor-button{font-size:16px;}}/* Start custom CSS for text-editor, class: .elementor-element-c31c49f */.subir {
  opacity: 0;
  filter: blur(20px);
  transform: translateY(40px) scale(0.98);
  animation: blurFadeInUp 1s ease-out forwards;
  animation-delay: 0s;
}

@keyframes blurFadeInUp {
  0% {
    opacity: 0;
    filter: blur(20px);
    transform: translateY(40px) scale(0.98);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0) scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7ab443e */.elementor-1262 .elementor-element.elementor-element-7ab443e a{
  display:block;
  width:100%;
}

/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-7ab443e{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-7ab443e img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-7ab443e:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-7ab443e::after{
  content: "Casa Pavão | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-7ab443e::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-7ab443e:hover::after,
.elementor-1262 .elementor-element.elementor-element-7ab443e:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-7ab443e::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7fe53eb */.elementor-1262 .elementor-element.elementor-element-7fe53eb a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-7fe53eb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-7fe53eb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-7fe53eb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-7fe53eb::after{
  content: "Escola Âmbar + Ana Botafogo | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-7fe53eb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-7fe53eb:hover::after,
.elementor-1262 .elementor-element.elementor-element-7fe53eb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-7fe53eb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-afe85b5 */.elementor-1262 .elementor-element.elementor-element-afe85b5 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-afe85b5{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-afe85b5 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-afe85b5:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-afe85b5::after{
  content: "Giovanne Saraiva  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-afe85b5::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-afe85b5:hover::after,
.elementor-1262 .elementor-element.elementor-element-afe85b5:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-afe85b5::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4960dfb */.elementor-1262 .elementor-element.elementor-element-4960dfb a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-4960dfb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-4960dfb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-4960dfb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-4960dfb::after{
  content: "Escola Costure-se | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-4960dfb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-4960dfb:hover::after,
.elementor-1262 .elementor-element.elementor-element-4960dfb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-4960dfb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6d227 */.elementor-1262 .elementor-element.elementor-element-2a6d227 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-2a6d227{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-2a6d227 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-2a6d227:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-2a6d227::after{
  content: "DivinaGess  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-2a6d227::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-2a6d227:hover::after,
.elementor-1262 .elementor-element.elementor-element-2a6d227:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-2a6d227::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f0821bc */.elementor-1262 .elementor-element.elementor-element-f0821bc a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-f0821bc{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-f0821bc img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-f0821bc:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-f0821bc::after{
  content: "Gisele Paula C-Eleven  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-f0821bc::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-f0821bc:hover::after,
.elementor-1262 .elementor-element.elementor-element-f0821bc:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-f0821bc::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70c96fe */.elementor-1262 .elementor-element.elementor-element-70c96fe a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-70c96fe{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-70c96fe img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-70c96fe:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-70c96fe::after{
  content: "Tomograficamente | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-70c96fe::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-70c96fe:hover::after,
.elementor-1262 .elementor-element.elementor-element-70c96fe:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-70c96fe::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b2a5071 */.elementor-1262 .elementor-element.elementor-element-b2a5071 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-b2a5071{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-b2a5071 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-b2a5071:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-b2a5071::after{
  content: "Rafael Film | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-b2a5071::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-b2a5071:hover::after,
.elementor-1262 .elementor-element.elementor-element-b2a5071:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-b2a5071::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b8e46 */.elementor-1262 .elementor-element.elementor-element-25b8e46 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-25b8e46{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-25b8e46 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-25b8e46:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-25b8e46::after{
  content: "MBR | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-25b8e46::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-25b8e46:hover::after,
.elementor-1262 .elementor-element.elementor-element-25b8e46:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-25b8e46::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b69f048 */.elementor-1262 .elementor-element.elementor-element-b69f048 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-b69f048{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-b69f048 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-b69f048:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-b69f048::after{
  content: "EcoClean  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-b69f048::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-b69f048:hover::after,
.elementor-1262 .elementor-element.elementor-element-b69f048:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-b69f048::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59f40f5 */.elementor-1262 .elementor-element.elementor-element-59f40f5 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-59f40f5{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-59f40f5 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-59f40f5:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-59f40f5::after{
  content: "SMS Funnel | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-59f40f5::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-59f40f5:hover::after,
.elementor-1262 .elementor-element.elementor-element-59f40f5:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-59f40f5::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a51ccbb */.elementor-1262 .elementor-element.elementor-element-a51ccbb a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-a51ccbb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-a51ccbb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-a51ccbb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-a51ccbb::after{
  content: "Mestrares  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-a51ccbb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-a51ccbb:hover::after,
.elementor-1262 .elementor-element.elementor-element-a51ccbb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-a51ccbb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3504487 */.elementor-1262 .elementor-element.elementor-element-3504487 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-3504487{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-3504487 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-3504487:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-3504487::after{
  content: "Thamiris Ramos | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-3504487::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-3504487:hover::after,
.elementor-1262 .elementor-element.elementor-element-3504487:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-3504487::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6942d10 */.elementor-1262 .elementor-element.elementor-element-6942d10 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-6942d10{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-6942d10 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-6942d10:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-6942d10::after{
  content: "Pessini  | Site Institucional";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-6942d10::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-6942d10:hover::after,
.elementor-1262 .elementor-element.elementor-element-6942d10:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-6942d10::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c72a661 */.elementor-1262 .elementor-element.elementor-element-c72a661 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-c72a661{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-c72a661 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-c72a661:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-c72a661::after{
  content: "Rise | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-c72a661::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-c72a661:hover::after,
.elementor-1262 .elementor-element.elementor-element-c72a661:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-c72a661::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-48d7c52 */.elementor-1262 .elementor-element.elementor-element-48d7c52 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-48d7c52{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-48d7c52 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-48d7c52:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-48d7c52::after{
  content: "SmarMed | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-48d7c52::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-48d7c52:hover::after,
.elementor-1262 .elementor-element.elementor-element-48d7c52:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-48d7c52::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5172d4d */.elementor-1262 .elementor-element.elementor-element-5172d4d a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-5172d4d{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-5172d4d img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-5172d4d:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-5172d4d::after{
  content: "Orion | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-5172d4d::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-5172d4d:hover::after,
.elementor-1262 .elementor-element.elementor-element-5172d4d:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-5172d4d::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ae0077 */.elementor-1262 .elementor-element.elementor-element-9ae0077 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9ae0077{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9ae0077 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9ae0077:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9ae0077::after{
  content: "Egregora Estética | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9ae0077::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9ae0077:hover::after,
.elementor-1262 .elementor-element.elementor-element-9ae0077:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9ae0077::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aee394f */.elementor-1262 .elementor-element.elementor-element-aee394f a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-aee394f{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-aee394f img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-aee394f:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-aee394f::after{
  content: "Altus | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-aee394f::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-aee394f:hover::after,
.elementor-1262 .elementor-element.elementor-element-aee394f:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-aee394f::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2d299c7 */.elementor-1262 .elementor-element.elementor-element-2d299c7 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-2d299c7{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-2d299c7 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-2d299c7:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-2d299c7::after{
  content: "Distrito BBQ House | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-2d299c7::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-2d299c7:hover::after,
.elementor-1262 .elementor-element.elementor-element-2d299c7:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-2d299c7::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ba78994 */.elementor-1262 .elementor-element.elementor-element-ba78994 a{
  display:block;
  width:100%;
}

/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-ba78994{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-ba78994 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-ba78994:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-ba78994::after{
  content: "Casa Pavão | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-ba78994::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-ba78994:hover::after,
.elementor-1262 .elementor-element.elementor-element-ba78994:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-ba78994::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9d5d720 */.elementor-1262 .elementor-element.elementor-element-9d5d720 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9d5d720{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9d5d720 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9d5d720:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9d5d720::after{
  content: "Tomograficamente | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9d5d720::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9d5d720:hover::after,
.elementor-1262 .elementor-element.elementor-element-9d5d720:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9d5d720::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51e67a8 */.elementor-1262 .elementor-element.elementor-element-51e67a8 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-51e67a8{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-51e67a8 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-51e67a8:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-51e67a8::after{
  content: "Rafael Film | Identidade Visuale";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-51e67a8::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-51e67a8:hover::after,
.elementor-1262 .elementor-element.elementor-element-51e67a8:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-51e67a8::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ce79c2a */.elementor-1262 .elementor-element.elementor-element-ce79c2a a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-ce79c2a{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-ce79c2a img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-ce79c2a:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-ce79c2a::after{
  content: "Escola Costure-se | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-ce79c2a::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-ce79c2a:hover::after,
.elementor-1262 .elementor-element.elementor-element-ce79c2a:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-ce79c2a::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-000d56e */.elementor-1262 .elementor-element.elementor-element-000d56e a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-000d56e{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-000d56e img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-000d56e:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-000d56e::after{
  content: "DivinaGess  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-000d56e::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-000d56e:hover::after,
.elementor-1262 .elementor-element.elementor-element-000d56e:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-000d56e::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b404c1 */.elementor-1262 .elementor-element.elementor-element-7b404c1 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-7b404c1{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-7b404c1 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-7b404c1:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-7b404c1::after{
  content: "Distrito BBQ House | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-7b404c1::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-7b404c1:hover::after,
.elementor-1262 .elementor-element.elementor-element-7b404c1:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-7b404c1::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5b82cd4 */.elementor-1262 .elementor-element.elementor-element-5b82cd4 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-5b82cd4{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-5b82cd4 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-5b82cd4:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-5b82cd4::after{
  content: "EcoClean  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-5b82cd4::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-5b82cd4:hover::after,
.elementor-1262 .elementor-element.elementor-element-5b82cd4:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-5b82cd4::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-900aff1 */.elementor-1262 .elementor-element.elementor-element-900aff1 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-900aff1{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-900aff1 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-900aff1:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-900aff1::after{
  content: "MBR | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-900aff1::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-900aff1:hover::after,
.elementor-1262 .elementor-element.elementor-element-900aff1:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-900aff1::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25278b1 */.elementor-1262 .elementor-element.elementor-element-25278b1 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-25278b1{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-25278b1 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-25278b1:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-25278b1::after{
  content: "Rise | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-25278b1::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-25278b1:hover::after,
.elementor-1262 .elementor-element.elementor-element-25278b1:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-25278b1::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1dfc19 */.elementor-1262 .elementor-element.elementor-element-d1dfc19 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-d1dfc19{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-d1dfc19 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-d1dfc19:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-d1dfc19::after{
  content: "SmarMed | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-d1dfc19::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-d1dfc19:hover::after,
.elementor-1262 .elementor-element.elementor-element-d1dfc19:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-d1dfc19::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-249f50b */.elementor-1262 .elementor-element.elementor-element-249f50b a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-249f50b{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-249f50b img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-249f50b:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-249f50b::after{
  content: "Orion| Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-249f50b::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-249f50b:hover::after,
.elementor-1262 .elementor-element.elementor-element-249f50b:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-249f50b::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9c41a68 */.elementor-1262 .elementor-element.elementor-element-9c41a68 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9c41a68{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9c41a68 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9c41a68:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9c41a68::after{
  content: "Altus | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9c41a68::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9c41a68:hover::after,
.elementor-1262 .elementor-element.elementor-element-9c41a68:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9c41a68::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29d976b */.elementor-1262 .elementor-element.elementor-element-29d976b a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-29d976b{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-29d976b img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-29d976b:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-29d976b::after{
  content: "Escola Âmbar + Ana Botafogo | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-29d976b::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-29d976b:hover::after,
.elementor-1262 .elementor-element.elementor-element-29d976b:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-29d976b::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b324391 */.elementor-1262 .elementor-element.elementor-element-b324391 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-b324391{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-b324391 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-b324391:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-b324391::after{
  content: "Giovanne Saraiva  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-b324391::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-b324391:hover::after,
.elementor-1262 .elementor-element.elementor-element-b324391:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-b324391::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e550f91 */.elementor-1262 .elementor-element.elementor-element-e550f91 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-e550f91{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-e550f91 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-e550f91:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-e550f91::after{
  content: "Gisele Paula C-Eleven  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-e550f91::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-e550f91:hover::after,
.elementor-1262 .elementor-element.elementor-element-e550f91:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-e550f91::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c56af40 */.elementor-1262 .elementor-element.elementor-element-c56af40 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-c56af40{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-c56af40 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-c56af40:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-c56af40::after{
  content: "Egregora Estética | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-c56af40::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-c56af40:hover::after,
.elementor-1262 .elementor-element.elementor-element-c56af40:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-c56af40::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-92105eb */.elementor-1262 .elementor-element.elementor-element-92105eb a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-92105eb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-92105eb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-92105eb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-92105eb::after{
  content: "SMS Funnel | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-92105eb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-92105eb:hover::after,
.elementor-1262 .elementor-element.elementor-element-92105eb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-92105eb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9e32a9d */.elementor-1262 .elementor-element.elementor-element-9e32a9d a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9e32a9d{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9e32a9d img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9e32a9d:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9e32a9d::after{
  content: "Mestrares  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9e32a9d::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9e32a9d:hover::after,
.elementor-1262 .elementor-element.elementor-element-9e32a9d:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9e32a9d::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e6f3cd0 */.elementor-1262 .elementor-element.elementor-element-e6f3cd0 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-e6f3cd0:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0::after{
  content: "Thamiris Ramos | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0:hover::after,
.elementor-1262 .elementor-element.elementor-element-e6f3cd0:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-e6f3cd0::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-64e0e2c */.elementor-1262 .elementor-element.elementor-element-64e0e2c a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-64e0e2c{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-64e0e2c img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-64e0e2c:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-64e0e2c::after{
  content: "Pessini  | Site Institucional";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-64e0e2c::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-64e0e2c:hover::after,
.elementor-1262 .elementor-element.elementor-element-64e0e2c:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-64e0e2c::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7ab443e */.elementor-1262 .elementor-element.elementor-element-7ab443e a{
  display:block;
  width:100%;
}

/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-7ab443e{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-7ab443e img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-7ab443e:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-7ab443e::after{
  content: "Casa Pavão | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-7ab443e::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-7ab443e:hover::after,
.elementor-1262 .elementor-element.elementor-element-7ab443e:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-7ab443e::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7fe53eb */.elementor-1262 .elementor-element.elementor-element-7fe53eb a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-7fe53eb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-7fe53eb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-7fe53eb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-7fe53eb::after{
  content: "Escola Âmbar + Ana Botafogo | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-7fe53eb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-7fe53eb:hover::after,
.elementor-1262 .elementor-element.elementor-element-7fe53eb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-7fe53eb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-afe85b5 */.elementor-1262 .elementor-element.elementor-element-afe85b5 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-afe85b5{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-afe85b5 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-afe85b5:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-afe85b5::after{
  content: "Giovanne Saraiva  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-afe85b5::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-afe85b5:hover::after,
.elementor-1262 .elementor-element.elementor-element-afe85b5:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-afe85b5::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4960dfb */.elementor-1262 .elementor-element.elementor-element-4960dfb a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-4960dfb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-4960dfb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-4960dfb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-4960dfb::after{
  content: "Escola Costure-se | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-4960dfb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-4960dfb:hover::after,
.elementor-1262 .elementor-element.elementor-element-4960dfb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-4960dfb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6d227 */.elementor-1262 .elementor-element.elementor-element-2a6d227 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-2a6d227{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-2a6d227 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-2a6d227:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-2a6d227::after{
  content: "DivinaGess  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-2a6d227::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-2a6d227:hover::after,
.elementor-1262 .elementor-element.elementor-element-2a6d227:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-2a6d227::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f0821bc */.elementor-1262 .elementor-element.elementor-element-f0821bc a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-f0821bc{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-f0821bc img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-f0821bc:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-f0821bc::after{
  content: "Gisele Paula C-Eleven  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-f0821bc::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-f0821bc:hover::after,
.elementor-1262 .elementor-element.elementor-element-f0821bc:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-f0821bc::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70c96fe */.elementor-1262 .elementor-element.elementor-element-70c96fe a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-70c96fe{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-70c96fe img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-70c96fe:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-70c96fe::after{
  content: "Tomograficamente | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-70c96fe::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-70c96fe:hover::after,
.elementor-1262 .elementor-element.elementor-element-70c96fe:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-70c96fe::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b2a5071 */.elementor-1262 .elementor-element.elementor-element-b2a5071 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-b2a5071{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-b2a5071 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-b2a5071:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-b2a5071::after{
  content: "Rafael Film | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-b2a5071::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-b2a5071:hover::after,
.elementor-1262 .elementor-element.elementor-element-b2a5071:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-b2a5071::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b8e46 */.elementor-1262 .elementor-element.elementor-element-25b8e46 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-25b8e46{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-25b8e46 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-25b8e46:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-25b8e46::after{
  content: "MBR | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-25b8e46::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-25b8e46:hover::after,
.elementor-1262 .elementor-element.elementor-element-25b8e46:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-25b8e46::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b69f048 */.elementor-1262 .elementor-element.elementor-element-b69f048 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-b69f048{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-b69f048 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-b69f048:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-b69f048::after{
  content: "EcoClean  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-b69f048::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-b69f048:hover::after,
.elementor-1262 .elementor-element.elementor-element-b69f048:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-b69f048::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59f40f5 */.elementor-1262 .elementor-element.elementor-element-59f40f5 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-59f40f5{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-59f40f5 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-59f40f5:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-59f40f5::after{
  content: "SMS Funnel | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-59f40f5::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-59f40f5:hover::after,
.elementor-1262 .elementor-element.elementor-element-59f40f5:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-59f40f5::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a51ccbb */.elementor-1262 .elementor-element.elementor-element-a51ccbb a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-a51ccbb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-a51ccbb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-a51ccbb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-a51ccbb::after{
  content: "Mestrares  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-a51ccbb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-a51ccbb:hover::after,
.elementor-1262 .elementor-element.elementor-element-a51ccbb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-a51ccbb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3504487 */.elementor-1262 .elementor-element.elementor-element-3504487 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-3504487{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-3504487 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-3504487:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-3504487::after{
  content: "Thamiris Ramos | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-3504487::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-3504487:hover::after,
.elementor-1262 .elementor-element.elementor-element-3504487:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-3504487::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6942d10 */.elementor-1262 .elementor-element.elementor-element-6942d10 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-6942d10{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-6942d10 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-6942d10:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-6942d10::after{
  content: "Pessini  | Site Institucional";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-6942d10::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-6942d10:hover::after,
.elementor-1262 .elementor-element.elementor-element-6942d10:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-6942d10::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c72a661 */.elementor-1262 .elementor-element.elementor-element-c72a661 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-c72a661{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-c72a661 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-c72a661:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-c72a661::after{
  content: "Rise | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-c72a661::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-c72a661:hover::after,
.elementor-1262 .elementor-element.elementor-element-c72a661:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-c72a661::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-48d7c52 */.elementor-1262 .elementor-element.elementor-element-48d7c52 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-48d7c52{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-48d7c52 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-48d7c52:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-48d7c52::after{
  content: "SmarMed | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-48d7c52::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-48d7c52:hover::after,
.elementor-1262 .elementor-element.elementor-element-48d7c52:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-48d7c52::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5172d4d */.elementor-1262 .elementor-element.elementor-element-5172d4d a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-5172d4d{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-5172d4d img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-5172d4d:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-5172d4d::after{
  content: "Orion | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-5172d4d::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-5172d4d:hover::after,
.elementor-1262 .elementor-element.elementor-element-5172d4d:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-5172d4d::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ae0077 */.elementor-1262 .elementor-element.elementor-element-9ae0077 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9ae0077{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9ae0077 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9ae0077:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9ae0077::after{
  content: "Egregora Estética | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9ae0077::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9ae0077:hover::after,
.elementor-1262 .elementor-element.elementor-element-9ae0077:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9ae0077::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aee394f */.elementor-1262 .elementor-element.elementor-element-aee394f a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-aee394f{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-aee394f img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-aee394f:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-aee394f::after{
  content: "Altus | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-aee394f::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-aee394f:hover::after,
.elementor-1262 .elementor-element.elementor-element-aee394f:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-aee394f::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2d299c7 */.elementor-1262 .elementor-element.elementor-element-2d299c7 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-2d299c7{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-2d299c7 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-2d299c7:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-2d299c7::after{
  content: "Distrito BBQ House | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-2d299c7::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-2d299c7:hover::after,
.elementor-1262 .elementor-element.elementor-element-2d299c7:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-2d299c7::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ba78994 */.elementor-1262 .elementor-element.elementor-element-ba78994 a{
  display:block;
  width:100%;
}

/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-ba78994{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-ba78994 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-ba78994:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-ba78994::after{
  content: "Casa Pavão | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-ba78994::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-ba78994:hover::after,
.elementor-1262 .elementor-element.elementor-element-ba78994:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-ba78994::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9d5d720 */.elementor-1262 .elementor-element.elementor-element-9d5d720 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9d5d720{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9d5d720 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9d5d720:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9d5d720::after{
  content: "Tomograficamente | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9d5d720::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9d5d720:hover::after,
.elementor-1262 .elementor-element.elementor-element-9d5d720:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9d5d720::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51e67a8 */.elementor-1262 .elementor-element.elementor-element-51e67a8 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-51e67a8{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-51e67a8 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-51e67a8:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-51e67a8::after{
  content: "Rafael Film | Identidade Visuale";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-51e67a8::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-51e67a8:hover::after,
.elementor-1262 .elementor-element.elementor-element-51e67a8:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-51e67a8::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ce79c2a */.elementor-1262 .elementor-element.elementor-element-ce79c2a a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-ce79c2a{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-ce79c2a img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-ce79c2a:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-ce79c2a::after{
  content: "Escola Costure-se | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-ce79c2a::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-ce79c2a:hover::after,
.elementor-1262 .elementor-element.elementor-element-ce79c2a:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-ce79c2a::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-000d56e */.elementor-1262 .elementor-element.elementor-element-000d56e a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-000d56e{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-000d56e img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-000d56e:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-000d56e::after{
  content: "DivinaGess  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-000d56e::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-000d56e:hover::after,
.elementor-1262 .elementor-element.elementor-element-000d56e:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-000d56e::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b404c1 */.elementor-1262 .elementor-element.elementor-element-7b404c1 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-7b404c1{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-7b404c1 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-7b404c1:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-7b404c1::after{
  content: "Distrito BBQ House | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-7b404c1::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-7b404c1:hover::after,
.elementor-1262 .elementor-element.elementor-element-7b404c1:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-7b404c1::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5b82cd4 */.elementor-1262 .elementor-element.elementor-element-5b82cd4 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-5b82cd4{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-5b82cd4 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-5b82cd4:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-5b82cd4::after{
  content: "EcoClean  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-5b82cd4::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-5b82cd4:hover::after,
.elementor-1262 .elementor-element.elementor-element-5b82cd4:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-5b82cd4::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-900aff1 */.elementor-1262 .elementor-element.elementor-element-900aff1 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-900aff1{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-900aff1 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-900aff1:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-900aff1::after{
  content: "MBR | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-900aff1::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-900aff1:hover::after,
.elementor-1262 .elementor-element.elementor-element-900aff1:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-900aff1::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25278b1 */.elementor-1262 .elementor-element.elementor-element-25278b1 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-25278b1{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-25278b1 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-25278b1:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-25278b1::after{
  content: "Rise | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-25278b1::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-25278b1:hover::after,
.elementor-1262 .elementor-element.elementor-element-25278b1:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-25278b1::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1dfc19 */.elementor-1262 .elementor-element.elementor-element-d1dfc19 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-d1dfc19{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-d1dfc19 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-d1dfc19:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-d1dfc19::after{
  content: "SmarMed | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-d1dfc19::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-d1dfc19:hover::after,
.elementor-1262 .elementor-element.elementor-element-d1dfc19:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-d1dfc19::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-249f50b */.elementor-1262 .elementor-element.elementor-element-249f50b a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-249f50b{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-249f50b img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-249f50b:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-249f50b::after{
  content: "Orion| Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-249f50b::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-249f50b:hover::after,
.elementor-1262 .elementor-element.elementor-element-249f50b:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-249f50b::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9c41a68 */.elementor-1262 .elementor-element.elementor-element-9c41a68 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9c41a68{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9c41a68 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9c41a68:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9c41a68::after{
  content: "Altus | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9c41a68::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9c41a68:hover::after,
.elementor-1262 .elementor-element.elementor-element-9c41a68:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9c41a68::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29d976b */.elementor-1262 .elementor-element.elementor-element-29d976b a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-29d976b{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-29d976b img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-29d976b:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-29d976b::after{
  content: "Escola Âmbar + Ana Botafogo | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-29d976b::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-29d976b:hover::after,
.elementor-1262 .elementor-element.elementor-element-29d976b:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-29d976b::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b324391 */.elementor-1262 .elementor-element.elementor-element-b324391 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-b324391{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-b324391 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-b324391:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-b324391::after{
  content: "Giovanne Saraiva  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-b324391::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-b324391:hover::after,
.elementor-1262 .elementor-element.elementor-element-b324391:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-b324391::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e550f91 */.elementor-1262 .elementor-element.elementor-element-e550f91 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-e550f91{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-e550f91 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-e550f91:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-e550f91::after{
  content: "Gisele Paula C-Eleven  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-e550f91::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-e550f91:hover::after,
.elementor-1262 .elementor-element.elementor-element-e550f91:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-e550f91::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c56af40 */.elementor-1262 .elementor-element.elementor-element-c56af40 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-c56af40{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-c56af40 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-c56af40:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-c56af40::after{
  content: "Egregora Estética | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-c56af40::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-c56af40:hover::after,
.elementor-1262 .elementor-element.elementor-element-c56af40:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-c56af40::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-92105eb */.elementor-1262 .elementor-element.elementor-element-92105eb a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-92105eb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-92105eb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-92105eb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-92105eb::after{
  content: "SMS Funnel | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-92105eb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-92105eb:hover::after,
.elementor-1262 .elementor-element.elementor-element-92105eb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-92105eb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9e32a9d */.elementor-1262 .elementor-element.elementor-element-9e32a9d a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9e32a9d{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9e32a9d img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9e32a9d:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9e32a9d::after{
  content: "Mestrares  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9e32a9d::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9e32a9d:hover::after,
.elementor-1262 .elementor-element.elementor-element-9e32a9d:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9e32a9d::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e6f3cd0 */.elementor-1262 .elementor-element.elementor-element-e6f3cd0 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-e6f3cd0:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0::after{
  content: "Thamiris Ramos | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0:hover::after,
.elementor-1262 .elementor-element.elementor-element-e6f3cd0:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-e6f3cd0::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-64e0e2c */.elementor-1262 .elementor-element.elementor-element-64e0e2c a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-64e0e2c{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-64e0e2c img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-64e0e2c:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-64e0e2c::after{
  content: "Pessini  | Site Institucional";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-64e0e2c::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-64e0e2c:hover::after,
.elementor-1262 .elementor-element.elementor-element-64e0e2c:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-64e0e2c::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7ab443e */.elementor-1262 .elementor-element.elementor-element-7ab443e a{
  display:block;
  width:100%;
}

/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-7ab443e{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-7ab443e img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-7ab443e:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-7ab443e::after{
  content: "Casa Pavão | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-7ab443e::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-7ab443e:hover::after,
.elementor-1262 .elementor-element.elementor-element-7ab443e:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-7ab443e::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7fe53eb */.elementor-1262 .elementor-element.elementor-element-7fe53eb a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-7fe53eb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-7fe53eb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-7fe53eb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-7fe53eb::after{
  content: "Escola Âmbar + Ana Botafogo | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-7fe53eb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-7fe53eb:hover::after,
.elementor-1262 .elementor-element.elementor-element-7fe53eb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-7fe53eb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-afe85b5 */.elementor-1262 .elementor-element.elementor-element-afe85b5 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-afe85b5{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-afe85b5 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-afe85b5:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-afe85b5::after{
  content: "Giovanne Saraiva  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-afe85b5::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-afe85b5:hover::after,
.elementor-1262 .elementor-element.elementor-element-afe85b5:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-afe85b5::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4960dfb */.elementor-1262 .elementor-element.elementor-element-4960dfb a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-4960dfb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-4960dfb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-4960dfb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-4960dfb::after{
  content: "Escola Costure-se | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-4960dfb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-4960dfb:hover::after,
.elementor-1262 .elementor-element.elementor-element-4960dfb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-4960dfb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6d227 */.elementor-1262 .elementor-element.elementor-element-2a6d227 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-2a6d227{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-2a6d227 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-2a6d227:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-2a6d227::after{
  content: "DivinaGess  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-2a6d227::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-2a6d227:hover::after,
.elementor-1262 .elementor-element.elementor-element-2a6d227:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-2a6d227::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f0821bc */.elementor-1262 .elementor-element.elementor-element-f0821bc a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-f0821bc{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-f0821bc img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-f0821bc:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-f0821bc::after{
  content: "Gisele Paula C-Eleven  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-f0821bc::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-f0821bc:hover::after,
.elementor-1262 .elementor-element.elementor-element-f0821bc:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-f0821bc::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70c96fe */.elementor-1262 .elementor-element.elementor-element-70c96fe a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-70c96fe{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-70c96fe img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-70c96fe:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-70c96fe::after{
  content: "Tomograficamente | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-70c96fe::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-70c96fe:hover::after,
.elementor-1262 .elementor-element.elementor-element-70c96fe:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-70c96fe::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b2a5071 */.elementor-1262 .elementor-element.elementor-element-b2a5071 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-b2a5071{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-b2a5071 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-b2a5071:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-b2a5071::after{
  content: "Rafael Film | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-b2a5071::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-b2a5071:hover::after,
.elementor-1262 .elementor-element.elementor-element-b2a5071:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-b2a5071::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b8e46 */.elementor-1262 .elementor-element.elementor-element-25b8e46 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-25b8e46{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-25b8e46 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-25b8e46:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-25b8e46::after{
  content: "MBR | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-25b8e46::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-25b8e46:hover::after,
.elementor-1262 .elementor-element.elementor-element-25b8e46:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-25b8e46::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b69f048 */.elementor-1262 .elementor-element.elementor-element-b69f048 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-b69f048{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-b69f048 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-b69f048:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-b69f048::after{
  content: "EcoClean  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-b69f048::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-b69f048:hover::after,
.elementor-1262 .elementor-element.elementor-element-b69f048:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-b69f048::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59f40f5 */.elementor-1262 .elementor-element.elementor-element-59f40f5 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-59f40f5{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-59f40f5 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-59f40f5:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-59f40f5::after{
  content: "SMS Funnel | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-59f40f5::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-59f40f5:hover::after,
.elementor-1262 .elementor-element.elementor-element-59f40f5:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-59f40f5::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a51ccbb */.elementor-1262 .elementor-element.elementor-element-a51ccbb a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-a51ccbb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-a51ccbb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-a51ccbb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-a51ccbb::after{
  content: "Mestrares  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-a51ccbb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-a51ccbb:hover::after,
.elementor-1262 .elementor-element.elementor-element-a51ccbb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-a51ccbb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3504487 */.elementor-1262 .elementor-element.elementor-element-3504487 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-3504487{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-3504487 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-3504487:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-3504487::after{
  content: "Thamiris Ramos | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-3504487::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-3504487:hover::after,
.elementor-1262 .elementor-element.elementor-element-3504487:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-3504487::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6942d10 */.elementor-1262 .elementor-element.elementor-element-6942d10 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-6942d10{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-6942d10 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-6942d10:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-6942d10::after{
  content: "Pessini  | Site Institucional";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-6942d10::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-6942d10:hover::after,
.elementor-1262 .elementor-element.elementor-element-6942d10:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-6942d10::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c72a661 */.elementor-1262 .elementor-element.elementor-element-c72a661 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-c72a661{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-c72a661 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-c72a661:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-c72a661::after{
  content: "Rise | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-c72a661::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-c72a661:hover::after,
.elementor-1262 .elementor-element.elementor-element-c72a661:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-c72a661::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-48d7c52 */.elementor-1262 .elementor-element.elementor-element-48d7c52 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-48d7c52{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-48d7c52 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-48d7c52:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-48d7c52::after{
  content: "SmarMed | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-48d7c52::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-48d7c52:hover::after,
.elementor-1262 .elementor-element.elementor-element-48d7c52:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-48d7c52::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5172d4d */.elementor-1262 .elementor-element.elementor-element-5172d4d a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-5172d4d{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-5172d4d img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-5172d4d:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-5172d4d::after{
  content: "Orion | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-5172d4d::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-5172d4d:hover::after,
.elementor-1262 .elementor-element.elementor-element-5172d4d:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-5172d4d::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ae0077 */.elementor-1262 .elementor-element.elementor-element-9ae0077 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9ae0077{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9ae0077 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9ae0077:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9ae0077::after{
  content: "Egregora Estética | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9ae0077::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9ae0077:hover::after,
.elementor-1262 .elementor-element.elementor-element-9ae0077:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9ae0077::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aee394f */.elementor-1262 .elementor-element.elementor-element-aee394f a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-aee394f{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-aee394f img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-aee394f:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-aee394f::after{
  content: "Altus | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-aee394f::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-aee394f:hover::after,
.elementor-1262 .elementor-element.elementor-element-aee394f:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-aee394f::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2d299c7 */.elementor-1262 .elementor-element.elementor-element-2d299c7 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-2d299c7{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-2d299c7 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-2d299c7:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-2d299c7::after{
  content: "Distrito BBQ House | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-2d299c7::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-2d299c7:hover::after,
.elementor-1262 .elementor-element.elementor-element-2d299c7:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-2d299c7::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ba78994 */.elementor-1262 .elementor-element.elementor-element-ba78994 a{
  display:block;
  width:100%;
}

/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-ba78994{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-ba78994 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-ba78994:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-ba78994::after{
  content: "Casa Pavão | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-ba78994::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-ba78994:hover::after,
.elementor-1262 .elementor-element.elementor-element-ba78994:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-ba78994::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9d5d720 */.elementor-1262 .elementor-element.elementor-element-9d5d720 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9d5d720{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9d5d720 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9d5d720:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9d5d720::after{
  content: "Tomograficamente | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9d5d720::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9d5d720:hover::after,
.elementor-1262 .elementor-element.elementor-element-9d5d720:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9d5d720::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51e67a8 */.elementor-1262 .elementor-element.elementor-element-51e67a8 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-51e67a8{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-51e67a8 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-51e67a8:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-51e67a8::after{
  content: "Rafael Film | Identidade Visuale";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-51e67a8::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-51e67a8:hover::after,
.elementor-1262 .elementor-element.elementor-element-51e67a8:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-51e67a8::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ce79c2a */.elementor-1262 .elementor-element.elementor-element-ce79c2a a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-ce79c2a{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-ce79c2a img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-ce79c2a:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-ce79c2a::after{
  content: "Escola Costure-se | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-ce79c2a::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-ce79c2a:hover::after,
.elementor-1262 .elementor-element.elementor-element-ce79c2a:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-ce79c2a::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-000d56e */.elementor-1262 .elementor-element.elementor-element-000d56e a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-000d56e{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-000d56e img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-000d56e:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-000d56e::after{
  content: "DivinaGess  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-000d56e::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-000d56e:hover::after,
.elementor-1262 .elementor-element.elementor-element-000d56e:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-000d56e::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b404c1 */.elementor-1262 .elementor-element.elementor-element-7b404c1 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-7b404c1{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-7b404c1 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-7b404c1:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-7b404c1::after{
  content: "Distrito BBQ House | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-7b404c1::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-7b404c1:hover::after,
.elementor-1262 .elementor-element.elementor-element-7b404c1:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-7b404c1::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5b82cd4 */.elementor-1262 .elementor-element.elementor-element-5b82cd4 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-5b82cd4{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-5b82cd4 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-5b82cd4:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-5b82cd4::after{
  content: "EcoClean  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-5b82cd4::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-5b82cd4:hover::after,
.elementor-1262 .elementor-element.elementor-element-5b82cd4:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-5b82cd4::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-900aff1 */.elementor-1262 .elementor-element.elementor-element-900aff1 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-900aff1{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-900aff1 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-900aff1:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-900aff1::after{
  content: "MBR | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-900aff1::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-900aff1:hover::after,
.elementor-1262 .elementor-element.elementor-element-900aff1:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-900aff1::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25278b1 */.elementor-1262 .elementor-element.elementor-element-25278b1 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-25278b1{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-25278b1 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-25278b1:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-25278b1::after{
  content: "Rise | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-25278b1::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-25278b1:hover::after,
.elementor-1262 .elementor-element.elementor-element-25278b1:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-25278b1::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1dfc19 */.elementor-1262 .elementor-element.elementor-element-d1dfc19 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-d1dfc19{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-d1dfc19 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-d1dfc19:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-d1dfc19::after{
  content: "SmarMed | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-d1dfc19::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-d1dfc19:hover::after,
.elementor-1262 .elementor-element.elementor-element-d1dfc19:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-d1dfc19::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-249f50b */.elementor-1262 .elementor-element.elementor-element-249f50b a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-249f50b{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-249f50b img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-249f50b:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-249f50b::after{
  content: "Orion| Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-249f50b::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-249f50b:hover::after,
.elementor-1262 .elementor-element.elementor-element-249f50b:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-249f50b::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9c41a68 */.elementor-1262 .elementor-element.elementor-element-9c41a68 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9c41a68{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9c41a68 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9c41a68:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9c41a68::after{
  content: "Altus | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9c41a68::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9c41a68:hover::after,
.elementor-1262 .elementor-element.elementor-element-9c41a68:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9c41a68::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29d976b */.elementor-1262 .elementor-element.elementor-element-29d976b a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-29d976b{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-29d976b img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-29d976b:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-29d976b::after{
  content: "Escola Âmbar + Ana Botafogo | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-29d976b::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-29d976b:hover::after,
.elementor-1262 .elementor-element.elementor-element-29d976b:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-29d976b::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b324391 */.elementor-1262 .elementor-element.elementor-element-b324391 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-b324391{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-b324391 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-b324391:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-b324391::after{
  content: "Giovanne Saraiva  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-b324391::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-b324391:hover::after,
.elementor-1262 .elementor-element.elementor-element-b324391:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-b324391::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e550f91 */.elementor-1262 .elementor-element.elementor-element-e550f91 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-e550f91{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-e550f91 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-e550f91:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-e550f91::after{
  content: "Gisele Paula C-Eleven  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-e550f91::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-e550f91:hover::after,
.elementor-1262 .elementor-element.elementor-element-e550f91:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-e550f91::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c56af40 */.elementor-1262 .elementor-element.elementor-element-c56af40 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-c56af40{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-c56af40 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-c56af40:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-c56af40::after{
  content: "Egregora Estética | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-c56af40::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-c56af40:hover::after,
.elementor-1262 .elementor-element.elementor-element-c56af40:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-c56af40::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-92105eb */.elementor-1262 .elementor-element.elementor-element-92105eb a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-92105eb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-92105eb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-92105eb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-92105eb::after{
  content: "SMS Funnel | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-92105eb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-92105eb:hover::after,
.elementor-1262 .elementor-element.elementor-element-92105eb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-92105eb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9e32a9d */.elementor-1262 .elementor-element.elementor-element-9e32a9d a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9e32a9d{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9e32a9d img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9e32a9d:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9e32a9d::after{
  content: "Mestrares  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9e32a9d::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9e32a9d:hover::after,
.elementor-1262 .elementor-element.elementor-element-9e32a9d:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9e32a9d::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e6f3cd0 */.elementor-1262 .elementor-element.elementor-element-e6f3cd0 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-e6f3cd0:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0::after{
  content: "Thamiris Ramos | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0:hover::after,
.elementor-1262 .elementor-element.elementor-element-e6f3cd0:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-e6f3cd0::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-64e0e2c */.elementor-1262 .elementor-element.elementor-element-64e0e2c a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-64e0e2c{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-64e0e2c img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-64e0e2c:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-64e0e2c::after{
  content: "Pessini  | Site Institucional";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-64e0e2c::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-64e0e2c:hover::after,
.elementor-1262 .elementor-element.elementor-element-64e0e2c:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-64e0e2c::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7ab443e */.elementor-1262 .elementor-element.elementor-element-7ab443e a{
  display:block;
  width:100%;
}

/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-7ab443e{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-7ab443e img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-7ab443e:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-7ab443e::after{
  content: "Casa Pavão | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-7ab443e::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-7ab443e:hover::after,
.elementor-1262 .elementor-element.elementor-element-7ab443e:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-7ab443e::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7fe53eb */.elementor-1262 .elementor-element.elementor-element-7fe53eb a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-7fe53eb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-7fe53eb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-7fe53eb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-7fe53eb::after{
  content: "Escola Âmbar + Ana Botafogo | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-7fe53eb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-7fe53eb:hover::after,
.elementor-1262 .elementor-element.elementor-element-7fe53eb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-7fe53eb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-afe85b5 */.elementor-1262 .elementor-element.elementor-element-afe85b5 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-afe85b5{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-afe85b5 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-afe85b5:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-afe85b5::after{
  content: "Giovanne Saraiva  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-afe85b5::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-afe85b5:hover::after,
.elementor-1262 .elementor-element.elementor-element-afe85b5:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-afe85b5::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4960dfb */.elementor-1262 .elementor-element.elementor-element-4960dfb a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-4960dfb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-4960dfb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-4960dfb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-4960dfb::after{
  content: "Escola Costure-se | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-4960dfb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-4960dfb:hover::after,
.elementor-1262 .elementor-element.elementor-element-4960dfb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-4960dfb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a6d227 */.elementor-1262 .elementor-element.elementor-element-2a6d227 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-2a6d227{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-2a6d227 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-2a6d227:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-2a6d227::after{
  content: "DivinaGess  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-2a6d227::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-2a6d227:hover::after,
.elementor-1262 .elementor-element.elementor-element-2a6d227:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-2a6d227::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f0821bc */.elementor-1262 .elementor-element.elementor-element-f0821bc a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-f0821bc{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-f0821bc img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-f0821bc:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-f0821bc::after{
  content: "Gisele Paula C-Eleven  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-f0821bc::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-f0821bc:hover::after,
.elementor-1262 .elementor-element.elementor-element-f0821bc:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-f0821bc::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-70c96fe */.elementor-1262 .elementor-element.elementor-element-70c96fe a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-70c96fe{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-70c96fe img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-70c96fe:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-70c96fe::after{
  content: "Tomograficamente | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-70c96fe::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-70c96fe:hover::after,
.elementor-1262 .elementor-element.elementor-element-70c96fe:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-70c96fe::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b2a5071 */.elementor-1262 .elementor-element.elementor-element-b2a5071 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-b2a5071{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-b2a5071 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-b2a5071:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-b2a5071::after{
  content: "Rafael Film | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-b2a5071::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-b2a5071:hover::after,
.elementor-1262 .elementor-element.elementor-element-b2a5071:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-b2a5071::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25b8e46 */.elementor-1262 .elementor-element.elementor-element-25b8e46 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-25b8e46{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-25b8e46 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-25b8e46:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-25b8e46::after{
  content: "MBR | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-25b8e46::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-25b8e46:hover::after,
.elementor-1262 .elementor-element.elementor-element-25b8e46:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-25b8e46::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b69f048 */.elementor-1262 .elementor-element.elementor-element-b69f048 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-b69f048{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-b69f048 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-b69f048:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-b69f048::after{
  content: "EcoClean  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-b69f048::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-b69f048:hover::after,
.elementor-1262 .elementor-element.elementor-element-b69f048:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-b69f048::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-59f40f5 */.elementor-1262 .elementor-element.elementor-element-59f40f5 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-59f40f5{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-59f40f5 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-59f40f5:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-59f40f5::after{
  content: "SMS Funnel | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-59f40f5::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-59f40f5:hover::after,
.elementor-1262 .elementor-element.elementor-element-59f40f5:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-59f40f5::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a51ccbb */.elementor-1262 .elementor-element.elementor-element-a51ccbb a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-a51ccbb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-a51ccbb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-a51ccbb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-a51ccbb::after{
  content: "Mestrares  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-a51ccbb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-a51ccbb:hover::after,
.elementor-1262 .elementor-element.elementor-element-a51ccbb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-a51ccbb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3504487 */.elementor-1262 .elementor-element.elementor-element-3504487 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-3504487{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-3504487 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-3504487:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-3504487::after{
  content: "Thamiris Ramos | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-3504487::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-3504487:hover::after,
.elementor-1262 .elementor-element.elementor-element-3504487:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-3504487::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6942d10 */.elementor-1262 .elementor-element.elementor-element-6942d10 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-6942d10{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-6942d10 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-6942d10:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-6942d10::after{
  content: "Pessini  | Site Institucional";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-6942d10::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-6942d10:hover::after,
.elementor-1262 .elementor-element.elementor-element-6942d10:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-6942d10::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c72a661 */.elementor-1262 .elementor-element.elementor-element-c72a661 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-c72a661{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-c72a661 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-c72a661:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-c72a661::after{
  content: "Rise | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-c72a661::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-c72a661:hover::after,
.elementor-1262 .elementor-element.elementor-element-c72a661:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-c72a661::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-48d7c52 */.elementor-1262 .elementor-element.elementor-element-48d7c52 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-48d7c52{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-48d7c52 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-48d7c52:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-48d7c52::after{
  content: "SmarMed | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-48d7c52::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-48d7c52:hover::after,
.elementor-1262 .elementor-element.elementor-element-48d7c52:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-48d7c52::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5172d4d */.elementor-1262 .elementor-element.elementor-element-5172d4d a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-5172d4d{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-5172d4d img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-5172d4d:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-5172d4d::after{
  content: "Orion | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-5172d4d::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-5172d4d:hover::after,
.elementor-1262 .elementor-element.elementor-element-5172d4d:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-5172d4d::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ae0077 */.elementor-1262 .elementor-element.elementor-element-9ae0077 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9ae0077{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9ae0077 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9ae0077:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9ae0077::after{
  content: "Egregora Estética | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9ae0077::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9ae0077:hover::after,
.elementor-1262 .elementor-element.elementor-element-9ae0077:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9ae0077::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aee394f */.elementor-1262 .elementor-element.elementor-element-aee394f a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-aee394f{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-aee394f img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-aee394f:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-aee394f::after{
  content: "Altus | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-aee394f::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-aee394f:hover::after,
.elementor-1262 .elementor-element.elementor-element-aee394f:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-aee394f::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2d299c7 */.elementor-1262 .elementor-element.elementor-element-2d299c7 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-2d299c7{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-2d299c7 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-2d299c7:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-2d299c7::after{
  content: "Distrito BBQ House | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-2d299c7::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-2d299c7:hover::after,
.elementor-1262 .elementor-element.elementor-element-2d299c7:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-2d299c7::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ba78994 */.elementor-1262 .elementor-element.elementor-element-ba78994 a{
  display:block;
  width:100%;
}

/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-ba78994{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-ba78994 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-ba78994:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-ba78994::after{
  content: "Casa Pavão | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-ba78994::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-ba78994:hover::after,
.elementor-1262 .elementor-element.elementor-element-ba78994:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-ba78994::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9d5d720 */.elementor-1262 .elementor-element.elementor-element-9d5d720 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9d5d720{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9d5d720 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9d5d720:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9d5d720::after{
  content: "Tomograficamente | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9d5d720::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9d5d720:hover::after,
.elementor-1262 .elementor-element.elementor-element-9d5d720:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9d5d720::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51e67a8 */.elementor-1262 .elementor-element.elementor-element-51e67a8 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-51e67a8{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-51e67a8 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-51e67a8:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-51e67a8::after{
  content: "Rafael Film | Identidade Visuale";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-51e67a8::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-51e67a8:hover::after,
.elementor-1262 .elementor-element.elementor-element-51e67a8:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-51e67a8::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ce79c2a */.elementor-1262 .elementor-element.elementor-element-ce79c2a a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-ce79c2a{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-ce79c2a img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-ce79c2a:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-ce79c2a::after{
  content: "Escola Costure-se | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-ce79c2a::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-ce79c2a:hover::after,
.elementor-1262 .elementor-element.elementor-element-ce79c2a:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-ce79c2a::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-000d56e */.elementor-1262 .elementor-element.elementor-element-000d56e a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-000d56e{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-000d56e img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-000d56e:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-000d56e::after{
  content: "DivinaGess  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-000d56e::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-000d56e:hover::after,
.elementor-1262 .elementor-element.elementor-element-000d56e:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-000d56e::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b404c1 */.elementor-1262 .elementor-element.elementor-element-7b404c1 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-7b404c1{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-7b404c1 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-7b404c1:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-7b404c1::after{
  content: "Distrito BBQ House | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-7b404c1::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-7b404c1:hover::after,
.elementor-1262 .elementor-element.elementor-element-7b404c1:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-7b404c1::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5b82cd4 */.elementor-1262 .elementor-element.elementor-element-5b82cd4 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-5b82cd4{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-5b82cd4 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-5b82cd4:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-5b82cd4::after{
  content: "EcoClean  | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-5b82cd4::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-5b82cd4:hover::after,
.elementor-1262 .elementor-element.elementor-element-5b82cd4:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-5b82cd4::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-900aff1 */.elementor-1262 .elementor-element.elementor-element-900aff1 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-900aff1{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-900aff1 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-900aff1:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-900aff1::after{
  content: "MBR | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-900aff1::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-900aff1:hover::after,
.elementor-1262 .elementor-element.elementor-element-900aff1:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-900aff1::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-25278b1 */.elementor-1262 .elementor-element.elementor-element-25278b1 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-25278b1{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-25278b1 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-25278b1:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-25278b1::after{
  content: "Rise | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-25278b1::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-25278b1:hover::after,
.elementor-1262 .elementor-element.elementor-element-25278b1:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-25278b1::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d1dfc19 */.elementor-1262 .elementor-element.elementor-element-d1dfc19 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-d1dfc19{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-d1dfc19 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-d1dfc19:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-d1dfc19::after{
  content: "SmarMed | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-d1dfc19::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-d1dfc19:hover::after,
.elementor-1262 .elementor-element.elementor-element-d1dfc19:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-d1dfc19::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-249f50b */.elementor-1262 .elementor-element.elementor-element-249f50b a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-249f50b{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-249f50b img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-249f50b:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-249f50b::after{
  content: "Orion| Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-249f50b::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-249f50b:hover::after,
.elementor-1262 .elementor-element.elementor-element-249f50b:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-249f50b::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9c41a68 */.elementor-1262 .elementor-element.elementor-element-9c41a68 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9c41a68{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9c41a68 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9c41a68:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9c41a68::after{
  content: "Altus | Identidade Visual";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9c41a68::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9c41a68:hover::after,
.elementor-1262 .elementor-element.elementor-element-9c41a68:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9c41a68::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29d976b */.elementor-1262 .elementor-element.elementor-element-29d976b a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-29d976b{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-29d976b img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-29d976b:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-29d976b::after{
  content: "Escola Âmbar + Ana Botafogo | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-29d976b::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-29d976b:hover::after,
.elementor-1262 .elementor-element.elementor-element-29d976b:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-29d976b::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b324391 */.elementor-1262 .elementor-element.elementor-element-b324391 a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-b324391{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-b324391 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-b324391:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-b324391::after{
  content: "Giovanne Saraiva  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-b324391::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-b324391:hover::after,
.elementor-1262 .elementor-element.elementor-element-b324391:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-b324391::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e550f91 */.elementor-1262 .elementor-element.elementor-element-e550f91 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-e550f91{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-e550f91 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-e550f91:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-e550f91::after{
  content: "Gisele Paula C-Eleven  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-e550f91::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-e550f91:hover::after,
.elementor-1262 .elementor-element.elementor-element-e550f91:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-e550f91::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c56af40 */.elementor-1262 .elementor-element.elementor-element-c56af40 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-c56af40{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-c56af40 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-c56af40:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-c56af40::after{
  content: "Egregora Estética | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-c56af40::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-c56af40:hover::after,
.elementor-1262 .elementor-element.elementor-element-c56af40:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-c56af40::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-92105eb */.elementor-1262 .elementor-element.elementor-element-92105eb a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-92105eb{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-92105eb img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-92105eb:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-92105eb::after{
  content: "SMS Funnel | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-92105eb::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-92105eb:hover::after,
.elementor-1262 .elementor-element.elementor-element-92105eb:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-92105eb::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9e32a9d */.elementor-1262 .elementor-element.elementor-element-9e32a9d a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-9e32a9d{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-9e32a9d img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-9e32a9d:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-9e32a9d::after{
  content: "Mestrares  | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-9e32a9d::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-9e32a9d:hover::after,
.elementor-1262 .elementor-element.elementor-element-9e32a9d:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-9e32a9d::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e6f3cd0 */.elementor-1262 .elementor-element.elementor-element-e6f3cd0 a{
  display:block;
  width:100%;
}



/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0 img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-e6f3cd0:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0::after{
  content: "Thamiris Ramos | Landing Page";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-e6f3cd0:hover::after,
.elementor-1262 .elementor-element.elementor-element-e6f3cd0:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-e6f3cd0::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-64e0e2c */.elementor-1262 .elementor-element.elementor-element-64e0e2c a{
  display:block;
  width:100%;
}


/* Container (o próprio widget da imagem) */
.elementor-1262 .elementor-element.elementor-element-64e0e2c{
  position: relative;
  overflow: hidden !important;
}

/* Imagem */
.elementor-1262 .elementor-element.elementor-element-64e0e2c img{
  display: block;
  transform: scale(1);
  transition: transform 1.6s ease;
  will-change: transform;
}
.elementor-1262 .elementor-element.elementor-element-64e0e2c:hover img{
  transform: scale(1.15);
}

/* Legenda com “glass” */
.elementor-1262 .elementor-element.elementor-element-64e0e2c::after{
  content: "Pessini  | Site Institucional";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Inter Tight", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff;

  /* vidro */
  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-radius: 999px; /* pill */
  margin: 10px;         /* respiro */

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
  pointer-events: none;

  /* profundidade */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Borda com efeito “glass” */
.elementor-1262 .elementor-element.elementor-element-64e0e2c::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;

  border-radius: 999px;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.28),
    rgba(255,255,255,0.06)
  );

  /* deixa só a borda visível */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 1px; /* espessura da borda */

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.08),
    0 8px 20px rgba(0,0,0,0.35);

  transform: translateY(120%);
  opacity: 0;
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

/* Hover: aparece */
.elementor-1262 .elementor-element.elementor-element-64e0e2c:hover::after,
.elementor-1262 .elementor-element.elementor-element-64e0e2c:hover::before{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 768px) {

  .elementor-1262 .elementor-element.elementor-element-64e0e2c::after{
    font-size: 14px !important;

    /* ISSO AQUI é o que ACHATA a caixa */
    height: 20px !important;        /* <-- ALTERE AQUI */
    min-height: 35px !important;    /* <-- ALTERE AQUI */

    display: flex !important;
    align-items: center !important; /* centraliza o texto */
    justify-content: center !important;

    padding: 0 !important;          /* evita empurrar a altura */
    line-height: 1 !important;

    transform: translateY(0) !important;
    opacity: 1 !important;
  }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url('https://gabrielschumann.com.br/wp-content/uploads/2025/12/InterTight-Regular.eot');
	src: url('https://gabrielschumann.com.br/wp-content/uploads/2025/12/InterTight-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://gabrielschumann.com.br/wp-content/uploads/2025/12/InterTight-Regular.woff2') format('woff2'),
		url('https://gabrielschumann.com.br/wp-content/uploads/2025/12/InterTight-Regular.woff') format('woff'),
		url('https://gabrielschumann.com.br/wp-content/uploads/2025/12/InterTight-Regular.ttf') format('truetype'),
		url('https://gabrielschumann.com.br/wp-content/uploads/2025/12/InterTight-Regular.svg#InterTight') format('svg');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://gabrielschumann.com.br/wp-content/uploads/2025/12/InterTight-Medium.eot');
	src: url('https://gabrielschumann.com.br/wp-content/uploads/2025/12/InterTight-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://gabrielschumann.com.br/wp-content/uploads/2025/12/InterTight-Medium.woff2') format('woff2'),
		url('https://gabrielschumann.com.br/wp-content/uploads/2025/12/InterTight-Medium.woff') format('woff'),
		url('https://gabrielschumann.com.br/wp-content/uploads/2025/12/InterTight-Medium.ttf') format('truetype'),
		url('https://gabrielschumann.com.br/wp-content/uploads/2025/12/InterTight-Medium.svg#InterTight') format('svg');
}
/* End Custom Fonts CSS */