.elementor-3679 .elementor-element.elementor-element-67341a2{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.7;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-67341a2:not(.elementor-motion-effects-element-type-background), .elementor-3679 .elementor-element.elementor-element-67341a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;background-image:url("https://cafedesign.com.br/wp-content/uploads/2026/09/bg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3679 .elementor-element.elementor-element-67341a2::before, .elementor-3679 .elementor-element.elementor-element-67341a2 > .elementor-background-video-container::before, .elementor-3679 .elementor-element.elementor-element-67341a2 > .e-con-inner > .elementor-background-video-container::before, .elementor-3679 .elementor-element.elementor-element-67341a2 > .elementor-background-slideshow::before, .elementor-3679 .elementor-element.elementor-element-67341a2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3679 .elementor-element.elementor-element-67341a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-3679 .elementor-element.elementor-element-e52fd1e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:00px;--padding-bottom:00px;--padding-left:00px;--padding-right:00px;}.elementor-3679 .elementor-element.elementor-element-e52fd1e.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3679 .elementor-element.elementor-element-ae401a5 > .elementor-widget-container{margin:0px 0px 0px -5px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-ae401a5{text-align:start;}.elementor-3679 .elementor-element.elementor-element-ae401a5 img{width:130px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3679 .elementor-element.elementor-element-14889aa{width:var( --container-widget-width, 455px );max-width:455px;--container-widget-width:455px;--container-widget-flex-grow:0;}.elementor-3679 .elementor-element.elementor-element-14889aa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-14889aa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:21px;font-weight:600;line-height:29px;color:var( --e-global-color-accent );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3679 .elementor-element.elementor-element-5a18826{width:var( --container-widget-width, 532px );max-width:532px;--container-widget-width:532px;--container-widget-flex-grow:0;text-align:start;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:22px;letter-spacing:0px;word-spacing:0em;color:#000000;}.elementor-3679 .elementor-element.elementor-element-5a18826 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:20px 0px 15px 0px;}.elementor-3679 .elementor-element.elementor-element-48e2ec8{width:var( --container-widget-width, 516px );max-width:516px;--container-widget-width:516px;--container-widget-flex-grow:0;text-align:start;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:22px;letter-spacing:0px;word-spacing:0em;color:#000000;}.elementor-3679 .elementor-element.elementor-element-48e2ec8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 30px 0px;}.elementor-3679 .elementor-element.elementor-element-1eef126{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-3679 .elementor-element.elementor-element-9b951e5 > .elementor-widget-container{margin:0px 0px 0px -7px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-9b951e5 .elementor-icon-wrapper{text-align:center;}.elementor-3679 .elementor-element.elementor-element-9b951e5.elementor-view-stacked .elementor-icon{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-9b951e5.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-9b951e5.elementor-view-default .elementor-icon{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-9b951e5.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-9b951e5.elementor-view-default .elementor-icon svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-9b951e5.elementor-view-stacked .elementor-icon:hover{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-9b951e5.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-9b951e5.elementor-view-default .elementor-icon:hover{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-9b951e5.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-9b951e5.elementor-view-default .elementor-icon:hover svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-9b951e5 .elementor-icon{font-size:36px;}.elementor-3679 .elementor-element.elementor-element-9b951e5 .elementor-icon svg{height:36px;}.elementor-3679 .elementor-element.elementor-element-abc9721 > .elementor-widget-container{margin:2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-abc9721 .elementor-icon-wrapper{text-align:center;}.elementor-3679 .elementor-element.elementor-element-abc9721.elementor-view-stacked .elementor-icon{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-abc9721.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-abc9721.elementor-view-default .elementor-icon{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-abc9721.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-abc9721.elementor-view-default .elementor-icon svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-abc9721.elementor-view-stacked .elementor-icon:hover{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-abc9721.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-abc9721.elementor-view-default .elementor-icon:hover{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-abc9721.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-abc9721.elementor-view-default .elementor-icon:hover svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-abc9721 .elementor-icon{font-size:31px;}.elementor-3679 .elementor-element.elementor-element-abc9721 .elementor-icon svg{height:31px;}.elementor-3679 .elementor-element.elementor-element-3938682 > .elementor-widget-container{margin:1px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-3938682 .elementor-icon-wrapper{text-align:center;}.elementor-3679 .elementor-element.elementor-element-3938682.elementor-view-stacked .elementor-icon{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-3938682.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-3938682.elementor-view-default .elementor-icon{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-3938682.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-3938682.elementor-view-default .elementor-icon svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-3938682.elementor-view-stacked .elementor-icon:hover{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-3938682.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-3938682.elementor-view-default .elementor-icon:hover{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-3938682.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-3938682.elementor-view-default .elementor-icon:hover svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-3938682 .elementor-icon{font-size:38px;}.elementor-3679 .elementor-element.elementor-element-3938682 .elementor-icon svg{height:38px;}.elementor-3679 .elementor-element.elementor-element-a306cd0 > .elementor-widget-container{margin:2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-a306cd0 .elementor-icon-wrapper{text-align:center;}.elementor-3679 .elementor-element.elementor-element-a306cd0.elementor-view-stacked .elementor-icon{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-a306cd0.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-a306cd0.elementor-view-default .elementor-icon{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-a306cd0.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-a306cd0.elementor-view-default .elementor-icon svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-a306cd0.elementor-view-stacked .elementor-icon:hover{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-a306cd0.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-a306cd0.elementor-view-default .elementor-icon:hover{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-a306cd0.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-a306cd0.elementor-view-default .elementor-icon:hover svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-a306cd0 .elementor-icon{font-size:35px;}.elementor-3679 .elementor-element.elementor-element-a306cd0 .elementor-icon svg{height:35px;}.elementor-3679 .elementor-element.elementor-element-8de53c5 > .elementor-widget-container{margin:2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-8de53c5 .elementor-icon-wrapper{text-align:center;}.elementor-3679 .elementor-element.elementor-element-8de53c5.elementor-view-stacked .elementor-icon{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-8de53c5.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-8de53c5.elementor-view-default .elementor-icon{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-8de53c5.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-8de53c5.elementor-view-default .elementor-icon svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-8de53c5.elementor-view-stacked .elementor-icon:hover{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-8de53c5.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-8de53c5.elementor-view-default .elementor-icon:hover{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-8de53c5.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-8de53c5.elementor-view-default .elementor-icon:hover svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-8de53c5 .elementor-icon{font-size:31px;}.elementor-3679 .elementor-element.elementor-element-8de53c5 .elementor-icon svg{height:31px;}.elementor-3679 .elementor-element.elementor-element-56aac5c{width:var( --container-widget-width, 455px );max-width:455px;--container-widget-width:455px;--container-widget-flex-grow:0;}.elementor-3679 .elementor-element.elementor-element-56aac5c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-56aac5c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;line-height:17px;color:var( --e-global-color-accent );}.elementor-3679 .elementor-element.elementor-element-c5bd17b{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-c5bd17b.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-3679 .elementor-element.elementor-element-dba0f66{--display:flex;}.elementor-3679 .elementor-element.elementor-element-7522ee0{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3679 .elementor-element.elementor-element-a5d4c54{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-26ce1f9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-26ce1f9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3679 .elementor-element.elementor-element-2897313 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-accent );}.elementor-3679 .elementor-element.elementor-element-c87d740 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:4px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-c87d740{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:400;color:var( --e-global-color-accent );}.elementor-3679 .elementor-element.elementor-element-03c905f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3679 .elementor-element.elementor-element-2f5ebd2 .elementor-button{background-color:#FFFFFF00;font-family:"Trebuchet MS", Sans-serif;font-size:12px;font-weight:400;fill:#3D3D3D;color:#3D3D3D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:0px 0px 0px 0px;padding:10px 15px 10px 15px;}.elementor-3679 .elementor-element.elementor-element-2f5ebd2 .elementor-button:hover, .elementor-3679 .elementor-element.elementor-element-2f5ebd2 .elementor-button:focus{background-color:var( --e-global-color-e4a6c7d );color:#3B3B3B;border-color:var( --e-global-color-e4a6c7d );}.elementor-3679 .elementor-element.elementor-element-2f5ebd2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-2f5ebd2.elementor-element{--align-self:flex-end;}.elementor-3679 .elementor-element.elementor-element-2f5ebd2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3679 .elementor-element.elementor-element-2f5ebd2 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3679 .elementor-element.elementor-element-2f5ebd2 .elementor-button:hover svg, .elementor-3679 .elementor-element.elementor-element-2f5ebd2 .elementor-button:focus svg{fill:#3B3B3B;}.elementor-3679 .elementor-element.elementor-element-ea80e7c{--display:flex;}.elementor-3679 .elementor-element.elementor-element-d22a6cc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3679 .elementor-element.elementor-element-c854051{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-51e54d9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-51e54d9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3679 .elementor-element.elementor-element-fde86c4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-accent );}.elementor-3679 .elementor-element.elementor-element-e8dc6e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:4px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-e8dc6e1{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:400;color:var( --e-global-color-accent );}.elementor-3679 .elementor-element.elementor-element-1430840{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-370b24e .elementor-button{background-color:#FFFFFF00;font-family:"Trebuchet MS", Sans-serif;font-size:12px;font-weight:400;fill:#3D3D3D;color:#3D3D3D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:0px 0px 0px 0px;padding:10px 15px 10px 15px;}.elementor-3679 .elementor-element.elementor-element-370b24e .elementor-button:hover, .elementor-3679 .elementor-element.elementor-element-370b24e .elementor-button:focus{background-color:var( --e-global-color-e4a6c7d );color:#3B3B3B;border-color:var( --e-global-color-e4a6c7d );}.elementor-3679 .elementor-element.elementor-element-370b24e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-370b24e.elementor-element{--align-self:flex-end;}.elementor-3679 .elementor-element.elementor-element-370b24e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3679 .elementor-element.elementor-element-370b24e .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3679 .elementor-element.elementor-element-370b24e .elementor-button:hover svg, .elementor-3679 .elementor-element.elementor-element-370b24e .elementor-button:focus svg{fill:#3B3B3B;}.elementor-3679 .elementor-element.elementor-element-7054066{--display:flex;}.elementor-3679 .elementor-element.elementor-element-123e60d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3679 .elementor-element.elementor-element-027d6c3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-8cec2e0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-8cec2e0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3679 .elementor-element.elementor-element-a55145a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-accent );}.elementor-3679 .elementor-element.elementor-element-1d39e92 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:4px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-1d39e92{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:400;color:var( --e-global-color-accent );}.elementor-3679 .elementor-element.elementor-element-9d41ab8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-e370df7 .elementor-button{background-color:#FFFFFF00;font-family:"Trebuchet MS", Sans-serif;font-size:12px;font-weight:400;fill:#3D3D3D;color:#3D3D3D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:0px 0px 0px 0px;padding:10px 15px 10px 15px;}.elementor-3679 .elementor-element.elementor-element-e370df7 .elementor-button:hover, .elementor-3679 .elementor-element.elementor-element-e370df7 .elementor-button:focus{background-color:var( --e-global-color-e4a6c7d );color:#3B3B3B;border-color:var( --e-global-color-e4a6c7d );}.elementor-3679 .elementor-element.elementor-element-e370df7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-e370df7.elementor-element{--align-self:flex-end;}.elementor-3679 .elementor-element.elementor-element-e370df7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3679 .elementor-element.elementor-element-e370df7 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3679 .elementor-element.elementor-element-e370df7 .elementor-button:hover svg, .elementor-3679 .elementor-element.elementor-element-e370df7 .elementor-button:focus svg{fill:#3B3B3B;}.elementor-3679 .elementor-element.elementor-element-5c4c7bb{--display:flex;}.elementor-3679 .elementor-element.elementor-element-f1f63ee{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3679 .elementor-element.elementor-element-8426ae3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-1af8ede{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-1af8ede.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3679 .elementor-element.elementor-element-b8f05b5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-accent );}.elementor-3679 .elementor-element.elementor-element-9d172ad{width:var( --container-widget-width, 403px );max-width:403px;--container-widget-width:403px;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:11px;font-weight:400;color:var( --e-global-color-accent );}.elementor-3679 .elementor-element.elementor-element-9d172ad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:4px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-101ff9a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-e6583c2 .elementor-button{background-color:#FFFFFF00;font-family:"Trebuchet MS", Sans-serif;font-size:12px;font-weight:400;fill:#3D3D3D;color:#3D3D3D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:0px 0px 0px 0px;padding:10px 15px 10px 15px;}.elementor-3679 .elementor-element.elementor-element-e6583c2 .elementor-button:hover, .elementor-3679 .elementor-element.elementor-element-e6583c2 .elementor-button:focus{background-color:var( --e-global-color-e4a6c7d );color:#3B3B3B;border-color:var( --e-global-color-e4a6c7d );}.elementor-3679 .elementor-element.elementor-element-e6583c2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-e6583c2.elementor-element{--align-self:flex-end;}.elementor-3679 .elementor-element.elementor-element-e6583c2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3679 .elementor-element.elementor-element-e6583c2 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3679 .elementor-element.elementor-element-e6583c2 .elementor-button:hover svg, .elementor-3679 .elementor-element.elementor-element-e6583c2 .elementor-button:focus svg{fill:#3B3B3B;}.elementor-3679 .elementor-element.elementor-element-0dec765{--display:flex;}.elementor-3679 .elementor-element.elementor-element-93c4dd6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3679 .elementor-element.elementor-element-a772de9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-7aaa1a4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-7aaa1a4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3679 .elementor-element.elementor-element-cdcee11 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-accent );}.elementor-3679 .elementor-element.elementor-element-4e62941 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:4px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-4e62941{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:400;color:var( --e-global-color-accent );}.elementor-3679 .elementor-element.elementor-element-3ed5fda{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-3db2d89 .elementor-button{background-color:#FFFFFF00;font-family:"Trebuchet MS", Sans-serif;font-size:12px;font-weight:400;fill:#3D3D3D;color:#3D3D3D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:0px 0px 0px 0px;padding:10px 15px 10px 15px;}.elementor-3679 .elementor-element.elementor-element-3db2d89 .elementor-button:hover, .elementor-3679 .elementor-element.elementor-element-3db2d89 .elementor-button:focus{background-color:var( --e-global-color-e4a6c7d );color:#3B3B3B;border-color:var( --e-global-color-e4a6c7d );}.elementor-3679 .elementor-element.elementor-element-3db2d89 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-3db2d89.elementor-element{--align-self:flex-end;}.elementor-3679 .elementor-element.elementor-element-3db2d89 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3679 .elementor-element.elementor-element-3db2d89 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3679 .elementor-element.elementor-element-3db2d89 .elementor-button:hover svg, .elementor-3679 .elementor-element.elementor-element-3db2d89 .elementor-button:focus svg{fill:#3B3B3B;}.elementor-3679 .elementor-element.elementor-element-51d0cc2{--display:flex;}.elementor-3679 .elementor-element.elementor-element-658a9d5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3679 .elementor-element.elementor-element-950b5ea{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-c43e85e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-c43e85e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3679 .elementor-element.elementor-element-611a3d2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-accent );}.elementor-3679 .elementor-element.elementor-element-a622861 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:4px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-a622861{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:400;color:var( --e-global-color-accent );}.elementor-3679 .elementor-element.elementor-element-ddf525a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-ea47f76 .elementor-button{background-color:#FFFFFF00;font-family:"Trebuchet MS", Sans-serif;font-size:12px;font-weight:400;fill:#3D3D3D;color:#3D3D3D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:0px 0px 0px 0px;padding:10px 15px 10px 15px;}.elementor-3679 .elementor-element.elementor-element-ea47f76 .elementor-button:hover, .elementor-3679 .elementor-element.elementor-element-ea47f76 .elementor-button:focus{background-color:var( --e-global-color-e4a6c7d );color:#3B3B3B;border-color:var( --e-global-color-e4a6c7d );}.elementor-3679 .elementor-element.elementor-element-ea47f76 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-ea47f76.elementor-element{--align-self:flex-end;}.elementor-3679 .elementor-element.elementor-element-ea47f76 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3679 .elementor-element.elementor-element-ea47f76 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3679 .elementor-element.elementor-element-ea47f76 .elementor-button:hover svg, .elementor-3679 .elementor-element.elementor-element-ea47f76 .elementor-button:focus svg{fill:#3B3B3B;}.elementor-3679 .elementor-element.elementor-element-239f49f{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:50px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:5px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:-30px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:5px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:-30px;--e-n-carousel-arrow-normal-color:#9E9E9E;--e-n-carousel-arrow-hover-color:#5E5E5E;}.elementor-3679 .elementor-element.elementor-element-239f49f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-afe473b{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d > .elementor-widget-container{margin:0px 0px 0px -7px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d .elementor-icon-wrapper{text-align:center;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d.elementor-view-stacked .elementor-icon{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-c4c0a3d.elementor-view-default .elementor-icon{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-c4c0a3d.elementor-view-default .elementor-icon svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d.elementor-view-stacked .elementor-icon:hover{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-c4c0a3d.elementor-view-default .elementor-icon:hover{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-c4c0a3d.elementor-view-default .elementor-icon:hover svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d .elementor-icon{font-size:41px;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d .elementor-icon svg{height:41px;}.elementor-3679 .elementor-element.elementor-element-b416cd9 > .elementor-widget-container{margin:2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-b416cd9 .elementor-icon-wrapper{text-align:center;}.elementor-3679 .elementor-element.elementor-element-b416cd9.elementor-view-stacked .elementor-icon{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-b416cd9.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-b416cd9.elementor-view-default .elementor-icon{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-b416cd9.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-b416cd9.elementor-view-default .elementor-icon svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-b416cd9.elementor-view-stacked .elementor-icon:hover{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-b416cd9.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-b416cd9.elementor-view-default .elementor-icon:hover{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-b416cd9.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-b416cd9.elementor-view-default .elementor-icon:hover svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-b416cd9 .elementor-icon{font-size:36px;}.elementor-3679 .elementor-element.elementor-element-b416cd9 .elementor-icon svg{height:36px;}.elementor-3679 .elementor-element.elementor-element-989ff45 > .elementor-widget-container{margin:1px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-989ff45 .elementor-icon-wrapper{text-align:center;}.elementor-3679 .elementor-element.elementor-element-989ff45.elementor-view-stacked .elementor-icon{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-989ff45.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-989ff45.elementor-view-default .elementor-icon{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-989ff45.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-989ff45.elementor-view-default .elementor-icon svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-989ff45.elementor-view-stacked .elementor-icon:hover{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-989ff45.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-989ff45.elementor-view-default .elementor-icon:hover{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-989ff45.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-989ff45.elementor-view-default .elementor-icon:hover svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-989ff45 .elementor-icon{font-size:43px;}.elementor-3679 .elementor-element.elementor-element-989ff45 .elementor-icon svg{height:43px;}.elementor-3679 .elementor-element.elementor-element-91811c9 > .elementor-widget-container{margin:2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-91811c9 .elementor-icon-wrapper{text-align:center;}.elementor-3679 .elementor-element.elementor-element-91811c9.elementor-view-stacked .elementor-icon{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-91811c9.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-91811c9.elementor-view-default .elementor-icon{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-91811c9.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-91811c9.elementor-view-default .elementor-icon svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-91811c9.elementor-view-stacked .elementor-icon:hover{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-91811c9.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-91811c9.elementor-view-default .elementor-icon:hover{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-91811c9.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-91811c9.elementor-view-default .elementor-icon:hover svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-91811c9 .elementor-icon{font-size:40px;}.elementor-3679 .elementor-element.elementor-element-91811c9 .elementor-icon svg{height:40px;}.elementor-3679 .elementor-element.elementor-element-01c2f02 > .elementor-widget-container{margin:2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-01c2f02 .elementor-icon-wrapper{text-align:center;}.elementor-3679 .elementor-element.elementor-element-01c2f02.elementor-view-stacked .elementor-icon{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-01c2f02.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-01c2f02.elementor-view-default .elementor-icon{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-01c2f02.elementor-view-framed .elementor-icon, .elementor-3679 .elementor-element.elementor-element-01c2f02.elementor-view-default .elementor-icon svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-01c2f02.elementor-view-stacked .elementor-icon:hover{background-color:#535353;}.elementor-3679 .elementor-element.elementor-element-01c2f02.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-01c2f02.elementor-view-default .elementor-icon:hover{color:#535353;border-color:#535353;}.elementor-3679 .elementor-element.elementor-element-01c2f02.elementor-view-framed .elementor-icon:hover, .elementor-3679 .elementor-element.elementor-element-01c2f02.elementor-view-default .elementor-icon:hover svg{fill:#535353;}.elementor-3679 .elementor-element.elementor-element-01c2f02 .elementor-icon{font-size:36px;}.elementor-3679 .elementor-element.elementor-element-01c2f02 .elementor-icon svg{height:36px;}.elementor-3679 .elementor-element.elementor-element-3726c82{width:var( --container-widget-width, 455px );max-width:455px;--container-widget-width:455px;--container-widget-flex-grow:0;}.elementor-3679 .elementor-element.elementor-element-3726c82 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-3726c82 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;line-height:17px;color:var( --e-global-color-accent );}body.elementor-page-3679:not(.elementor-motion-effects-element-type-background), body.elementor-page-3679 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-3679 .elementor-element.elementor-element-67341a2{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-3679 .elementor-element.elementor-element-e52fd1e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-5a18826 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-5a18826{--container-widget-width:295px;--container-widget-flex-grow:0;width:var( --container-widget-width, 295px );max-width:295px;font-size:12px;line-height:19px;}.elementor-3679 .elementor-element.elementor-element-48e2ec8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-48e2ec8{--container-widget-width:295px;--container-widget-flex-grow:0;width:var( --container-widget-width, 295px );max-width:295px;font-size:12px;line-height:19px;}.elementor-3679 .elementor-element.elementor-element-9b951e5 .elementor-icon{font-size:31px;}.elementor-3679 .elementor-element.elementor-element-9b951e5 .elementor-icon svg{height:31px;}.elementor-3679 .elementor-element.elementor-element-abc9721 .elementor-icon{font-size:26px;}.elementor-3679 .elementor-element.elementor-element-abc9721 .elementor-icon svg{height:26px;}.elementor-3679 .elementor-element.elementor-element-3938682 .elementor-icon{font-size:33px;}.elementor-3679 .elementor-element.elementor-element-3938682 .elementor-icon svg{height:33px;}.elementor-3679 .elementor-element.elementor-element-a306cd0 .elementor-icon{font-size:30px;}.elementor-3679 .elementor-element.elementor-element-a306cd0 .elementor-icon svg{height:30px;}.elementor-3679 .elementor-element.elementor-element-8de53c5 .elementor-icon{font-size:26px;}.elementor-3679 .elementor-element.elementor-element-8de53c5 .elementor-icon svg{height:26px;}.elementor-3679 .elementor-element.elementor-element-a5d4c54{--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-3679 .elementor-element.elementor-element-26ce1f9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-03c905f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-2f5ebd2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-2f5ebd2.elementor-element{--align-self:flex-end;}.elementor-3679 .elementor-element.elementor-element-c854051{--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-3679 .elementor-element.elementor-element-51e54d9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-1430840{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-370b24e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-370b24e.elementor-element{--align-self:flex-end;}.elementor-3679 .elementor-element.elementor-element-027d6c3{--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-3679 .elementor-element.elementor-element-8cec2e0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-9d41ab8{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-e370df7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-e370df7.elementor-element{--align-self:flex-end;}.elementor-3679 .elementor-element.elementor-element-8426ae3{--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-3679 .elementor-element.elementor-element-1af8ede{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-101ff9a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-e6583c2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-e6583c2.elementor-element{--align-self:flex-end;}.elementor-3679 .elementor-element.elementor-element-a772de9{--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-3679 .elementor-element.elementor-element-7aaa1a4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-3ed5fda{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-3db2d89 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-3db2d89.elementor-element{--align-self:flex-end;}.elementor-3679 .elementor-element.elementor-element-950b5ea{--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-3679 .elementor-element.elementor-element-c43e85e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-ddf525a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-ea47f76 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-ea47f76.elementor-element{--align-self:flex-end;}.elementor-3679 .elementor-element.elementor-element-239f49f{--e-n-carousel-swiper-slides-to-display:2;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d .elementor-icon{font-size:31px;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d .elementor-icon svg{height:31px;}.elementor-3679 .elementor-element.elementor-element-b416cd9 .elementor-icon{font-size:26px;}.elementor-3679 .elementor-element.elementor-element-b416cd9 .elementor-icon svg{height:26px;}.elementor-3679 .elementor-element.elementor-element-989ff45 .elementor-icon{font-size:33px;}.elementor-3679 .elementor-element.elementor-element-989ff45 .elementor-icon svg{height:33px;}.elementor-3679 .elementor-element.elementor-element-91811c9 .elementor-icon{font-size:30px;}.elementor-3679 .elementor-element.elementor-element-91811c9 .elementor-icon svg{height:30px;}.elementor-3679 .elementor-element.elementor-element-01c2f02 .elementor-icon{font-size:26px;}.elementor-3679 .elementor-element.elementor-element-01c2f02 .elementor-icon svg{height:26px;}}@media(max-width:767px){.elementor-3679 .elementor-element.elementor-element-67341a2:not(.elementor-motion-effects-element-type-background), .elementor-3679 .elementor-element.elementor-element-67341a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cafedesign.com.br/wp-content/uploads/2026/09/bg.webp");background-position:top right;background-repeat:no-repeat;background-size:cover;}.elementor-3679 .elementor-element.elementor-element-67341a2{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.72;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-ae401a5 > .elementor-widget-container{margin:75px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-ae401a5.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-ae401a5{text-align:center;}.elementor-3679 .elementor-element.elementor-element-ae401a5 img{width:160px;}.elementor-3679 .elementor-element.elementor-element-14889aa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-14889aa{--container-widget-width:295px;--container-widget-flex-grow:0;width:var( --container-widget-width, 295px );max-width:295px;text-align:center;}.elementor-3679 .elementor-element.elementor-element-14889aa.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-14889aa .elementor-heading-title{font-size:18px;line-height:27px;}.elementor-3679 .elementor-element.elementor-element-5a18826{width:var( --container-widget-width, 290px );max-width:290px;--container-widget-width:290px;--container-widget-flex-grow:0;text-align:justify;font-size:14px;line-height:25px;}.elementor-3679 .elementor-element.elementor-element-5a18826 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:30px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-5a18826.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-48e2ec8{width:var( --container-widget-width, 290px );max-width:290px;--container-widget-width:290px;--container-widget-flex-grow:0;text-align:justify;font-size:14px;line-height:25px;}.elementor-3679 .elementor-element.elementor-element-48e2ec8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-48e2ec8.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-1eef126{--justify-content:center;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-1eef126.e-con{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-9b951e5 .elementor-icon{font-size:33px;}.elementor-3679 .elementor-element.elementor-element-9b951e5 .elementor-icon svg{height:33px;}.elementor-3679 .elementor-element.elementor-element-abc9721 .elementor-icon{font-size:28px;}.elementor-3679 .elementor-element.elementor-element-abc9721 .elementor-icon svg{height:28px;}.elementor-3679 .elementor-element.elementor-element-3938682 .elementor-icon{font-size:35px;}.elementor-3679 .elementor-element.elementor-element-3938682 .elementor-icon svg{height:35px;}.elementor-3679 .elementor-element.elementor-element-a306cd0 .elementor-icon{font-size:32px;}.elementor-3679 .elementor-element.elementor-element-a306cd0 .elementor-icon svg{height:32px;}.elementor-3679 .elementor-element.elementor-element-8de53c5 .elementor-icon{font-size:28px;}.elementor-3679 .elementor-element.elementor-element-8de53c5 .elementor-icon svg{height:28px;}.elementor-3679 .elementor-element.elementor-element-56aac5c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-56aac5c{--container-widget-width:295px;--container-widget-flex-grow:0;width:var( --container-widget-width, 295px );max-width:295px;text-align:center;}.elementor-3679 .elementor-element.elementor-element-56aac5c.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-56aac5c .elementor-heading-title{font-size:18px;line-height:27px;}.elementor-3679 .elementor-element.elementor-element-c5bd17b{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3679 .elementor-element.elementor-element-a5d4c54{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-2897313{text-align:center;}.elementor-3679 .elementor-element.elementor-element-2897313 .elementor-heading-title{font-size:13px;}.elementor-3679 .elementor-element.elementor-element-c87d740{width:var( --container-widget-width, 248px );max-width:248px;--container-widget-width:248px;--container-widget-flex-grow:0;text-align:center;font-size:12px;}.elementor-3679 .elementor-element.elementor-element-c87d740 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:7px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-c87d740.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-2f5ebd2 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-2f5ebd2.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-2f5ebd2 .elementor-button{font-size:14px;}.elementor-3679 .elementor-element.elementor-element-c854051{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-fde86c4{text-align:center;}.elementor-3679 .elementor-element.elementor-element-fde86c4 .elementor-heading-title{font-size:13px;}.elementor-3679 .elementor-element.elementor-element-e8dc6e1{width:var( --container-widget-width, 248px );max-width:248px;--container-widget-width:248px;--container-widget-flex-grow:0;text-align:center;font-size:12px;}.elementor-3679 .elementor-element.elementor-element-e8dc6e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:7px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-e8dc6e1.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-370b24e > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-370b24e.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-370b24e .elementor-button{font-size:14px;}.elementor-3679 .elementor-element.elementor-element-027d6c3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-a55145a{text-align:center;}.elementor-3679 .elementor-element.elementor-element-a55145a .elementor-heading-title{font-size:13px;}.elementor-3679 .elementor-element.elementor-element-1d39e92{width:var( --container-widget-width, 248px );max-width:248px;--container-widget-width:248px;--container-widget-flex-grow:0;text-align:center;font-size:12px;}.elementor-3679 .elementor-element.elementor-element-1d39e92 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:7px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-1d39e92.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-e370df7 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-e370df7.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-e370df7 .elementor-button{font-size:14px;}.elementor-3679 .elementor-element.elementor-element-8426ae3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-b8f05b5{text-align:center;}.elementor-3679 .elementor-element.elementor-element-b8f05b5 .elementor-heading-title{font-size:13px;}.elementor-3679 .elementor-element.elementor-element-9d172ad{width:var( --container-widget-width, 248px );max-width:248px;--container-widget-width:248px;--container-widget-flex-grow:0;text-align:center;font-size:12px;}.elementor-3679 .elementor-element.elementor-element-9d172ad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:7px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-9d172ad.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-e6583c2 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-e6583c2.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-e6583c2 .elementor-button{font-size:14px;}.elementor-3679 .elementor-element.elementor-element-a772de9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-cdcee11{text-align:center;}.elementor-3679 .elementor-element.elementor-element-cdcee11 .elementor-heading-title{font-size:13px;}.elementor-3679 .elementor-element.elementor-element-4e62941{width:var( --container-widget-width, 248px );max-width:248px;--container-widget-width:248px;--container-widget-flex-grow:0;text-align:center;font-size:12px;}.elementor-3679 .elementor-element.elementor-element-4e62941 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:7px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-4e62941.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-3db2d89 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-3db2d89.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-3db2d89 .elementor-button{font-size:14px;}.elementor-3679 .elementor-element.elementor-element-950b5ea{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-611a3d2{text-align:center;}.elementor-3679 .elementor-element.elementor-element-611a3d2 .elementor-heading-title{font-size:13px;}.elementor-3679 .elementor-element.elementor-element-a622861{width:var( --container-widget-width, 217px );max-width:217px;--container-widget-width:217px;--container-widget-flex-grow:0;text-align:center;font-size:12px;}.elementor-3679 .elementor-element.elementor-element-a622861 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:7px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-a622861.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-ea47f76 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-ea47f76.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-ea47f76 .elementor-button{font-size:14px;}.elementor-3679 .elementor-element.elementor-element-239f49f{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:15px;--e-n-carousel-arrow-prev-top-position:-52px;--e-n-carousel-arrow-next-right-position:15px;--e-n-carousel-arrow-next-top-position:-52px;}.elementor-3679 .elementor-element.elementor-element-239f49f > .elementor-widget-container{margin:0px 10px 0px 10px;padding:0px 0px 0px 0px;}.elementor-3679 .elementor-element.elementor-element-afe473b{--justify-content:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3679 .elementor-element.elementor-element-afe473b.e-con{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d .elementor-icon{font-size:33px;}.elementor-3679 .elementor-element.elementor-element-c4c0a3d .elementor-icon svg{height:33px;}.elementor-3679 .elementor-element.elementor-element-b416cd9 .elementor-icon{font-size:28px;}.elementor-3679 .elementor-element.elementor-element-b416cd9 .elementor-icon svg{height:28px;}.elementor-3679 .elementor-element.elementor-element-989ff45 .elementor-icon{font-size:35px;}.elementor-3679 .elementor-element.elementor-element-989ff45 .elementor-icon svg{height:35px;}.elementor-3679 .elementor-element.elementor-element-91811c9 .elementor-icon{font-size:32px;}.elementor-3679 .elementor-element.elementor-element-91811c9 .elementor-icon svg{height:32px;}.elementor-3679 .elementor-element.elementor-element-01c2f02 .elementor-icon{font-size:28px;}.elementor-3679 .elementor-element.elementor-element-01c2f02 .elementor-icon svg{height:28px;}.elementor-3679 .elementor-element.elementor-element-3726c82 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:60px 0px 33px 0px;}.elementor-3679 .elementor-element.elementor-element-3726c82{--container-widget-width:295px;--container-widget-flex-grow:0;width:var( --container-widget-width, 295px );max-width:295px;text-align:center;}.elementor-3679 .elementor-element.elementor-element-3726c82.elementor-element{--align-self:center;}.elementor-3679 .elementor-element.elementor-element-3726c82 .elementor-heading-title{font-size:12px;line-height:18px;}}@media(min-width:768px){.elementor-3679 .elementor-element.elementor-element-67341a2{--content-width:1180px;}.elementor-3679 .elementor-element.elementor-element-e52fd1e{--width:72%;}.elementor-3679 .elementor-element.elementor-element-c5bd17b{--width:70%;}.elementor-3679 .elementor-element.elementor-element-26ce1f9{--width:78%;}.elementor-3679 .elementor-element.elementor-element-03c905f{--width:22%;}.elementor-3679 .elementor-element.elementor-element-51e54d9{--width:78%;}.elementor-3679 .elementor-element.elementor-element-1430840{--width:22%;}.elementor-3679 .elementor-element.elementor-element-8cec2e0{--width:78%;}.elementor-3679 .elementor-element.elementor-element-9d41ab8{--width:22%;}.elementor-3679 .elementor-element.elementor-element-1af8ede{--width:78%;}.elementor-3679 .elementor-element.elementor-element-101ff9a{--width:22%;}.elementor-3679 .elementor-element.elementor-element-7aaa1a4{--width:78%;}.elementor-3679 .elementor-element.elementor-element-3ed5fda{--width:22%;}.elementor-3679 .elementor-element.elementor-element-c43e85e{--width:78%;}.elementor-3679 .elementor-element.elementor-element-ddf525a{--width:22%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3679 .elementor-element.elementor-element-26ce1f9{--width:100%;}.elementor-3679 .elementor-element.elementor-element-03c905f{--width:100%;}.elementor-3679 .elementor-element.elementor-element-51e54d9{--width:100%;}.elementor-3679 .elementor-element.elementor-element-1430840{--width:100%;}.elementor-3679 .elementor-element.elementor-element-8cec2e0{--width:100%;}.elementor-3679 .elementor-element.elementor-element-9d41ab8{--width:100%;}.elementor-3679 .elementor-element.elementor-element-1af8ede{--width:100%;}.elementor-3679 .elementor-element.elementor-element-101ff9a{--width:100%;}.elementor-3679 .elementor-element.elementor-element-7aaa1a4{--width:100%;}.elementor-3679 .elementor-element.elementor-element-3ed5fda{--width:100%;}.elementor-3679 .elementor-element.elementor-element-c43e85e{--width:100%;}.elementor-3679 .elementor-element.elementor-element-ddf525a{--width:100%;}}@media(min-width:1025px){.elementor-3679 .elementor-element.elementor-element-67341a2:not(.elementor-motion-effects-element-type-background), .elementor-3679 .elementor-element.elementor-element-67341a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-7522ee0 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d22a6cc *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-123e60d *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1f63ee *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93c4dd6 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-658a9d5 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7522ee0 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d22a6cc *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-123e60d *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1f63ee *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93c4dd6 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-658a9d5 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7522ee0 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d22a6cc *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-123e60d *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1f63ee *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93c4dd6 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-658a9d5 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7522ee0 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d22a6cc *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-123e60d *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1f63ee *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93c4dd6 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-658a9d5 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7522ee0 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d22a6cc *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-123e60d *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1f63ee *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93c4dd6 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-658a9d5 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7522ee0 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d22a6cc *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-123e60d *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1f63ee *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93c4dd6 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-658a9d5 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7522ee0 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d22a6cc *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-123e60d *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1f63ee *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-93c4dd6 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-658a9d5 *//* =========================================================
   CONTAINER PRINCIPAL
   ========================================================= */

.portfolio-macbook {
    position: relative;

    width: 700px;
    max-width: 100%;

    margin: 0 auto;

    line-height: 0;

    overflow: visible;
}


/* =========================================================
   ÁREA DA TELA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-screen {
    position: absolute;

    /*
     * Área interna da tela
     */
    top: 2%;
    left: 8%;

    width: 84%;
    height: 88%;

    /*
     * MUITO IMPORTANTE:
     * tudo que estiver fora da tela
     * será cortado.
     */
    overflow: hidden;

    /*
     * A imagem em movimento fica
     * dentro desta área.
     */
    z-index: 1;

    /*
     * Centralização
     */
    margin: 0 auto;

    /*
     * Evita barras de rolagem
     */
    overflow-x: hidden;
    overflow-y: hidden;
}


/* =========================================================
   IMAGEM DO SITE EM MOVIMENTO
   ========================================================= */

.portfolio-macbook .macbook-site {
    position: absolute;

    top: 0;
    left: 0;

    /*
     * Ocupa exatamente a largura
     * da área da tela.
     */
    width: 100%;

    height: auto;

    /*
     * A posição vertical continua sendo
     * controlada pelo JavaScript.
     */
    transform: translate3d(0, 0, 0);

    will-change: transform;

    /*
     * Garante que a imagem fique
     * atrás da moldura.
     */
    z-index: 1;

    /*
     * Centralização horizontal.
     */
    margin-left: auto;
    margin-right: auto;

    /*
     * Renderização suave.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   IMAGEM COMPLETA DO SITE
   ========================================================= */

.portfolio-macbook .macbook-site img {
    display: block;

    /*
     * Ocupa exatamente a largura
     * disponível.
     */
    width: 100%;

    height: auto;

    max-width: none;

    margin: 0 auto;

    padding: 0;

    border: 0;

    vertical-align: top;

    pointer-events: none;
}


/* =========================================================
   MOLDURA DO MACBOOK
   ========================================================= */

.portfolio-macbook .macbook-frame {
    position: relative;

    display: block;

    /*
     * Mesma largura do container.
     */
    width: 100%;

    height: auto;

    /*
     * CENTRALIZAÇÃO HORIZONTAL
     */
    margin-left: auto;
    margin-right: auto;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0;

    border: 0;

    /*
     * A moldura fica ACIMA
     * da imagem em movimento.
     */
    z-index: 10;

    /*
     * Não interfere com o movimento.
     */
    pointer-events: none;

    vertical-align: top;

    /*
     * Renderização correta da transparência.
     */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* =========================================================
   EVITA QUE O ELEMENTOR CRIE SOMBRAS
   ========================================================= */

.portfolio-macbook img {
    box-shadow: none;
}


/* =========================================================
   GARANTE QUE A ÁREA DA TELA
   FIQUE ACIMA DO CONTEÚDO EXTERNO
   ========================================================= */

.portfolio-macbook .macbook-screen {
    isolation: isolate;
}


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

@media (max-width: 1024px) {

    .portfolio-macbook {
        width: 600px;
        max-width: 95%;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {

    .portfolio-macbook {
        width: 100%;
        max-width: 100%;
    }

}/* End custom CSS */