/* Botão WhatsApp Flutuante */
 .whatsapp-float {
     position: fixed;
     width: 60px;
     height: 60px;
     bottom: 20px;
     right: 20px;
     background: #25D366;
     color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 24px;
     box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
     cursor: pointer;
     z-index: 1000;
     transition: all 0.3s ease;
     text-decoration: none;
     animation: pulse 2s infinite;
 }

 .whatsapp-float:hover {
     background: #20BA5A;
     transform: scale(1.1);
     box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
 }

 .whatsapp-float svg {
     width: 30px;
     height: 30px;
     fill: white;
 }

 /* Animação de pulso */
 @keyframes pulse {
     0% {
         box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
     }

     50% {
         box-shadow: 0 4px 20px rgba(37, 211, 102, 0.8);
     }

     100% {
         box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
     }
 }

 /* Tooltip */
 .whatsapp-float .tooltip {
     position: absolute;
     right: 70px;
     top: 50%;
     transform: translateY(-50%);
     background: #101840;
     color: white;
     padding: 8px 12px;
     border-radius: 6px;
     font-size: 14px;
     white-space: nowrap;
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.3s ease;
 }

 .whatsapp-float .tooltip::after {
     content: '';
     position: absolute;
     left: 100%;
     top: 50%;
     transform: translateY(-50%);
     border: 5px solid transparent;
     border-left-color: #333;
 }

 .whatsapp-float:hover .tooltip {
     opacity: 1;
 }

 /* Responsividade */
 @media (max-width: 768px) {
     .whatsapp-float {
         width: 55px;
         height: 55px;
         bottom: 15px;
         right: 15px;
     }

     .whatsapp-float svg {
         width: 26px;
         height: 26px;
     }

     .whatsapp-float .tooltip {
         display: none;
     }
 }