/* Contenedor y Botón Flotante */
.wa-dual-wrapper { position: fixed; bottom: 30px; right: 30px; z-index: 999999; }
.wa-float-btn { 
    background-color: #25d366; 
    width: 60px; height: 60px; 
    border-radius: 50%; 
    display: flex; justify-content: center; align-items: center; 
    cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    transition: transform 0.3s;
}
.wa-float-btn:hover { transform: scale(1.1); }
.wa-float-btn img { width: 35px; }

/* Modal */
.wa-modal {
    position: absolute; bottom: 80px; right: 0;
    width: 300px; background: white;
    border-radius: 15px; box-shadow: 0 5px 25px rgba(0,0,0,0.2);
    overflow: hidden; 
    font-family: "Raleway", sans-serif;
}
.wa-modal-content { padding: 20px; }
.wa-close {
  float: right;
  cursor: pointer;
  font-size: 26px;
  color: #aaa;
  position: absolute;
  right: 12px;
  top: -4px;
}
.wa-modal h4 { margin: 0 0 10px; color: #333; font-size: 16px; }
.wa-modal p { font-size: 13px; color: #666; margin-bottom: 15px; }

/* Input y Botón */
#wa-msg { 
    width: 100%; height: 80px; border: 1px solid #ddd; 
    border-radius: 8px; padding: 10px; font-size: 14px;
    resize: none; margin-bottom: 15px;
}
#wa-send-btn {
  background-color: #25d366;
  color: white;
  border: none;
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
  font-family: "Raleway", sans-serif;
  font-size: .85rem;
}
#wa-send-btn:hover { background-color: #128c7e; }
#wa-send-btn:disabled { background-color: #ccc; }