.relacionados-title-spacing {
    margin-top: 120px;
}
/* =================================================================== */
/* ESTILOS DA PÁGINA DE CLIENTES (SHOWCASE)                          */
/* =================================================================== */

.client-showcase-card {
    background-color: var(--dark-bg-secondary);
    border-radius: 0.75rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    overflow: hidden;
}

    .client-showcase-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
        border-color: var(--primary-color);
    }

/* Contêiner da logo */
.client-card-img-container {
    background-color: #fff;
    padding: 1.5rem;
    height: 180px; /* Altura fixa para alinhar todos os cards */
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #333;
}


.client-showcase-card:hover .client-logo {
    filter: grayscale(0%); /* Logo fica colorida no hover */
}

/* Corpo do card */
.client-showcase-card .card-body {
    text-align: left;
}

.client-category {
    font-size: 0.8rem;
    font-weight: bold;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

.client-showcase-card .card-title {
    margin-bottom: 0.75rem;
}

/* CORTE DE TEXTO INTELIGENTE (VIA CSS) */
.client-showcase-card .card-text {
    flex-grow: 1; /* Empurra o botão para baixo */
    font-size: 0.95rem;
    line-height: 1.6;
    /* Truncamento de texto em 3 linhas */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.client-showcase-card .btn-outline-primary {
    color: var(--text-muted);
    border-color: #444;
}

    .client-showcase-card .btn-outline-primary:hover {
        color: #fff;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }