/* ====== KAMALTUR custom CSS (patch parceiros) ====== */

/* Logomarca do topo/rodapé */
.site-logo{
  width: auto;
  height: 56px;
}

/* ---- Mapeamento rápido dos tons "emerald" -> paleta azul da marca ---- */
.bg-emerald-50{ background-color:#eaf0f6 !important; }   /* brand-50 */
.text-emerald-700{ color:#1f4d70 !important; }           /* brand-700 */
.text-emerald-600{ color:#286694 !important; }           /* brand-600 */
.dark .dark\:bg-emerald-900\/40{ background-color: rgba(13,27,40,.40) !important; }
.border-emerald-200\/70{ border-color: rgba(213,225,237,.70) !important; }
.border-emerald-800\/50{ border-color: rgba(22,52,76,.50) !important; }

/* ---- Parceiros (marquee) ---- */
#parceiros .marquee{
  --gap: 3rem;
  --dur: 32s;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}

#parceiros .marquee__track{
  display: flex;
  gap: var(--gap);
  width: max-content;
  animation: logos-scroll var(--dur) linear infinite;
}

#parceiros .marquee__group{
  display: flex;
  align-items: center;
  gap: var(--gap);
}

#parceiros .chip{
  display:flex; align-items:center; justify-content:center;
  height:64px; padding:0 .75rem; background:#fff; border-radius:.75rem;
  border:1px solid rgba(15,23,42,.08); box-shadow:0 1px 2px rgba(0,0,0,.04);
}

/* tamanho e comportamento do logo do parceiro */
#parceiros .partner-logo{
  height: 40px;
  max-width: 180px;
  width: auto;
  object-fit: contain;
  filter: none;
  opacity: .95;
  transition: transform .2s, opacity .2s;
}
@media (min-width:640px){
  #parceiros .partner-logo{ height: 44px; }
}
#parceiros .partner-logo:hover{ transform: scale(1.03); opacity: 1; }

@keyframes logos-scroll{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}
#parceiros .marquee:hover .marquee__track{ animation-play-state: paused; }
