@charset "utf-8";
/* CSS Document */

span.topico {
	font-family:'Chivo', sans-serif; 
	color: #242424; 
	font-weight: 550; 
	font-size: 1.4vw;
	padding: 10;
	


}

span.acao {
	font-family:'Chivo', sans-serif; 
	color: #242424; 
	font-weight:500; 
	font-size: 1.3vw;
	padding: 10;

}

span.caracteristica {
	font-family:'Chivo', sans-serif; 
	color: #242424; 
	font-weight: 340; 
	font-size: 1.2vw;
	padding: 10;

}


h3{ 	
	font-family:'Chivo', sans-serif; 
	font-weight: 500; 
	font-size: 1vw;
	vertical-align: center;
	min-width: 15.97vw;
	max-width: 17.97vw;
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -pre-wrap;
  /* Opera <7 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* IE */


	
}

h4 {
	text-align: right; 
	font-family:'Chivo', sans-serif; 
	font-weight: 400; 
	min-font-size: 0.8vw;
	 vertical-align: center;
}

.tooltip text {
	fill: white;
	text-shadow: 3 3 3px black;
	opacity: 1;


}
 
.tooltip { 
	position: relative;
	display: block;
    z-index: 3;
	/*opacity: 1;*/ 

}

 @media screen and (max-width: 1024px) {
    .footer {
		height: fit-content; 
        display: grid;
		margin-left: 4px;
        bottom:0;
        margin-top: auto;
		font-size: 1.6vw;

    } 
      .footer-left{
        display: grid;
        grid-template-columns: 1fr;
    }

    .footer-right {
		text-align: left;
        margin-left: 4px;
        margin-right: 0vw;
        width: 98vw;
    }
	 
   span.acao {

		font-size: 2.9vw;

    } 
 span.topico{

		font-size: 3vw;

    } 
 span.caracteristica {
	 
  	font-size: 2.8vw;

    } 
h3 {
	 
  	font-size: 2vw;
	min-width: 15.97vw;
	max-width: 17.97vw;
	  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -pre-wrap;
  /* Opera <7 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* IE */

    } 
h4 {
	 
  	font-size: 1.8vw;
    } }