@import url('/assets/css/landing/variables.css?v=29');
@import url('/assets/css/landing/components.css?v=29');
@import url('/assets/css/landing/header.css?v=29');
@import url('/assets/css/landing/prices.css?v=29');
@import url('/assets/css/landing/comments.css?v=29');
@import url('/assets/css/landing/msj_calltoaction.css?v=29');
@import url('/assets/css/landing/footer.css?v=29');

@font-face {
	font-family: 'PlayfairDisplayBold';
	src: url(/assets/fonts/PlayfairDisplay-Bold.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PlayfairDisplayRegular';
	src: url(/assets/fonts/PlayfairDisplay-Regular.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'LatoBold';
	src: url(/assets/fonts/lato-bold.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'LatoRegular';
	src: url(/assets/fonts/lato-regular.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'LoversQuarrelRegular';
	src: url(/assets/fonts/LoversQuarrel-Regular.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MsMadi-Regular';
	src: url(/assets/fonts/MsMadi-Regular.ttf);
	font-weight: normal;
	font-style: normal;
}

/* Puedes agregar estilos globales aquí */
body {
	background-image: url('/assets/img/landing/background-hero.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto;
	font-family: 'LatoRegular' !important;
	margin: 0;
	padding: 0;
}
b{
	font-family: 'LatoBold';
}
.lovers{
	/* font-family: 'LoversQuarrelRegular'; */
	font-family: 'MsMadi-Regular';
}

.subtitle {
	font-size: 54px;
	line-height: 64px;
	font-family: 'PlayfairDisplayBold';
	font-weight: 600;
}

.description {
	font-size: 18px;
	line-height: 24px;
	font-family: 'LatoBold';
	font-weight: 700;
}


/* iPad Mini horizontal (aprox. 1024px de ancho) */
@media only screen and (max-width: 1133px) and (orientation: landscape) {
	body {
		background-position: center calc(-100px);
	}
}

/* iPad Mini horizontal (aprox. 1024px de ancho) */
@media only screen and (max-width: 768px) {
	body {
			/* background-position: center calc(-100px); */
			background-position: calc(47% + 50px) calc(0% - 123px);
	}
}

@media only screen and (max-width: 480px) {

	body{
		background-position: center calc(-100px);
	}
}