@charset "UTF-8";
/***!  /templates/investa/css/custom.css  !***/

/*Botão flutuante zap*/
@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  }
}

.sppb-btn-custom {
  animation: pulse 1.5s infinite;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sppb-btn-custom:hover {
  transform: scale(1.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

/* Botão com efeito de pulsar */
#sppb-addon-DBJTZrLp8B1iXklqc6peb #btn-DBJTZrLp8B1iXklqc6peb.sppb-btn-custom {
  animation: pulse 1.5s infinite;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efeito ao passar o mouse */
#sppb-addon-DBJTZrLp8B1iXklqc6peb #btn-DBJTZrLp8B1iXklqc6peb.sppb-btn-custom:hover {
  transform: scale(1.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}


/*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 */
        }



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

#sp-bottom:after{
  height: 0px!important;
}


/*bg cor menu e footer*/
#sp-header {
    background: #fedbf1!important;
}

#sp-bottom {
    background: #fedbf1!important;
}


#column-wrap-id-5c47000a-2937-4121-85d5-ccc7f82a789b{
  padding:0px!important;
  
}

/*ajustes de padding no mobile*/

#sppb-addon-8Uqcbt8jCWDZpxuYfgL9h{
  padding-right: 0%!important;
}



@media (max-width: 575px) {
    /* Adicione aqui os estilos específicos para telas menores que 576px */

#sppb-addon-meDDRMd_QSbsjd2BQKXW2{
  padding-right:0px!important;
  margin-right:0px!important;
}

#column-id-b8f15ac9-4f5e-4a1d-ac2a-f259c9125757{
  padding-left:0px!important;
}


#sppb-addon-1738972055396{
  padding-left: 135%!important;
}  
  
}