/* =========================
   SOCIAL FOOTER MODERNO
========================= */
.footer-social.modern-social {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
}

    .footer-social.modern-social li {
        margin: 0;
    }

/* BOTÃO */
.footer-social .social-btn {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    backdrop-filter: blur(8px);
    transition: all .35s ease;
    box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

    /* ÍCONE */
    .footer-social .social-btn i {
        font-size: 24px;
        color: #ffffff;
        transition: all .35s ease;
    }

    /* Hover elegante */
    .footer-social .social-btn:hover {
        transform: translateY(-5px) scale(1.06);
        box-shadow: 0 18px 28px rgba(0,0,0,.22);
    }

        .footer-social .social-btn:hover i {
            transform: scale(1.12);
        }

/* CORES INDIVIDUAIS */
.footer-social .whatsapp:hover {
    background: linear-gradient(135deg, #25d366, #128c7e);
}

.footer-social .facebook:hover {
    background: linear-gradient(135deg, #1877f2, #0d5bd7);
}

.footer-social .instagram:hover {
    background: linear-gradient(135deg, #fd5949, #d6249f, #285AEB);
}

.footer-social .youtube:hover {
    background: linear-gradient(135deg, #ff0000, #c30000);
}

/* RESPONSIVO */
@media (max-width: 768px) {
    .footer-social .social-btn {
        width: 48px;
        height: 48px;
        border-radius: 14px;
    }

        .footer-social .social-btn i {
            font-size: 21px;
        }
}