@media (max-width: 768px) {
  body { overflow-x: hidden; }

  /* WhatsApp mobile - navegação por slides */
  #wa-root { padding: 0 !important; }

  #wa-sidebar {
    width: 100vw !important;
    position: absolute !important;
    left: 0; top: 0; bottom: 0;
    transition: transform 0.3s ease;
    z-index: 10;
    background: #fff;
  }

  #wa-sidebar.escondido {
    transform: translateX(-100vw);
  }

  #wa-chat {
    width: 100vw !important;
    position: absolute !important;
    left: 0; top: 0; bottom: 0;
    transform: translateX(100vw);
    transition: transform 0.3s ease;
    z-index: 20;
    background: #F0EDE8;
  }

  #wa-chat.visivel {
    transform: translateX(0);
  }
}