/* =========================================
   FAIXA DE PARCEIROS (Flexbox)
   ========================================= */
:root {
    --partner-min-width: 120px;   /* Largura mínima de cada logo */
    --partner-max-width: 180px;   /* Largura máxima */
    --partner-logo-height: 70px;  /* Altura uniforme */
    --partner-gap: 1rem;          /* Espaço entre logos */
}

.strip-title {
    text-align: center;
    font-size: 0.8em;
    color: #999;
    margin-bottom: 0.25rem;
}

.partner-strip {
    width: 100%;
    background: var(--color-bg-dark);
    padding: 0.5rem;
    border-top: 1px solid var(--color-border);
    /* border-bottom: 1px solid var(--color-border); */
}

.partner-strip-inner {
    /* max-width: var(--max-width); */
    margin: 0 auto;
    padding: 0 1rem;
    
    /* FLEXBOX CENTRALIZADO */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;  /* ← Centraliza horizontalmente */
    align-items: center;      /* Centraliza verticalmente */
    /* gap: var(--partner-gap); */
}

.partner-strip-item {
    flex: 0 0 auto;  /* Não cresce, não encolhe, tamanho automático */
    width: var(--partner-min-width);
    max-width: var(--partner-max-width);
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.partner-strip-item:hover {
    opacity: 1;
    transform: scale(1.05);
}

.partner-strip-item img {
    max-width: 100%;
    max-height: var(--partner-logo-height);
    width: auto;
    height: auto;
    object-fit: contain;
    filter: grayscale(30%);
    transition: filter 0.2s ease;
    border: 1px solid var(--color-border);
    border-radius: 8px;
}

.partner-strip-item:hover img {
    filter: grayscale(0%);
}

/* Responsivo */
@media (max-width: 768px) {
    :root {
        --partner-min-width: 100px;
        --partner-max-width: 140px;
        --partner-logo-height: 60px;
    }
    
    .partner-strip-item {
        padding: 0.5rem;
    }
}