/* Mobile, 767px and down */
@media only screen and (max-width: 767px) {
			:root{
		--gap-quarter:1.5vw;
		--gap-half:3vw;
		--gap-size:6vw;
		--gap-double:12vw;
		--padding-size:4vw;
		--padding-double:8vw;
		--button-big-side:2vw;
		--button-big-top:1.5vw;
		--button-side:1vw;
		--button-top:0.75vw;
		--login-size:5vw;
		--logo-height:40vw;
	}
}

/* Tablet, between 768px and 1024px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
			:root{
		--gap-quarter:1vw;
		--gap-half:2vw;
		--gap-size:4vw;
		--gap-double:8vw;
		--padding-size:4vw;
		--padding-double:8vw;
		--button-big-side:2vw;
		--button-big-top:1.5vw;
		--button-side:1vw;
		--button-top:0.75vw;
		--login-size:20vw;
		--logo-height:20vw;
	}
}

/* Desktops, 1024px and up */
@media only screen and (min-width: 1024px) {
			:root{
		--gap-size:2vw;
		--gap-quarter:calc(
		var(--gap-size)/4);
		--gap-half:calc(
		var(--gap-size)/2);
		--gap-double:calc(
		var(--gap-size)*2);
		--padding-size:4vw;
		--padding-double:calc(
		var(--padding-size)*2);
		--button-big-side:2vw;
		--button-big-top:1.5vw;
		--button-side:1.5vw;
		--button-top:1vw;
		--login-size:40vw;
		--logo-height:12vw;
	}
}
:root{
	--global-h1:clamp(4.209rem, 3.9692rem + 0.7673vw, 4.89rem);
	
	--global-h2:clamp(1.802rem, 1.3619rem + 1.4085vw, 3.052rem);
	
	--global-h3:clamp(1.602rem, 1.3066rem + 0.9454vw, 2.441rem);
	
	--global-h4:clamp(1.424rem, 1.2377rem + 0.5961vw, 1.953rem);
	
	--global-h5:clamp(1.266rem, 1.1614rem + 0.3346vw, 1.563rem);
	
	--global-h6:clamp(1.125rem, 1.081rem + 0.1408vw, 1.25rem);
	
	--global-p:clamp(1rem, 1rem + 0vw, 1rem);
	
	--global-chip:clamp(0.889rem, 0.9203rem + -0.1003vw, 0.8rem);
	
	--global-small:clamp(0.64rem, 0.5872rem + 0.169vw, 0.79rem);
	
	--custom-border:2.5rem;
	--border-half:1.5rem;
	--parceiros:10dvh!important;
	--e-global-color-off-primary:#ffffff;
	
	--e-global-color-off-secondary:#d5d6fd;
	
	--e-global-color-off-text:#e5e8ea;
	
	--e-global-color-off-accent:#f8ff99;
	--box-shadow-small:0px 6px 14px 0px rgba(0, 0, 0, 10%);
	--box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 15%);
	--drop-shadow: drop-shadow(0 2px 20px rgba(0, 0, 0, 0.15));
	
  --transition: .5s ease;
}
body,html{
	overflow-x:clip;
}
*:focus { outline: none !important;border-color:transparent!important; box-shadow: none!important;}
strong{
	color:var(--e-global-color-secondary);
}
b{
	font-weight:900;
}
.fade{
	opacity:0.6;
}
.fadest{
	opacity:0.5;
}
.max-2-lines{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.max-3-lines{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.shadow-small{
    box-shadow: var(--box-shadow-small);
}
.shadow{
    box-shadow: var(--box-shadow);
}