/* =================================================
				   BASE
				   ================================================= */

				.leo-marcas,
				.leo-marcas * {
					box-sizing: border-box;
				}


				.leo-marcas {
					width: 100vw !important;
					max-width: 100vw !important;

					margin-left:
						calc(50% - 50vw) !important;

					margin-right:
						calc(50% - 50vw) !important;

					padding:
						38px 0 32px !important;

					background:
						var(
							--leo-marcas-bg,
							#F3F3F3
						) !important;
				}


				.leo-marcas__inner {
					width:
						min(
							1280px,
							calc(100% - 48px)
						) !important;

					margin:
						0 auto !important;
				}


				/* =================================================
				   TÍTULO
				   ================================================= */

				.leo-marcas
					.leo-marcas__inner
					> h2.leo-marcas__title {

					display: block !important;

					width: 100% !important;

					margin:
						0 0 18px 0 !important;

					padding:
						0 !important;

					text-align:
						center !important;

					color:
						#111827 !important;

					font-family:
						inherit !important;

					font-size:
						26px !important;

					font-weight:
						700 !important;

					line-height:
						1.15 !important;

					letter-spacing:
						0 !important;

					text-transform:
						none !important;
				}


				/* =================================================
				   CARROSSEL
				   ================================================= */

				.leo-marcas__carousel {
					position: relative;
				}


				.leo-marcas__track {
					display: flex;

					align-items: center;

					gap: 26px;

					width: 100%;

					/*
					 * Espaço vertical extra permite aumentar
					 * um logo sem cortar a imagem.
					 */
					padding: 14px 2px;

					overflow-x: auto;
					overflow-y: hidden;

					scroll-behavior: smooth;

					scroll-snap-type:
						x mandatory;

					scrollbar-width: none;

					-ms-overflow-style: none;
				}


				.leo-marcas__track::-webkit-scrollbar {
					display: none;
				}


				.leo-marcas__slide {
					flex:
						0 0
						calc(
							(100% - 130px)
							/
							6
						);

					min-width: 0;

					scroll-snap-align: start;
				}


				.leo-marcas__brand {
					display: flex;

					align-items: center;
					justify-content: center;

					width: 100%;
					height: 82px;

					padding: 8px 12px;

					border-radius: 10px;

					text-decoration: none;

					transition:
						transform .2s ease,
						background .2s ease;
				}


				a.leo-marcas__brand:hover {
					background:
						rgba(
							255,
							255,
							255,
							.55
						);

					transform:
						translateY(-2px);
				}


				.leo-marcas__brand img {
					display: block !important;

					width: auto !important;
					height: auto !important;

					max-width: 100% !important;
					max-height: 62px !important;

					margin: 0 !important;

					object-fit: contain !important;

					transform:
						scale(
							var(
								--leo-logo-effective-scale,
								var(
									--leo-logo-scale,
									1
								)
							)
						);

					transform-origin:
						center center;
				}


				/* =================================================
				   SETAS
				   ================================================= */

				.leo-marcas__arrow {
					position: absolute;

					z-index: 5;

					top: 50%;

					transform:
						translateY(-50%);

					display: flex;

					align-items: center;
					justify-content: center;

					width: 34px;
					height: 34px;

					padding: 0 !important;

					border: 0 !important;

					border-radius: 10px;

					background:
						#E5E8EA !important;

					color:
						#374151 !important;

					font-size:
						27px !important;

					line-height:
						1 !important;

					cursor: pointer;

					box-shadow:
						none !important;
				}


				.leo-marcas__arrow--prev {
					left: -18px;
				}


				.leo-marcas__arrow--next {
					right: -18px;
				}


				.leo-marcas__arrow:disabled {
					opacity: .3;
					cursor: default;
				}


				/* =================================================
				   INDICADORES
				   ================================================= */

				.leo-marcas__dots {
					display: flex;

					align-items: center;
					justify-content: center;

					gap: 7px;

					min-height: 12px;

					margin-top: 13px;
				}


				.leo-marcas__dot {
					display: block;

					width: 10px;
					height: 10px;

					padding: 0 !important;

					border: 0 !important;

					border-radius: 999px;

					background:
						#C6CBD0 !important;

					cursor: pointer;
				}


				.leo-marcas__dot.is-active {
					width: 44px;

					background:
						var(
							--leo-marcas-active,
							#FFAE00
						) !important;
				}


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

				@media
					(min-width: 768px)
					and
					(max-width: 999px) {

					.leo-marcas {
						padding:
							34px 0 30px !important;
					}


					.leo-marcas__inner {
						width:
							calc(
								100% - 40px
							) !important;
					}


					.leo-marcas
						.leo-marcas__inner
						> h2.leo-marcas__title {

						font-size:
							24px !important;

						margin-bottom:
							16px !important;
					}


					.leo-marcas__track {
						gap: 20px;
						padding: 12px 2px;
					}


					.leo-marcas__slide {
						flex-basis:
							calc(
								(100% - 60px)
								/
								4
							);
					}


					.leo-marcas__brand {
						height: 76px;
					}


					.leo-marcas__brand img {
						max-height:
							56px !important;
					}


					.leo-marcas__arrow--prev {
						left: -14px;
					}


					.leo-marcas__arrow--next {
						right: -14px;
					}
				}


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

				@media
					(max-width: 767px) {

					.leo-marcas {
						padding:
							28px 0 26px !important;
					}


					.leo-marcas__inner {
						width:
							calc(
								100% - 28px
							) !important;
					}


					.leo-marcas
						.leo-marcas__inner
						> h2.leo-marcas__title {

						font-size:
							21px !important;

						line-height:
							1.15 !important;

						margin-bottom:
							14px !important;
					}


					.leo-marcas__track {
						gap: 12px;
						padding: 10px 1px;
					}


					.leo-marcas__slide {
						flex:
							0 0
							calc(
								(100% - 12px)
								/
								2
							);
					}


					.leo-marcas__brand {
						height: 72px;

						padding: 8px;
					}


					.leo-marcas__brand img {
						max-height:
							50px !important;
					}


					.leo-marcas__arrow {
						display:
							none !important;
					}


					.leo-marcas__dots {
						margin-top: 11px;
					}


					.leo-marcas__dot.is-active {
						width: 38px;
					}
				}