/* Fix para evitar scroll horizontal causado por el botón de WhatsApp en modo responsive */

/* Prevenir overflow horizontal global */
html,
body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative !important;
}

/* En modo responsive, ajustar el botón de WhatsApp para que no cause overflow */
@media (max-width: 921px) {
    /* Mantener el botón con buen tamaño en móvil */
    .joinchat {
        --s: 140px !important;
        --sep: 15px !important;
    }
    
    .joinchat__button {
        width: 120px !important;
        height: 120px !important;
        bottom: 15px !important;
        right: 15px !important;
    }
    
    .joinchat--left .joinchat__button {
        left: 15px !important;
        right: auto !important;
    }
    
    /* Asegurar que el contenedor del botón no cause overflow */
    .joinchat {
        right: 15px !important;
        bottom: 15px !important;
    }
    
    .joinchat--left {
        left: 15px !important;
        right: auto !important;
    }
}

/* En pantallas muy pequeñas, reducir un poco */
@media (max-width: 544px) {
    .joinchat {
        --s: 120px !important;
        --sep: 12px !important;
    }
    
    .joinchat__button {
        width: 100px !important;
        height: 100px !important;
        bottom: 12px !important;
        right: 12px !important;
    }
    
    .joinchat--left .joinchat__button {
        left: 12px !important;
        right: auto !important;
    }
    
    .joinchat {
        right: 12px !important;
        bottom: 12px !important;
    }
    
    .joinchat--left {
        left: 12px !important;
        right: auto !important;
    }
}