/* ==========================================================
   LABIO.NETWORK — REDE ACADÊMICA V2
   Coordenação + Universidades Associadas
   ========================================================== */

#instituicoes .academic-network-v2{
    width:min(1280px, calc(100% - 48px));
    margin:0 auto 46px;
}

/* --------------------------------
   Cabeçalho geral
   -------------------------------- */

#instituicoes .academic-network-heading{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

#instituicoes .academic-network-heading .eyebrow{
    display:inline-block;

    margin-bottom:12px;

    color:#1764ff;

    font-size:.67rem;
    font-weight:900;

    letter-spacing:.16em;
    text-transform:uppercase;
}

#instituicoes .academic-network-heading h3{
    margin:0;

    color:#111827;

    font-size:clamp(2rem,3.5vw,3.6rem);
    line-height:1;

    font-weight:900;
    letter-spacing:-.055em;
}

#instituicoes .academic-network-heading p{
    max-width:560px;

    margin:15px auto 0;

    color:#748094;

    font-size:.82rem;
    line-height:1.65;
}


/* ==========================================================
   SUBSEÇÕES
   ========================================================== */

#instituicoes .network-group{
    width:100%;
}

#instituicoes .network-group + .network-group{
    margin-top:64px;
}

#instituicoes .network-group-head{
    display:flex;
    align-items:center;
    gap:15px;

    margin-bottom:22px;
}

#instituicoes .network-group-head::after{
    content:"";

    height:1px;
    flex:1;

    background:#e0e6ef;
}

#instituicoes .network-group-head span{
    color:#566277;

    font-size:.68rem;
    font-weight:900;

    letter-spacing:.13em;
    text-transform:uppercase;
}


/* ==========================================================
   COORDENAÇÃO
   ========================================================== */

#instituicoes .coordinator-grid-v2{
    display:grid;

    grid-template-columns:minmax(230px, 310px);

    justify-content:center;
}

#instituicoes .coordinator-grid-v2 .network-logo-card{
    border-color:#cad8f3;

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


/* ==========================================================
   ASSOCIADAS — 4 × 4
   ========================================================== */

#instituicoes .associated-grid-v2{
    display:grid;

    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:14px;
}


/* ==========================================================
   CARD
   ========================================================== */

#instituicoes .network-logo-card{
    position:relative;

    height:116px;

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

    padding:20px 24px;

    border:1px solid #e1e7f0;
    border-radius:17px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,1),
            rgba(250,252,255,1)
        );

    box-shadow:
        0 8px 25px rgba(36,61,108,.035);

    overflow:hidden;

    text-decoration:none;

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


/* brilho inferior extremamente discreto */

#instituicoes .network-logo-card::after{
    content:"";

    position:absolute;

    left:22%;
    right:22%;
    bottom:0;

    height:2px;

    border-radius:99px;

    opacity:0;

    background:
        linear-gradient(
            90deg,
            transparent,
            #1764ff,
            transparent
        );

    transition:opacity .18s ease;
}


/* --------------------------------
   Logo
   -------------------------------- */

#instituicoes .network-logo-card img{
    display:block;

    width:auto;
    height:auto;

    max-width:88%;
    max-height:59px;

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

    transition:transform .18s ease;
}


/* --------------------------------
   Hover
   -------------------------------- */

#instituicoes .network-logo-card:hover{
    transform:translateY(-4px);

    border-color:#c7d5ed;

    background:#fff;

    box-shadow:
        0 17px 38px rgba(36,65,122,.085);
}

#instituicoes .network-logo-card:hover::after{
    opacity:.55;
}

#instituicoes .network-logo-card:hover img{
    transform:scale(1.025);
}


/* --------------------------------
   Marcas mais horizontais
   -------------------------------- */

#instituicoes .network-logo-card[data-inst="UFSC"] img,
#instituicoes .network-logo-card[data-inst="IFSC"] img,
#instituicoes .network-logo-card[data-inst="IFC"] img,
#instituicoes .network-logo-card[data-inst="UNOCHAPECÓ"] img,
#instituicoes .network-logo-card[data-inst="Católica SC"] img{
    max-width:94%;
}


/* --------------------------------
   Indicador de link externo
   aparece apenas no hover
   -------------------------------- */

#instituicoes .network-logo-card .external-mark{
    position:absolute;

    top:11px;
    right:12px;

    width:21px;
    height:21px;

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

    border-radius:7px;

    background:#f0f4fb;

    color:#7c899d;

    font-size:.65rem;

    opacity:0;

    transform:translateY(3px);

    transition:
        opacity .18s ease,
        transform .18s ease;
}

#instituicoes .network-logo-card:hover .external-mark{
    opacity:1;
    transform:translateY(0);
}


/* ==========================================================
   RESPONSIVO
   ========================================================== */

@media(max-width:1000px){

    #instituicoes .associated-grid-v2{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}


@media(max-width:720px){

    #instituicoes .academic-network-v2{
        width:calc(100% - 24px);
    }

    #instituicoes .associated-grid-v2{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    #instituicoes .network-logo-card{
        height:100px;
        padding:15px;
    }

    #instituicoes .network-logo-card img{
        max-height:50px;
    }

}


@media(max-width:420px){

    #instituicoes .associated-grid-v2{
        grid-template-columns:1fr 1fr;
    }

}


/* ==========================================================
   LABIO.NETWORK — AJUSTE FINAL DE TAMANHO DAS LOGOS
   ========================================================== */

/* Cards um pouco mais compactos */
#instituicoes .associated-grid-v2 .network-logo-card{
    height:92px !important;
    padding:16px 20px !important;
}

/* Logos associadas menores e uniformes */
#instituicoes .associated-grid-v2 .network-logo-card img{
    width:auto !important;
    height:auto !important;

    max-width:72% !important;
    max-height:40px !important;

    object-fit:contain !important;
}

/* Coordenação também menor */
#instituicoes .coordinator-grid-v2 .network-logo-card{
    height:100px !important;
    max-width:280px !important;
    margin:auto !important;
    padding:18px 22px !important;
}

#instituicoes .coordinator-grid-v2 .network-logo-card img{
    width:auto !important;
    height:auto !important;

    max-width:72% !important;
    max-height:44px !important;

    object-fit:contain !important;
}

/* Logos horizontais precisam de um pouco mais de largura,
   mas continuam com a mesma altura visual */
#instituicoes .network-logo-card[data-inst="UFSC"] img,
#instituicoes .network-logo-card[data-inst="IFSC"] img,
#instituicoes .network-logo-card[data-inst="IFC"] img,
#instituicoes .network-logo-card[data-inst="UNOCHAPECÓ"] img,
#instituicoes .network-logo-card[data-inst="Católica SC"] img{
    max-width:82% !important;
    max-height:38px !important;
}

/* Mobile */
@media(max-width:720px){

    #instituicoes .associated-grid-v2 .network-logo-card{
        height:82px !important;
        padding:13px !important;
    }

    #instituicoes .associated-grid-v2 .network-logo-card img{
        max-width:72% !important;
        max-height:34px !important;
    }

    #instituicoes .coordinator-grid-v2 .network-logo-card{
        height:90px !important;
    }

    #instituicoes .coordinator-grid-v2 .network-logo-card img{
        max-height:39px !important;
    }
}


/* ==========================================================
   CENTRALIZAÇÃO DOS TÍTULOS — REDE ACADÊMICA
   ========================================================== */

/* Título principal */
#instituicoes .academic-network-heading{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

#instituicoes .academic-network-heading .eyebrow,
#instituicoes .academic-network-heading h3,
#instituicoes .academic-network-heading p{
    text-align:center !important;
}


/* Coordenação / Universidades associadas */
#instituicoes .network-group-head{
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    gap:18px !important;

    width:100% !important;

    margin:0 auto 26px !important;

    text-align:center !important;
}


/* Linha esquerda */
#instituicoes .network-group-head::before{
    content:"" !important;

    display:block !important;

    width:100% !important;
    height:1px !important;

    background:#e0e6ef !important;
}


/* Linha direita */
#instituicoes .network-group-head::after{
    content:"" !important;

    display:block !important;

    width:100% !important;
    height:1px !important;

    background:#e0e6ef !important;
}


/* Texto central */
#instituicoes .network-group-head span{
    display:block !important;

    margin:0 !important;

    text-align:center !important;

    color:#566277 !important;

    font-size:.68rem !important;
    font-weight:900 !important;

    letter-spacing:.13em !important;
    text-transform:uppercase !important;

    white-space:nowrap !important;
}