/* 
Logos de Parceiros Plugin - CSS
Versão: 1.1 - Atualizado para suporte completo mobile
*/

.logos-parceiros-container {
    width: 100%;
    margin: 0 auto;
}

.logos-parceiros-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    margin: 0;
    padding: 0;
    /* REMOVIDO: justify-items que causava problemas */
}

.parceiro-item {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    /* REMOVIDO: max-width que causava desproporcionalidade */
    /* REMOVIDO: width: 100% */
}

.parceiro-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    border-color: #ccc;
}

.parceiro-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 100%;
}

/* ==== Efeito Hover com Brilho ==== */
.parceiro-logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: all 0.3s ease;
}

.parceiro-item:hover .parceiro-logo img {
    filter: brightness(1.2) saturate(1.2);
}

.parceiro-item a {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* Configuração dinâmica de colunas desktop */
.logos-parceiros-grid[data-desktop="1"] { grid-template-columns: repeat(1, 1fr); }
.logos-parceiros-grid[data-desktop="2"] { grid-template-columns: repeat(2, 1fr); }
.logos-parceiros-grid[data-desktop="3"] { grid-template-columns: repeat(3, 1fr); }
.logos-parceiros-grid[data-desktop="4"] { grid-template-columns: repeat(4, 1fr); }
.logos-parceiros-grid[data-desktop="5"] { grid-template-columns: repeat(5, 1fr); }
.logos-parceiros-grid[data-desktop="6"] { grid-template-columns: repeat(6, 1fr); }

/* Responsivo Tablet */
@media (max-width: 1024px) {
    .logos-parceiros-grid[data-tablet="1"] { grid-template-columns: repeat(1, 1fr) !important; }
    .logos-parceiros-grid[data-tablet="2"] { grid-template-columns: repeat(2, 1fr) !important; }
    .logos-parceiros-grid[data-tablet="3"] { grid-template-columns: repeat(3, 1fr) !important; }
    .logos-parceiros-grid[data-tablet="4"] { grid-template-columns: repeat(4, 1fr) !important; }
    
    .parceiro-item {
        padding: 18px;
        /* REMOVIDO: max-width problemático */
    }
    
    .parceiro-logo {
        height: 70px;
    }
}

/* Responsivo Mobile */
@media (max-width: 768px) {
    .logos-parceiros-grid {
        gap: 15px;
    }
    
    /* MOBILE - CSS LIMPO - SEM MAX-WIDTH */
    .logos-parceiros-grid[data-mobile="1"] { 
        grid-template-columns: 1fr !important; 
    }
    .logos-parceiros-grid[data-mobile="2"] { 
        grid-template-columns: 1fr 1fr !important; 
    }
    .logos-parceiros-grid[data-mobile="3"] { 
        grid-template-columns: 1fr 1fr 1fr !important; 
        gap: 12px;
    }
    .logos-parceiros-grid[data-mobile="4"] { 
        grid-template-columns: 1fr 1fr 1fr 1fr !important; 
        gap: 10px;
    }
    
    .parceiro-item {
        padding: 15px;
        /* REMOVIDO: max-width e margin-bottom problemáticos */
    }
    
    .parceiro-logo {
        height: 60px;
    }
}

/* Mobile muito pequeno - Força máximo 2 colunas */
@media (max-width: 480px) {
    .logos-parceiros-grid[data-mobile="3"],
    .logos-parceiros-grid[data-mobile="4"] {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }
    
    .parceiro-item {
        padding: 12px;
        /* REMOVIDO: max-width */
    }
    
    .parceiro-logo {
        height: 50px;
    }
}

/* Mobile muito pequeno - Força 1 coluna */
@media (max-width: 380px) {
    .logos-parceiros-grid,
    .logos-parceiros-grid[data-mobile="2"],
    .logos-parceiros-grid[data-mobile="3"],
    .logos-parceiros-grid[data-mobile="4"] {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    
    .parceiro-item {
        /* REMOVIDO: max-width */
    }
}