:root {
	--black: #1D2129;
		--black_2: #000000;
	--white: #ffffff;
	--grey: #D7E1E1;
		--grey_1: #E3E7E6;
	--blue: #273AE9;
		--blue_2: #311CAC;
		--blue_4: #cee6e5;
	--green: #BCFF39;
		--green_2: #09E1CD;
		--green_6: #00ACA8;
	--yellow: #DAFF00;
		--yellow_2: #E0F290;
	--red: #F90066;
	--orange: #F6AE47;
		--orange_2: #F64F4E;
		--orange_3: #FF7A59;
	--purple: #4E008E;
	
	--svg_up_right_black: 	url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='5.29 5 13.71 13.71' fill='%23081D34'%3E%3Cpath d='M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z'/%3E%3C/svg%3E");
	--svg_up_right_white: 	url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='5.29 5 13.71 13.71' fill='%23ffffff'%3E%3Cpath d='M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z'/%3E%3C/svg%3E");
	--svg_right_black: 		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
	--svg_youtube: 			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23f00'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");

	--bs-border-radius: 16px;
}

html, body {
	font-family: "Plus Jakarta Sans", sans-serif;
	color: var(--black);
    font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	background-color: #ffffff;
}
body { top: 0 !important; padding-top: 100px; }
a { color: var(--black) !important; text-decoration: none; }
a:hover { color: var(--black); }

/**mobile**/
@media (max-width: 991px) {
	.container, .container-fluid { padding-left: 25px; padding-right: 25px; }
}




/** br ****************************************************************************************/


br.responsive { display: none; }

/**mobile**/
@media (max-width: 991px) {
	br.responsive { display: inline; }
}




/** botoes ****************************************************************************************/


.btn { line-height: 26px; border-radius: 16px; border: 1px solid var(--black) !important; background-color: #fff; }
.btn_lg { line-height: 36px; }
.btn-rounded { border-radius: 40px; }
.btn-shadow { box-shadow: 4px 4px 0 rgba(0,0,0,0.15); }
.btn-shadow-hover { box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2); }
.btn-shadow-hover:hover { box-shadow: 5px 5px 0 rgba(0,0,0,0.15); }
.btn-auto { display: block; width: max-content; max-width: 100%; }

.btn-black { background-color: var(--black) !important; color: var(--white) !important; }
.btn-yellow { background-color: var(--yellow_2) !important; color: var(--black) !important; }
.btn-green { background-color: var(--green) !important; color: var(--black) !important; }
.btn-green-2 { background-color: var(--green_2) !important; color: var(--black) !important; }
.btn-green-4 { background-color: var(--green_4) !important; color: var(--black) !important; }
.btn-blue { background-color: var(--blue) !important; color: var(--white) !important; }
.btn-red { background-color: var(--red) !important; color: var(--white) !important; }
.btn-purple { background-color: var(--purple) !important; color: var(--white) !important; }
.btn-orange { background-color: var(--orange) !important; color: var(--white) !important; }
.btn-white { background-color: var(--white) !important; color: var(--black) !important; }
.btn-grey { background-color: var(--grey_1) !important; color: var(--black) !important; }

.btn-arrow { padding-left: 45px; background: var(--svg_up_right_black) left 15px center / 18px no-repeat; }
.btn-arrow-2 { padding-left: 30px; padding-right: 55px; background: var(--svg_right_black) right 15px center / 36px no-repeat; }
	.btn_arrow { padding-left: 45px; background: var(--svg_up_right_black) left 15px center / 18px no-repeat; border: 10px solid #ff0000 !important; }

.btn_icon { padding-left: 45px; background: left 15px center / 18px no-repeat; border: 10px solid #ff0000 !important; }


/** bg ****************************************************************************************/


.bg_black { background-color: var(--black); }
.bg_grey { background-color: var(--grey); }
.bg_green { background-color: var(--green); }
.bg_green_2 { background-color: var(--green_2); }
.bg_yellow { background-color: var(--yellow_2); }
.bg_purple { background-color: var(--purple); }
.bg_blue { background-color: var(--blue_2); }
.bg_red { background-color: var(--red); }
.bg_orange { background-color: var(--orange); }

.bg_rounded { border-radius: 40px; }

.bg_circles { background-image: url(/images/background/26.svg); background-position: top right; background-size: 30%; background-repeat: no-repeat; }


.box_shadow { border: 2px solid #000; box-shadow: 5px 5px 0 rgba(0,0,0,0.15); border-radius: 16px; }


/**mobile**/
@media (max-width: 991px) {

	.bg_circles { background-size: 80%; }
	
}


/** fontes ****************************************************************************************/


.fw-100 { font-weight: 100 !important; }.fw-300 { font-weight: 300 !important; }.fw-400 { font-weight: 400 !important; }.fw-600 { font-weight: 600 !important; }.fw-700 { font-weight: 700 !important; }.fw-800 { font-weight: 800 !important; }.fw-900 { font-weight: 900 !important; }

.font-10 { font-size: 10px !important; }.font-11 { font-size: 11px !important; }.font-12 { font-size: 12px !important; }.font-13 { font-size: 13px !important; }.font-14 { font-size: 14px !important; }.font-15 { font-size: 15px !important; }.font-16 { font-size: 16px !important; }.font-17 { font-size: 17px !important; }.font-18 { font-size: 18px !important; }.font-19 { font-size: 19px !important; }.font-20 { font-size: 20px !important; }.font-21 { font-size: 21px !important; }.font-22 { font-size: 22px !important; }.font-23 { font-size: 23px !important; }.font-24 { font-size: 24px !important; }.font-25 { font-size: 25px !important; }.font-26 { font-size: 26px !important; }
.font-30 { font-size: 30px !important; }.font-35 { font-size: 35px !important; }.font-40 { font-size: 40px !important; }.font-45 { font-size: 45px !important; }.font-50 { font-size: 50px !important; }

.icon-btn { display: inline; height: 20px; padding: 4px; margin: 0 10px 0 auto; background-color: #ffffff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 3px 3px 0 rgba(0, 0, 0, 0.25); }
.icon-svg { display: inline; height: 18px; margin: 0 10px 0 auto; }


/** h ****************************************************************************************/


h1, h2 { font-size: 26px; font-weight: 400; line-height: 1.4;  }
	h2.big { font-size: 30px; }
h3 { font-size: 18px; font-weight: 600; line-height: 1.4; }
h4 { font-size: 17px; font-weight: 400; line-height: 1.4; }
h5 { font-size: 15px; font-weight: 400; line-height: 1.4; }

/**mobile**/
@media (max-width: 991px) {
	h1, h2 { font-size: 24px; }
		h2.big { font-size: 26px; }
	h3 { font-size: 18px; }
}


/** navbar ****************************************************************************************/


.navbar { min-height: 100px; height: 100px; padding-top: 0; padding-bottom: 0; background: var(--white); box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 2px; }

.navbar .navbar-brand { display: flex; align-items: center; padding: 0; margin: 0; font-size: 16px; }
.navbar a {  font-weight: 400; text-transform: uppercase; }

/**mobile**/
@media (max-width: 991px) {

	.navbar a { font-size: 18px; }

	.navbar_toggler { display: flex; padding: 0; border: 0 !important; background: var(--white); }
	.navbar_toggler .navbar_toggler_icon { height: 35px; width: 40px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjQgNmgtMjR2LTRoMjR2NHptMCA0aC0yNHY0aDI0di00em0wIDhoLTI0djRoMjR2LTR6Ii8+PC9zdmc+"); }
	.navbar_toggler.open .navbar_toggler_icon { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjQgMjAuMTg4bC04LjMxNS04LjIwOSA4LjItOC4yODItMy42OTctMy42OTctOC4yMTIgOC4zMTgtOC4zMS04LjIwMy0zLjY2NiAzLjY2NiA4LjMyMSA4LjI0LTguMjA2IDguMzEzIDMuNjY2IDMuNjY2IDguMjM3LTguMzE4IDguMjg1IDguMjAzeiIvPjwvc3ZnPg=="); }

	.navbar-collapse { position: fixed; top: 100px; bottom: 0; left: 0; right: 0; padding: 20px; z-index: 100; background-color: var(--grey); overflow-y: auto; visibility: hidden; transition: visibility; &.open { visibility: visible; } }
	.navbar-collapse .navbar-nav { padding: 0 0 20px 0; }
	.navbar-collapse .navbar-nav .nav-link { display: flex; height: 70px; align-items: center; justify-content: right; padding-right: 80px; background: var(--svg_right_black) right 40px center / 25px no-repeat; &.active { font-weight: 800; } }
	.navbar-collapse .btn { padding: 15px; display: block; margin: 20px; }

}

/**desktop**/
@media (min-width: 992px) {

	.navbar a { font-size: 15px; }

	.navbar_toggler { display: none; }

	.navbar-collapse .navbar-nav .nav-item { margin-left: 15px; margin-right: 15px; }
	.navbar-collapse .navbar-nav .nav-link { padding-left: 0; padding-right: 0; border-top: 2px solid transparent !important; border-bottom: 2px solid transparent !important; &:hover { border-bottom: 2px solid var(--green) !important; } &.active { font-weight: 600; border-bottom: 2px solid var(--green_2) !important; } }
	.navbar-collapse .btn { padding: 8px 15px; margin: 0 0 0 15px; }

}


/** home ****************************************************************************************/


.home_head {
	min-height: 480px;
	text-transform: uppercase;
	background-image: url(/images/background/expo-2026-bg.png), url(/images/background/expo-2026.png);
	background-position: center, right 150px top 110px;
	background-repeat: repeat, no-repeat;
	background-size: 200px, 550px;
	background-color: #381C75;
	display: flex;
}
.home_head h1 { font-size: 30px; font-weight: 300; color: #fff; padding: 0; margin: 70px 0 0 0; line-height: 1.2; }
.home_head h1 strong { font-weight: 700; color: var(--yellow); }
.home_head .home_head_data { width: max-content; font-size: 25px; font-weight: 800; padding: 8px 15px; margin: 50px 0 0 0; background: var(--green); color: var(--black); }
.home_head .home_head_horario { width: max-content; font-size: 18px; font-weight: 800; padding: 8px 15px; margin-top: 4px; background-color: var(--green_2); }
.home_head small { font-size: 15px; font-weight: 600; }

.home_ecn .container { position: relative; margin-top: -150px; margin-bottom: -150px; border: 2px solid #000; height: 300px; padding: 10px; background-image: url(/images/background/expo-center-norte.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; text-transform: uppercase; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; box-shadow: 5px 5px 0 rgba(0,0,0,0.15); border-radius: 16px; }
.home_ecn .home_ecn_local { font-size: 14px; font-weight: 800; padding: 6px 10px; background-color: var(--yellow); }
.home_ecn .home_ecn_pavilhao { font-size: 14px; padding: 6px 10px; margin-top: 4px; background-color: var(--yellow); }
.home_ecn .home_ecn_endereco { font-size: 14px; padding: 6px 10px; margin-top: 4px; background-color: var(--white); }

.home_icones { padding-top: 150px; background-color: var(--green_2); }

/**mobile**/
@media (max-width: 991px) {

	.home_head {
		min-height: 450px;
		background-position: center, center bottom 150px;
		background-size: 200px, 250px;
	}
	.home_head h1 { font-size: 26px; margin: 40px auto 0 auto; text-align: center; }
	.home_head .home_head_data { font-size: 22px; margin: 40px auto 0 auto; }
	.home_head .home_head_horario { font-size: 16px; margin: 2px auto 0 auto; }
	.home_head small { font-size: 14px; font-weight: 400; }

	.home_ecn { padding-left: 20px; padding-right: 20px; }
	.home_ecn .container { margin-top: -100px; margin-bottom: -100px; height: 200px; background-image: url(/images/background/expo-center-norte-sm.jpg); }
	.home_ecn .home_ecn_local { font-size: 12px; padding: 4px 8px; }
	.home_ecn .home_ecn_pavilhao { font-size: 12px; padding: 4px 8px; }
	.home_ecn .home_ecn_endereco { font-size: 11px; padding: 4px 8px; }

	.home_icones { padding-top: 100px; }

}


/** card ****************************************************************************************/


.card { border: 1px solid var(--black); }


.card_expositores { background-color: var(--white); height: 160px; justify-content: center; align-items: center; box-shadow: 5px 5px 0 rgba(0,0,0,0.08); }
	.card_expositores .card-img { max-width: 160px; max-height: 60px; object-fit: contain; aspect-ratio: 16/9; border-radius: 0; }
	.card_expositores_titulo { font-size: 14px; font-weight: 600; margin: 20px 5px; text-transform: uppercase; text-align: center; }

/**mobile**/
@media (max-width: 991px) {
	.card_expositores { height: 120px; }
	.card_expositores .card-img { width: calc(100% - 50px); max-height: 50px; }
	.card_expositores_titulo { font-size: 13px; }
}


.card_palestrantes { background-color: transparent !important; padding: 15px; border: 1px solid #666; &.index { border: none; } }

	.color_palestrantes .col { 
	&:nth-of-type(3n-1) .card_palestrantes { border: 1px solid var(--red); }
	&:nth-of-type(3n-2) .card_palestrantes { border: 1px solid var(--green_2); }
	&:nth-of-type(3n) .card_palestrantes { border: 1px solid var(--orange); }
	}

	.card_palestrantes .card-img { width: 100%; height: 260px; object-fit: cover; &.index { height: 160px; } }
	.card_palestrantes .card-body { color: var(--white); padding: 0; margin-top: 15px;  }
	.card_palestrantes_titulo { font-size: 14px; font-weight: 700; margin: 0 5px; color: var(--green); text-transform: uppercase; text-align: center; &.index { font-size: 11px; font-weight: 500;  color: var(--white); } }
	.card_palestrantes_subtitulo { font-size: 13px; margin: 0 5px; text-align: center; }

/**mobile**/
@media (max-width: 991px) {
	.card_palestrantes .card-img { height: 180px; }
	.card_palestrantes_titulo { font-size: 13px; }
	.card_palestrantes_subtitulo { font-size: 12px; }
}


.card_foto { background-color: var(--white); }
	.card_foto .card-img { height: 160px; object-fit: cover; }

.card_video { background-color: var(--white); }
	.card_video .card-img { height: 160px; object-fit: cover; }

/**mobile**/
@media (max-width: 991px) {
	.card_foto .card-img { height: 120px; }
	.card_video .card-img { height: 120px; }
}


/**  ****************************************************************************************/


.list-group-flush .list-group-item { background: transparent; border-color: var(--black); }

.accordion-item { border: 1px solid var(--black) !important; margin-bottom: 15px; }
.accordion-header { background: transparent !important; }
.accordion-button { background: transparent !important; box-shadow: none !important; color: var(--black) !important; }
.accordion-body { margin-bottom: 20px; }
.accordion-item:last-of-type { margin-bottom: 0; }


/****************************************************************************************/


.foot_logos { padding-bottom: 100px; }
.foot_logos .col { display: flex; justify-content: center; align-items: center; text-align: center; padding: 10px 0; }
.foot_logos .row_expositores > .col { flex: 0 0 12.5%; max-width: 12.5%; }
.foot_logos .foot_logos_titulo { font-size: 24px; font-weight: 300; text-align: left !important; padding: 80px 0 20px 0; margin-bottom: 20px; text-transform: uppercase; border-bottom: 1px solid var(--grey); }
.foot_logos a { width: 100%; }
.foot_logos img { width: auto; margin: 15px 0; object-fit: contain; aspect-ratio: 16/9; }
.foot_logos .img_lg img { height: 80px; }
.foot_logos .img_md img { height: 50px; }
.foot_logos .img_sm img { height: 44px; }

/**mobile**/
@media (max-width: 991px) {
	.foot_logos .col { padding: 5px 0; }
	.foot_logos .row_expositores > .col { flex: 0 0 33.3333%; max-width: 33.3333%; }
	.foot_logos .foot_logos_titulo { font-size: 20px; padding: 80px 0 20px 0; }
	.foot_logos .img_lg img { height: 70px; }
	.foot_logos .img_md img { height: 40px; }
	.foot_logos .img_sm img { height: 40px; }

}


/****************************************************************************************/


.foot_whatsapp_window { border-radius: 12px; border: 1px solid var(--black) !important; background-color: #fff; padding: 5px; z-index: 10; position: fixed; bottom: 115px; right: 10px; box-shadow: 4px 4px 0 rgba(0,0,0,0.15); visibility: hidden; opacity: 0; transition: visibility 0.3s linear, opacity 0.3s linear; &.open { visibility: visible; opacity: 1; } }
.foot_whatsapp_window div { margin: 10px; }

.foot_whatsapp_button {	border-radius: 12px; border: 1px solid var(--black) !important; background-color: var(--green) !important; padding: 10px; z-index: 10; position: fixed; bottom: 55px; right: 10px; box-shadow: 4px 4px 0 rgba(0,0,0,0.15); }


/****************************************************************************************/


.modal { backdrop-filter: blur(6px); text-align: left; }
.modal-content { max-height: 70% !important; }


/****************************************************************************************/