/* Carrossle */
@-webkit-keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(calc(-250px * 6)); }
    }

    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(calc(-250px * 6)); }
    }

    body {
      margin: 0;
    }

    .carrossel {
      /*background: white;*/
      /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);*/
      height: 100px;
      margin: auto;
      overflow: hidden;
      position: relative;
      width: 100%;
    }

    .carrossel::before, .slider::after {
      background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
      content: "";
      height: 100px;
      position: absolute;
      width: 200px;
      z-index: 2;
    }

    .carrossel::after {
      right: 0;
      top: 0;
      transform: rotateZ(180deg);
    }

    .carrossel::before {
      left: 0;
      top: 0;
    }

    .carrossel-track {
      display: flex;
      -webkit-animation: scroll 40s linear infinite;
      animation: scroll 40s linear infinite;
      width: calc(250px * 12);
    }

    .carrossels {
      height: 100px;
      width: 250px;
      flex-shrink: 0;
    }

    .carrossels img {
      display: block;
      height: 100%;
      width: 100%;
      object-fit: contain;
    }

    /* ✅ Responsivo para smart: apenas uma imagem visível */
    @media (max-width: 767px) {
      .carrossel {
        width: 100%;
      }

      .carrossel::before,
      .carrossel::after {
        display: none;
      }
    }

/* Caption text */
.txt-marcas {
	display: flex;
	padding-top: 8px;
	text-align: center;
}
.marcas-content {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 16px;
	justify-content: center;
	padding-block: 16px;
}
.carroselmarcas-title {
    font-family: New Order;
    font-size: 48px;
    line-height: 100%;
    font-style: normal;
    font-weight: 600;
    color: #000D7D;
}
.carroselmarcas-subtitle h2 {
    color: #101820;
    text-align: center;
}
.titulo-slide {
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

.titulo-slide h1 {
	color: #6c757d;
	font-size: 15px;
	padding-top: 1rem;
}