/* CSS ESPECÍFICO PARA REMOVER APENAS BOTÃO FLUTUANTE DO WHATSAPP */

/* Remove especificamente o botão flutuante do WhatsApp */
.fixed.bottom-6.right-6.z-50 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Remove qualquer elemento fixo no canto inferior direito */
div[class*="fixed"][class*="bottom"][class*="right"] {
    display: none !important;
}

/* Remove elementos com z-index alto no canto inferior direito */
*[style*="position: fixed"][style*="bottom"][style*="right"],
*[style*="position:fixed"][style*="bottom"][style*="right"] {
    display: none !important;
}

/* Remove especificamente links para WhatsApp que sejam flutuantes */
a[href*="api.whatsapp.com"].bg-green-500,
a[href*="wa.me"].bg-green-500 {
    display: none !important;
}

/* Remove elementos com texto "Dúvidas?" que sejam flutuantes */
a:contains("Dúvidas?")[class*="fixed"],
a:contains("Dúvidas?")[class*="bg-green"] {
    display: none !important;
}

/* Força remoção via JavaScript se necessário */
.whatsapp-float-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transform: translateX(1000px) !important;
    position: absolute !important;
    left: -9999px !important;
    z-index: -1 !important;
}

/* Correções específicas para diferentes navegadores */
@supports (-webkit-appearance: none) {
    /* Safari */
    .fixed.bottom-6.right-6 {
        display: none !important;
    }
}

@supports (-moz-appearance: none) {
    /* Firefox */
    .fixed.bottom-6.right-6 {
        display: none !important;
    }
}

/* Media queries para garantir remoção em todos os dispositivos */
@media (max-width: 768px) {
    .fixed.bottom-6.right-6,
    div[class*="fixed"][class*="bottom"][class*="right"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
    }
}

@media (min-width: 769px) {
    .fixed.bottom-6.right-6,
    div[class*="fixed"][class*="bottom"][class*="right"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

