@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;200;300;400;500;600;700;800;900;1000&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
	--doc-height: 100%;
   }

html, body {
    width: 100vw;
	height: 100vh; /* fallback for Js load */
 	height: var(--doc-height);
	font-family: "Lato", sans-serif;
}
body {
	color: #FFFFFF;
}
.imgbgpadrao {
	background: #18103F no-repeat center url(../img/bg_up_2023.jpg);
	background-size: cover;
}
.imgbgdelas {
	background: #18103F no-repeat center url(../img/bg_up_2023_delas.jpg);
	background-size: cover;
}
.imgbgcaixa {
	background: #18103F no-repeat center url(../img/bg_up_2023_caixa.jpg);
	background-size: cover;
}
.imgbgcfc {
	background: #18103F no-repeat center url(../img/bg_up_2023_cfc.jpg);
	background-size: cover;
}
.imgbgfim {
	background: #18103F no-repeat center url(../img/bg_up_2023_fim.jpg);
	background-size: cover;
}
.imgbganamaco {
	background: #18103F no-repeat center url(../img/bg_up_2023_anamaco.jpg);
	background-size: cover;
}
.imgbgbb {
	background: #242731 no-repeat center url(../img/bg_up_2023_bb.jpg);
	background-size: cover;
}
.imgbgsc {
	background: #14073D no-repeat center url(../img/bg_up_2023_sc.jpg);
	background-size: cover;
}
.imgbgec {
	background: #14073D no-repeat center url(../img/bg_up_2023_ec.jpg);
	background-size: cover;
}
iframe {
    display: block;       /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 100vw;
}
.geral {
	padding: 50px;
	height: 100vh;
	width: 100vw;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.bggeral {
	background: #18103F no-repeat center url(../img/bg_upgeral.jpg);
	background-size: cover;
	justify-content: center;
	flex-direction: column;
}
h1 {
	font-size: 2em;
	padding-bottom: 50px;
	font-weight: 400;
}
h1 b {
	color: #00FFA2;
}
h2 {
	padding: 5px 15px;
	background-color: #D971A1;
	border-radius: 30px;
	color: #000000;
	width: fit-content;
}
h2 b {
	color: #00FFA2;
	font-weight: 700;
}
.logosebrae {
	position: fixed;
	bottom: 0px;
	right: 0px;
	background: no-repeat center center url(../img/sebrae_logo.png);
	background-size: contain;
	width: 110px;
	height: 84px;
	margin: 30px;
}
.texto {
	display: flex;
	flex-direction: column;
	width: 50vw;
	font-size: 1.15em;
	font-weight: 300;
	line-height: normal;
}
.texto a {
	color: #000000;
	margin: 30px 0px;
	width: fit-content;
	transition: all 0.4s ease-in-out;
	background-color: #00FFA2;
	padding: 10px 20px;
	border-radius: 7px;
	text-decoration: none;
	font-weight: 400;
}
.texto a:hover {
	transform: scale(1.08);
}
p {
	color: #9D9BA5;
}
p b {
	font-weight: 700;
	color: white;
}
.linkup {
	color: #00FFA2 !important;
	margin: 0px !important;
	width: fit-content !important;
	background-color: transparent !important;
	padding: 0px !important;
	border-radius: 0px !important;
	text-decoration: underline !important;
	font-size: 0.8em !important;
}
.dataglobal {
	background: no-repeat center top url(../img/data.png);
}
.datadelas {
	background: no-repeat center top url(../img/data_delas.png);
}
.datacaixa {
	background: no-repeat center top url(../img/data_caixa.png);
}
.datacfc {
	background: no-repeat center top url(../img/data_cfc.png);
}
.dataanamaco {
	background: no-repeat center top url(../img/data_anamaco.png);
}
.databb {
	background: no-repeat center top url(../img/data_bb.png);
}
.datasc {
	background: no-repeat center top url(../img/data_sc.png);
}
.dataec {
	background: no-repeat center top url(../img/data_ec.png);
}
.data {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-size: contain;
	width: 250px;
	height: 150px;
}


@media only screen and (max-width: 1024px) {
	.imgbgpadrao {
		background: no-repeat center top url(../img/bg_up_2023mob.jpg);
		background-size: cover;
		background-color: #14073D;
	}
	.imgbgdelas {
		background: no-repeat center top url(../img/bg_mob_delas.jpg);
		background-size: cover;
		background-color: rgba(24, 16, 63, 1);
	}
	.imgbgcaixa {
		background: no-repeat center top url(../img/bg_mob_caixa.jpg);
		background-size: cover;
		background-color: rgba(24, 16, 63, 1);
	}
	.imgbgcfc {
		background: no-repeat center top url(../img/bg_mob_cfc.jpg);
		background-size: cover;
		background-color: rgba(24, 16, 63, 1);
	}
	.imgbgfim {
		background: no-repeat center top url(../img/bg_mob_fim.jpg);
		background-size: cover;
		background-color: rgba(24, 16, 63, 1);
	}
	.imgbganamaco {
		background: no-repeat center top url(../img/bg_mob_anamaco.jpg);
		background-size: cover;
		background-color: rgba(24, 16, 63, 1);
	}
	.imgbgbb {
		background: no-repeat center top url(../img/bg_mob_bb.jpg);
		background-size: cover;
		background-color: #242731;
	}
	.imgbgsc {
		background: no-repeat center top url(../img/bg_mob_sc.jpg);
		background-size: cover;
		background-color: #14073D;
	}
	.imgbgec {
		background: no-repeat center top url(../img/bg_mob_ec.jpg);
		background-size: cover;
		background-color: #14073D;
	}
	.geral {
		height: var(--doc-height);
		justify-content: center;
		padding: 950px 35px 50px 35px;
		height: auto;
		
	}
	h1 {
		font-size: 5.5vw;
	}
	iframe {
		height: var(--doc-height);
	}
	.logosebrae {
		top: -10px;
		right: auto;
		bottom: auto;
		left: 0px;
		width: 110px;
		position: absolute;
	}
	.texto {
		width: 100vw;
		font-size: 4.5vw;
	}
	.data {
		left: auto;
		right: 15px;
		margin: 0;
	}
	
}

@media only screen and (max-width: 650px) {
	
	.geral {
		padding-top: 600px;
	}
	h1 {
		font-size: 7.5vw;
	}
	.logosebrae {
		top: -10px;
		width: 80px;
		position: absolute;
	}
	
}

@media only screen and (max-width: 420px) {
	
	.geral {
		padding-top: 430px;
	}
	.data {
		width: 180px;
		top: 30px;
	}
	
}