/* ==========================================================
   Amigos3D - Navigation Hub
   ========================================================== */

.amigos-hub{
    margin:60px auto;max-width:1280px;
    padding:40px 30px;
    background:#11131b;
    border:1px solid #232633;
    border-radius:18px;
}

.amigos-hub-header{
    text-align:center;
    margin-bottom:35px;
}

.amigos-hub-header h2{
    margin:0 0 12px;
    font-size:2rem;
    font-weight:700;
    color:#ffffff;
}

.amigos-hub-header p{
    max-width:760px;
    margin:auto;
    color:#b7bccb;
    line-height:1.7;
    font-size:1rem;
}

.amigos-hub-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.hub-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:118px;
    gap:10px;
    padding:18px 16px;
    text-decoration:none;
    background:#02060c;
    border:1px solid #2d3344;
    border-radius:16px;
    transition:.25s;
}

.amigos-hub-footer{
    margin-top:35px;
    padding-top:22px;
    border-top:1px solid #232633;
    text-align:center;
}

.amigos-hub-footer p{margin:0;font-size:.95rem;color:#b7bccb;line-height:1.6;}
.amigos-hub-footer strong{color:#ffffff;font-weight:700;}
.hub-item img{width:32px;height:32px;transition:transform .25s ease,filter .25s ease;}
.hub-item span{text-align:center;font-size:1rem;font-weight:600;color:#ffffff;line-height:1.35;}
.hub-item:hover{transform:translateY(-6px);background:#03080e;border-color:#5b8cff;box-shadow:0 12px 35px rgba(0,0,0,.35), 0 0 18px rgba(91,140,255,.18);}
.hub-item:hover img{transform:scale(1.08);filter:drop-shadow(0 0 10px rgba(91,140,255,.45));}
.hub-item:focus-visible{outline:none;border-color:#5b8cff;box-shadow:0 0 0 3px rgba(91,140,255,.30);}

@media (max-width:768px){

    .amigos-hub{padding:30px 18px;margin:45px auto;}
    .amigos-hub-header h2{font-size:1.6rem;}
    .amigos-hub-grid{grid-template-columns:repeat(3,1fr);}
}

@media (max-width:768px){
    .amigos-hub-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
    .hub-item{padding:22px 12px;}
    .hub-item img{width:32px;height:32px;}
    .hub-item span{font-size:.95rem;}
    .amigos-hub-grid{grid-template-columns:repeat(2,1fr);}
@media (max-width:480px){
    .amigos-hub-grid{gap:14px;}
    .hub-item{padding:18px 10px;}
}