/* =========================================================
   LINKS ÚTEIS — listagem em grid
   ========================================================= */

.grid-links{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:18px;
    list-style:none;
    margin:8px 0 60px;
    padding:0;
}

.card-link{position:relative;}
.card-link a{
    display:flex;
    align-items:center;
    gap:18px;
    padding:18px 22px;
    background:#fff;
    border:1px solid var(--sj-cinza-borda);
    border-radius:12px;
    transition:all .25s ease;
    color:inherit;
    text-decoration:none;
    min-height:96px;
}
.card-link a:hover{
    transform:translateY(-3px);
    border-color:var(--sj-azul-suave);
    background:#eef5fb;
    box-shadow:0 14px 32px rgba(0,73,124,.12);
}

/* Ícone à esquerda */
.card-link .link-icone{
    flex-shrink:0;
    width:56px;
    height:56px;
    border-radius:14px;
    background:var(--sj-azul);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    box-shadow:0 8px 18px rgba(29,138,216,.25);
    transition:all .25s ease;
}
.card-link a:hover .link-icone{
    background:var(--sj-azul-escuro);
    transform:scale(1.05);
}

/* Texto */
.card-link .link-corpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.card-link .link-corpo strong{
    display:block;
    font-size:15px;
    font-weight:800;
    color:var(--sj-titulo);
    line-height:1.3;
    letter-spacing:-.01em;
}
.card-link .link-corpo small{
    font-size:12.5px;
    color:var(--sj-cinza-texto);
    line-height:1.45;
    font-weight:400;
}

/* Seta à direita */
.card-link .link-seta{
    flex-shrink:0;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#eef5fb;
    color:var(--sj-azul);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    transition:all .25s ease;
}
.card-link a:hover .link-seta{
    background:var(--sj-azul);
    color:#fff;
    transform:translateX(3px);
}

/* Estado vazio */
.links-vazio{
    text-align:center;
    padding:80px 20px;
    color:var(--sj-cinza-texto);
}
.links-vazio i{
    font-size:54px;
    color:var(--sj-azul-claro);
    margin-bottom:18px;
    display:block;
}
.links-vazio p{font-size:15px;line-height:1.55;margin:0;}

@media (max-width:760px){
    .grid-links{grid-template-columns:1fr;gap:12px;margin-bottom:40px;}
    .card-link a{padding:14px 16px;gap:14px;min-height:auto;}
    .card-link .link-icone{width:46px;height:46px;font-size:18px;border-radius:10px;}
    .card-link .link-corpo strong{font-size:14px;}
    .card-link .link-corpo small{font-size:12px;}
    .card-link .link-seta{width:30px;height:30px;font-size:11px;}
}