/* ===== SOCIAL SIDEBAR Index.php ===== */
.social-sidebar{
    position:fixed;
    left:12px;
    top:200px;
    transform:translateY(-50%);
    z-index:9999;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.social-sidebar a{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#fff;
    border-radius:10px;
    text-decoration:none;
    transition:all .3s ease;
}

/* Facebook */
.social-sidebar .facebook{
    background:#1877F2;
}
.social-sidebar .facebook:hover{
    box-shadow:0 0 12px #1877F2;
    transform:scale(1.08);
}

/* YouTube */
.social-sidebar .youtube{
    background:#FF0000;
}
.social-sidebar .youtube:hover{
    box-shadow:0 0 12px #FF0000;
    transform:scale(1.08);
}

/* Discord */
.social-sidebar .discord{
    background:#5865F2;
}
.social-sidebar .discord:hover{
    box-shadow:0 0 12px #5865F2;
    transform:scale(1.08);
}

/* TikTok */
.social-sidebar .tiktok{
    background:#000;
}
.social-sidebar .tiktok:hover{
    box-shadow:0 0 12px #ffffff;
    transform:scale(1.08);
}

/* Ocultar en móvil */
@media (max-width:768px){
    .social-sidebar{
        display:none;
    }
}