@import url('swipe.css');
@import url("animation.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");
@import url("smart-future-style-0.0.1.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
@import url("menu.css");
@import url("menu-mobile.css");
@import url("banner.css");
@import url("sobre.css");
@import url("sobre-mobile.css");
@import url("service.css");
@import url("service-mobile.css");
@import url("produtos.css");
@import url("produtos-mobile.css");
@import url("numbers.css");
@import url("numbers-mobile.css");
@import url("projeto.css");
@import url("projeto-mobile.css");
@import url("cliente.css");
@import url("cliente-mobile.css");
@import url("contato.css");
@import url("contato-mobile.css");
@import url("footer.css");




 .floating-button {
    position: fixed;
    right: 20px;
    z-index: 9999;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    cursor: pointer;
    transition: transform 0.3s, opacity 0.3s;
  }

  .floating-button:hover {
    transform: scale(1.1);
  }

  #whatsapp-button {
    bottom: 90px;
    background-color: #25D366;
    animation: pulse 1.5s infinite;
  }

  #fullscreen-toggle {
    bottom: 20px;
    background-color: #111;
  }

  @media (min-width: 1025px) {
    #fullscreen-toggle {
      display: none !important;
    }
  }

  .hide-buttons {
    opacity: 0;
    pointer-events: none;
  }

  /* Pulsando (WhatsApp) */
  @keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1); }
  }