:root {
	--color-primario: #DE4746;
	--color-secundario: #FCECEC;

	--color-primario1: #77C9EF;
	--color-secundario1: #A687CE;

	--color-primario2: #D6F2FF;
	--color-secundario2: #552222;

	--color-neutro: #505050;
	--color-neutro2: #D8D8D8;

	--transition150: all 150ms;
	--transition300: all 300ms;
}


/*SCROLL*/
::-webkit-scrollbar {
	width: 10px;
	margin: -10px 10px 0px 0px;
	background-color: var(--color-primario2);
}
::-webkit-scrollbar-track {
	background: inherit; 
	margin: 0px 0px;
}
::-webkit-scrollbar-thumb {
	background-color: var(--color-primario);    
  	border-radius: 20px;       
}
/*SCROLL*/

* {
	box-sizing: border-box;
	text-decoration: none;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	font-family: 'Barlow', sans-serif;	
}
img {
	width: 100%;
	display: block;
	margin: none;
	transition: var(--transition300);
}

body {
	margin: 0;
}

.cl-normal {
	background-colors: gray;
	width: 1200px;
	margin: auto;
}
.ctro {width: 100%; text-align: center;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.mayus {text-transform: uppercase;}




.expo {
	background-color: var(--color-secundario2) !important;
}
.exp-lg {
	width: 23%;
	margin: 10px 0px;
	border-radius: 10px;
	border: 1px solid var(--color-primario);
	transition: var(--transition150);
}
.exp-lg:hover {
	transform: scale(1.03);
	box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, .4);
	border: 1px solid var(--color-secundario);
}
.title-exp {
	color: var(--color-primario);
	font-size: 20px;
	font-weight: bold;
	width: 100%;
	margin: 0px 0px 10px 0px;
}

.wrap-logosexpositores {
	width: 100%;
	margin: 0px 0px 30px 0px;

	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
}
















/*FONDO*/
.wrap-general {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	z-index: -1;
	background: linear-gradient(145deg, 
		rgba(252, 235, 232, 1.0),
		rgba(252, 235, 232, 1.0),
		rgba(255, 252, 252, 1.0),
		rgba(252, 235, 232, 1.0),
		rgba(252, 235, 232, 1.0)
	);

	background-size: 250% 250%;
	animation: BackgroundGradient 5s ease infinite;
}
@keyframes BackgroundGradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}


/*NAVEGADOR INFERIOR*/
.wrap-navegador-inferior {
	width: 100%;
	position: fixed;
	bottom: 5vh;
	z-index: 10;

	display: flex;
	justify-content: center;
	transition: var(--transition150);
}
.navegador-inferior {
	width: 300px;
	background-color: rgba(0, 0, 0, .4);
	border-radius: 20px;
	text-align: center;

	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);

	display: flex;
	justify-content: center;
	align-items: flex-end;
	transition: var(--transition150);
}
.bt-menu {
	width: 84px;
	height: 84px;
	background-color: var(--color-primario);
	color: white;
	border-radius: 50px;
	font-size: 16px;

	margin: -30px 15px 26px 15px;

	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transition: var(--transition150);

	box-shadow: 0px 10px 18px -4px rgba(0, 0, 0, .4);
}
.bt-menu:hover {
	transform: scale(1.08);
	background-color: var(--color-secundario2);
}
.bt-menu:active {
	transform: scale(0.9);
}
.ico-plnav {
	font-size: 30px;
	margin: 0px 0px 0px 0px;
	transition: var(--transition150);
}
.item-navegador-inferior {
	color: white;
	font-size: 16px;
	padding: 0px 0px 13px 0px;
	transition: var(--transition150);
}
.item-navegador-inferior:hover {
	text-shadow: 0px 0px 5px rgba(255, 255, 255, .9);
	transition: var(--transition150);

}
.ico-navi {
	font-size: 30px;
	margin: 0px 0px 3px 0px;
	transition: var(--transition150);
}




/*FOOTER*/
.legal {
	background-color: #F9E2E3;
	color: red;
	text-align: center;
	padding: 20px 40px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 300;

	margin: 180px 0px 40px 0px;
	transition: var(--transition150);
}
.bl {
	font-weight: 600;
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	transition: var(--transition150);
}
.logos-bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.logos-part {
	width: 150px;
	margin: 7px;
	transition: var(--transition150);
}
.item-bottom {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	transition: var(--transition150);

	margin: 0px 0px 30px 0px;
}
.txt-item-bottom {
	font-size: 15px;
	color: gray;
	width: 100%;
	transition: var(--transition150);
}
.logos-footer {
	display: flex;
	flex-wrap: wrap;
	transition: var(--transition150);
}
.line-iluxion {
	width: 100%;
	height: 1px;
	background-color: black;
	margin: 40px 0px 15px 0px;
	transition: var(--transition150);
}
.iluxion {
	width: 160px;
	font-size: 15px;
	display: flex;
	align-items: center;
	margin: 0px auto 200px auto;
	justify-content: center;
	color: black;
	transition: var(--transition150);
}
.iluxion:hover {
	transform: scale(1.05);
	color: var(--color-primario);
}
.ico-iln {
	font-size: 15px;
	margin: 0px 4px;
}




/*HOME*/
.home {
	width: 100%;
	height: 100vh;
	min-height: 700px;
	padding: 0px 0px 0px 0px;
	transition: var(--transition300);

	display: flex;
	justify-content: center;
	align-items: flex-end;
}
body.small .home {
	height: 0px;
	min-height: 0px;
}
.home-content {
	width: 480px;
	border-radius: 40px;
	background-color: rgba(255, 255, 255, .4);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	padding: 20px 40px 80px 40px;
	text-align: center;
	position: relative;
	z-index: 2;
	margin: 0px 0px 9vh 0px;
	transition: var(--transition150);
}
.info-home {
	width: 100%;
	padding: 40px 30px 30px 30px;

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.item-info-home {
	color: var(--color-primario);
	transition: var(--transition150);
}
.ico-itca {
	font-size: 30px;
	margin: 0px 0px 10px 0px;
	transition: var(--transition150);
}
.cinta {
	width: 230px;
	padding: 10px 0px 12px 0px;
	position:relative;
	margin: -40px auto 40px auto;
	background-color: var(--color-primario);
	color: var(--color-secundario);

	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;

	font-weight: 700;
	font-size: 25px;
	transition: var(--transition150);
}
/*.cinta:before {
	content:" ";
	position:absolute;
	display:block;
	width:0px;
	height:0px;
	top:0px;
	left:-50px;
	border-color:var(--color-secundario) var(--color-secundario) var(--color-secundario) transparent;
	border-style:solid;
	border-width:25px;
}
.cinta:after {
	content:" ";
	position:absolute;
	display:block;
	width:0px;
	height:0px;
	top:0px;
	left:180px;
	border-color:var(--color-secundario) transparent var(--color-secundario) var(--color-secundario);
	border-style:solid;
	border-width:25px;
}*/
.video-int {
	width: 100%;
	height: 100%;	
	position: absolute;
	overflow: hidden;
	transition: var(--transition300);
}
.video-home {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: var(--transition300);
}
.sombra-home {
	width: 100%;
	height: 100vh;
	background-color: rgba(255, 255, 255, .3);
	z-index: 1;
	position: absolute;
	transition: var(--transition300);
}
.wrap-general-int {
	width: 100%;
	margin: 100px 0px 0px 0px;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}

.wrap-left {
	width: 36%;
	position: sticky;
	top: 100px;

	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: var(--transition150);
}
.wrap-right {
	width: 58%;
	transition: var(--transition150);
}


.left-info {
	width: 88%;
	text-align: center;

	display: flex;
	flex-direction: column;
	align-items: center;
	transition: var(--transition150);
}
.line-left {
	width: 2px;
	height: 350px;
	background-color: var(--color-primario);
	transition: var(--transition150);
}
.cinta-left {
	background-color: var(--color-primario);
	color: var(--color-secundario);
	padding: 10px 20px;
	border-radius: 7px;
	font-size: 22px;
	font-weight: 700;
	transition: var(--transition150);
}
.expoplast-sur-left {
	margin: 40px 0px 40px 0px;
	transition: var(--transition150);
}
.info-home-left {
	width: 100%;
	padding: 0px 40px;
	color: var(--color-primario);

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.ico-itca-left {
	font-size: 30px;
	margin: 0px 0px 11px 0px;
}
h1 {
	margin: 0px 0px 50px 0px;
	font-size: 45px;
	font-weight: 300;
	padding: 0px 110px 0px 0px;
	color: var(--color-primario);
	transition: var(--transition150);
}
.h1bld {
	font-size: 45px;
	font-weight: 700;
	text-decoration: underline;
	transition: var(--transition150);
}
h2 {
	width: 100%;
	text-align: center;
	margin: 0px 0px 30px 0px;
	font-size: 30px;
	font-weight: 400;
	color: var(--color-primario);
	transition: var(--transition150);
}
.h2bld {
	font-size: 30px;
	font-weight: 700;
}

.wrap-feria {
	width: 100%;
	margin: 0px 0px 100px 0px;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	transition: var(--transition150);
}
.img-feria {
	width: 280px;
	height: 350px;
	overflow: hidden;
	border-radius: 20px;
	transition: var(--transition150);
}
.img-int {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: var(--transition150);
}
.txt-feria {
	width: 390px;
	text-align: justify;
	transition: var(--transition150);
}
.bt-vermas {
	color: white;
	background-color: var(--color-secundario2);
	font-size: 20px;
	font-weight: 300;
	width: 190px;
	padding: 8px 15px 9px 15px;
	border-radius: 6px;
	position: relative;
	transition: var(--transition150);

	display: flex;
	align-items: center;
	justify-content: space-between;
}
.bt-vermas:hover {
	background-color: var(--color-primario);
	transform: scale(1.05);
}
.bt-vermas:active {
	background-color: var(--color-primario);
	transform: scale(.9);
	transition: var(--transition150);
}
.bt-mov1 {
	margin: 70px 0px 0px -80px;
	transition: var(--transition150);
}
.ico-rih-in {
	font-size: 20px;
	transition: var(--transition150);
}
.wrap-accesos {
	width: 100%;
	margin: 0px 0px 100px 0px;
	transition: var(--transition150);

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.ico-btac {
	font-size: 50px;
	margin: 0px 0px 10px 0px;
	transition: var(--transition150);
}
.bt-access {
	width: 28%;
	border-radius: 16px;
	border: 1px solid var(--color-primario);
	background-color: rgba(255, 255, 255, .3);
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	padding: 25px 15px;
	color: var(--color-primario);
	transition: var(--transition150);

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: var(--transition150);
}
.bt-access:hover {
	transform: scale(1.05);
	background-color: var(--color-primario);
	color: white;
	box-shadow: 0px 16px 14px -10px rgba(0, 0, 0, .4);
	transition: var(--transition150);
}
.mapa-visitantes {
	margin: 0px 0px 100px 0px;
	transition: var(--transition150);
}
.cerrojuli {
	border-radius: 25px;
	overflow: hidden;
	transition: var(--transition150);
}
.bt-mov2 {
	margin: -20px auto 0px auto;
	background-color: red !important;
	transition: var(--transition150);
}
.txt-luego {
	text-align: justify;
	margin: 20px 0px 100px 0px;
	transition: var(--transition150);
}
.txt-conocer {
	color: var(--color-primario);
	font-size: 38px;
	font-weight: 300;
	text-align: center;
	margin: 0px 0px 100px 0px;
	transition: var(--transition150);
}
.bt-mov3 {
	margin: -60px auto 0px auto;
}







/*EXPOSITOR*/
.txt-expositor {
	width: 100%;
	text-align: justify;
	transition: var(--transition150);
}
.img-expositor {
	overflow: hidden;
	border-radius: 30px;
	margin: 20px 0px 100px 0px;

	box-shadow: -8px 13px 0px 3px #4F2683;
	filter: drop-shadow(15px 20px 10px rgba(79, 38, 80, 0.3));
	transition: var(--transition150);
}
.wrap-medidas {
	width: 100%;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.item-medidas {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	margin: 0px 0px 60px 0px;
	transition: var(--transition150);
}
.circle-medida {
	width: 85px;
	height: 85px;
	border-radius: 50px;
	color: white;
	margin: 5px 0px 10px 0px;
	background-color: var(--color-primario);

	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--transition150);
}
.nro-medida {
	font-size: 30px;
	font-weight: 600;
	transition: var(--transition150);
}
.metros {
	margin: 11px 2px 0px 3px;
	transition: var(--transition150);
}
.potencia {
	font-size: 13px;
	transition: var(--transition150);
}
.letra {
	font-weight: 600;
	font-size: 35px;
	text-transform: uppercase;
	transition: var(--transition150);
}
.title-incluye {
	font-weight: 600;
	font-size: 20px;
	margin: 40px 0px 0px 0px;
	transition: var(--transition150);
}
.item-incluye {
	display: flex;
	align-items: flex-start;

	margin: 6px 0px 0px 0px;
	transition: var(--transition150);
}
.ico-inc {
	font-size: 16px;
	margin: 4px 3px 0px 0px;
	transition: var(--transition150);
}

.home-content-interno {
	background-color: rgba(255, 255, 255, .4);
	position: fixed;
    top: 0;
    border-radius: 0px 0px 30px 30px;
    width: 100%;
    padding: 20px;
    display: none;
    justify-content: space-between;
    align-items: center;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    z-index: 9;
    transition: var(--transition150);
}
.expoplast-sur-interno {
	width: 200px;
}
.info-home-interno {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.item-info-home-interno {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--color-primario);

	font-size: 14px;
	margin: 0px 0px 0px 15px;
	transition: var(--transition150);
}
.ico-itca-interno {
	font-size: 22px;
    margin: 0px 0px 3px 0px;
    transition: var(--transition150);
}
.bt-info {
	background-color: var(--color-secundario);
	color: white;
	font-size: 16px;
	padding: 8px 10px 10px 10px;
	border-radius: 8px;
	transition: var(--transition150);

	display: none;
	align-items: center;
}
.ico-inghe {
	margin: 0px 5px 0px 0px;
	transition: var(--transition150);
}
.equis {
	font-weight: 600;
}
.wrap-bt-expositor {
	width: 85%;
	display: flex;
	flex-direction: column;
	transition: var(--transition150);
}
.wrap-bt-visitante {
	width: 85%;
	display: flex;
	flex-direction: column;
	transition: var(--transition150);
}
.bt-expositor-int-1 {
	border-radius: 50px;
	width: 100%;
	border: 1px solid var(--color-primario);
	color: var(--color-primario);;
	font-size: 20px;
	padding: 10px 0px 12px 0px;
	transition: var(--transition150);
}
.bt-expositor-int-1:hover {
	border: 1px solid var(--color-secundario2);
	background-color: var(--color-secundario2);
	color: white;
	transform: scale(1.06);
}
.ico-us-ex {
	font-size: 20px;
	margin: 0px 0px 0px 0px;
	transition: var(--transition150);
}
.bl-bt-int {
	font-weight: 700;
}
.bt-expositor-int-2 {
	font-size: 16px;
	margin: 20px 0px 0px 0px;
	font-weight: 600;
	color: var(--color-secundario2);
	transition: var(--transition150);
}
.bt-expositor-int-2:hover {
	text-decoration: underline;
}






/*VISITANTE*/
.txt-visitante-int {
	font-size: 30px;
	font-weight: 300;
	margin: 0px 0px 100px 0px;
	transition: var(--transition150);
}
.wrap-modalidad {
	background-color: rgba(255, 255, 255, .4);
	border-radius: 20px;
	padding: 20px;
	margin: 0px 0px 30px 0px;

	display: flex;
	align-items: center;
	transition: var(--transition150);
}
.ico-mod {
	font-size: 80px;
	opacity: .2;
	color: var(--color-secundario2);
	margin: 0px 9px 0px 0px;
	transition: var(--transition150);
}
.mod-title {
	color: var(--color-secundario2);
	font-size: 25px;
	font-weight: 600;
	margin: 0px 0px 4px 0px;
	transition: var(--transition150);
}






/*COMO LLEGAR*/
.wrap-apps {
	display: flex;
	justify-content: center;
	align-items: center;
	transition: var(--transition150);
}
.bt-apps {
	width: 80px;
	margin: 15px;
	transition: var(--transition150);
}







/*EXPOPLAST SUR*/
.wrap-ficha {
	width: 80%;
	margin: 0px 0px 100px 0px;
	transition: var(--transition150);

	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.item-ficha {
	width: 250px;
	margin: 0px 0px 25px 0px;
	transition: var(--transition150);
}
.title-item-ficha {
	color: var(--color-primario);
	font-weight: 600;
}
.ferias {
	width: 100%;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}

.item-ferias {
	width: 48%;
	background-color: rgba(255, 255, 255, .3);
	border-radius: 20px;
	margin: 30px 0px;
	box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, .2);

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: var(--transition150);
}
.info-ferias2 {
	width: 100%;
	padding: 20px;
	text-align: center;
	background-color: rgba(255, 255, 255, .3);
	border-radius: 20px;
}
.title-ferias2 {
	font-size: 20px;
	font-weight: 600;
	margin: 6px 0px 10px 0px;
	transition: var(--transition150);
}
.img-ferias2 {
	padding: 20px 0px;
	width: 80%;
	transition: var(--transition150);
}


.wrap-bt-ext {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	transition: var(--transition150);

	margin: 50px 0px 0px 0px;
}
.bt-ext {
	width: 48% !important;
	transition: var(--transition150);
}






















/*HEADER BTNS*/
.mod-expositor .info-home-left {
	display: none;
}
.mod-expositor .wrap-bt-visitante {
	display: none;
}
.mod-index .wrap-bt-expositor {
	display: none;
}
.mod-index .wrap-bt-visitante {
	display: none;
}
.mod-visitante .wrap-bt-expositor {
	display: none;
}
.mod-visitante .info-home-left {
	display: none;
}















@media screen and (max-width: 1400px) {
.cl-normal {
	background-colors: rgba(0, 0, 0, .2);
	width: 900px;
	margin: auto;
}
h1 {
	margin: 0px 0px 50px 0px;
	font-size: 45px;
	font-weight: 300;
	padding: 0px 0px 0px 0px;
	color: var(--color-primario);
}
.h1bld {
	font-size: 45px;
	font-weight: 700;
	text-decoration: underline;
}
.img-feria {
	width: 100%;
	height: 350px;
	overflow: hidden;
	border-radius: 20px;
	margin: 0px 0px 30px 0px;
}
.txt-feria {
	width: 100%;
	text-align: justify;
}
.bt-mov1 {
	margin: 30px auto 0px auto;
}
.info-home-left {
	width: 100%;
	padding: 0px 0px;
	color: var(--color-primario);

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.bt-access {
	width: 30%;
	border-radius: 16px;
	border: 1px solid var(--color-primario);
	background-color: rgba(255, 255, 255, .3);
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	padding: 25px 15px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.bt-access:hover {
	transform: scale(1.05);
	background-color: var(--color-primario);
	color: white;
	box-shadow: 0px 16px 14px -10px rgba(0, 0, 0, .4);
}
.item-bottom {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;

	margin: 20px 0px;
}
.wrap-bt-expositor {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.wrap-bt-visitante {
	width: 100%;
	display: flex;
	flex-direction: column;
}




}







































@media screen and (max-width: 960px) {
.cl-normal {
	background-colors: rgba(0, 0, 0, .2);
	width: 600px;
	margin: auto;
}
.wrap-left {display: none;}
.wrap-right {
	width: 100%;
}



.exp-lg {
	width: 31%;
	margin: 10px 0px;
	border-radius: 10px;
	border: 1px solid var(--color-primario);
	transition: var(--transition150);
}
.exp-lg:hover {
	transform: scale(1.03);
	box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, .4);
	border: 1px solid var(--color-secundario);
}


body.small .home-content {
	position: fixed;
	top: 0;
	border-radius: 0px 0px 30px 30px;
	width: 100%;
	padding: 20px;

	display: flex;
	justify-content: space-between;
	align-items: center;
}
body.small .cinta {display: none;}
body.small .video-int {display: none;}
body.small .sombra-home {display: none;}
body.small .expoplast-sur {
	width: 200px;
}
body.small .info-home {
	width: inherit;
	padding: 0px 0px 0px 0px;

	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

body.small .item-info-home {
	font-size: 14px;
	margin: 0px 0px 0px 15px;
}

body.small .ico-itca {
	font-size: 22px;
	margin: 0px 0px 3px 0px;
}

h1 {
	margin: 90px 0px 50px 0px;
	font-size: 45px;
	font-weight: 300;
	padding: 0px 20px 0px 20px;
	color: var(--color-primario);
	text-align: center;
}
.h1bld {
	font-size: 45px;
	font-weight: 700;
	text-decoration: underline;
}
.home-content {
	width: 480px;
	border-radius: 40px;
	background-color: rgba(255, 255, 255, .4);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	padding: 20px 40px 20px 40px;
	text-align: center;
	position: relative;
	z-index: 2;
	margin: 0px 0px 9vh 0px;
}
.home {
	width: 100%;
	height: 100vh;
	min-height: 700px;
	padding: 0px 0px 0px 0px;
	transition: var(--transition300);

	display: flex;
	justify-content: center;
	align-items: center;
}
.legal {
	background-color: #F9E2E3;
	color: red;
	text-align: center;
	padding: 20px 20px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 300;

	margin: 180px 0px 40px 0px;
}
.home-content-interno {
	display: flex;
}


.txt-visitante-int {
	font-size: 25px;
	font-weight: 300;
	text-align: center;
	margin: 0px 0px 100px 0px;
}



}








































@media screen and (max-width: 680px) {
.cl-normal {
	background-colors: rgba(0, 0, 0, .2);
	width: 420px;
	margin: auto;
}
.sale680 {display: none;}
.home-content {
	width: 300px;
	border-radius: 25px;
	background-color: rgba(255, 255, 255, .4);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	padding: 20px 20px 0px 20px;
	text-align: center;
	position: relative;
	z-index: 2;
	margin: 0px 0px 9vh 0px;
}
.cinta {
	width: 180px;
	padding: 10px 0px 12px 0px;
	position:relative;
	margin: -40px auto 30px auto;
	background-color: var(--color-primario);
	color: var(--color-secundario);

	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;

	font-weight: 700;
	font-size: 20px;
}
.info-home {
	width: 100%;
	padding: 40px 20px 30px 20px;

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.item-info-home {
	color: var(--color-primario);
	font-size: 15px;
}
.ico-itca {
	font-size: 23px;
	margin: 0px 0px 10px 0px;
}
h1 {
	margin: 90px 0px 50px 0px;
	font-size: 40px;
	font-weight: 300;
	padding: 0px 20px 0px 20px;
	color: var(--color-primario);
	text-align: center;
}
.h1bld {
	font-size: 40px;
	font-weight: 700;
	text-decoration: underline;
}
.bt-access {
	width: 100%;
	border-radius: 12px;
	border: 1px solid var(--color-primario);
	background-color: rgba(255, 255, 255, .3);
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	padding: 15px 15px;
	margin: 9px 0px;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.bt-access:hover {
	transform: scale(1.05);
	background-color: var(--color-primario);
	color: white;
	box-shadow: 0px 16px 14px -10px rgba(0, 0, 0, .4);
}
.ico-btac {
	font-size: 30px;
	margin: 0px 10px 0px 0px;
}
.txt-conocer {
	color: var(--color-primario);
	font-size: 28px;
	font-weight: 300;
	text-align: center;
	margin: 0px 0px 100px 0px;
}
.bt-mov3 {
	margin: -20px auto 0px auto;
}

.img-expositor {
	overflow: hidden;
	border-radius: 20px;
	margin: 20px 0px 100px 0px;

	box-shadow: -8px 13px 0px 3px #4F2683;
	filter: drop-shadow(15px 20px 10px rgba(79, 38, 80, 0.3));
}
.item-medidas {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	margin: 0px 15px 60px 15px;
}
.item-incluye {
	display: flex;
	align-items: flex-start;

	margin: 15px 0px 15px 0px;
}



.wrap-modalidad {
	background-color: rgba(255, 255, 255, .4);
	border-radius: 20px;
	padding: 20px;
	margin: 0px 0px 30px 0px;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.ico-mod {
	font-size: 80px;
	opacity: .2;
	color: var(--color-secundario2);
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.mod-title {
	color: var(--color-secundario2);
	font-size: 25px;
	font-weight: 600;
	margin: 10px 0px 5px 0px;
	text-align: center;
}
.mod-txt {
	text-align: center;
}


.wrap-ficha {
	width: 100%;
	margin: 0px 0px 100px 0px;

	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.item-ficha {
	width: 100%;
	margin: 0px 0px 25px 0px;
}

.item-ferias {
	width: 100%;
	background-color: rgba(255, 255, 255, .3);
	border-radius: 20px;
	margin: 30px 0px;
	box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, .2);

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.bt-ext {
	width: 100% !important;
	margin: 20px 0px;
}

.logos-part {
	width: 120px;
	margin: 7px;
	transition: var(--transition150);
}

}










 






























@media screen and (max-width: 470px) {
.cl-normal {
	background-colors: rgba(0, 0, 0, .2);
	width: 88%;
	margin: auto;
}


.exp-lg {
	width: 47%;
	margin: 10px 0px;
	border-radius: 10px;
	border: 1px solid var(--color-primario);
	transition: var(--transition150);
}
.exp-lg:hover {
	transform: scale(1.03);
	box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, .4);
	border: 1px solid var(--color-secundario);
}



.wrap-navegador-inferior {
	width: 100%;
	position: fixed;
	bottom: 3vh;
	z-index: 10;

	display: flex;
	justify-content: center;
}
.home {
	width: 100%;
	height: 100vh;
	min-height: 500px;
	padding: 0px 0px 0px 0px;
	transition: var(--transition300);

	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.home-content {
	width: 88%;
	border-radius: 25px;
	background-color: rgba(255, 255, 255, .0);
	-webkit-backdrop-filter: blur(0px);
	backdrop-filter: blur(0px);
	padding: 20px 20px 0px 20px;
	text-align: center;
	position: relative;
	z-index: 2;
	margin: 0px 0px 9vh 0px;
}
.sombra-home {
	width: 100%;
	height: 100vh;
	background-color: rgba(255, 255, 255, .7);
	z-index: 1;
	position: absolute;
	transition: var(--transition300);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.cinta {
	width: 180px;
	padding: 10px 0px 12px 0px;
	position:relative;
	margin: 10px auto 30px auto;
	background-color: var(--color-primario);
	color: var(--color-secundario);

	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;

	font-weight: 700;
	font-size: 20px;
}
.item-info-home {
	color: var(--color-primario);
	font-size: 15px;
	font-weight: 600;
}
.navegador-inferior {
	width: 88%;
	background-color: rgba(0, 0, 0, .4);
	border-radius: 14px;
	padding: 0px 7%;
	text-align: center;

	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);

	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.ico-navi {
	font-size: 22px;
	margin: 0px 0px 3px 0px;
}
.item-navegador-inferior {
	color: white;
	font-size: 15px;
	padding: 0px 0px 13px 0px;
}
.bt-menu {
	width: 84px;
	height: 84px;
	background-color: var(--color-primario);
	color: white;
	border-radius: 50px;
	font-size: 16px;

	margin: -30px 15px 15px 15px;

	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;

	box-shadow: 0px 10px 18px -4px rgba(0, 0, 0, .4);
}
body.small .info-home {display: none;}
body.small .home-content {
	width: 100%;
	border-radius: 0px 0px 20px 20px;
	background-color: rgba(255, 255, 255, .7);
	-webkit-backdrop-filter: blur(9px);
	backdrop-filter: blur(9px);
	padding: 14px 14px 14px 14px;
	text-align: center;
	z-index: 2;
	margin: 0px 0px 9vh 0px;
	position: fixed;
	top: 0;
}
.bt-vermas {
	color: white;
	background-color: var(--color-secundario2);
	font-size: 20px;
	font-weight: 300;
	width: 100%;
	padding: 8px 15px 9px 15px;
	border-radius: 6px;
	position: relative;

	display: flex;
	align-items: center;
	justify-content: space-between;
}
.bt-vermas:hover {
	background-color: var(--color-primario);
	transform: scale(1.03);
}



.bt-mov3 {
	margin: 20px auto 0px auto;
}


body.small .expoplast-sur {
	width: 150px;
}


.expoplast-sur-interno {
	width: 150px;
}
.info-home-interno {
	display: none;
}
.bt-info {display: flex;}

.wrap-medidas {
	width: 100%;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}



}



















/*@media screen and (max-width: 340px) {
.cl-normal {
	background-colors: rgba(0, 0, 0, .2);
	width: 260px;
	margin: auto;
}




}
*/