/* Estilos para cards de clientes - movido de clientes.html para arquivo externo */

/* Reset específico para eliminar espaços em branco */
.client-card *,
.client-logo *,
.client-logo img {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    vertical-align: baseline !important;
}

.client-card {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
    margin-bottom: 0;       /* Remove margin bottom */
    height: 200px;          /* Altura fixa */
    transition: 0.3s;
    overflow: hidden;
    border: 0;              /* Remove border */
    padding: 0;             /* Remove padding */
}

.client-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    transform: translateY(-5px);
}

.client-logo {
    text-align: center;
    padding: 40px 25px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
    border-radius: 8px;
    line-height: 0;         /* Remove altura de linha extra */
    font-size: 0;           /* Remove espaço de fonte */
    overflow: hidden;       /* Garante que não há overflow */
}

.client-logo img {
    width: 200px !important;
    height: 80px !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: none !important;
    opacity: 1 !important;
    display: block !important;         /* Remove espaço em branco embaixo */
    margin: 0 auto !important;         /* Centraliza horizontalmente */
}

/* C6 Bank - DESTAQUE PREMIUM */
.client-logo img[alt="C6 Bank"] {
    width: 200px !important;           /* Base padrão */
    height: 80px !important;           /* Altura padrão */
    object-fit: contain !important;
    transform: scale(1.6) !important;  /* 60% maior - DESTAQUE PREMIUM */
}

/* Ajuste específico para Mercado Pago - DESTAQUE MONUMENTAL */
.client-logo img[alt="Mercado Pago"] {
    width: 200px !important;           /* Tamanho igual ao padrão */
    height: 80px !important;           /* Altura igual ao padrão */
    object-fit: contain !important;
    transform: scale(1.9) !important;  /* Escala 90% maior - DESTAQUE MONUMENTAL */
}

/* Ajuste específico para Santander - CO-LÍDER MONUMENTAL */
.client-logo img[alt="Santander"] {
    width: 200px !important;           /* Tamanho igual ao padrão */
    height: 80px !important;           /* Altura igual ao padrão */
    object-fit: contain !important;
    transform: scale(1.9) !important;  /* Escala 90% maior - CO-LÍDER MONUMENTAL */
}

/* Ajuste específico para Porto Seguro - CO-LÍDER MONUMENTAL */
.client-logo img[alt="Porto Seguro"] {
    width: 200px !important;           /* Tamanho igual ao padrão */
    height: 80px !important;           /* Altura igual ao padrão */
    object-fit: contain !important;
    transform: scale(1.9) !important;  /* Escala 90% maior - CO-LÍDER MONUMENTAL */
}

/* Ajuste específico para Finamax - aumento moderado */
.client-logo img[alt="Finamax"] {
    width: 200px !important;
    height: 80px !important;
    object-fit: contain !important;
    transform: scale(1.5) !important;
}

/* Ajuste específico para Flua - aumento maior */
.client-logo img[alt="Flua"] {
    width: 200px !important;
    height: 80px !important;
    object-fit: contain !important;
    transform: scale(1.6) !important;
}

/* Ajuste específico para Volkswagen - aumento moderado */
.client-logo img[alt="Volkswagen"] {
    width: 200px !important;
    height: 80px !important;
    object-fit: contain !important;
    transform: scale(1.35) !important; /* Aumento semelhante ao da Unidas */
}

/* Ajuste específico para Unidas - mesmo destaque premium */
.client-logo img[alt="Unidas"] {
    width: 200px !important;           /* Tamanho igual ao padrão */
    height: 80px !important;           /* Altura igual ao padrão */
    object-fit: contain !important;
    transform: scale(1.35) !important; /* Escala 35% maior - MUITO destacado */
}

/* Ajuste específico para BB Consórcios - ligeiro aumento */
.client-logo img[alt="BB Consórcios"] {
    width: 200px !important;
    height: 80px !important;
    object-fit: contain !important;
    transform: scale(1.2) !important;
}

.client-column {
    padding: 20px;
    margin-bottom: 0;       /* Remove margin bottom */
}

.clients-list-section .row {
    margin-left: -20px;
    margin-right: -20px;
}