.clientes-loop {
   width: 100%;
   margin: 20px 0;
}
.clientes-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
}
.clientes-grid .clientes-item {
   padding-inline: 50px;
}

@media (max-width: 768px) {
   .clientes-grid {
      grid-template-columns: repeat(2, 1fr);
   }
}
.clientes-item {
   position: relative;
   overflow: hidden;
   border-radius: 4px;
}
@media (max-width: 768px) {
   .clientes-item {
      padding-inline: 0px;
   }
}
.clientes-image {
   width: 100%;
   height: 100%;
   display: block;
   transition: transform 0.3s ease, opacity 0.3s ease;
}

.clientes-link {
   display: block;
   text-decoration: none;
   height: 100%;
}
.clientes-link:hover .clientes-image {
   transform: scale(1.05);
   opacity: 0.9;
}
.clientes-placeholder {
   padding: 40px 20px;
   text-align: center;
   background: #f0f0f0;
   color: #666;
   min-height: 200px;
   display: flex;
   align-items: center;
   justify-content: center;
}

 .clientes-carrossel {
    position: relative;
 }
 .clientes-carrossel:not(.swiper-initialized) {
    max-height: 200px;
 }
 .clientes-carrossel:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    flex-direction: row;
    gap: 40px;
 }
 .clientes-carrossel:not(.swiper-initialized) .swiper-slide {
    max-height: 150px;
    max-width: 150px;
 }
 .clientes-carrossel:not(.swiper-initialized) .swiper-slide .clientes-item {
    max-height: 150px;
    max-width: 150px;
 }
 .clientes-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    z-index: 10;
    cursor: pointer;
    opacity: 0.3;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .clientes-nav:hover {
    opacity: 0.7;
 }
 .clientes-nav::after {
    content: '';
    width: 12px;
    height: 12px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
 }
 .clientes-nav-prev {
    left: -50px;
 }
 .clientes-nav-prev::after {
    transform: rotate(-135deg);
 }
 .clientes-nav-next {
    right: -50px;
 }
 .clientes-nav-next::after {
    transform: rotate(45deg);
 }
 @media (max-width: 768px) {
    .clientes-grid {
       grid-template-columns: 1fr;
       gap: 15px;
    }
    .clientes-nav {
       display: none;
    }
 }
 .swiper-slide {
   padding-block: 20px;
}
.swiper-slide .clientes-item {
   box-shadow: rgba(50, 50, 93, 0.25) 0 13px 27px -5px, rgba(0, 0, 0, 0.3) 0 8px 16px -8px;
}