.sponsors-section {
    background: #ffffff;
    margin-top: 2rem;
    text-align: center;
}

.sponsors-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    flex-wrap: wrap;
}

.sponsor {
    flex: 1 1 200px;
    max-width: 200px;
    text-align: center;
}

.sponsor img {
    max-width: 100%;
    height: auto;
    filter: grayscale(20%);
    transition: transform 0.3s ease, filter 0.3s ease;
}

.sponsor img:hover {
    transform: scale(1.05);
    filter: grayscale(0%);
}

/* Para móviles: dos logos por fila */
@media (max-width: 768px) {
    .sponsor {
        flex: 1 1 calc(50% - 2rem);
        /* 2 por fila con espacio */
        max-width: calc(40% - 2rem);
    }
}