.floating-btn {
      position: fixed;
      bottom: 20px;
      left: 20px;
      background-color: #007BFF;
      color: white;
      border: none;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      font-size: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
      z-index: 1050; /* Asegura que el botón flotante esté sobre otros elementos */
    }
    .floating-btn:hover {
      background-color: #0056b3;
    }

    /* Estilos adicionales para el formulario */
    .form-container {
      position: fixed;
      bottom: 90px; /* Ajustamos la distancia para que no se superponga con el botón flotante */
      left: 20px;
      background-color: white;
      border: 1px solid #ddd;
      padding: 20px;
      border-radius: 8px;
      width: 300px;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
      display: none; /* Ocultamos el formulario inicialmente */
      z-index: 1040; /* Asegura que el formulario esté sobre otros elementos, pero debajo del ícono flotante */
    }
    .form-container input,
    .form-container button {
      width: 100%;
    }