body.transparent-header #sp-header{
      background-color: #23407d!important;
}


/*scroolup ajuste*/
.sp-scroll-up{
  bottom: 90px!important;
}

a {
  cursor: pointer;
}

/*animação flutuante whatsapp*/
.whatsapp-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 56px;
            height: 56px;
            background-color: #25D366;
            color: #fff;
            border: 2px solid #25D366;
            border-radius: 50%;
            padding: 4px;
            cursor: pointer;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
            transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out, border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        }

        .whatsapp-button:hover {
            background-color: #075E54;
            transform: scale(1.1) rotate(10deg) translate(-5px, -5px); /* Ajuste da rotação e da posição no hover */
            box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3);
            transition-duration: 0.5s; /* Duração da transição de 0.5 segundo */
        }

        .whatsapp-button img {
            width: 80%;
            height: 80%;
            display: block;
            margin: 10%;
            transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
        }

        @keyframes attentionAnimation {
            0%, 100% {
                transform: scale(1) rotate(0deg);
            }
            25% {
                transform: scale(1.1) rotate(5deg);
            }
            50% {
                transform: scale(1.1) rotate(-5deg);
            }
            75% {
                transform: scale(1.1) rotate(3deg);
            }
            100% {
                transform: scale(1) rotate(0deg);
            }
        }

        .whatsapp-button.attention {
            animation: attentionAnimation 2s ease-in-out infinite; /* Animação de atenção por 2 segundos */
        }

        .conversaowhatsapp {
            /* Defina estilos para a classe conversaowhatsapp aqui */
        }




#sp-menu .sp-module .sppb-btn.gradient-button:hover, #sp-menu .sp-module .sppb-btn.gradient-button:focus, #sp-menu .sp-module .sppb-btn.gradient-button:active{
background: linear-gradient(133.69deg, #42CB42 -2.59%);
  }

#sp-menu .sp-module .sppb-btn.gradient-button{
  border: 1px solid rgb(66, 203, 66);
}

.gradient-border .sppb-addon-title:before{
            background: linear-gradient(133.69deg, #23cf5f -2.59%, var(--gradient-color-2) 113.65%);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
  }

:root {
  --btn-idle-scale: 1.05;        /* zoom leve no estado normal */
  --btn-hover-extra: 1.10;       /* +10% no hover (antes era 1.30) */
  --btn-idle-duration: 3s;       /* ritmo suave */
  --btn-hover-duration: 1.5s;    /* respiração mais suave no hover */
}

/* Todos os botões */
button,
input[type="button"],
input[type="submit"],
a.sppb-btn,
.sppb-btn,
.sppb-btn-custom,
a[class*="btn"],
button[class*="btn"] {
  transform: scale(1);
  transform-origin: center center;
  will-change: transform;
  animation: btn-breathe var(--btn-idle-duration) ease-in-out infinite;
}

/* Hover: animação mais intensa, sem parar */
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
a.sppb-btn:hover,
.sppb-btn:hover,
.sppb-btn-custom:hover,
a[class*="btn"]:hover,
button[class*="btn"]:hover {
  animation: btn-breathe-strong var(--btn-hover-duration) ease-in-out infinite;
}

/* Respiração normal */
@keyframes btn-breathe {
  0%   { transform: scale(1); }
  50%  { transform: scale(var(--btn-idle-scale)); }
  100% { transform: scale(1); }
}

/* Respiração no hover (menos intensa agora) */
@keyframes btn-breathe-strong {
  0%   { transform: scale(1); }
  50%  { transform: scale(var(--btn-hover-extra)); }
  100% { transform: scale(1); }
}

/* Acessibilidade */
@media (prefers-reduced-motion: reduce) {
  button,
  input[type="button"],
  input[type="submit"],
  a.sppb-btn,
  .sppb-btn,
  .sppb-btn-custom,
  a[class*="btn"],
  button[class*="btn"] {
    animation: none !important;
    transform: none !important;
  }
}