.post-card-dark {
    background: #181b22;
    border-radius: 12px;
    transition: 0.3s ease;
}

.post-card-dark:hover {
    background: #1e222b;
    transform: translateY(-2px);
}

.post-card-dark h3 {
    color: #ffffff;
}


.post-card-dark .badge {
    font-size: 11px;
}

hr {
    opacity: 0.1;
}
.social-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1c1f26;
    color: white;
    font-size: 20px;
    transition: all 0.25s ease;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    text-decoration: none;
}

/* Hover general */
.social-icon:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,0.4);
}

/* Colores de marca */
.social-icon.facebook:hover {
    background: #1877f2;
}

.social-icon.youtube:hover {
    background: #ff0000;
}

.social-icon.instagram:hover {
    background: linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);
}