/* ---------------------------------------------------------------------- */
/*	GLOBAL
/* ---------------------------------------------------------------------- */
:root {
	--redColor: #ED1C24 !important;
	--whiteColor: #FFF !important;
	--blackColor: #59595B !important;
	--blueColor: #025095 !important;
	--yellowColor: #FFF12C !important;
	--grayColor: #DDD !important;
	--greenColor: #198754 !important;
	--bgColor: var(--whiteColor) !important;
	--borderRadius: 20px;
}

body {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	color: var(--corPreto) !important;
	background: var(--bgColor);
}

.clear {
	clear: both;
	width: 100%;
	font-size: 1px;
}

img {
	max-width: 100% !important;
}

.whatsapp {
	z-index: 99;
	position: fixed;
	padding: 0px 10px 5px 10px;
	bottom: 10px;
	right: 10px;
	background: var(--greenColor);
	border-radius: 5px;
}

.whatsapp a {
	color: var(--whiteColor) !important;
	text-decoration: none;
	font-size: 20px;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wpp {
	z-index: 999;
	position: fixed;
	top: 100px;
	right: 10px;
	padding: 10px 20px;
	background: var(--greenColor);
	color: var(--whiteColor);
	text-decoration: none;
	font-size: 15px;
	border-radius: var(--borderRadius);
}

.wpp:hover {
	color: var(--whiteColor);
}

.wpp img {
	height: 30px;
	filter: brightness(0) invert(1);
}

/* Definir o elemento que irá piscar */
.elemento-piscando {
	animation: piscar 1.5s infinite;
}

/* Definir a animação */
@keyframes piscar {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* ---------------------------------------------------------------------- */
/*	desktop
/* ---------------------------------------------------------------------- */
@media (min-width: 991px) {

	.div-2 {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 60px 0;
		text-align: center;
		background: url('../../_files/bg-2.png');
	}

	.div-2 h1 {
		margin-bottom: 60px;
		font-weight: 600;
	}

	.div-2 a {
		display: inline-block;
		text-decoration: none;
		margin: 0 20px;
	}

	.div-2 a img {
		height: 70px !important;
	}

	.div-3 {
		padding: 60px 0;
		background: url('../../_files/bg-3.png');
	}

	.div-3 .container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 20px;
	}

	.div-3 .container div.left,
	.div-3 .container div.right {
		padding: 10px;
		width: 50%;
		background: var(--whiteColor);
		border-radius: 30px;
	}

	.div-3 .container .left ul li div {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 5px 10px;
		width: 100%;
		font-size: 18px;
		font-weight: 600;
	}

	.div-3 .container .left ul li div span {
		display: inline-block;
		width: 50%;
		text-align: center;
		font-style: italic;
	}

	.div-3 .container .left ul li div.title {
		padding: 10px;
		font-size: 30px;
		font-weight: 600;
	}

	.div-3 .container .left ul li div.title span {
		font-style: normal !important;
	}

	.div-3 .container .right {
		text-align: center;
	}

	.div-3 .container .right h2 {
		padding: 20px 0;
		font-size: 30px;
		font-weight: 600;
	}

	.div-3 .container .right h3 {
		padding: 40px 0;
		font-size: 20px;
		font-weight: 600;
	}

	.div-3 .container .right h4 {
		padding: 11px 0;
		font-size: 20px;
		font-weight: 600;
		font-style: italic;
	}

	.div-4 {
		margin-top: 30px;
		padding: 20px 0 80px 0;
	}

	.div-4 h1 {
		text-align: center;
	}

	.div-4 ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 50px;
	}

	.div-4 ul li h1 {
		padding: 10px;
		font-size: 30px;
		font-weight: 600;
	}

	.div-4 ul li {
		text-align: center;
	}

	.div-4 ul li h2 {
		padding: 10px;
		font-size: 30px;
		font-weight: 600;
	}

	.div-4 ul li div {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size: 20px;
		font-weight: 600;
		background: url('../../_files/bg-2.png');
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	}

	.div-4 ul li div.v {
		aspect-ratio: 4/6;
	}


	.div-4 ul li div.h {
		aspect-ratio: 6/4;
	}

	.div-4 ul li div.q {
		aspect-ratio: 4/4;
	}

	footer {
		padding: 40px 0;
		text-align: center;
	}

	footer h1 {
		margin: 20px;
		padding: 10px;
		font-size: 30px;
		font-weight: 600;
	}

}

/* ---------------------------------------------------------------------- */
/*	tablet
/* ---------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 990px) {

	.div-2 {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 60px 0;
		text-align: center;
		background: url('../../_files/bg-2.png');
	}

	.div-2 h1 {
		margin-bottom: 60px;
		font-weight: 600;
	}

	.div-2 a {
		display: inline-block;
		text-decoration: none;
		margin: 0 20px;
	}

	.div-2 a img {
		height: 70px !important;
	}

	.div-3 {
		padding: 60px 0;
		background: url('../../_files/bg-3.png');
	}

	.div-3 .container div.left {
		margin-bottom: 40px;
	}

	.div-3 .container div.left,
	.div-3 .container div.right {
		padding: 10px;
		background: var(--whiteColor);
		border-radius: 30px;
	}

	.div-3 .container .left ul li div {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 5px 10px;
		width: 100%;
		font-size: 18px;
		font-weight: 600;
	}

	.div-3 .container .left ul li div span {
		display: inline-block;
		width: 50%;
		text-align: center;
		font-style: italic;
	}

	.div-3 .container .left ul li div.title {
		padding: 10px;
		font-size: 30px;
		font-weight: 600;
	}

	.div-3 .container .left ul li div.title span {
		font-style: normal !important;
	}

	.div-3 .container .right {
		text-align: center;
	}

	.div-3 .container .right h2 {
		padding: 20px 0;
		font-size: 30px;
		font-weight: 600;
	}

	.div-3 .container .right h3 {
		padding: 40px 0;
		font-size: 20px;
		font-weight: 600;
	}

	.div-3 .container .right h4 {
		padding: 11px 0;
		font-size: 20px;
		font-weight: 600;
		font-style: italic;
	}

	.div-4 {
		margin-top: 30px;
		padding: 20px 0 80px 0;
	}

	.div-4 h1 {
		text-align: center;
	}

	.div-4 ul {
		margin-top: 50px;
	}

	.div-4 ul li h1 {
		padding: 10px;
		font-size: 30px;
		font-weight: 600;
	}

	.div-4 ul li {
		text-align: center;
	}

	.div-4 ul li h2 {
		padding: 10px;
		font-size: 30px;
		font-weight: 600;
	}

	.div-4 ul li div {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size: 30px;
		font-weight: 600;
		background: url('../../_files/bg-2.png');
		background-size: cover;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	}

	.div-4 ul li div.v {
		margin-bottom: 40px;
		aspect-ratio: 4/6;
	}


	.div-4 ul li div.h {
		margin-bottom: 40px;
		aspect-ratio: 6/4;
	}

	.div-4 ul li div.q {
		aspect-ratio: 4/4;
	}

	footer {
		padding: 40px 0;
	}

	footer h1 {
		margin: 20px;
		padding: 10px;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
	}
}

/* ---------------------------------------------------------------------- */
/*	mobile
/* ---------------------------------------------------------------------- */
@media (max-width: 767px) {

	.div-2 {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 60px 0;
		text-align: center;
		background: url('../../_files/bg-2.png');
	}

	.div-2 h1 {
		margin-bottom: 60px;
		font-weight: 600;
	}

	.div-2 a {
		display: inline-block;
		text-decoration: none;
		margin: 0 20px;
	}

	.div-2 a img {
		height: 70px !important;
	}

	.div-3 {
		padding: 60px 0;
		background: url('../../_files/bg-3.png');
	}

	.div-3 .container div.left {
		margin-bottom: 40px;
	}

	.div-3 .container div.left,
	.div-3 .container div.right {
		padding: 10px;
		background: var(--whiteColor);
		border-radius: 30px;
	}

	.div-3 .container .left ul li div {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 5px 10px;
		width: 100%;
		font-size: 18px;
		font-weight: 600;
	}

	.div-3 .container .left ul li div span {
		display: inline-block;
		width: 50%;
		text-align: center;
		font-style: italic;
	}

	.div-3 .container .left ul li div.title {
		padding: 10px;
		font-size: 30px;
		font-weight: 600;
	}

	.div-3 .container .left ul li div.title span {
		font-style: normal !important;
	}

	.div-3 .container .right {
		text-align: center;
	}

	.div-3 .container .right h2 {
		padding: 20px 0;
		font-size: 30px;
		font-weight: 600;
	}

	.div-3 .container .right h3 {
		padding: 40px 0;
		font-size: 20px;
		font-weight: 600;
	}

	.div-3 .container .right h4 {
		padding: 11px 0;
		font-size: 20px;
		font-weight: 600;
		font-style: italic;
	}

	.div-4 {
		margin-top: 30px;
		padding: 20px 0 80px 0;
	}

	.div-4 h1 {
		text-align: center;
	}

	.div-4 ul {
		margin-top: 50px;
	}

	.div-4 ul li h1 {
		padding: 10px;
		font-size: 30px;
		font-weight: 600;
	}

	.div-4 ul li {
		text-align: center;
	}

	.div-4 ul li h2 {
		padding: 10px;
		font-size: 30px;
		font-weight: 600;
	}

	.div-4 ul li div {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size: 30px;
		font-weight: 600;
		background: url('../../_files/bg-2.png');
		background-size: cover;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	}

	.div-4 ul li div.v {
		margin-bottom: 40px;
		aspect-ratio: 4/6;
	}


	.div-4 ul li div.h {
		margin-bottom: 40px;
		aspect-ratio: 6/4;
	}

	.div-4 ul li div.q {
		aspect-ratio: 4/4;
	}

	footer {
		padding: 40px 0;
	}

	footer h1 {
		margin: 20px;
		padding: 10px;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
	}
}