.socios-section {
    padding: 80px 0 100px;
    background: #f8f9fc;
}

.socio-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    height: 130px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #eef0f5;
    transition: all .4s ease;
}

.socio-logo img {
    max-width: 100%;
    max-height: 60px;
    width: auto;
    object-fit: contain;
    filter: grayscale(100%) opacity(55%);
    transition: filter .4s ease, transform .4s ease;
}

.socio-logo:hover {
    box-shadow: 0 15px 30px -10px rgba(31,52,113,.2);
    transform: translateY(-6px);
    border-color: #dfe4f2;
}

.socio-logo:hover img {
    filter: grayscale(0%) opacity(100%);
    transform: scale(1.05);
}

@media (max-width: 767px) {
    .socios-section { padding: 50px 0 60px; }
    .socio-logo { height: 100px; padding: 20px; }
    .socio-logo img { max-height: 45px; }
}