/*
OBSERVAÇÕES CORES E OUTRAS COISAS
ROXO: #723dc1;
AZUL: #65b9da;
*/

* {
	padding: 0;
	margin: 0;
}

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
	height: -webkit-fill-available;
}

body {
	overflow-x: hidden;
	font-family: RiftMedium;
	cursor: default;
	background-color: #00ac84;
	background-image: url('../img/bg.png');
	background-position: center;
	background-size: cover, contain;
	min-height: -webkit-fill-available;
	-webkit-backface-visibility: hidden;

	width: 100%;
	/* height: 100%; */
	overflow-x: hidden;
}

textarea:focus,
input:focus,
button:focus {
	outline: none;
}

a {
	text-decoration: none !important;
}

.bg {
	position: absolute;
	z-index: 0;
	width: 100%;
}

/*ELEMENTOS E PLANO DE FUNDOs*/
.elementos {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: -webkit-fill-available;
}

.elementos .galera-animada {
	position: absolute;
	right: 0;
	width: 45%;
	bottom: 0;
}

.elementos .enfeite-login {
	position: absolute;
	right: 35%;
	width: 10%;
	top: 0%;
}

.elementos .baldinho-centro-superior,
.elementos .baldinho-direita-inferior,
.elementos .baldinho-direita-superior,
.elementos .baldinho-esquerda-inferior,
.elementos .slogan,
.elementos .texto-direita-superior,
.elementos .texto-esquerda-inferior,
.elsementos .enfeite-esquerda-superior,
.elementos .logos-login {
	position: absolute;
}

.elementos .baldinho-centro-superior {
	width: 17%;
	left: 50%;
	transform: translate(-50%, 0%) scale(1);
}

.elementos .baldinho-direita-inferior {
	width: 5%;
	right: 0;
	bottom: 0;
}

.elementos .baldinho-direita-superior {
	width: 20%;
	right: 0;
	top: 0;
}

.elementos .baldinho-esquerda-inferior {
	width: 50%;
	left: 0;
	bottom: 0;
}

.elementos .slogan {
	max-width: 80%;
	max-height: 80%;
	transform: translate(-50%, -55%) scale(1);
	left: 50%;
	top: 50%;
}

.elementos .texto-direita-superior {
	top: 2vw;
	left: 2vw;
	font-family: MuseoSans900;
	font-size: 0.4vw;
	color: #fff;
	letter-spacing: 0.4vw;
}

.elementos .texto-direita-superior-home {
	left: 18vw;
}

.elementos .texto-esquerda-inferior {
	right: 7vw;
	bottom: 5.5vw;
	font-family: RiftLight;
	font-size: 2.8vw;
	color: #fff;
}

.elementos .logos-login {
	width: 12vw;
	bottom: 1.5vw;
	right: 8vw;
}

.elementos .enfeite-esquerda-superior {
	width: 12vw;
	top: 0vw;
	left: 0vw;
}

/*PAGE LOGIN*/


/* .page-login .btn-enviar img { */
/* height: 2.7vw; */
/* cursor: pointer; */
/* } */

.page-login .rodape-login {
	width: 87%;
	margin-top: 2vw;
}

/*PAGE CADASTRO*/
.elementos-cadastro {
	position: fixed;
	background-color: #641c71;
	/*background-image: url('../img/bg-cadastro.png');
	background-position: center;
  	background-size: cover, contain;*/
}

.elementos .logos-cadastro {
	position: absolute;
	width: 12vw;
	top: 36vw;
	left: 22vw;
}

.page-cadastro {
	position: absolute;
	z-index: 1;
	width: 60% !important;
	left: 18% !important;
	/* height: 100vh; */
	/* height: -webkit-fill-available; */
}

.page-cadastro .col {
	/* float: left; */
	/* width: 50%; */
	/* margin-top: 10vh; */
	padding-top: 2vw !important;
}

.page-cadastro .slogan {
	position: absolute;
	/*width: 40%;*/
	height: 45vh;
	left: 0%;
	top: 0%;
}

.page-cadastro .slogan img {
	height: 100%;
}

.page-cadastro .slogan-2 {
	position: absolute;
	/*width: 40%;*/
	height: 50vh;
	left: 0%;
	bottom: 0%;
}

.page-cadastro .slogan-2 img {
	height: 100%;
}

.page-cadastro .titulo {
	color: #230c87;
	font-family: AleloTextoExtrabold;
	font-size: 2.9vw;
	margin-left: 22vw;
	margin-top: -7vw;
}

.page-cadastro .texto {
	color: #fff;
	font-family: AleloTextoExtrabold;
	font-size: 1.1vw;
	margin-left: 22vw;
	margin-top: 1vw;
}

.page-cadastro .box {
	/* width: 80%; */
	/* margin-left: 10%; */
	/* height: 3.5vw;
	margin-bottom: 1vw; */
	flex-direction: row !important;
	margin-bottom: 1vw !important;
}

.page-cadastro .box-info {
	/* line-height: 0vw;
	height: 0vw;
	color: #230c87;
	font-family: AleloTextoExtrabold;
	font-style: italic;
	font-size: 0.8vw;
	width: 100%;
	margin-bottom: 2vw; */
}

.page-cadastro .box .box-label {
	/* width: 6.5vw;
	float: left; */
}

.page-cadastro .box .label-complemento {
	/* width: 9.5vw;
	margin-left: 4vw; */
}

.page-cadastro .box .label-apelido {
	/* width: 18vw; */
}

.page-cadastro .box .label-cep {
	/* width: 4vw;
	margin-left: 3vw; */
}

.page-cadastro .box label {
	/* color: #fff;
	font-family: AleloTextoExtrabold;
	font-size: 1.2vw;
	line-height: 3.3vw; */
	margin-right: 1vw;
}

.page-cadastro .box input {
	/* float: left;
	border: 0;
	background-color: #d7d840;
	line-height: 2.7vw;
	margin-bottom: 1.1vw;
	margin-top: 0.4vw;
	width: 28vw;
	padding: 0 1.5vw;
	font-size: 1.2vw;
	text-transform: uppercase;
	font-family: AleloTextoExtrabold; */
}

.page-cadastro .box .input-numero {
	/* width: 3vw; */
}

.page-cadastro .box .input-apelido {
	/* width: 16.5vw; */
}

.page-cadastro .box .input-complemento {
	/* width: 7.5vw; */
}

.page-cadastro .box .input-estado {
	/* width: 8.5vw; */
}

.page-cadastro .box .input-cep {
	/* width: 8.5vw; */
}

.page-cadastro .btn-enviar {
	/* background-color: #6bbddd;
	margin-left: 10%;
	width: 20%;
	text-align: center;
	font-family: AleloTextoExtrabold;
	color: #fff;
	line-height: 4vw;
	margin-top: 2vw;
	font-size: 1.4vw;
	margin-bottom: 2vw;
	cursor: pointer; */
}

/*CHECK DO CADASTRO*/
.page-cadastro .status {
	float: left;
	margin-left: 0.9vw;
	margin-top: 0.9vw;
	display: none;
}

.page-cadastro .status .check {
	display: block;
	position: relative;
	cursor: pointer;
}

.page-cadastro .status .check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.page-cadastro .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 1.2vw;
	width: 1.2vw;
	background-color: #fff;
	border-radius: 0.3vw;
	border: 0.2vw solid #230c87;
}

.page-cadastro .status .check:hover input~.checkmark {
	background-color: #fff;
}

.page-cadastro .status .check input:checked~.checkmark {
	background-color: #fff;
}

.page-cadastro .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.page-cadastro .status .check input:checked~.checkmark:after {
	display: block;
}

.page-cadastro .status .check .checkmark:after {
	left: 0.3vw;
	top: 0.1vw;
	width: 0.2vw;
	height: 0.6vw;
	border: solid green;
	border-width: 0 0.3vw 0.3vw 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*PAGE HOME*/
/*ELEMENTOS USADO NA HOME*/
.elementos .baldinho-slogan,
.elementos .enfeite-centro-superior,
.elementos .enfeite-direita-inferior,
.elementos .enfeite-direita-superior,
.elementos .logos,
.elementos .pessoas,
.elementos .texto-esquerda-meio,
.elementos .baldinho-principal {
	position: absolute;
}

.elementos .baldinho-slogan {
	width: 136vh;
	max-width: 70%;
	left: 40vh;
	top: 10vh;
}

.elementos .enfeite-centro-superior {
	width: 17%;
	right: 30%;
	z-index: 1;
}

.elementos .enfeite-direita-inferior {
	width: 8vw;
	bottom: 0;
	right: 0;
}

.elementos .enfeite-direita-superior {
	width: 5%;
	right: 0;
}

.elementos .logos {
	width: 15%;
	right: 10%;
	top: 3vh;
}

.elementos .pessoas {
	max-width: 100%;
	max-height: 82.5vh;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.elementos .baldinho-principal {
	max-width: 100%;
	max-height: 75vh;
	top: 8vw;
	left: 15vw;
}

.elementos .texto-esquerda-meio {
	right: 2vw;
	bottom: 20vw;
	font-family: RiftLight;
	font-size: 1.6vw;
	color: #fff;
}

/*PAGE HOME*/
.page-home {
	position: absolute;
	z-index: 1;
	width: 100%;
	right: 0%;
	top: 0;
}

.page-home .texto {
	float: right;
	max-height: 100vh;
	max-width: 45vw;
}

.page-home .texto img {
	max-height: 100vh;
	max-width: 45vw;
}

.page-home .desenho {
	float: left;
	max-height: 100vh;
	max-width: 55vw;
}

.page-home .desenho img {
	position: absolute;
	bottom: 0;
	max-height: 100vh;
	max-width: 55vw;
}

.btn-meu-baldinho {
	position: absolute;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.0);
	margin-left: 5.5vw;
	width: 18vw;
	height: 8vw;
	margin-top: -11vw;
}

/*PAGE PRODUTOS*/
.elementos-branco {
	background-color: #fff;
}

.elementos .cabecario-baldinho,
.elementos .cabecario-baldinho-superior,
.elementos .cabecario-enfeite-inferior,
.elementos .cabecario-enfeite-superior,
.elementos .cabecario-slogan,
.elementos .logos-produtos,
.elementos .top-bebidas {
	position: absolute;
}

.elementos .top-bebidas {
	width: 100%;
	top: 0;
	left: 0;
}

.elementos .cabecario-baldinho {
	width: 35%;
	bottom: 0;
	left: 0;
}

.elementos .cabecario-baldinho-superior {
	width: 4%;
	right: 0;
	top: 0;
}

.elementos .cabecario-enfeite-inferior {
	width: 30%;
	bottom: 0;
	right: 0;
}

.elementos .cabecario-enfeite-superior {
	width: 10%;
	top: 0;
	right: 10%;
}

.elementos .cabecario-slogan {
	width: 35%;
	left: 1vw;
	top: 1vw;
}

.elementos .logos-produtos {
	width: 15%;
	bottom: 2vw;
	left: 45%;
}

/* .page-produtos {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 20vw;
	top: 15vw;
	left: 5vw;
}

.page-produtos label {
	cursor: pointer;
}

.page-produtos .titulo-cabecario {
	position: absolute;
	color: #723dc1;
	font-family: AleloTextoExtrabold;
	font-size: 2vw;
	top: 0vw;
	left: 0vw;
	text-align: center;
	width: 87%;
}

.page-produtos .item {
	margin-top: 8vw;
}

.page-produtos .itens {
	height: 100%;
	float: left;
	width: 12vw;
	margin-left: 1vw;
	height: 15vw;
}

.page-produtos .itens-3 {
	width: 16vw;
}

.page-produtos .itens-3:nth-child(2) {
	margin-left: 22vw;
}

.page-produtos .itens-3-lx {
	width: 20vw;
	margin-right: 1vw;
	margin-left: 2vw;
}

.page-produtos .itens-3-lx:nth-child(2) {
	margin-left: 14vw;
}

.page-produtos .fotos {
	height: 70%;
	width: 100%;
	display: flex;
	justify-content: left;
	align-items: flex-end;
	cursor: pointer;
}

.page-produtos .fotos img {
	max-height: 100%;
	max-width: 80%;
}

.page-produtos .titulo {
	width: 100%;
	font-family: AleloTextoExtrabold;
	font-size: 1.2vw;
	text-align: left;
	cursor: pointer;
	color: #723dc1;
	margin-top: 10px;
}

.page-produtos .titulo span {
	color: #bcd652;
}

.page-produtos .flex {
	margin-top: 0.5vw;
	margin-left: 2vw;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	text-align: center;
}

.page-produtos .titulo-more-lines {
	margin-left: 0.5vw;
	margin-top: -0.5vw;
	text-align: left;
	font-size: 1.1vw;
} */

/* .page-produtos .titulo input[type=radio] { */
/* border: 0; */
/* width: 1.5vw; */
/* -ms-transform: scale(1.2); */
/* IE 9 */
/* -webkit-transform: scale(1.2); */
/* Chrome, Safari, Opera */
/* transform: scale(1.2); */
/* cursor: pointer; */
/* } */

/* .page-produtos .btn-proximo,
.page-produtos .btn-finalizar {
	position: absolute;
	background-color: #bcd652;
	margin-left: 44vw;
	width: 12%;
	text-align: center;
	font-family: AleloTextoExtrabold;
	color: #f85204;
	line-height: 3vw;
	margin-top: 20vw;
	font-size: 1.4vw;
	margin-bottom: 2vw;
	cursor: pointer;
	float: left;
}

.page-produtos .btn-finalizar {
	background-color: #6bbddd;
}

.page-produtos .btn-voltar {
	position: absolute;
	background-color: #6bbddd;
	margin-left: 30vw;
	width: 12%;
	text-align: center;
	font-family: AleloTextoExtrabold;
	color: #fff;
	line-height: 3vw;
	margin-top: 20vw;
	font-size: 1.4vw;
	margin-bottom: 2vw;
	cursor: pointer;
	float: left;
} */

/*PAGE FOTO*/


/*PAGE FINAL*/
/* .elementos .logos-final,
.elementos .pessoas-final,
.elementos .slogan-final,
.elementos .baldinho-final,
.elementos .baldinho-inferior-esquerdo {
	position: absolute;
}

.elementos .logos-final {
	width: 15vw;
	top: 38vw;
	left: 27vw;
}

.elementos .pessoas-final {
	max-width: 50%;
	max-height: 85vh;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.elementos .slogan-final {
	width: 50%;
	left: 2.5%;
	top: 5%;
	z-index: 1;
}

.elementos .baldinho-final {
	width: 42.5%;
	right: 10%;
	top: 9%;
}

.elementos .baldinho-inferior-esquerdo {
	width: 35%;
	bottom: 0;
	left: 0;
}

.page-final {
	position: absolute;
	z-index: 3;
	left: 27vw;
	top: 16vw;
}

.page-final .titulo {
	margin-top: 5vw;
	margin-left: 0;
	color: #e7e336;
	font-family: RiftBold;
	font-size: 2.5vw;
}

.page-final .texto {
	font-family: MuseoSans300;
	font-size: 1.1vw;
	color: #fff;
	margin-top: 1vw;
} */

/*FORMULARIO DA FOTO*/
.foto-formulario {
	position: absolute;
	z-index: 5;
}

.foto-formulario input {
	width: 0;
}

.foto-formulario .upload-area {
	position: absolute;
	top: 10.5vw;
	left: 42.2vw;
	width: 20vw;
	height: 11vw;
	border: 0.1vw solid #fff;
	text-align: center;
	background-color: transparent;
	cursor: pointer;
}

/*PAGE COMPARTILHAR*/
/* .page-compartilha {
	position: absolute;
	z-index: 3;
	text-align: center;
	width: 100%;
}

.page-compartilha .titulo {
	color: #bcd652;
	font-family: AleloTextoExtrabold;
	font-size: 1.8vw;
	width: 100%;
	margin-top: 2vw;
	text-align: left;
}

.page-compartilha .titulo span {
	font-family: AleloTextoLight;
	color: #fff;
}

.page-compartilha .foto {
	float: left;
	width: calc(75% - 5vw);
	margin-top: 5vw;
	margin-left: 5vw;
}

.page-compartilha .foto img {
	width: 100%;
}

.page-compartilha .conteudo-compartilha {
	float: left;
	width: calc(25% - 5vw);
	margin-top: 5vw;
	margin-left: 5vw;
}

.page-compartilha .enfeite-foto {
	width: 50%;
	margin-left: 50%;
}

.page-compartilha .enfeite-foto img {
	width: 100%;
}

.page-compartilha .botoes {
	background-color: red;
}

.page-compartilha .btn-salvar-foto {
	background-color: #6bbddd;
	margin-left: 0%;
	width: 70%;
	text-align: center;
	font-family: AleloTextoExtrabold;
	color: #fff;
	line-height: 4vw;
	margin-top: 2vw;
	font-size: 1.4vw;
	margin-bottom: 1vw;
	cursor: pointer;
	float: left;
}

.page-compartilha .btn-avancar {
	background-color: #fff;
	margin-left: 0%;
	width: 70%;
	text-align: center;
	font-family: AleloTextoExtrabold;
	color: #f85204;
	line-height: 4vw;
	font-size: 1.4vw;
	margin-bottom: 2vw;
	cursor: pointer;
	float: left;
} */


/*MENSAGENS DE ERROS*/



/*MOBILE*/
@media only screen and (max-width: 1220px) {

	/*PAGE LOGIN*/
	.page-login .slogan-login {
		margin-bottom: 5vw;
	}

	.page-login .rodape-login {
		width: 100%;
		margin-top: 5vw;
	}

	/*PAGE CADASTRO*/
	.page-cadastro .col {
		width: 100%;
		margin-top: 15vw;
	}

	.page-cadastro .slogan {
		width: 50%;
		height: unset;
		left: 25%;
		top: 0%;
	}

	.page-cadastro .slogan img {
		height: unset;
		width: 100%;
	}

	.page-cadastro .slogan-2 {
		height: unset;
		width: 100%;
		left: 0%;
		bottom: unset;
		margin-top: 165vw;
	}

	.page-cadastro .slogan-2 img {
		height: unset;
		width: 100%;
	}

	.page-cadastro .box {
		width: 90%;
		margin-left: 5%;
		height: 8vw;
		margin-bottom: 1vw;
	}

	.page-cadastro .box .box-label {
		width: 70vw;
		padding-right: 4vw;
		float: left;
		text-align: left;
		margin-top: 2vw;
	}

	.page-cadastro .box .label-complemento,
	.page-cadastro .box .label-apelido,
	.page-cadastro .box .label-cep {
		width: 70vw;
		margin-left: unset;
	}

	.page-cadastro .box label {
		font-size: 4vw;
		line-height: 3.3vw;
	}

	.page-cadastro .box input {
		line-height: 6vw;
		margin-bottom: 1.1vw;
		margin-top: 0.4vw;
		width: 80vw;
		padding: 0 1.5vw;
		font-size: 4vw;
	}

	.page-cadastro .box .input-numero,
	.page-cadastro .box .input-apelido,
	.page-cadastro .box .input-complemento,
	.page-cadastro .box .input-estado,
	.page-cadastro .box .input-cep {
		width: 80vw;
	}

	.page-cadastro .btn-enviar {
		margin-left: 5%;
		width: 90%;
		line-height: 8vw;
		margin-top: 68vw;
		font-size: 4vw;
	}

	/*CHECK DO CADASTRO*/
	.page-cadastro .status {
		margin-left: 0.9vw;
		margin-top: 0.9vw;
	}

	.page-cadastro .checkmark {
		height: 4.5vw;
		width: 4.5vw;
		border-radius: 1vw;
		border: 0.5vw solid #230c87;
	}

	.page-cadastro .status .check .checkmark:after {
		left: 1.1vw;
		top: 0.1vw;
		width: 1.0vw;
		height: 3vw;
		border-width: 0 1vw 1vw 0;
	}

	/*PAGE FOTO*/
	.foto-upload {
		/* margin-top: 35vw; */
		/* margin-left: 10%; */
		/* width: 80%; */
	}

	.foto-descricao {
		position: absolute;
		margin-top: 85vw;
		margin-left: 5%;
		width: 90%;
	}

	.popup-corte-imagem {
		top: 0vw;
	}

	.popup-corte-imagem .btn-salvar {
		left: 10%;
		width: 80%;
		line-height: 8vw;
		font-size: 4vw;
	}

	/*PAGE COMPARTILHAR*/
	/* .page-compartilha .foto { */
	/* width: calc(100% - 10vw); */
	/* } */

	/* .page-compartilha .titulo {
		font-size: 6vw;
		width: 100%;
		margin-top: 0vw;
		margin-bottom: 2vw;
	}

	.page-compartilha .conteudo-compartilha {
		width: calc(100% - 10vw);
	}

	.page-compartilha .enfeite-foto {
		float: right;
		width: 20%;
		margin-left: 0%;
	}

	.page-compartilha .btn-salvar-foto {
		width: 70%;
		line-height: 8vw;
		margin-top: 2vw;
		font-size: 4vw;
		margin-bottom: 2vw;
	}

	.page-compartilha .btn-avancar {
		width: 70%;
		line-height: 8vw;
		font-size: 4vw;
		margin-bottom: 2vw;
	} */

	/*PAGE PRODUTOS*/
	/* .page-produtos {
		width: 100%;
		height: unset;
		top: 38vw;
		left: 0vw;
	}

	.page-produtos .titulo-cabecario {
		font-size: 4vw;
		top: 0vw;
		left: 0vw;
		width: 100%;
	}

	.page-produtos .item {
		margin-top: 10vw;
		margin-left: 10%;
		width: 80%;
	}

	.page-produtos .itens {
		height: 100%;
		width: 50%;
		margin-left: 0;
		height: 50vw;
	}

	.page-produtos .itens-3 {
		width: 50%;
	}

	.page-produtos .itens-3:nth-child(2) {
		margin-left: unset;
	}

	.page-produtos .itens-3-lx {
		width: 50%;
		margin-right: unset;
		margin-left: unset;
	}

	.page-produtos .itens-3-lx:nth-child(2) {
		margin-left: unset;
	}

	.page-produtos .fotos {
		height: 50%;
		justify-content: center;
	}

	.page-produtos .titulo {
		font-size: 3vw;
		text-align: center;
		margin-top: 1vw;
	}

	.page-produtos .btn-proximo,
	.page-produtos .btn-finalizar {
		position: static;
		margin-left: 10%;
		width: 80%;
		line-height: 8vw;
		margin-top: 5vw;
		font-size: 4vw;
		margin-bottom: 2vw;
	}

	.page-produtos .btn-voltar {
		position: static;
		margin-left: 10%;
		width: 80%;
		line-height: 8vw;
		margin-top: 0vw;
		font-size: 4vw;
	} */

	/* The container */
	/* .container {
		margin-left: 50%;
		transform: translateX(-10px);
	}

	.checkmark {
		height: 20px;
		width: 20px;
	} */


	/*PAGE HOME*/
	.page-home .texto {
		float: left;
		max-height: unset;
		max-width: unset;
		width: 80%;
		margin-left: 10%;
	}

	.page-home .texto img {
		max-height: unset;
		max-width: unset;
		width: 100%;
	}

	.page-home .desenho {
		float: left;
		max-height: unset;
		max-width: unset;
		width: 100%;
	}

	.page-home .desenho img {
		position: absolute;
		bottom: unset;
		max-height: unset;
		max-width: unset;
		width: 100%;
	}

	.btn-meu-baldinho {
		position: absolute;
		z-index: 2;
		background-color: rgba(0, 0, 0, 0.0);
		margin-left: 5.5vw;
		width: 18vw;
		height: 8vw;
		margin-top: -11vw;
	}

}


/* 2024 */