/* ==========================================================
   LABIO.NETWORK — REDE ACADÊMICA
   Grade institucional uniforme
   ========================================================== */

#instituicoes .labio-institutions,
#instituicoes .logo-only-network {
    width: min(1320px, calc(100% - 48px)) !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#instituicoes .labio-institutions-head {
    max-width: 780px !important;
    margin: 0 auto 32px !important;
    text-align: center !important;
}

/* GRADE PRINCIPAL */
#instituicoes .university-logo-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding: 0 !important;

    align-items: stretch !important;
    justify-items: stretch !important;
}

/* TODOS OS LOGOS NA MESMA CAIXA */
#instituicoes .university-logo-card,
#instituicoes .coordinator-logo-card {
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;

    width: 100% !important;
    height: 112px !important;
    min-height: 112px !important;

    margin: 0 !important;
    padding: 20px 18px !important;

    grid-column: auto !important;

    border: 1px solid #e2e8f2 !important;
    border-radius: 16px !important;

    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #fbfcff 100%
    ) !important;

    box-shadow:
        0 7px 22px rgba(38, 62, 108, 0.035),
        inset 0 1px 0 rgba(255,255,255,.9) !important;

    overflow: hidden !important;

    float: none !important;
    clear: none !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}

/* LOGO */
#instituicoes .university-logo-card img,
#instituicoes .coordinator-logo-card img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 88% !important;
    max-height: 58px !important;

    margin: auto !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center !important;

    position: static !important;

    transform: none !important;
}

/* UDESC coordenadora — mesma dimensão, apenas destaque sutil */
#instituicoes .coordinator-logo-card {
    border-color: #cfdcf5 !important;

    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(32, 101, 255, .065),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #ffffff,
            #fafcff
        ) !important;
}

/* Hover discreto */
#instituicoes .university-logo-card:hover {
    transform: translateY(-3px) !important;

    border-color: #c7d5ed !important;

    box-shadow:
        0 15px 34px rgba(38, 65, 120, .075) !important;
}

/* Algumas marcas são naturalmente muito horizontais */
#instituicoes .university-logo-card[aria-label="UFSC"] img,
#instituicoes .university-logo-card[aria-label="IFSC"] img,
#instituicoes .university-logo-card[aria-label="IFC"] img,
#instituicoes .university-logo-card[aria-label="UNOCHAPECÓ"] img,
#instituicoes .university-logo-card[aria-label="Católica de Santa Catarina"] img {
    max-width: 94% !important;
}

/* RESPONSIVO */
@media (max-width: 1180px) {
    #instituicoes .university-logo-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 980px) {
    #instituicoes .university-logo-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    #instituicoes .labio-institutions,
    #instituicoes .logo-only-network {
        width: calc(100% - 24px) !important;
    }

    #instituicoes .university-logo-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #instituicoes .university-logo-card,
    #instituicoes .coordinator-logo-card {
        height: 100px !important;
        min-height: 100px !important;
        padding: 15px !important;
    }

    #instituicoes .university-logo-card img,
    #instituicoes .coordinator-logo-card img {
        max-height: 50px !important;
    }
}

@media (max-width: 520px) {
    #instituicoes .university-logo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}