.elementor-12 .elementor-element.elementor-element-9a33099{--display:flex;--min-height:368px;--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;--margin-top:-115px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-9a33099:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-9a33099 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #234684 0%, #08101E 100%);}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-9026ce2{--display:flex;--min-height:700px;--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-12 .elementor-element.elementor-element-9026ce2:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-9026ce2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#23518200;background-image:url("https://perfilmaster.com.br/wp-content/uploads/2026/04/Banner-1.png");background-position:bottom right;background-repeat:no-repeat;background-size:60% auto;}.elementor-12 .elementor-element.elementor-element-3e9932f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:250px;--margin-bottom:63px;--margin-left:0px;--margin-right:0px;}.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-12 .elementor-element.elementor-element-18d50c5{width:var( --container-widget-width, 39.321% );max-width:39.321%;--container-widget-width:39.321%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-18d50c5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-18d50c5 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:43px;font-weight:300;color:#FFFFFF;}.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-12 .elementor-element.elementor-element-36d20c0{width:var( --container-widget-width, 29.098% );max-width:29.098%;--container-widget-width:29.098%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-7830111-font-family ), Sans-serif;font-size:var( --e-global-typography-7830111-font-size );font-weight:var( --e-global-typography-7830111-font-weight );color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-36d20c0.elementor-element{--flex-grow:0;--flex-shrink:0;}.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-12 .elementor-element.elementor-element-c935fb4{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--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-12 .elementor-element.elementor-element-c935fb4.e-con{--flex-grow:0;--flex-shrink:0;}.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-12 .elementor-element.elementor-element-feb1e58 .elementor-button{background-color:var( --e-global-color-ef4302e );font-family:var( --e-global-typography-7830111-font-family ), Sans-serif;font-size:var( --e-global-typography-7830111-font-size );font-weight:var( --e-global-typography-7830111-font-weight );border-radius:0px 0px 0px 0px;padding:15px 15px 15px 15px;}.elementor-12 .elementor-element.elementor-element-feb1e58 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-12 .elementor-element.elementor-element-084bfaa .elementor-button{background-color:#0095DA00;font-family:var( --e-global-typography-7830111-font-family ), Sans-serif;font-size:var( --e-global-typography-7830111-font-size );font-weight:var( --e-global-typography-7830111-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:15px 15px 15px 15px;}.elementor-12 .elementor-element.elementor-element-084bfaa .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-084bfaa .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, #02010100 0%, #C8EEFF38 61%);}.elementor-12 .elementor-element.elementor-element-084bfaa .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12 .elementor-element.elementor-element-084bfaa .elementor-button .elementor-button-content-wrapper{gap:12px;justify-content:center;}.elementor-12 .elementor-element.elementor-element-d68ab8f{--display:flex;--min-height:700px;--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-12 .elementor-element.elementor-element-d68ab8f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-d68ab8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#23518200;background-image:url("https://perfilmaster.com.br/wp-content/uploads/2026/03/02-406443044_2d9b0cd4-5e14-4bfd-a978-311cd3c56562.png");background-position:bottom right;background-repeat:no-repeat;background-size:57% auto;}.elementor-12 .elementor-element.elementor-element-445bec3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-048dd6a{width:var( --container-widget-width, 39.321% );max-width:39.321%;--container-widget-width:39.321%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-048dd6a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-048dd6a .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:43px;font-weight:300;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-b383d45{width:var( --container-widget-width, 28% );max-width:28%;--container-widget-width:28%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-7830111-font-family ), Sans-serif;font-size:var( --e-global-typography-7830111-font-size );font-weight:var( --e-global-typography-7830111-font-weight );color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-b383d45.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-b383d45 p{margin-block-end:16px;}.elementor-12 .elementor-element.elementor-element-cd29d8b .elementor-button{background-color:var( --e-global-color-ef4302e );font-family:var( --e-global-typography-7830111-font-family ), Sans-serif;font-size:var( --e-global-typography-7830111-font-size );font-weight:var( --e-global-typography-7830111-font-weight );border-radius:0px 0px 0px 0px;padding:15px 15px 15px 15px;}.elementor-12 .elementor-element.elementor-element-cd29d8b{width:var( --container-widget-width, 15.56% );max-width:15.56%;--container-widget-width:15.56%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-cd29d8b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-cd29d8b .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-12 .elementor-element.elementor-element-20d853a{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 00px 0px 110px;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-padding-top:1px;--n-tabs-title-padding-right:49px;--n-tabs-title-padding-bottom:1px;--n-tabs-title-padding-left:1px;--n-tabs-title-color:#DDE3EA;--n-tabs-title-color-active:#FFFFFF;--n-tabs-title-direction:column;--n-tabs-icon-order:1;--n-tabs-title-justify-content-toggle:center;--n-tabs-title-align-items-toggle:initial;--n-tabs-icon-size:100px;}.elementor-12 .elementor-element.elementor-element-20d853a > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FF656500;}.elementor-12 .elementor-element.elementor-element-20d853a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-12 .elementor-element.elementor-element-20d853a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-12 .elementor-element.elementor-element-20d853a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-20d853a.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-20d853a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-12 .elementor-element.elementor-element-20d853a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Archivo", Sans-serif;font-weight:400;line-height:-50px;}.elementor-12 .elementor-element.elementor-element-20d853a [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-439b03e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-12 .elementor-element.elementor-element-ca90745{margin:65px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-ca90745 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:39px;font-weight:300;color:#000000;}.elementor-12 .elementor-element.elementor-element-c0fe4bc{font-family:var( --e-global-typography-7830111-font-family ), Sans-serif;font-size:var( --e-global-typography-7830111-font-size );font-weight:var( --e-global-typography-7830111-font-weight );color:var( --e-global-color-694de6d );}.elementor-12 .elementor-element.elementor-element-1440194{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:12px 12px;--row-gap:12px;--column-gap:12px;--grid-auto-flow:row;--margin-top:15px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-140fbc5{--display:flex;--min-height:180px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C9DAE29E;--border-color:#C9DAE29E;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-140fbc5:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-140fbc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #EFF6F7 0%, #E1F0F6 100%);}.elementor-12 .elementor-element.elementor-element-140fbc5:hover{box-shadow:0px 0px 10px 0px #B6CAD3;}.elementor-12 .elementor-element.elementor-element-0dd0b49{width:var( --container-widget-width, 69.646% );max-width:69.646%;--container-widget-width:69.646%;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-0dd0b49.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-0dd0b49 img{width:30px;}.elementor-12 .elementor-element.elementor-element-fd2b46c{width:var( --container-widget-width, 107.344% );max-width:107.344%;--container-widget-width:107.344%;--container-widget-flex-grow:0;font-family:"Roboto Slab", Sans-serif;font-weight:400;color:#000000;}.elementor-12 .elementor-element.elementor-element-fd2b46c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-6881cd4{--display:flex;--min-height:180px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C9DAE29E;--border-color:#C9DAE29E;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-6881cd4:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-6881cd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #EFF6F7 0%, #E1F0F6 100%);}.elementor-12 .elementor-element.elementor-element-6881cd4:hover{box-shadow:0px 0px 10px 0px #B6CAD3;}.elementor-12 .elementor-element.elementor-element-fb962cc{width:var( --container-widget-width, 69.646% );max-width:69.646%;--container-widget-width:69.646%;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-fb962cc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-fb962cc img{width:30px;}.elementor-12 .elementor-element.elementor-element-fd23a53{width:var( --container-widget-width, 107.344% );max-width:107.344%;--container-widget-width:107.344%;--container-widget-flex-grow:0;font-family:"Roboto Slab", Sans-serif;font-weight:400;color:#000000;}.elementor-12 .elementor-element.elementor-element-fd23a53.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-8f88352{--display:flex;--min-height:180px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C9DAE29E;--border-color:#C9DAE29E;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-8f88352:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-8f88352 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #EFF6F7 0%, #E1F0F6 100%);}.elementor-12 .elementor-element.elementor-element-8f88352:hover{box-shadow:0px 0px 10px 0px #B6CAD3;}.elementor-12 .elementor-element.elementor-element-a4c0cfd{width:var( --container-widget-width, 69.646% );max-width:69.646%;--container-widget-width:69.646%;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-a4c0cfd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-a4c0cfd img{width:30px;}.elementor-12 .elementor-element.elementor-element-ccfeca1{width:var( --container-widget-width, 107.344% );max-width:107.344%;--container-widget-width:107.344%;--container-widget-flex-grow:0;font-family:"Roboto Slab", Sans-serif;font-weight:400;color:#000000;}.elementor-12 .elementor-element.elementor-element-ccfeca1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-0df3678{--display:flex;--min-height:180px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C9DAE29E;--border-color:#C9DAE29E;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-0df3678:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-0df3678 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #EFF6F7 0%, #E1F0F6 100%);}.elementor-12 .elementor-element.elementor-element-0df3678:hover{box-shadow:0px 0px 10px 0px #B6CAD3;}.elementor-12 .elementor-element.elementor-element-832807f{width:var( --container-widget-width, 69.646% );max-width:69.646%;--container-widget-width:69.646%;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-832807f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-832807f img{width:57px;height:37px;}.elementor-12 .elementor-element.elementor-element-f9c63cf{width:var( --container-widget-width, 107.344% );max-width:107.344%;--container-widget-width:107.344%;--container-widget-flex-grow:0;font-family:"Roboto Slab", Sans-serif;font-weight:400;color:#000000;}.elementor-12 .elementor-element.elementor-element-f9c63cf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-fe8c944{--display:flex;--min-height:180px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C9DAE29E;--border-color:#C9DAE29E;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-fe8c944:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-fe8c944 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #EFF6F7 0%, #E1F0F6 100%);}.elementor-12 .elementor-element.elementor-element-fe8c944:hover{box-shadow:0px 0px 10px 0px #B6CAD3;}.elementor-12 .elementor-element.elementor-element-bc6890c{width:var( --container-widget-width, 69.646% );max-width:69.646%;--container-widget-width:69.646%;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-bc6890c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-bc6890c img{width:26px;height:30px;}.elementor-12 .elementor-element.elementor-element-a00a883{width:var( --container-widget-width, 107.344% );max-width:107.344%;--container-widget-width:107.344%;--container-widget-flex-grow:0;font-family:"Roboto Slab", Sans-serif;font-weight:400;color:#000000;}.elementor-12 .elementor-element.elementor-element-a00a883.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-303f6c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-12 .elementor-element.elementor-element-303f6c4:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-303f6c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-12 .elementor-element.elementor-element-26cc595{margin:65px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-26cc595 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:39px;font-weight:300;color:#000000;}.elementor-12 .elementor-element.elementor-element-b356517{font-family:"Roboto Slab", Sans-serif;font-size:18px;font-weight:200;color:var( --e-global-color-694de6d );}.elementor-12 .elementor-element.elementor-element-7f517b6{--display:flex;--min-height:369px;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#888E9F29;--border-color:#888E9F29;--border-radius:8px 8px 8px 8px;--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-12 .elementor-element.elementor-element-7f517b6:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-7f517b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://perfilmaster.com.br/wp-content/uploads/2026/02/Frame-25.jpg");background-position:bottom left;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-7f517b6::before, .elementor-12 .elementor-element.elementor-element-7f517b6 > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-7f517b6 > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-7f517b6 > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-7f517b6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-7f517b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#B2404000;background-image:url("https://perfilmaster.com.br/wp-content/uploads/2026/03/extrusora-1.png");--background-overlay:'';background-position:bottom left;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-e626a2b{--display:flex;--justify-content:flex-end;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#888E9F00;--border-color:#888E9F00;--border-radius:0px 0px 8px 8px;--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-12 .elementor-element.elementor-element-e626a2b:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-e626a2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #FFFFFF 59%, #E2E7ED 100%);}.elementor-12 .elementor-element.elementor-element-00cd45b .elementor-button{background-color:#F6F8FA00;font-family:"Roboto Slab", Sans-serif;font-size:18px;font-weight:300;fill:#0095DA;color:#0095DA;padding:21px 21px 21px 21px;}.elementor-12 .elementor-element.elementor-element-00cd45b:hover{--e-transform-translateX:3px;}.elementor-12 .elementor-element.elementor-element-00cd45b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12 .elementor-element.elementor-element-00cd45b .elementor-button .elementor-button-content-wrapper{gap:50px;justify-content:space-between;}.elementor-12 .elementor-element.elementor-element-367971c{--display:flex;--min-height:450px;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#888E9F29;--border-color:#888E9F29;--border-radius:8px 8px 8px 8px;--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-12 .elementor-element.elementor-element-367971c:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-367971c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://perfilmaster.com.br/wp-content/uploads/2026/02/Frame-25.jpg");background-size:cover;}.elementor-12 .elementor-element.elementor-element-367971c::before, .elementor-12 .elementor-element.elementor-element-367971c > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-367971c > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-367971c > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-367971c > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-367971c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://perfilmaster.com.br/wp-content/uploads/2026/02/image-2-3-1.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-12 .elementor-element.elementor-element-690cf53{--display:flex;--justify-content:flex-end;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#888E9F00;--border-color:#888E9F00;--border-radius:0px 0px 8px 8px;--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-12 .elementor-element.elementor-element-690cf53:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-690cf53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #FFFFFF 59%, #E2E7ED 100%);}.elementor-12 .elementor-element.elementor-element-0c450ad .elementor-button{background-color:#F6F8FA00;font-family:"Roboto Slab", Sans-serif;font-size:18px;font-weight:300;fill:#0095DA;color:#0095DA;padding:21px 21px 21px 21px;}.elementor-12 .elementor-element.elementor-element-0c450ad:hover{--e-transform-translateX:3px;}.elementor-12 .elementor-element.elementor-element-0c450ad .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12 .elementor-element.elementor-element-0c450ad .elementor-button .elementor-button-content-wrapper{gap:50px;justify-content:space-between;}.elementor-12 .elementor-element.elementor-element-d9f4c2a{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--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:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-12 .elementor-element.elementor-element-95eec07{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-95eec07:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-95eec07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 40%, #08101E 35%);}.elementor-12 .elementor-element.elementor-element-9834c7e{--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;--border-radius:10px 10px 10px 10px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-9834c7e:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-9834c7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://perfilmaster.com.br/wp-content/uploads/2026/02/Group-35.png");background-size:cover;}.elementor-12 .elementor-element.elementor-element-eb9d592{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-12 .elementor-element.elementor-element-1079a85{background-color:#08101E;padding:8px 8px 8px 8px;border-radius:5px 5px 5px 5px;}.elementor-12 .elementor-element.elementor-element-1079a85.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-1079a85 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:600;color:#7AD39B;}.elementor-12 .elementor-element.elementor-element-2e2719f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-2e2719f .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-weight:300;line-height:34px;color:#000000;}.elementor-12 .elementor-element.elementor-element-3ff38c6{width:var( --container-widget-width, 97.895% );max-width:97.895%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:97.895%;--container-widget-flex-grow:0;font-family:"Archivo", Sans-serif;font-size:18px;font-weight:200;color:#3F3F3F;}.elementor-12 .elementor-element.elementor-element-3ff38c6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-26bf93b .elementor-button{background-color:#F6F8FA00;font-family:"Roboto Slab", Sans-serif;font-size:18px;font-weight:400;fill:#0095DA;color:#0095DA;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-26bf93b:hover{--e-transform-translateX:3px;}.elementor-12 .elementor-element.elementor-element-26bf93b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12 .elementor-element.elementor-element-26bf93b .elementor-button .elementor-button-content-wrapper{gap:50px;justify-content:start;}.elementor-12 .elementor-element.elementor-element-8f3c57f{--display:flex;--justify-content:flex-end;--border-radius:0px 15px 15px 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-12 .elementor-element.elementor-element-8f3c57f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-8f3c57f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://perfilmaster.com.br/wp-content/uploads/2026/04/49865-1.png");background-position:center right;background-size:cover;}.elementor-12 .elementor-element.elementor-element-8f3c57f.e-con{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-0fd19f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-f9d3af1{margin:65px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-f9d3af1 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:39px;font-weight:300;color:#000000;}.elementor-12 .elementor-element.elementor-element-38dde21{font-family:"Roboto Slab", Sans-serif;font-size:18px;font-weight:200;color:var( --e-global-color-694de6d );}.elementor-12 .elementor-element.elementor-element-6b09278{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--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-12 .elementor-element.elementor-element-26bdc8e{--display:flex;}.elementor-12 .elementor-element.elementor-element-26bdc8e:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-26bdc8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-12 .elementor-element.elementor-element-6a51fae{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-12 .elementor-element.elementor-element-fd975fb{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-fd975fb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-e5e7886.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-e8fc53b{--display:flex;}.elementor-12 .elementor-element.elementor-element-e8fc53b:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-e8fc53b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-12 .elementor-element.elementor-element-1a79645{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;}.elementor-12 .elementor-element.elementor-element-ecca817{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-ecca817 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-ebef077.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-2454200{--display:flex;}.elementor-12 .elementor-element.elementor-element-2454200:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-2454200 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-12 .elementor-element.elementor-element-da51d5a{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;}.elementor-12 .elementor-element.elementor-element-51cfa05{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-51cfa05 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-618c01e.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-cfd5883{--display:flex;}.elementor-12 .elementor-element.elementor-element-cfd5883:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-cfd5883 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-12 .elementor-element.elementor-element-ca0bc88{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;}.elementor-12 .elementor-element.elementor-element-7ddd190{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-7ddd190 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-c79a73e.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-a8d9bd4{--display:flex;}.elementor-12 .elementor-element.elementor-element-a8d9bd4:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-a8d9bd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-12 .elementor-element.elementor-element-749e0b4{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;}.elementor-12 .elementor-element.elementor-element-05ff417{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-05ff417 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-873b9bd.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-df81cd9{--display:flex;}.elementor-12 .elementor-element.elementor-element-df81cd9:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-df81cd9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-12 .elementor-element.elementor-element-d934121{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;}.elementor-12 .elementor-element.elementor-element-1201955{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-1201955 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-a477552.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-800ea89{--display:flex;}.elementor-12 .elementor-element.elementor-element-800ea89:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-800ea89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-12 .elementor-element.elementor-element-0614f2d{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;}.elementor-12 .elementor-element.elementor-element-b380a79{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-b380a79 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-772679d.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-b3c7200{--display:flex;}.elementor-12 .elementor-element.elementor-element-b3c7200:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-b3c7200 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-12 .elementor-element.elementor-element-60bf233{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;}.elementor-12 .elementor-element.elementor-element-fe4881d{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-fe4881d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-609e82e.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-11b0b69{--display:flex;}.elementor-12 .elementor-element.elementor-element-11b0b69:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-11b0b69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-12 .elementor-element.elementor-element-ce74102{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;}.elementor-12 .elementor-element.elementor-element-a9b22f2{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-a9b22f2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-656e44c.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-9238174{--display:flex;}.elementor-12 .elementor-element.elementor-element-9238174:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-9238174 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-12 .elementor-element.elementor-element-543eed0{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;}.elementor-12 .elementor-element.elementor-element-4251eaf{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-4251eaf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-872f26d.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-66aa4bd{--display:flex;}.elementor-12 .elementor-element.elementor-element-66aa4bd:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-66aa4bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-12 .elementor-element.elementor-element-277944f{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;}.elementor-12 .elementor-element.elementor-element-92880fa{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-92880fa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-a69331d.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-9265443{--display:flex;}.elementor-12 .elementor-element.elementor-element-9265443:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-9265443 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-12 .elementor-element.elementor-element-f8ae911{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;}.elementor-12 .elementor-element.elementor-element-16ab16a{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-16ab16a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-e13f7e2.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-f225c1b{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;background-color:#DDE3EA00;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:0px;--n-tabs-title-padding-top:14px;--n-tabs-title-padding-right:14px;--n-tabs-title-padding-bottom:14px;--n-tabs-title-padding-left:14px;--n-tabs-title-color-active:#020101;}.elementor-12 .elementor-element.elementor-element-f225c1b > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#DDE3EA;}.elementor-12 .elementor-element.elementor-element-f225c1b.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#C4C9D0;}.elementor-12 .elementor-element.elementor-element-f225c1b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-12 .elementor-element.elementor-element-f225c1b.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#C4C9D0;}:where( .elementor-12 .elementor-element.elementor-element-f225c1b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-f225c1b.elementor-element{--align-self:stretch;}.elementor-12 .elementor-element.elementor-element-f225c1b [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#1A1A1A;}.elementor-12 .elementor-element.elementor-element-13c2d17{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 67px 0px;}.elementor-12 .elementor-element.elementor-element-075e9e6{--display:flex;--min-height:324px;--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-075e9e6:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-075e9e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F6;}.elementor-12 .elementor-element.elementor-element-95cf39f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-95cf39f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-3d07f7a{--display:flex;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;--z-index:5;}.elementor-12 .elementor-element.elementor-element-3d07f7a:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-3d07f7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-3d07f7a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-ecb238c{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-ecb238c .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:39px;font-weight:300;color:#000000;}.elementor-12 .elementor-element.elementor-element-962ed32{font-family:"Roboto Slab", Sans-serif;font-size:18px;font-weight:200;color:var( --e-global-color-694de6d );}.elementor-12 .elementor-element.elementor-element-6b8b4cf{width:var( --container-widget-width, 97.895% );max-width:97.895%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:97.895%;--container-widget-flex-grow:0;font-family:"Archivo", Sans-serif;font-size:18px;font-weight:200;color:#3F3F3F;}.elementor-12 .elementor-element.elementor-element-6b8b4cf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-5d35061 .elementor-button{background-color:#F6F8FA00;font-family:"Roboto Slab", Sans-serif;font-size:18px;font-weight:400;fill:#0095DA;color:#0095DA;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-5d35061:hover{--e-transform-translateX:3px;}.elementor-12 .elementor-element.elementor-element-5d35061 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12 .elementor-element.elementor-element-5d35061 .elementor-button .elementor-button-content-wrapper{gap:50px;justify-content:space-between;}.elementor-12 .elementor-element.elementor-element-c496b09{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:-225px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-882fd6a{border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-882fd6a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-12 .elementor-element.elementor-element-c780bdb{--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;--overlay-opacity:1;}.elementor-12 .elementor-element.elementor-element-c780bdb:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-c780bdb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08101E;}.elementor-12 .elementor-element.elementor-element-c780bdb::before, .elementor-12 .elementor-element.elementor-element-c780bdb > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-c780bdb > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-c780bdb > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-c780bdb > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-c780bdb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://perfilmaster.com.br/wp-content/uploads/2026/02/Sessao-Help-02.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-12 .elementor-element.elementor-element-463d13d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-463d13d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-1a4f86b{margin:70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-1a4f86b .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:39px;font-weight:300;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-251abaf{width:var( --container-widget-width, 97.895% );max-width:97.895%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:97.895%;--container-widget-flex-grow:0;font-family:"Archivo", Sans-serif;font-size:18px;font-weight:200;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-251abaf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-251abaf a{color:#FFFFFF;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-2a5c495{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 070px) 0px;padding:0px 0px 0px 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-field-group{padding-right:calc( 14px/2 );padding-left:calc( 14px/2 );margin-bottom:21px;}.elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-form-fields-wrapper{margin-left:calc( -14px/2 );margin-right:calc( -14px/2 );margin-bottom:-21px;}.elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-labels-inline .elementor-field-group > label{padding-left:8px;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-labels-inline .elementor-field-group > label{padding-right:8px;}body .elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-labels-above .elementor-field-group > label{padding-bottom:8px;}.elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-field-group > label, .elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-field-subgroup label{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-field-group > label{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:300;}.elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-field-type-html{padding-bottom:0px;}.elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-button{font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:400;border-radius:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-2a5c495 .e-form__buttons__wrapper__button-next{background-color:#25D366;color:#08101E;}.elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-button[type="submit"]{background-color:#25D366;color:#08101E;}.elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-button[type="submit"] svg *{fill:#08101E;}.elementor-12 .elementor-element.elementor-element-2a5c495 .e-form__buttons__wrapper__button-previous{background-color:#25D366;color:#ffffff;}.elementor-12 .elementor-element.elementor-element-2a5c495 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-2a5c495 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-12 .elementor-element.elementor-element-2a5c495 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-2c00396{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-12:not(.elementor-motion-effects-element-type-background), body.elementor-page-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6F6;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-36d20c0{font-size:var( --e-global-typography-7830111-font-size );}.elementor-12 .elementor-element.elementor-element-c935fb4{--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-feb1e58 .elementor-button{font-size:var( --e-global-typography-7830111-font-size );}.elementor-12 .elementor-element.elementor-element-084bfaa .elementor-button{font-size:var( --e-global-typography-7830111-font-size );}.elementor-12 .elementor-element.elementor-element-b383d45{font-size:var( --e-global-typography-7830111-font-size );}.elementor-12 .elementor-element.elementor-element-cd29d8b .elementor-button{font-size:var( --e-global-typography-7830111-font-size );}.elementor-12 .elementor-element.elementor-element-c0fe4bc{font-size:var( --e-global-typography-7830111-font-size );}.elementor-12 .elementor-element.elementor-element-1440194{--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-d9f4c2a{--e-n-carousel-swiper-slides-to-display:2;}.elementor-12 .elementor-element.elementor-element-fd975fb{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-ecca817{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-51cfa05{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-7ddd190{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-05ff417{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-1201955{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-b380a79{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-fe4881d{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-a9b22f2{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-4251eaf{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-92880fa{--grid-columns:2;}.elementor-12 .elementor-element.elementor-element-16ab16a{--grid-columns:2;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-9a33099{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-9026ce2{--width:100%;}.elementor-12 .elementor-element.elementor-element-3e9932f{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-c935fb4{--width:38.665%;}.elementor-12 .elementor-element.elementor-element-d68ab8f{--width:100%;}.elementor-12 .elementor-element.elementor-element-445bec3{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-439b03e{--content-width:1440px;}.elementor-12 .elementor-element.elementor-element-303f6c4{--content-width:1440px;}.elementor-12 .elementor-element.elementor-element-95eec07{--content-width:1440px;}.elementor-12 .elementor-element.elementor-element-0fd19f5{--content-width:1440px;}.elementor-12 .elementor-element.elementor-element-6b09278{--content-width:1479px;}.elementor-12 .elementor-element.elementor-element-6a51fae{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-1a79645{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-da51d5a{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-ca0bc88{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-749e0b4{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-d934121{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-0614f2d{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-60bf233{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-ce74102{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-543eed0{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-277944f{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-f8ae911{--content-width:100%;}.elementor-12 .elementor-element.elementor-element-075e9e6{--content-width:1440px;}.elementor-12 .elementor-element.elementor-element-95cf39f{--width:45.584%;}.elementor-12 .elementor-element.elementor-element-3d07f7a{--width:500px;}.elementor-12 .elementor-element.elementor-element-c496b09{--width:71%;}.elementor-12 .elementor-element.elementor-element-c780bdb{--content-width:1440px;}.elementor-12 .elementor-element.elementor-element-463d13d{--width:52.385%;}.elementor-12 .elementor-element.elementor-element-2c00396{--width:50%;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-9a33099{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-9026ce2:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-9026ce2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:0% auto;}.elementor-12 .elementor-element.elementor-element-3e9932f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-18d50c5{width:var( --container-widget-width, 294.583px );max-width:294.583px;--container-widget-width:294.583px;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-36d20c0{width:var( --container-widget-width, 290.542px );max-width:290.542px;--container-widget-width:290.542px;--container-widget-flex-grow:0;font-size:var( --e-global-typography-7830111-font-size );}.elementor-12 .elementor-element.elementor-element-c935fb4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-feb1e58 .elementor-button{font-size:var( --e-global-typography-7830111-font-size );}.elementor-12 .elementor-element.elementor-element-084bfaa .elementor-button{font-size:var( --e-global-typography-7830111-font-size );}.elementor-12 .elementor-element.elementor-element-d68ab8f{--min-height:217px;}.elementor-12 .elementor-element.elementor-element-d68ab8f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-d68ab8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:0% auto;}.elementor-12 .elementor-element.elementor-element-445bec3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-048dd6a{width:var( --container-widget-width, 267.583px );max-width:267.583px;--container-widget-width:267.583px;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-b383d45{width:var( --container-widget-width, 296.313px );max-width:296.313px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:296.313px;--container-widget-flex-grow:0;font-size:var( --e-global-typography-7830111-font-size );}.elementor-12 .elementor-element.elementor-element-cd29d8b{width:var( --container-widget-width, 192.729px );max-width:192.729px;--container-widget-width:192.729px;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-cd29d8b .elementor-button{font-size:var( --e-global-typography-7830111-font-size );}.elementor-12 .elementor-element.elementor-element-20d853a{padding:13px 13px 13px 13px;--n-tabs-title-gap:4px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;}.elementor-12 .elementor-element.elementor-element-c0fe4bc{font-size:var( --e-global-typography-7830111-font-size );}.elementor-12 .elementor-element.elementor-element-1440194{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-d9f4c2a{--e-n-carousel-swiper-slides-to-display:1;}.elementor-12 .elementor-element.elementor-element-eb9d592{--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-12 .elementor-element.elementor-element-8f3c57f{--min-height:299px;}.elementor-12 .elementor-element.elementor-element-fd975fb{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-ecca817{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-51cfa05{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-7ddd190{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-05ff417{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-1201955{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-b380a79{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-fe4881d{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-a9b22f2{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-4251eaf{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-92880fa{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-16ab16a{--grid-columns:1;}.elementor-12 .elementor-element.elementor-element-f225c1b{--n-tabs-title-gap:1.5px;}.elementor-12 .elementor-element.elementor-element-13c2d17{margin:11px 11px calc(var(--kit-widget-spacing, 0px) + 11px) 11px;}.elementor-12 .elementor-element.elementor-element-075e9e6{--padding-top:21px;--padding-bottom:21px;--padding-left:21px;--padding-right:21px;}.elementor-12 .elementor-element.elementor-element-95cf39f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-c496b09{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-c780bdb{--overlay-opacity:0;}}/* Start custom CSS for nested-tabs, class: .elementor-element-20d853a */.banner-home .e-n-tabs-heading {
    position: relative;
    top: 215px;
    z-index: 50;
}

.banner-home .e-n-tab-icon {
    height: 9px;
    position: relative;
    top: -4px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd975fb *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a51fae *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ecca817 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79645 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-51cfa05 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da51d5a *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddd190 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0bc88 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-05ff417 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749e0b4 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1201955 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d934121 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b380a79 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0614f2d *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4881d *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf233 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a9b22f2 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce74102 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4251eaf *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543eed0 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-92880fa *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277944f *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-16ab16a *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8ae911 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd975fb *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a51fae *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ecca817 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79645 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-51cfa05 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da51d5a *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddd190 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0bc88 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-05ff417 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749e0b4 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1201955 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d934121 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b380a79 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0614f2d *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4881d *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf233 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a9b22f2 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce74102 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4251eaf *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543eed0 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-92880fa *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277944f *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-16ab16a *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8ae911 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd975fb *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a51fae *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ecca817 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79645 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-51cfa05 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da51d5a *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddd190 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0bc88 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-05ff417 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749e0b4 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1201955 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d934121 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b380a79 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0614f2d *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4881d *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf233 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a9b22f2 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce74102 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4251eaf *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543eed0 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-92880fa *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277944f *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-16ab16a *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8ae911 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd975fb *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a51fae *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ecca817 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79645 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-51cfa05 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da51d5a *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddd190 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0bc88 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-05ff417 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749e0b4 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1201955 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d934121 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b380a79 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0614f2d *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4881d *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf233 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a9b22f2 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce74102 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4251eaf *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543eed0 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-92880fa *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277944f *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-16ab16a *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8ae911 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd975fb *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a51fae *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ecca817 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79645 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-51cfa05 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da51d5a *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddd190 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0bc88 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-05ff417 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749e0b4 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1201955 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d934121 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b380a79 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0614f2d *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4881d *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf233 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a9b22f2 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce74102 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4251eaf *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543eed0 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-92880fa *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277944f *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-16ab16a *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8ae911 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd975fb *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a51fae *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ecca817 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79645 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-51cfa05 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da51d5a *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddd190 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0bc88 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-05ff417 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749e0b4 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1201955 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d934121 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b380a79 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0614f2d *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4881d *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf233 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a9b22f2 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce74102 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4251eaf *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543eed0 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-92880fa *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277944f *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-16ab16a *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8ae911 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd975fb *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a51fae *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ecca817 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79645 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-51cfa05 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da51d5a *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddd190 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0bc88 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-05ff417 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749e0b4 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1201955 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d934121 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b380a79 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0614f2d *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4881d *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf233 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a9b22f2 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce74102 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4251eaf *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543eed0 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-92880fa *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277944f *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-16ab16a *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8ae911 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd975fb *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a51fae *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ecca817 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79645 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-51cfa05 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da51d5a *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddd190 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0bc88 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-05ff417 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749e0b4 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1201955 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d934121 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b380a79 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0614f2d *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4881d *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf233 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a9b22f2 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce74102 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4251eaf *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543eed0 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-92880fa *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277944f *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-16ab16a *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8ae911 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd975fb *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a51fae *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ecca817 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79645 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-51cfa05 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da51d5a *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddd190 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0bc88 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-05ff417 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749e0b4 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1201955 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d934121 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b380a79 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0614f2d *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4881d *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf233 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a9b22f2 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce74102 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4251eaf *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543eed0 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-92880fa *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277944f *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-16ab16a *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8ae911 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd975fb *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a51fae *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ecca817 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79645 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-51cfa05 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da51d5a *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddd190 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0bc88 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-05ff417 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749e0b4 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1201955 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d934121 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b380a79 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0614f2d *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4881d *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf233 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a9b22f2 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce74102 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4251eaf *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543eed0 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-92880fa *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277944f *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-16ab16a *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8ae911 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd975fb *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a51fae *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ecca817 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79645 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-51cfa05 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da51d5a *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddd190 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0bc88 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-05ff417 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749e0b4 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1201955 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d934121 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b380a79 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0614f2d *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4881d *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf233 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a9b22f2 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce74102 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4251eaf *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543eed0 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-92880fa *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277944f *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-16ab16a *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8ae911 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd975fb *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a51fae *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ecca817 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79645 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-51cfa05 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da51d5a *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddd190 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0bc88 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-05ff417 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749e0b4 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1201955 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d934121 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b380a79 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0614f2d *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4881d *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf233 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a9b22f2 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce74102 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4251eaf *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543eed0 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-92880fa *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277944f *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-16ab16a *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8ae911 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd975fb *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a51fae *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ecca817 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a79645 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-51cfa05 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da51d5a *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddd190 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca0bc88 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-05ff417 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749e0b4 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1201955 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d934121 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b380a79 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0614f2d *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fe4881d *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf233 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a9b22f2 *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce74102 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4251eaf *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-543eed0 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-92880fa *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277944f *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-16ab16a *//* 1. Ataca o container que o Elementor transforma em Grid */
#horizontal-loop .elementor-grid, 
#horizontal-loop .e-loop-container {
    display: flex !important; /* Transforma grid em linha */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe quebra de linha */
    grid-template-columns: none !important; /* Mata as 2 colunas */
    
    overflow-x: auto !important; /* Ativa scroll lateral */
    overflow-y: hidden !important;
    column-gap: 20px !important;
    padding-bottom: 15px !important;
}

/* 2. Força os itens (cards) */
#horizontal-loop .loop-item {
    /* flex: grow | shrink | basis */
    flex: 0 0 300px !important; /* 0 shrink = não deixa espremer */
    width: 300px !important;
    min-width: 300px !important;
    height: 180px !important; /* Altura solicitada */
    
    margin: 0 !important;
    display: block !important;
}

/* 3. Garante que a barra de rolagem apareça para você testar */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 8px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #000000 !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8ae911 *//* Mata o sistema de Grid por completo no seu ID */
#horizontal-loop, 
#horizontal-loop .e-loop-container, 
#horizontal-loop .elementor-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Proíbe cair para a linha de baixo */
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    column-gap: 20px !important;
    grid-template-columns: none !important; /* Remove as 2 colunas */
}

/* Força os itens a manterem os 300px */
#horizontal-loop .loop-item {
    flex: 0 0 300px !important; /* 0 de shrink garante que ele não esprema */
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    display: block !important;
}

/* Faz a barra de rolagem aparecer (estilo escuro) */
#horizontal-loop .e-loop-container::-webkit-scrollbar {
    height: 10px !important;
    display: block !important;
}
#horizontal-loop .e-loop-container::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-radius: 5px;
}/* End custom CSS */