/* Configurações dinâmicas / WhatsApp */
.floating-whatsapp{
    position:fixed;
    right:26px;
    bottom:26px;
    z-index:1050;
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#25D366;
    color:#fff;
    font-size:1.8rem;
    text-decoration:none;
    box-shadow:0 14px 36px rgba(0,0,0,.32);
    transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.floating-whatsapp:hover{
    color:#fff;
    transform:translateY(-4px) scale(1.04);
    box-shadow:0 18px 42px rgba(0,0,0,.40);
    filter:brightness(1.04);
}
@media(max-width:575.98px){
    .floating-whatsapp{
        width:54px;
        height:54px;
        right:16px;
        bottom:16px;
        font-size:1.65rem;
    }
}


/* =========================================================
   REDES SOCIAIS DINÂMICAS
   ========================================================= */

/* =========================================================
   CONTATO - REDES SOCIAIS
   Visual mais limpo e editorial
   ========================================================= */
.contact-socials-dynamic{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:16px;
}

.contact-socials-dynamic a{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;

    border:1px solid rgba(255,255,255,.14);
    border-radius:50%;

    background:rgba(255,255,255,.035);
    color:#fff;

    font-size:1rem;
    text-decoration:none;

    transition:
        background .22s ease,
        border-color .22s ease,
        color .22s ease,
        transform .22s ease;
}

.contact-socials-dynamic a:hover{
    background:#fff;
    border-color:#fff;
    color:#0a0a0a;
    transform:translateY(-3px);
}

.contact-side .eyebrow + .contact-socials-dynamic{
    margin-top:18px;
}

@media(max-width:767.98px){
    .contact-socials-dynamic{
        gap:10px;
    }

    .contact-socials-dynamic a{
        width:42px;
        height:42px;
    }
}