/* ============================================================
   SALL'EV - Secao de parceiros (duas empresas, sem cartao)
   Arquivo separado de proposito: a secao ainda nao esta no site.
   Para ativar, veja as instrucoes no topo de parceiros.html.

   Reaproveita .parceiros / .parceiros__caixa / .parceiros__titulo
   de css/style.css (as linhas finas e o rotulo centralizado).
   ============================================================ */

/* Um pouco mais de ar do que a faixa deslizante precisava */
.parceiros__caixa--duplo{
  padding-top: clamp(20px, 2.4vw, 30px);
  padding-bottom: clamp(26px, 3.2vw, 42px);
}

.parceiros-duplo{
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(30px, 5vw, 80px);
  align-items: start;
  padding: 0 clamp(18px, 3.4vw, 64px);
}

/* Duas empresas por linha; a 3a e a 4a caem embaixo da 1a e da 2a */
@media (min-width: 700px){
  .parceiros-duplo{ grid-template-columns: repeat(2, 1fr); }
}

/* Cada parceiro: so o logo e um paragrafo. Sem fundo, sem borda. */
.parceiro-simples{
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 2vw, 24px);
  min-width: 0;
}

/* A altura manda; a largura acompanha sozinha, para nao distorcer
   logos de proporcoes diferentes. O max-width segura os muito largos. */
.parceiro-simples img{
  align-self: center;
  width: auto;
  height: clamp(76px, 7.8vw, 112px);
  max-width: min(100%, 360px);
  object-fit: contain;
}

/* O PNG da KR tem uma margem transparente em volta do desenho, entao
   na mesma altura ele parecia menor que o da Schinalle. ~20% a mais.
   O da LA Serralheria segue o mesmo tamanho do da KR. */
.parceiro-simples img[src*="krserra"],
.parceiro-simples img[src*="68d630eb-4ac2-47cc-9acf-a065afd9b3ce"]{
  height: clamp(92px, 9.4vw, 134px);
}

/* A medida do paragrafo e limitada de proposito: solto, ele ocupava a
   coluna inteira e a linha ficava longa demais para ler. O bloco fica
   centralizado para acompanhar o logo, que tambem e centralizado.
   Para deixar mais largo ou mais estreito, mexa so no 54ch. */
.parceiro-simples p{
  font-size: clamp(14.5px, 1.5vw, 16.5px);
  line-height: 1.6;
  color: var(--texto-suave);
  max-width: 54ch;
  margin-inline: auto;
}

/* ---------- So na pagina de previa ---------- */
.previa-aviso{
  max-width: 820px;
  margin: 0 auto clamp(18px, 3vw, 34px);
  padding: 16px 20px;
  border-radius: var(--r-xs);
  background: rgba(230,31,49,.1);
  border: 1px solid rgba(230,31,49,.35);
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--texto-suave);
}
.previa-aviso strong{ color: #fff; }