﻿/* Estilo para padronizar os logos no carrossel de parceiros */
.single-client {
    /* Usamos flexbox para centralizar a imagem vertical e horizontalmente */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px; /* Defina a altura padrão para todos os slots do carrossel */
}

.img-padronizada {
    max-width: 80%; /* A imagem ocupará no máximo 80% da largura do seu "slot" */
    max-height: 80px; /* A imagem terá no máximo 80px de altura */
    width: auto; /* A largura se ajustará automaticamente para manter a proporção */
    height: auto; /* A altura se ajustará automaticamente */
    object-fit: contain; /* Garante que a imagem inteira apareça dentro da área, sem cortes ou distorções */
    opacity: 0.7; /* Opcional: deixa os logos levemente acinzentados */
    transition: opacity 0.3s ease; /* Opcional: para um efeito suave no hover */
}

/* Opcional: Adiciona um efeito de hover para destacar o logo */
.single-client a:hover .img-padronizada {
    opacity: 1.0;
}
