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

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

body a,
	 a:link,
	 a:visited,
	 a:hover,
	 a:active {
		text-decoration: none;
		color: inherit; /* ou defina a cor desejada */
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
	-webkit-text-size-adjust: 100%;
	
	margin: 0 auto;
	
	overflow-x: hidden; /* oculta a barra de rolagem horizontal */
	
	height: 100vh;
	background-color: black;
	
}

/* Barra de rolagem personalizada */
body::-webkit-scrollbar {
  width: 10px;
}
body::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
body::-webkit-scrollbar-thumb {
  background-color: #f90661;
  border-radius: 5px;
  height: 20px;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: #a10552;
}
@media only screen and (max-width: 768px){
	body::-webkit-scrollbar {
	  display: none;
	}
}

/* GENERAL */
.block{
    display: flex;
	flex-direction: column;
	width: 100vw;
	margin: 0 auto;
	padding: 15em 0 10em 0;
}
.block-2{
    display: flex;
	flex-direction: column;
	width: 100vw;
	margin: 0 auto;
	padding: 7em 0;
}
#whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    border: none;
    width: 60px;
    height: 60px;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
	background: transparent;
}
#whatsapp-button img {
    width: 35px;
    height: 35px;
}
.img-responsive{
  max-width: 100%;
}
.button-default {
  width: 250px;
  padding: 15px;
  border: none;
  text-decoration: none;
  cursor:pointer;
  font-size: 18px;
}
.button-cta {
  width: 100%;
  padding: 15px;
  border: none;
  text-decoration: none;
  cursor:pointer;
  font-size: 18px;
}
.text-center{
  text-align: center;
}

/* FONTS */
.kufam {
  font-family: "Kufam", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.montserrat{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.supertitle{
	font-size: 2.5vw;
	line-height: 130%;
}
.subtitles{
	font-size: 1vw;
	line-height: 150%;
}
.paragraph{
	font-size: 15px;
	line-height: 160%;
}
.micro-txt{
	font-size: 9px;
}
.underline{
	text-decoration: underline;
}

/* COLORS */ 
.bg-black{background-color: black;}
.bg-white{background-color: white;}
.bg-dark-gray{background-color:#333}
.bg-light-gray{background-color: #dadada;}
.bg-pink{background-color: #f90661;} 

.pix-black{color:black;}
.pix-white{color:white;}
.pix-gray{color:dimgray;}
.pix-light-gray{color:#dadada;}
.pix-pink{color:#f90661;}

.frame-white{
	border: solid;
	border-width: thin;
	border-radius: 15px;
	color: white;
}
.frame-black{
	border: solid;
	border-width: thin;
	border-radius: 15px;
	color: black;
}
.frame-pink{
	border: solid;
	border-width: thin;
	border-radius: 15px;
	color: #f90661;
}

@media only screen and (max-width: 1280px){
	.subtitles{
		font-size: 1.4vw;
	}
}

@media only screen and (max-width: 1024px){
	.supertitle{
		font-size: 4vw;
	}
	.subtitles{
		font-size: 1.7vw;
	}
}

@media only screen and (max-width: 600px){
	.supertitle{
		font-size: 8vw;
	}
	.subtitles{
		font-size: 3vw;
	}
	.block{
		padding: 12em 0 7em 0;
	}
	.block-2{
		padding: 5em 0;
	}
}