html {
    scroll-behavior: smooth !important;
}

/* === WhatsApp Floating Button === */
.btn-whatsapp {
    position: fixed;
    left: max(12px, env(safe-area-inset-left));
    /* respeta notch/iOS */
    bottom: max(16px, env(safe-area-inset-bottom));
    z-index: 1050;
    /* por encima de casi todo */
}

.btn-whatsapp .btn {
    border-radius: 999px;
    padding: 0.75rem 1rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}

/* Opcional: un poco más chico en mobile */
@media (max-width: 576px) {
    .btn-whatsapp .btn {
        padding: 0.6rem 0.9rem;
        font-size: .95rem;
    }
}

/* === Variante B: centrar vertical en el lado izquierdo === */
/* Si querés centrarlo vertical, agregá la clase .is-left-center al wrapper */
.btn-whatsapp.is-left-center {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

.btn-wsp {
    background-color: #25D366;
    color: #fff;
}

.btn-wsp:hover {
    background-color: #048000;
    color: #fff;
}

.btn-wsp i {
    font-size: 30px;
}