@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/*Button brilho */
.button-brilho{
    padding: 15px 30px;
    font-size: 20px;
    border: 0;
    border-radius: 50px;
    color: #000;
    font-weight: bold;
    background: linear-gradient(to right, yellow, rgb(255, 255, 0));
    cursor: pointer; 
}
.button-brilho:hover{
  text-decoration: none!important;
    animation-name: botao;
    color: #000;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    box-shadow: 0 0 60px 20px rgba(255, 255, 0, 0.4); 
}
.button-brilho:visited{
  border: none!important;
}
@keyframes botao{
    0%{
        transform: scale(1);
        text-decoration: none!important;
        border: none!important;
    }
    100%{
        transform: scale(1.05);
    }
}
/*//Button brilho */
/*whatsapp flutuante pulse */
  .whatsapp-button {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 22px;
    right: 22px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 38px;
    box-shadow: 1px 1px 2px #888;
    z-index: 1000;
   animation: pulse 1.2s infinite;
}
  .whatsapp-button:hover {
    color: #fff;
}
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.9); }
  70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
/*//whatsapp flutuante pulse */
body{
font-family: "Roboto", sans-serif!important;
}
.title-h1{
	font-family: "Roboto", sans-serif!important;
	font-weight: 900!important;
	line-height: 1.3em!important;
}
.title-h2{
	font-family: "Roboto", sans-serif!important;
	font-weight: 900!important;
	line-height: 1.3em!important;
}
.bgteste{
	background: #ccc!important;
}
.margintop20{
margin-top: 20px!important;
}
.margintop50{
margin-top: 50px!important;
}
.margintop-50{
margin-top: -50px!important;
}
.margintop100{
margin-top: 100px!important;
}
.margintop-100{
margin-top: -100px!important;
}
.marginbottom30{
margin-bottom: 20px!important;
}
.marginbottom50{
margin-bottom: 50px!important;
}
.marginbottom70{
margin-bottom: 70px!important;
}
.marginbottom80{
margin-bottom: 80px!important;
}
.marginbottom100{
margin-bottom: 100px!important;
}
.logotipo{
   max-width: 100px!important;
   width: 100%!important;
   padding: 7px;
}
.fontsize13{
	font-size: 13px!important;
}
.fontsize18{
	font-size: 18px!important;
}
.fontsize20{
	font-size: 18px!important;
	line-height: 1.5em;
}
.fontsize30{
	font-size: 2.2rem!important;
}
.white{
 color: #fff!important;
}
.verde{
	color: #169916!important;
}
.cinza{
	color: #6a6868!important;
}
.black{
	color: #111!important;
}
.black-line{
	color: #111!important;
	text-decoration: underline;
}
.yellow{
	color: #4B7C34!important;
}
.cartoes img{
padding: 3px;
}
.title-chamada{
	font-size:4rem;
	line-height: 1.1em;
	border-radius: 50px;
	padding: 10px;
	background: #52270d;
	color: #fff;
}
.lista ul{
margin-left: 18px;	
padding: 0;
}
.lista ul li{
 font-family: "Open Sans",sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.9em;
  color: #6a6868;	
}
@media(max-width: 792px){
	.logotipo{
	   max-width: 100px!important;
	   width: 100%!important;
	   padding: 7px;
	}
}
@media(max-width: 792px){
	.display-3{
		font-size:1.6rem!important;
	}
	.fontsize20{
		font-size:1.2rem!important;
	}
	.fontsize30{
	font-size: 2rem!important;
}
}
@media(min-width: 1200px){
	.display-3{
		font-size:2.6rem!important;
	}
}
@media(max-width: 792px){
	.title-chamada{
		font-size:1.8rem;
	}
}