body{
	font-family: "fieldwork", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#000;
}
.navbar {
	background-color: white;
}
.navbar-nav {
	flex-grow: 1;
	justify-content: center;
}
.navbar-brand {
	max-width: 120px; /* Ajuste conforme necessário */
}
.logo-right {
	max-width: 120px; /* Ajuste conforme necessário */
}
.nav-item{
	padding-right:10px;
	padding-left:10px;
	position:relative
}
.navbar-light .navbar-nav .nav-link{
	color:#000;
	font-weight:700
}
.navbar-light .navbar-nav .nav-link:hover{
	color:#5177da;
}

.navbar-light .navbar-nav .nav-item::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2px; /* Ajuste a altura do underline */
    width: 20%; /* Define a largura como 20% da palavra */
    height: 2px; /* Espessura do underline */
    background-color: #4578e1; /* Cor do underline */
    transform: translateX(-50%) scaleX(0); /* Esconde o underline inicialmente */
    transition: transform 0.3s ease-in-out;
}

.navbar-light .navbar-nav .nav-item:hover::after {
    transform: translateX(-50%) scaleX(1); /* Expande o underline */
}

.programaexp{
	background-color:#e0eaf6;
	color:#000;
	padding:90px;
	height:100%
}
.programaexp h1{
	border-left: 5px solid #5177da;
	font-weight:700;
	padding-left: 15px;
	margin-bottom: 30px;
	font-size:36px;
	
}
.programaexp p{
	font-size:28px;
	line-height:38px;
}
.programaexp a,.programaexp a:hover,.programaexp a:visited{
	color:#000;
	text-decoration:underline;
}
.programasub{
	background-color:#000;
	color:#fff;
	padding:80px;
}
.programasub h2{ 
	font-size:41px;
	margin-bottom: 50px;
}
.programasub .insc{ 
	font-size:24px;
	font-weight:700;
	text-align:center;
	background-color:#5177da;
	padding: 20px 0;
}
.programasub .insc a,.programasub .insc a:hover,.programasub .insc a:visited{ 
	color:#fff;
	text-decoration:none
}

#mapa{
	padding-top:50px
}
.allmap{
	position:relative;
}
.allmap h3{
	font-weight:700;
	font-size:42px;
	color:#000;
}
.minimap{
	position:absolute;
	z-index:2;
	top: 50%;
	left: 90px;
	transform: translateY(-50%);
	border-left:5px solid #000;
	border-bottom:5px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	max-width: 18vw;  
	
}
.mmapimg{
	border-bottom:2px solid #000;
}
.mmapimg h4{
	font-weight:700;
	font-size:19px;
	padding:20px 0
}
.fmap{
	display:none;
}
.fmap.active{
	display:block;
}
.regioes{
	padding:20px 30px;
	background-color:#FFF;
}
.regs{
	margin:10px 0;
	cursor:pointer;
	position:relative;
	z-index:3;
}
.bar{
	min-width:20%;
	margin-right:20px;
	background-color:#000;
	height:14px;
}
.regtitle{
	font-size:14px;
	font-weight:700;
	line-height:14px;
}
.regs.active .bar{
	background-color:#3778de;
}
.regs.active .regtitle{
	color:#3778de;
}
.svg-container {
	width: 100%; /* A div pai ocupa toda a largura disponível */
	display: flex;
	justify-content: center; /* Centraliza o SVG */
}
svg {
	width: 70%; /* Ocupa 70% da largura da div pai */
	height: auto; /* Mantém a proporção da altura */
	max-height: none; /* Garante que não há corte na altura */
}
.region {
	fill: #ccc; /* Cor inicial das regiões */
	stroke: #fff; /* Borda preta */
	stroke-width: .5;
	cursor: pointer;
	transition: fill 0.3s;
}
.region:hover, .region.active {
	fill: #3778de !important; /* Cor ao clicar */
}

#funciona{
	background-color:#000;
	color:#fff;
	padding:100px 0;
}
#funciona h3{
	font-weight:700;
	font-size:42px;
	padding-bottom:45px;
}

.custom-prev-icon, 
.custom-next-icon {
	height:6rem;
}
.custom-prev-icon img, 
.custom-next-icon img{
	max-height:100%;
}
.carousel-control-prev {
    left: -6rem;
	width:unset;
}
.carousel-control-next {
    right: -6rem;
	width:unset;
}
#prisometro{
	background-color:#fff;
	color:#000;
	padding:100px 0;
}
#prisometro h3{
	font-weight:700;
	font-size:58px;
	color:#5177da
}
#prisometro h4{
	font-size:48px;
	color:#000;
	padding-bottom:90px;
}
.prisodata h5{
	color:#5177da;
	font-size:90px;
	font-weight:700;
	margin-bottom:0;
}
.prisodata hr{
	max-width:20%;
	margin: -5px auto 10px;
	border: none;
	color: #000 !important;
	background-color:#000 !important;
	height: 4px;
	opacity: 1;
	
}
.prisodata p{
	color:#000;
	font-size:24px;
	font-weight:700
}
#prisometro h6{
	font-size:34px;
	font-weight:700;
	color:#000;
	margin-top:90px;
}
#campanha{
	background:#5177da;
	color:#fff;
	padding:100px 0 0;
}
#campanha h3{
	font-weight:700;
	font-size:42px;
	padding-bottom:45px;
}
footer{
	background:#5177da;
	margin-top:-10vw;
	z-index: -1;
}

@media (max-width: 575.98px) { ... }

// `md` applies to small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// `lg` applies to medium devices (tablets, less than 992px)
@media (max-width: 991.98px) {
	
}



@media (max-width: 1399.98px) {
	.programaexp h1{
		font-size:28px;
		
	}
	.programaexp p{
		font-size:22px;
		line-height:36px;
	}
	.programasub h2{ 
		font-size:26px;
		margin-bottom: 30px;
	}
	.programasub .insc{ 
		font-size:16px;
	}
	.allmap h3{
		
		font-size:26px;
	}
	.mmapimg h4{
		font-size:13px;
	}
	.bar{
		min-width:20%;
		margin-right:20px;
		background-color:#000;
		height:12px;
	}
	.regtitle{
		font-size:12px;
		font-weight:700;
		line-height:12px;
	}
	#funciona h3{
		font-size:26px;
		padding-bottom:45px;
	}
	
	#prisometro h3{
		font-weight:700;
		font-size:32px;
		color:#5177da
	}
	#prisometro h4{
		font-size:28px;
		color:#000;
		padding-bottom:45px;
	}
	.prisodata h5{
		color:#5177da;
		font-size:60px;
		font-weight:700;
		margin-bottom:0;
	}
	.prisodata hr{
		max-width:20%;
		margin: -5px auto 10px;
		border: none;
		color: #000 !important;
		background-color:#000 !important;
		height: 3px;
		opacity: 1;
		
	}
	.prisodata p{
		color:#000;
		font-size:18px;
		font-weight:700
	}
	#prisometro h6{
		font-size:20px;
		font-weight:700;
		color:#000;
		margin-top:60px;
	}
	#campanha h3{
		font-size:26px;
		padding-bottom:30px;
	}
	#funciona{
		padding:45px 0;
	}
	#prisometro{
		padding:45px 0;
	}
	#campanha{
		padding:45px 0;
	}
}

@media (max-width: 1199.98px) { 
	.minimap{
		left:0;
		position:relative;		
		transform: none;
		max-width: 90%;
		margin: 0 auto;
	}
	.fmap{
		margin: 0 auto;
	}
	.bar{
		min-width:10%;
		margin-right:20px;
		background-color:#000;
		height:20pxpx;
	}
	.regtitle{
		font-size:20px;
		line-height:20px;
	}
}


@media (max-width: 991.98px) {
	.navbar-brand {
		max-width: 80px; /* Ajuste conforme necessário */
	}
	.logo-right {
		max-width: 80px; /* Ajuste conforme necessário */
}
	.programaexp{
		padding:1rem;
	}
	.programasub{
		
		padding:1rem;
	}
	.programaexp h1{
		font-size:24px;
		
	}
	.programaexp p{
		font-size:18px;
		line-height:30px;
	}
	.programasub h2{ 
		font-size:24px;
	}
	.programasub .insc{ 
		font-size:18px;
	}
	#mapa {
		padding-top: 30px;
	}
	.allmap h3 {
       margin-bottom:20px;
	   font-size: 24px;
    }
	.minimap {
        max-width: 70%;
    }
	svg {
		width: 55%;
		height: auto;
		max-height: none;
	}
	.bar {
        min-width: 30%;
        margin-right: 20px;
        background-color: #000;
        height: 16px;
    }
	.regtitle {
        font-size: 16px;
        line-height: 16px;
    }
	#prisometro{
		padding:30px 0;
	}
	#prisometro h3{
		font-weight:700;
		font-size:24px;
		color:#5177da
	}
	#prisometro h4{
		font-size:18px;
		color:#000;
		padding-bottom:20px;
	}
	#prisometro h6 {
        font-size: 14px;
        margin-top: 0px;
    }
	.prisouni{
		margin-bottom:50px;
	}
	.prisodata h5{
		color:#5177da;
		font-size:70px;
		font-weight:700;
		margin-bottom:0;
	}
	.prisodata hr{
		max-width:10%;
		margin: -5px auto 10px;
		border: none;
		color: #000 !important;
		background-color:#000 !important;
		height: 4px;
		opacity: 1;
		
	}
	.prisodata p{
		color:#000;
		font-size:24px;
		font-weight:700
	}
	.custom-prev-icon, 
	.custom-next-icon {
		height:3rem;
	}
	.carousel-control-prev {
		left: -3rem;
		width:unset;
	}
	.carousel-control-next {
		right: -3rem;
		width:unset;
	}
	#funciona{
		padding:30px 0;
	}
	#funciona h3{
		font-size:24px;
		padding-bottom:20px;
	}
	#campanha{
		padding:30px 0 0;
	}
	#campanha h3{
		font-weight:700;
		font-size:24px;
		padding-bottom:20px;
	}
}