/* Chave Vertical Lite v0.8 — Astro brand carousel */

@keyframes cvl-brand-scroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}

.cvl-brand-carousel-section{
  padding:72px 0 80px;
  background:#f8f8f6;
  border-top:1px solid #e8e6e0;
  border-bottom:1px solid #e8e6e0;
}

.cvl-brand-carousel-header{
  margin-bottom:40px;
  text-align:center;
}

.cvl-brand-carousel-kicker{
  display:block;
  margin-bottom:6px;
  color:var(--cvl-teal,#007267);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.cvl-brand-carousel-header h2{
  margin:4px 0 0;
  color:#111;
  font-size:26px;
  font-weight:700;
  line-height:1.2;
}

.cvl-brand-carousel-shell{
  width:var(--cvl-shell);
  margin-inline:auto;
  overflow:hidden;
  padding:28px 0;
  border:1px solid #e4e2db;
  border-radius:16px;
  background:#fff;
  mask-image:linear-gradient(
    to right,
    transparent 0%,
    #000 8%,
    #000 92%,
    transparent 100%
  );
  -webkit-mask-image:linear-gradient(
    to right,
    transparent 0%,
    #000 8%,
    #000 92%,
    transparent 100%
  );
}

.cvl-brand-carousel-shell:hover .cvl-brand-carousel-track{
  animation-play-state:paused;
}

.cvl-brand-carousel-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:0;
  animation:cvl-brand-scroll var(--cvl-brand-duration,32s) linear infinite;
  will-change:transform;
}

.cvl-brand-carousel-item{
  width:auto;
  min-width:160px;
  height:80px;
  margin:0 10px;
  padding:18px 40px;
  display:inline-flex;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  border:1px solid #e8e6e0;
  border-radius:10px;
  background:#f8f8f6;
  text-decoration:none;
  transition:
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

.cvl-brand-carousel-item:hover{
  transform:translateY(-3px);
  border-color:var(--cvl-red,#d62828);
  background:#fff;
  box-shadow:0 6px 20px rgba(0,0,0,.09);
}

.cvl-brand-carousel-item img{
  width:auto!important;
  max-width:110px!important;
  height:auto!important;
  max-height:44px!important;
  margin:0!important;
  object-fit:contain!important;
  filter:none;
  opacity:1;
  transition:opacity .2s ease;
}

.cvl-brand-carousel-item:hover img{
  filter:none;
  opacity:1;
}

@media(prefers-reduced-motion:reduce){
  .cvl-brand-carousel-track{
    animation:none;
  }
  .cvl-brand-carousel-shell{
    overflow-x:auto;
    mask-image:none;
    -webkit-mask-image:none;
  }
}

@media(max-width:767px){
  .cvl-brand-carousel-section{
    padding:54px 0 60px;
  }

  .cvl-brand-carousel-header{
    margin-bottom:28px;
  }

  .cvl-brand-carousel-header h2{
    font-size:22px;
  }

  .cvl-brand-carousel-shell{
    padding:20px 0;
    border-radius:12px;
  }

  .cvl-brand-carousel-item{
    min-width:140px;
    height:72px;
    margin-inline:7px;
    padding:15px 28px;
  }

  .cvl-brand-carousel-item img{
    max-width:100px!important;
    max-height:40px!important;
  }
}


.cvl-brand-carousel-name{
  max-width:130px;
  overflow:hidden;
  color:#555;
  font-size:13px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:.06em;
  text-align:center;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
  transition:color .2s ease;
}

.cvl-brand-carousel-item:hover .cvl-brand-carousel-name{
  color:var(--cvl-red,#d62828);
}