/* 
sm: 576px;
md: 768px;
lg: 992px;
xl: 1200px;
xxl: 1400px; 
*/

@import url("./styles/header.css");
@import url("./styles/hero.css");
@import url("./styles/mision.css");
@import url("./styles/faqs.css");
@import url("./styles/services.css");
@import url("./styles/benefits.css");
@import url("./styles/swiper.css");
@import url("./styles/footer.css");
@import url("./styles/whatsappButton.css");

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	scroll-behavior: smooth;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
		sans-serif;
}

.app--container {
	max-width: 1500px;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	margin: 0 auto;
	background-image: url("./img/assets/bg.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: auto;
}

.active {
	display: flex;
}

.opacity-0 {
	opacity: 0;
}

.lazy,
.lazyLogo {
	opacity: 0;
}