@charset "UTF-8";
:root {
	--g1: #b7b7b7;
	--g2: #9f9f9f;
	--g3: #777777;
	--g4: #5f5f5f;
	--g5: #373737;
	--g6: #000000;
	--gray-50: #f9f9f9;
	--gray-100: #ececec;
	--gray-200: #e3e3e3;
	--gray-300: #cdcdcd;
	--gray-400: #b4b4b4;
	--gray-500: #9b9b9b;
	--gray-600: #676767;
	--gray-700: #424242;
	--gray-750: #2f2f2f;
	--gray-800: #212121;
	--gray-900: #171717;
	--gray-950: #0d0d0d;
	--cc1: #efe2ec;
	--cc2: #f2d3ce;
	--cc3: #efd5ba;
	--cc4: #cbe3ca;
	--cc5: #b2d8e9;
	--cc6: #d8e8f2;
	--cc7: #f3e4cd;
	--cc8: #cae9d7;
	--cc9: #cbd6f9;
	--cc10: #dccdf1;
	--cc1l: #fff3fc;
	--cc2l: #fff0ee;
	--cc3l: #fff2e5;
	--cc4l: #e6f7e5;
	--cc5l: #d6f2ff;
	--cc6l: #f3fbff;
	--cc7l: #fff7ec;
	--cc8l: #e3f7ee;
	--cc9l: #eef2ff;
	--cc10l: #f8f2ff;
	--bg: #ffffff;
	--bgo: #ffffffdd;
	--bg2: #f5f5f5;
	--bg2o: #f5f5f5dd;
	--bg3: #eaeaea;
	--bg3o: #eaeaeadd;
	--bg4: #dfdfdf;
	--bg4o: #dfdfdfdd;
	--bg5: #cecece;
	--bg5o: #cececedd;
	--brd: #e1e1e1;
	--gr1: linear-gradient(0deg, #ffffff,#FFF8F5);
	--gr1i: linear-gradient(180deg, #ffffff,#FFF8F5);
	--gr2: linear-gradient(180deg, #fff1ed, #ffebe3);
	--gr2i: linear-gradient(0deg, #fff1ed, #ffebe3);
	--gr3: linear-gradient(180deg, #fff7f5, #fff4f0);
	--gr4: linear-gradient(225deg, rgb(48, 166, 95), #1E6430, #163A1E);
	--shad: 0 0.4rem 0.7rem 0.2rem rgba(0,0,0,.2);
	--shad-brd: rgba(255, 255, 255, .027);
	--shad: 0 0.4rem 0.7rem 0.2rem rgba(0,0,0,.1);

	--main: #5c8198;
	--main-cc: #5c819855;
	--main-dark: #496678;
	--main-dark-cc: #49667855;
	--main-light: #6288a0;
	--main-light-cc: #6288a055;
	--addt: #003cd4;
	--addt-cc: #003cd455;
	--addt-dark: #0033b4;
	--addt-dark-cc: #0033b455;
	--addt-light: #0048ff;
	--addt-light-cc: #0048ff55;

	--c1: #dc2100;
	--c2: #d10092;
	--c3: #fa0;
	--c4: #09b300;
	--c5: #00ddd9;
	--c6: #0082d4;
	--c7: #bf7600;
	--c8: #00934f;
	--c9: #0051ff;
	--c10: #7a00d1;
	--whatsapp: #26d367;
	--telegram: #0088cc;
	--mail: #ff5858;
	--phone-call: #11998e;
	--bg-whatsapp: linear-gradient(0deg, #26d367, #26d367);
	--bg-telegram: linear-gradient(0deg, #0088cc, #0088cc);
	--bg-mail: linear-gradient(0deg, #ff5858 0%, #f857a6 100%);
	--bg-phone-call: linear-gradient(0deg, #11998e 0%, #38ef7d 100%);
	--font-header: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-text: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	/* --font-header: 'Jost', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-text: 'Jost', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; */
	--px: .06667rem;
	--r1: .5rem;
	--r2: 1rem;
	--r3: 1.5rem;
	--pd: 1.5rem;
	--pd1: 1rem;
	--pd2: 3rem;
	--pd4: 6rem;
	@media (min-width: 1280px) {
		--pd: 2rem;
	}
	@media (max-width: 767px) {
		--pd: 1rem;
	}
}

html {
	background-color: #fbfdff;
	display: flex;
	width: 100%;
	height: 100%;
	font-size: 16px;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	@media (min-width: 1280px) {font-size: calc(16px + 15 * (100vw - 1280px) / 1280);}
	scrollbar-width: thin;
	scrollbar-color: #888 #f1f1f1;
	&::-webkit-scrollbar {
		width: .65rem;
	}
	&::-webkit-scrollbar-track {background-color: #f1f1f1;}
	&::-webkit-scrollbar-thumb {
		background-color: #888;
		border-radius: .3rem;
	}
	&::-webkit-scrollbar-thumb:hover {background-color: #555;}
}


@keyframes a {
	0% {
		left: -150%;
	}
	80% {
		left: -150%;
	}
	100% {
		left: 150%;
	}
}

* {
	font-family: var(--font-text);
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 130%;
	font-family: var(--font-header);
	&.block {margin: 0;}
}
h1 {font-size: 2.2rem;}
h2 {font-size: 2rem;}
h3 {font-size: 1.7rem;}
h4 {font-size: 1.4rem;}
h5 {font-size: 1.2rem;}
h6 {font-size: 1rem;}

.buttons {
	display: flex;
	& button,
	& a {
		position: relative;
		display: flex;
		text-decoration: none;
		color: #fff;
		padding: 0.66rem 1.2rem;
		font-weight: 400;
		font-size: 0.6rem;
		text-transform: uppercase;
		border: none;
		border-radius: var(--r3);
		background: linear-gradient(180deg, var(--main-light), var(--main));
		justify-content: center;
		align-items: center;
		transition: all 0.2s linear;
		overflow: hidden;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: -150%;
			left: 0;
			height: 100%;
			width: 100%;
			transform: skewX(-45deg);
			background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), white);
			box-shadow: 0.625rem 0 1.25rem -0.625rem #fff;
			animation: a 5s infinite linear;
		}
		&:hover {background: linear-gradient(0deg, var(--main-light), var(--main));}
		&.disabled {opacity: 0.5;pointer-events: none;}
		&:hover::before,
		&.disabled::before,
		&.hidden {display: none;}
	}
}

img, svg {vertical-align: middle;}

* > p {
	margin-top: 0;
	margin-bottom: 1rem;
	&:nth-last-child(1) {margin-bottom: 0;}
}

a, button, input[type=submit] {outline: none;}

a {
	color: var(--main);
	position: relative;
	text-decoration: none;
	z-index: 2;
	&:hover {color: var(--main-dark);}
}

.no-scrollbars {
	scrollbar-track-color: transparent;
	scrollbar-width: none;
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
	&::-webkit-scrollbar {width: 0;}
	&::-webkit-scrollbar-track,
	&::-webkit-scrollbar-thumb,
	&::-webkit-scrollbar-thumb:hover,
	&::-webkit-scrollbar-corner {display: none;}
}
.scrollable-x {
	overflow-y: hidden;
	overflow-x: scroll;
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
	&::-webkit-scrollbar {width: 0;}
}
.scrollable-y {
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
	&::-webkit-scrollbar {width: 0;}
}


body {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-x: hidden;
	background-color: var(--bg);
	display: flex;
	flex-direction: column;
	height: auto;

	background-color: var(--bg);
	
	& > main {
		flex-grow: 1;
		background-color: var(--bg);
		& > .block {margin-top: var(--pd2);}
		& > .block:nth-child(1),
		& > .block.box + .block.box {margin-top: 0;}
		& > .block.item + .block {margin-top: 0;}
		& > .block:nth-last-child(1) {margin-bottom: var(--pd2);}
		& > .block:nth-last-child(1).box,
		& > .block:nth-last-child(1).colored {margin-bottom: 0;}
	}
}