/* Evita scroll horizontal por pequeños desbordes */
html, body{
  overflow-x: hidden;
}
/* ================= WHATSAPP FLOAT ================= */

.whatsapp-float{
    position:fixed;
    bottom:25px;
    right:25px;

    display:flex;
    align-items:center;
    gap:10px;

    padding:12px 18px;
    border-radius:30px;

    background:#25D366;
    color:white;

    font-size:1rem;
    font-weight:600;

    text-decoration:none;

    box-shadow:0 5px 15px rgba(0,0,0,0.3);

    z-index:9999;

    transition:.3s;
}

/* icono */
.whatsapp-float span{
    font-size:1.4rem;
}

/* hover */
.whatsapp-float:hover{
    transform:scale(1.05);
    background:#1ebe5d;
}

/* ================= WHATSAPP MOBILE ================= */

@media (max-width:768px){

.whatsapp-float{
    bottom:15px;
    right:15px;

    padding:14px 20px;

    font-size:0.95rem;

    box-shadow:0 6px 18px rgba(0,0,0,0.35);
}

/* icono más grande */
.whatsapp-float span{
    font-size:1.6rem;
}

}