/* Burbuja flotante de WhatsApp compacta: solo la foto de Juan Camilo con el
   ícono, sin la píldora de texto. Es la misma que ya usan las fichas de carro
   (ficha-movil.css).

   Por qué (29-oct-2026, revisión con Clarity y Playwright): en celular la
   píldora grande ("Escríbeme · Juan Camilo · en línea ahora") quedaba encima
   de los botones del inicio de la página — en la portada tapaba "Llamar ahora",
   en suzuki-medellin-home el botón principal de WhatsApp, y en crédito,
   híbridos, comparativas y guías el segundo botón. Sigue siendo el botón más
   tocado del sitio, por eso se achica en vez de quitarse.

   body.burbuja-compacta la deja compacta también en computador (crédito: la
   píldora tapaba "Cotizar esta cuota por WhatsApp" del simulador). */
@media (max-width: 759px) {
  .float-wpp { padding: 0 !important; background: transparent !important; box-shadow: none !important; bottom: 14px !important; right: 12px !important; gap: 0 !important; animation: none !important; }
  .float-wpp > span:last-child { display: none !important; }
  .float-wpp .float-face { width: 62px !important; height: 62px !important; margin: 0 !important; }
  .float-wpp .float-face img { width: 62px !important; height: 62px !important; border-width: 2.5px !important; box-shadow: 0 6px 18px rgba(0,0,0,.45) !important; }
  .float-wpp .float-badge { width: 16px !important; height: 16px !important; bottom: 0 !important; right: 0 !important; padding: 2px !important; }
  body { padding-bottom: 24px !important; }
}
body.burbuja-compacta .float-wpp { padding: 0 !important; background: transparent !important; box-shadow: none !important; bottom: 18px !important; right: 18px !important; gap: 0 !important; animation: none !important; }
body.burbuja-compacta .float-wpp > span:last-child { display: none !important; }
body.burbuja-compacta .float-wpp .float-face { width: 72px !important; height: 72px !important; margin: 0 !important; }
body.burbuja-compacta .float-wpp .float-face img { width: 72px !important; height: 72px !important; border-width: 3px !important; box-shadow: 0 6px 18px rgba(0,0,0,.45) !important; }
body.burbuja-compacta .float-wpp .float-badge { width: 18px !important; height: 18px !important; bottom: 0 !important; right: 0 !important; padding: 2px !important; }