/* 1. Container principal do toast */
        #plane-toast {
            position: fixed;
            bottom: 20px;
            right: 20px;
            display: flex;
            align-items: flex-end;
            z-index: 9999;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

        #plane-toast.show {
            pointer-events: auto;
        }

        /* 2. Animação de entrada/saída do avião (direita para esquerda) */
        #plane-toast .plane-container {
            width: 180px;
            height: auto;
            transform: translateX(220%) rotate(12deg);
            transition: transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1.1);
            transform-origin: center center;
        }

        #plane-toast.show .plane-container {
            transform: translateX(0) rotate(0deg);
        }

        #plane-toast.hide .plane-container {
            transform: translateX(220%) rotate(-12deg);
            transition: transform 0.6s cubic-bezier(0.6, 0, 0.8, 0.2);
        }

        /* 3. Balão de mensagem */
        #plane-toast .bubble {
            background: white;
            border-radius: 16px;
            padding: 13px 18px;
            margin-right: -18px;
            margin-bottom: 60px;
            max-width: 240px;
            min-width: 120px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.18);
            border: 1px solid #e0e0e0;
            font-size: 14px;
            color: #333;
            opacity: 0;
            transform: scale(0.5) translateY(20px);
            transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            z-index: 10;
            position: relative;
            pointer-events: none;
        }

        #plane-toast .bubble.bubble-visible {
            opacity: 1;
            transform: scale(1) translateY(0);
            pointer-events: auto;
        }

        /* 4. Flutuação suave do avião */
        #airplane-svg {
            animation: planeFly 4s ease-in-out infinite;
            overflow: visible;
        }
        @keyframes planeFly {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            30%       { transform: translateY(-8px) rotate(-1.5deg); }
            70%       { transform: translateY(5px) rotate(1deg); }
        }

        /* 5. Pálpebras — ficam invisíveis (scaleY=0) e fecham (scaleY=1) ao piscar */
        .plane-eyelid-l,
        .plane-eyelid-r {
            transform-box: fill-box;
            transform-origin: top center;
            transform: scaleY(0);
            transition: transform 0.07s ease-in;
        }
        .plane-blink .plane-eyelid-l,
        .plane-blink .plane-eyelid-r {
            transform: scaleY(1);
        }

        /* 6. Sobrancelhas */
        .plane-brow-l,
        .plane-brow-r {
            transition: transform 0.28s ease;
            transform-box: fill-box;
            transform-origin: center center;
        }
        .plane-raise .plane-brow-l { transform: translateY(-4px) rotate(-8deg); }
        .plane-raise .plane-brow-r { transform: translateY(-4px) rotate(8deg); }

/* 1. Ajustes de Transição Independentes */
/*
//        #plane-toast {
//           position: fixed;
//           bottom: 20px;
//           right: 20px;
//           display: flex;
//           align-items: flex-end;
//           z-index: 9999;
//           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
//           opacity: 0;
//           pointer-events: none;
//           transition: opacity 0.3s ease;
//       }
//
//       #plane-toast.show {
//           opacity: 1;
//           pointer-events: auto;
//       }
*/

       /* 2. Animação do Avião */
/*
//       #plane-toast .plane-container {
//           width: 180px;
//           height: auto;
//           transform: translateX(150%) rotate(10deg);
//           transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.1);
//           transform-origin: center center;
//       }
//
//       #plane-toast.show .plane-container {
//           transform: translateX(0) rotate(0deg);
//       }
//
*/
       /* Classe para esconder (saída rápida) */
/*
//       #plane-toast.hide .plane-container {
//           transform: translateX(150%) rotate(-10deg);
//       }
//
*/
       /* 3. Animação do Balão */
/*
//       #plane-toast .bubble {
//           background: white;
//           border-radius: 16px;
//           padding: 13px 18px;
//           margin-right: -18px;
//           margin-bottom: 60px;
//           max-width: 240px;
//           box-shadow: 0 8px 25px rgba(0,0,0,0.15);
//           border: 1px solid #e0e0e0;
//           font-size: 14px;
//           color: #333;
//           opacity: 1 !important;
//           transform: scale(0.5) translateY(20px);
//           transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
//           z-index: 10;
//           position: relative;
//       }
//
//       #plane-toast .bubble.bubble-visible {
//           opacity: 1;
//           transform: scale(1) translateY(0);
//       }
//
*/
       /* Flutuação e Rosto */
/*
//       #airplane-svg { animation: planeFly 4s ease-in-out infinite; }
//       @keyframes planeFly {
//           0%, 100% { transform: translateY(0) rotate(0deg); }
//           25% { transform: translateY(-9px) rotate(-1.5deg); }
//           75% { transform: translateY(5px) rotate(1deg); }
//       }
//
//       .plane-eyelid-l, .plane-eyelid-r { transform-box: fill-box; transform-origin: top center; transform: scaleY(0); transition: transform 0.08s ease; }
//       .plane-blink .plane-eyelid-l, .plane-blink .plane-eyelid-r { transform: scaleY(1); }
//       .plane-brow-l, .plane-brow-r { transition: transform 0.28s ease; transform-box: fill-box; transform-origin: center; }
//       .plane-raise .plane-brow-l { transform: translateY(-5px) rotate(-6deg); }
//       .plane-raise .plane-brow-r { transform: translateY(-5px) rotate(6deg); }
 */