/* ============================================================
   LZ-COMPONENT: HOME / LZ-C13-PARTNERS
============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

.lz-parceiros {
  font-family: 'Poppins', sans-serif;
  background: #f7f9f8;
  padding: 40px 24px;
  border-top: 1px solid #eef1f0;
}
.lz-parceiros__inner { max-width: 1200px; margin: 0 auto; text-align: center; }

.lz-parceiros__titulo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7c8b89;
  margin: 0 0 26px;
}
.lz-parceiros__linha { width: 30px; height: 2px; background: #d8dedc; border-radius: 2px; }

.lz-parceiros__faixa {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 14px;
}

/* Card do parceiro: caixa de tamanho fixo (largura fixa, a altura
   acompanha se tem ou não o rodapé "Veja mais"), pra qualquer imagem
   caber sem esticar/cortar (object-fit: contain na imagem interna). */
.lz-parceiros__logo {
  background: #ffffff;
  border: 1px solid #eef1f0;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 400px;
  padding: 14px 20px 16px;
  text-decoration: none;
  overflow: hidden;
}
.lz-parceiros__logo:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.10);
}

.lz-parceiros__imagem {
  width: 100%;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #33413e;
}
.lz-parceiros__imagem img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
  transition: transform 0.3s ease;
}
/* Movimento no hover, em vez do antigo preto-e-branco: a imagem dá
   um leve zoom pra dentro do card (o "overflow: hidden" acima corta
   a sobra sem estourar o layout). */
.lz-parceiros__logo:hover .lz-parceiros__imagem img { transform: scale(1.06); }

.lz-parceiros__rodape {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.lz-parceiros__rodape strong { font-size: 13px; color: #33413e; }
.lz-parceiros__veja-mais {
  font-size: 12px;
  font-weight: 700;
  color: #16a34a;
}

@media (max-width: 560px) {
  .lz-parceiros__logo { width: 300px; }
  .lz-parceiros__imagem { height: 168px; font-size: 12.5px; }
}