/* =====================================================
   FAIXA SOCIAL - Barra superior de redes sociais
   (movido de includes/faixa.php)
===================================================== */

.top-social-bar{
    background: linear-gradient(90deg, #f8f9fa, #ffffff);
    border-top: 1px solid #ececec;
    margin-top: 24px;
    font-size: 14px;
}

.social-text{
    color: #555;
    font-weight: 500;
}

.social-btn{
    border-radius: 30px;
    padding: 4px 12px;
    transition: .3s ease;
}

.social-btn:hover{
    transform: translateY(-2px);
}

.destaque-whats{
    font-weight: 600;
    box-shadow: 0 0 12px rgba(37,211,102,0.25);
}

@media(max-width:768px){

    .top-social-bar .d-flex{
        justify-content: center !important;
        text-align: center;
    }

    .social-text{
        width: 100%;
        font-size: 13px;
    }

}