:root {
	--color-primario: black;
	--color-secundario: #E91E26; 
	--color-secdos: #FDBA2D; 
	--color-positivo: white;
	--color-negativo: black;
}


html {
	scroll-behavior: smooth;
}


img {
	width: 100%;
}


body {
	margin: 0;
	font-size: 17px;
	line-height: 1.2;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
	transition: all 0.2s;

}
h1 {margin: 0;}
h2 {margin: 0;}
h3 {margin: 0;}

* {
	box-sizing: border-box;
}





.wtsp {
    width: 60px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 20;
}




.color-secundario {
	color: var(--color-secundario);
}
.color-primario {
	color: var(--color-primario);
}

.sale-home1 .sale-home {
	display: none;
}
.align-menu  { display: none; }
.bt-info-mobile { display: none; }
.button { display: none; }



/*FOOTER LOGOS*/
.footer {
	box-sizing: border-box;
	padding: 0px 0px 50px 0px;
	transition: all 0.2s;
}
.line-footer {
	width: 100%;
	height: 1px;
	background-color: var(--color-negativo);
	margin: 70px 0px 0px 0px;
	transition: all 0.2s;
}
.wrap-footer-logos {
	width: 100%;
	margin: 30px 0px 0px 0px;

	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.title-logo-footer {
	width: 100%;
	font-size: 13px;
	transition: all 0.2s;
}
.img-footer {
	height: 35px;
	margin: 8px 8px;
}
.img-footer1 {
	height: 50px;
	margin: 8px 8px;
}
.gr {
	filter: grayscale(100%);
	cursor: pointer;
}
.gr:hover {
	filter: grayscale(0%);
}
.item-footer {
	margin: 20px 20px;
}
.title-logo-footer {
	margin: 0px 0px 20px 0px;
}
/*FOOTER LOGOS*/





.img-event {
	margin: 40px 0px 0px 0px;
}






.rrss {
	width: 100%;
	background-color: var(--color-secdos);
	color: black;
	padding: 10px 20px;
	font-size: 16px;
	text-decoration: none;
	margin: 15px 0px;
	border-radius: 5px;
	text-align: left;
	transition: all 0.2s;
	display: flex;
	align-items: center;
	transition: all 0.2s;
}
.rrss:hover {
	transform: scale(1.03);
	background-color: black;
	color: white;
}

.wrap-btns-cont {
	width: 100%;
	max-width: 400px;
	margin: auto;
}
.ico-cnt {
	margin: 0px 4px 0px 0px;
}

.txt-cont {
	font-size: 16px;
	text-align: center;
	line-height: 1.2;
}









.ctro {width: 100%; text-align: center;}





.header {
	background-color: var(--color-primario);
	width: 300px;
	height: 100vh;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	box-sizing: border-box;
	padding: 30px 40px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: all 0.2s;

	position: fixed;
}
.expoeventos {
	display: block;
	width: 100%;
	margin: 0px auto 30px auto;
	transition: all 0.2s;
}
.header-info {
	text-align: center;
	transition: all 0.2s;
}
.ico-cal {
	color: var(--color-secdos);
	font-size: 27px;
}
.tittle-header {
	color: var(--color-secdos);
	margin: 0px 0px 4px 0px;
}
.txt-header {
	color: var(--color-positivo);
}
.wrap-header-info {
	margin: 40px auto 0px auto;
	font-size: 14px;
	width: 70%;
}


.bt-header {
	color: white;
	background-color: var(--color-secdos);
	color: black;

	display: flex;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
	box-sizing: border-box;
	padding: 8px 12px;
	font-size: 15px;
	border-radius: 7px;
	align-items: center;
	transition: all 0.2s;
}
.bt-header:hover {
	color: black;
	background-color: white;
	box-shadow: 0px 14px 8px -8px rgba(0, 0, 0, 0.5);

	transform: scale(1.1);
}
.ico-us {
	font-size: 17px;
	margin: 0px 3px 0px 0px;
	transition: all 0.2s;
}


.wrap-general {
	width: 100%;

	display: flex;
	justify-content: space-between;
}
.wrap-left {
	width: 10%;
}
.wrap-right {
	width: 92%;
	
	box-sizing: border-box;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.center-wrap-right {
	
	width: 950px;
	text-align: center;
	box-sizing: border-box;
	margin: 0px 0px 0px 60px;
	transition: all 0.2s;
}

h1 {
	font-weight: lighter;
	font-size: 45px;
	transition: all 0.2s;
}
h2 {
	font-weight: bold;
	font-size: 25px;
	transition: all 0.2s;
}
h3 {
	font-size: 30px;
	color: var(--color-positivo);
	background-color: rgba(0, 0, 0, 0.7);
	text-align: center;
	font-weight: lighter;
	box-sizing: border-box;
	padding: 10px 20px;
	border-radius: 8px;
	margin: 90px 0px 0px 0px;
	transition: all 0.2s;
}
.up1 {
	margin-top: 100px;
}
.up2 {
	margin-top: 50px;
}
.line1 {
	width: 60px;
	height: 1px;
	background-color: var(--color-negativo);
	margin: 20px auto 20px auto;
	transition: all 0.2s;
}
.txt-general {
	width: 600px;
/*	font-weight: lighter;*/
	text-align: justify;
	margin: 10px auto 0px auto;
	transition: all 0.2s;
}
.wrap-btns {
	width: 100%;
	margin: 50px 0px 0px 0px;

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	transition: all 0.2s;
}
.bt-home {
	width: 31%;
	border-radius: 10px;
	border: 1px solid var(--color-negativo);
	font-size: 25px;
	text-decoration: none;
	color: var(--color-negativo);
	box-sizing: border-box;
	padding: 19px 30px;
	margin: 20px 0px;
	text-align: left;

	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	transition: all 0.2s;
}
.bt-home:hover {
	border: 1px solid var(--color-secundario);
	color: white;
	background-color: var(--color-secundario);
	transform: scale(1.1);
	box-shadow: 0px 14px 25px -8px rgba(0, 0, 0, 0.5);
}
.ico-cale {
	font-size: 50px;
	margin: 0px 0px 5px 0px;
}



.baner-sede {
	width: 100%;
	height: 100vh;
	background-image: url(images/baner-principal.jpg);
	background-position: center;
	background-size: cover;

	display: flex;
	justify-content: center;
	align-items: flex-start;
	transition: all 0.2s;
}
.baner-visitante {
	width: 100%;
	height: 100vh;
	background-image: url(images/visitante.webp);
	background-position: center;
	background-size: cover;

	display: flex;
	justify-content: center;
	align-items: flex-start;
	transition: all 0.2s;
}
.baner-ficha {
	width: 100%;
	height: 100vh;
	background-image: url(images/ficha.webp);
	background-position: center;
	background-size: cover;

	display: flex;
	justify-content: center;
	align-items: flex-start;
	transition: all 0.2s;
}
.baner-home {
	width: 100%;
	height: 100vh;
	background-image: url(images/baner-home.jpg);
	background-position: center;
	background-size: cover;

	display: flex;
	justify-content: center;
	align-items: flex-start;
	transition: all 0.2s;
}
.baner-participar {
	width: 100%;
	height: 100vh;
	background-image: url(images/expositor.webp);
	background-position: center;
	background-size: cover;

	display: flex;
	justify-content: center;
	align-items: flex-start;
	transition: all 0.2s;
}
.baner-tarifas {
	width: 100%;
	height: 100vh;
	background-image: url(images/tarifas.webp);
	background-position: center;
	background-size: cover;

	display: flex;
	justify-content: center;
	align-items: flex-start;
	transition: all 0.2s;
}


.ico-fl {
	position: absolute;
	bottom: 30px;
	text-decoration: none;
	color: var(--color-positivo);
	background-color: rgba(0, 0, 0, 0.5);
	width: 60px;
	height: 60px;

	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.2s;

	border-radius: 50px;
	font-size: 30px;
}
.ico-fl:hover {
	position: absolute;
	bottom: 30px;
	text-decoration: none;
	color: var(--color-positivo);
	background-color: rgba(0, 0, 0, 0.5);
	width: 60px;
	height: 160px;

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

	border-radius: 50px;
	font-size: 30px;
}
.txt-general-1 {
	width: 100%;
/*	font-weight: lighter;*/
	text-align: justify;
	margin: 10px auto 0px auto;
	transition: all 0.2s;
}


/*DOS COLUMNAS*/
.cl-2 {
	width: 100%;
	margin: 60px 0px 0px 0px;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	transition: all 0.2s;
}

.cl-2-left {
	text-align: left;
	width: 47%;
	transition: all 0.2s;
}
.cl-3-right {
	width: 50%;
	transition: all 0.2s;
}

.content-img1 {
	width: 100%;
	height: 880px;
	overflow: hidden;
	border-radius: 20px;
	transition: all 0.2s;
}
.img-content1 {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.2s;
}
.subtitulo1 {
	font-size: 35px;
	transition: all 0.2s;

}
.items {
	width: 100%;
	margin: 20px 0px;

	display: flex;
	align-items: flex-start;
	transition: all 0.2s;
}
.item-right {
	text-align: left;
}
.vine {
	margin: 2px 0px 0px 0px;
}

.item-right strong {
	color: var(--color-secundario); 
}

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

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	transition: all 0.2s;
}

.item-ingreso {
	width: 29%;
	margin: 0px 20px;
	transition: all 0.2s;
}
.ico-ing {
	width: 75px;
	height: 75px;
	border-radius: 50px;
	background-color: var(--color-primario);
	color: var(--color-positivo);
	margin: auto;

	z-index: 2;
	position: relative;

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

	font-size: 28px;
	transition: all 0.2s;
}
.wrap-item-ingreso {
	width: 100%;
	background-color: var(--color-secdos);
	padding: 50px 25px 20px 25px;
	border-radius: 12px;
	color: var(--color-negativo);

	margin: -35px 0px 0px 0px;
	transition: all 0.2s;
}
.title-item-ingreso {
	font-weight: bold;
	font-size: 20px;
	margin: 0px 0px 8px 0px;
	transition: all 0.2s;
}
.link {
	color: black;
	font-weight: bold;
}

.wrap-item-llegar {
	width: 100%;
	background-color: var(--color-secdos);
	color: black;
	padding: 20px 20px 70px 20px;
	border-radius: 10px;
}

.txt-app {
	width: 85%;
	margin: auto;
	font-size: 16px;
	transition: all 0.2s;
}

.ficha {
	width: 600px;
	margin: auto;
	text-align: left;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	transition: all 0.2s;
}

.item-ficha {
	width: 45%;
	margin: 20px 0px;

	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	transition: all 0.2s;
}
.ico-vine-fer {
	font-size: 25px;
	color: var(--color-primario);
	border: 1px solid var(--color-primario);
	width: 50px;
	height: 50px;
	border-radius: 7px;

	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.2s;
}
.txt-item-ficha {
	width: 77%;
	margin: 15px 0px 0px 0px;
	transition: all 0.2s;
}
.title-ficha {
	font-size: 18px;
	font-weight: bold;
	color: var(--color-primario);
	transition: all 0.2s;
	margin: 0px 0px 8px 0px;
}
.ico-nros {
	font-size: 55px;
	color: var(--color-primario);
	transition: all 0.2s;
}
.title-nros {
	font-size: 35px;
	font-weight: bold;
	margin: 10px 0px 7px 0px;
	color: var(--color-primario);
	transition: all 0.2s;
}
.txt-nros {
	font-size: 15px;
}
.img-vis2 {
	border-radius: 20px;
	overflow: hidden;
	width: 100%;
	height: 500px;
	transition: all 0.2s;
}
.img-content1 {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.2s;
}
.wrap-angeles {
	width: 100%;
	padding: 50px 0px 150px 0px;
	background-color: var(--color-secundario);
	border-radius: 20px;
	margin: 120px 0px 0px 0px;
	color: var(--color-negativo);
	transition: all 0.2s;
}
.title-angeles {
	font-size: 35px;
	margin: 0px 0px 10px 0px;
	transition: all 0.2s;
}
.txt-angeles {
	width: 70%;
	margin: auto;
	text-align: justify;
	transition: all 0.2s;
}
.img-angeles {
	width: 70%;
	height: 400px;
	margin: -100px auto 40px auto;
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.2s;
}
.img-angeles-int {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.2s;
}





.wrap-tarifas {
	width: 100%;

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	transition: all 0.2s;
}

.tarifas-left {
	width: 60%;
	position: sticky;
	top: 20px;
	text-align: left;
	transition: all 0.2s;
}

.tarifas-right {
	width: 38%;
	text-align: left;
	transition: all 0.2s;
}
.line2 {
	width: 70px;
	height: 1px;
	margin: 20px 0px;
	background-color: black;
	transition: all 0.2s;
}
.title-tarifas {
	font-size: 38px;
	font-weight: lighter;
	margin: 40px 0px 60px 0px;
	transition: all 0.2s;
}
.item-tarifas {
	width: 100%;
	margin: 50px 0px;

	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	transition: all 0.2s;
}
.ico-sta {
	color: var(--color-primario);
	font-size: 45px;
	margin: 0px 5px 0px 0px;
}
.medida {
	color: var(--color-primario);
	font-size: 25px;
	font-weight: normal;
	margin: 8px 0px 12px 0px;
}
.price {
	display: flex;
	align-items: center;
	font-weight: bold;
	transition: all 0.2s;
}
.ico-vine-in {
	margin: 0px 4px 0px 0px;
}

.cl-4 {
	width: 100%;

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	transition: all 0.2s;
	flex-wrap: wrap;
}
.cl-4a {
	width: 450px;
	margin: auto;

	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap;
	transition: all 0.2s;
}

.item-ben-stand {
	width: 23%;
	margin: 20px 0px;
	transition: all 0.2s;
}
.item-ben-stand-a {
	width: 45%;
	margin: 30px 0px;
	transition: all 0.2s;
}
.ico-che {
	width: 50px;
	height: 50px;
	font-size: 28px;
	border-radius: 50%;
	background-color: var(--color-primario);
	color: var(--color-positivo);

	margin: auto;
	position: relative;

	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.2s;
}
.wrap-info-stand {
	background-color: var(--color-secdos);
	color: var(--color-negativo);
	padding: 30px 0px 20px 0px;
	border-radius: 12px;
	margin: -20px 0px 0px 0px;
}
.title2-stand {
	font-weight: lighter;
	font-size: 25px;
	transition: all 0.2s;
}
.ico-dow {
	font-size: 20px;
	margin: 10px 0px;
	transition: all 0.2s;
}
.titlecat {
	text-align: left;
	font-size: 25px;
	transition: all 0.2s;

	display: flex;
	align-items: center;
}
.txt-cata {
	text-align: left;
	transition: all 0.2s;
}
.ico-vine4 {
	font-size: 25px;
	margin: 0px 4px 0px 0px;
}
.txt-cata {
	margin: 10px 0px 0px 20px;
}


.wrap-expositor-img {
	width: 100%;
	margin: 0px 0px 60px 0px;
	transition: all 0.2s;
}
.expositor-img {
	width: 100%;
	display: block;
	transition: all 0.2s;
}
.subtitulo2 {
	background-color: var(--color-secdos);
	color: black;

	width: 100%;
	border-radius: 10px;
	text-align: center;
	padding: 20px 50px;
	font-size: 30px;
	font-weight: lighter;
	margin: -50px 0px 0px 0px;
	position: relative;

	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.2s;
}

.icon-app {
	display: flex;
	justify-content: center;
	margin: -40px 0px 0px 0px;
	transition: all 0.2s;
}
.link-app {
	width: 70px;
	margin: 0px 10px 20px 10px;
	transition: all 0.2s;
}

.link-app:hover {
	transform: scale(1.1);
}

.wrap-angeles-img {
	width: 125px;
	height: 125px;
	overflow: hidden;
	margin: 0px auto 30px auto;
	border-radius: 10px;
	transition: all 0.2s;
}
.img-angeles-logo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.2s;
}


.img-que-ver {
	width: 180px;
	height: 100px;
	overflow: hidden;
	border-radius: 10px;
	margin: 40px 0px 0px 0px;
	cursor: pointer;
	transition: all 0.2s;
}
.img-que-ver:hover {
	transform: scale(1.2);
	box-shadow: 0px 14px 25px -12px rgba(0, 0, 0, 0.8);
}
.img-que-ver-int {
	width: 100%;
	height: 100%;

	object-position: center;
	object-fit: cover;
}
.up1-new {
	margin: 30px 0px 60px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	justify-content: flex-start;
}
.title-bld {
    color: var(--color-secundario);
    font-weight: 600;
    border-bottom: 3px solid var(--color-secundario);
}
.bg1p {
	border-radius: 20px;
	margin: 30px 0px 0px 0px;
	padding: 0px 30px 0px 160px;
}
.bg2p {
	border-radius: 20px;
}



.wrap-newtxt {
width: 510px;
margin: 0px auto;
text-align: left;
}
.txt-newint {
font-weight: 300;
display: flex;
align-items: flex-start;
margin: 21px 0px;
font-size: 22px;
line-height: 1.4;
}
.ico-d0d0dd7 {
font-size: 18px;
margin: 3px 0px 0px 0px;	
}



























@media screen and (max-width: 1450px) {

.wrap-right {
	width: 81%;
	
	box-sizing: border-box;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}



}







































@media screen and (max-width: 1310px) {

.center-wrap-right {
	
	width: 700px;
	text-align: center;
	box-sizing: border-box;
	margin: 0px 0px 0px 60px;
}
h1 {
	font-weight: lighter;
	font-size: 39px;
}

.ico-cale {
	font-size: 35px;
	margin: 0px 0px 10px 0px;
}
.bt-home {
	width: 31%;
	border-radius: 10px;
	border: 1px solid var(--color-negativo);
	font-size: 18px;
	text-decoration: none;
	color: var(--color-negativo);
	box-sizing: border-box;
	padding: 19px 30px;
	margin: 15px 0px;
	text-align: left;

	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
}
.bt-home:hover {
	border: 1px solid var(--color-secundario);
	color: var(--color-negativo);
	background-color: var(--color-secundario);
	transform: scale(1.1);
	box-shadow: 0px 14px 25px -8px rgba(0, 0, 0, 0.5);
}
.txt-general {
	width: 100%;
	/*font-weight: lighter;*/
	text-align: justify;
	margin: 10px auto 0px auto;
}


.cl-2-left {
	text-align: left;
	width: 100%;
	order: 2;
}
.cl-3-right {
	width: 100%;
	margin: 0px 0px 40px 0px;
}

.content-img1 {
	width: 100%;
	height: 580px;
	overflow: hidden;
	border-radius: 20px;
}


.ord2 {
	order: 2 !important;
}



.wrap-expositor-img {
	width: 60%;
	margin: 0px auto 0px auto;
}


.item-ingreso {
	width: 29%;
	margin: 0px 10px;
}
.wrap-item-ingreso {
	width: 100%;
	background-color: var(--color-secdos);
	padding: 50px 15px 20px 15px;
	border-radius: 12px;

	margin: -35px 0px 0px 0px;
}
.wrap-angeles {
	width: 100%;
	padding: 50px 40px 150px 40px;
	background-color: var(--color-secundario);
	border-radius: 20px;
	margin: 120px 0px 0px 0px;
	color: var(--color-negativo);
}
.txt-angeles {
	width: 100%;
	margin: auto;
	text-align: justify;
}
.img-angeles {
	width: 89%;
	height: 400px;
	margin: -100px auto 40px auto;
	border-radius: 20px;
	overflow: hidden;
}
.title-tarifas {
	font-size: 29px;
    font-weight: lighter;
    margin: 26px 0px 28px 0px;
}

.item-ben-stand {
	width: 48%;
	margin: 20px 0px;
}








}








































@media screen and (max-width: 1100px) {

.header-bottom { display: none; }
.wrap-left { display: none; }
.header-info { display: none; }
.icon-chevrons-down { display: none; }
.header {
	background-color: var(--color-primario);
	width: 100%;
	height: inherit;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 35px;
	border-bottom-right-radius: 35px;
	box-sizing: border-box;
	padding: 20px 5%;

	display: flex;
	flex-direction: row;
	justify-content: space-between;

	position: fixed;
	z-index: 5;
}

.wrap-header-info {
	margin: 40px auto 40px auto;
	font-size: 17px;
	width: 70%;
	text-align: center;
	padding: 0px 10px;
}


.header-top {
	width: 100%;

	display: flex;
	justify-content: space-between;
	align-items: center;
}
.wrap-right {
	width: 100%;
	
	box-sizing: border-box;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.center-wrap-right {
	
	width: 700px;
	text-align: center;
	box-sizing: border-box;
	margin: 0px 0px 0px 0px;
}

.expoeventos {
	display: block;
	width: 190px;
	margin: 0px 0px 0px 0px;
}
.expoeventos img {
	display: block;
}


.bt-info-mobile {
	display: flex;
	justify-content: center;
	align-items: center;

	border-radius: 7px;
	padding: 8px 15px;
	border: 1px solid var(--color-positivo);
	color: var(--color-positivo);
	text-decoration: none;
	font-size: 15px;
	transition: all 0.2s;
}
.bt-info-mobile:hover {
	transform: scale(1.1);
	background-color: var(--color-secundario);
	color: var(--color-positivo);
	border: 1px solid var(--color-secundario);
}
.ico-infmob {
	font-size: 20px;
	margin: 0px 5px 2px 0px;
}



.up1 {
	margin-top: 140px;
}
h3 {
	font-size: 30px;
	color: var(--color-positivo);
	background-color: rgba(0, 0, 0, 0.7);
	text-align: center;
	font-weight: lighter;
	box-sizing: border-box;
	padding: 10px 20px;
	border-radius: 8px;
	margin: 150px 0px 0px 0px;
}

.tarifas-left {
	width: 60%;
	position: sticky;
	top: 100px;
	text-align: left;
}



.align-menu {
	width: 100%;
	text-align: center;
	position: fixed;
	bottom: 20px;

	display: flex;
	justify-content: center;

	z-index: 4;
}
.bt-menu-mobile {
	width: 80px;
	height: 80px;
	border-radius: 70px;
	font-size: 12px;

	border: 6px solid rgba(255, 255, 255, 0.2);

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

	text-decoration: none;
	background-color: var(--color-primario);
	color: var(--color-secundario);
}
.ico-men-mob {
	font-size: 23px;
	margin: -6px 0px 0px 0px;
}



.menu-mob-int {
	width: 300px;
	margin: auto;
	padding: 20px 0px 70px 0px;
}

.bt-link-int {
	text-decoration: none;
	color: var(--color-positivo);
	border-radius: 7px;
	border:  1px solid var(--color-positivo);

	display: flex;
	align-items: center;
	padding: 15px 20px;
	margin: 20px 0px;
	transition: all 0.2s;
}
.bt-link-int:hover {
	background-color: var(--color-secundario);
	color: var(--color-negativo);
	border-radius: 7px;
	border:  1px solid var(--color-secundario);
	transform: scale(1.1);
	box-shadow: 0px 14px 25px -8px rgba(0, 0, 0, 0.5);
}


.ico-int-mob {
	font-size: 22px;
	margin: 0px 5px 0px 0px;
}
.ico-clo {
	font-size: 50px;
	color: var(--color-positivo);
	margin: 50px auto 10px auto;
	display: block;
	text-align: center;
	cursor: pointer;
}










}









































@media screen and (max-width: 750px) {

.sale750 { display: none; }

.center-wrap-right {
	
	width: 500px;
	text-align: center;
	box-sizing: border-box;
	margin: 0px 0px 0px 0px;
}

.bt-home {
	width: 48%;
	border-radius: 10px;
	border: 1px solid var(--color-negativo);
	font-size: 18px;
	text-decoration: none;
	color: var(--color-negativo);
	box-sizing: border-box;
	padding: 19px 30px;
	margin: 15px 0px;
	text-align: left;

	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
}
.bt-home:hover {
	border: 1px solid var(--color-secundario);
	color: var(--color-negativo);
	background-color: var(--color-secundario);
	transform: scale(1.1);
	box-shadow: 0px 14px 25px -8px rgba(0, 0, 0, 0.5);
}


.item-ingreso {
	width: 100%;
	margin: 20px 0px 30px 0px;
}

.ficha {
	width: 100%;
	margin: auto;
	text-align: left;

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

.ico-vine-fer {
	font-size: 23px;
	color: var(--color-primario);
	border: 1px solid var(--color-primario);
	width: 40px;
	height: 40px;
	border-radius: 5px;

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

h1 {
	font-weight: lighter;
	font-size: 30px;
}


.subtitulo1 {
	font-size: 25px;
}
.img-vis2 {
	border-radius: 20px;
	overflow: hidden;
	width: 100%;
	height: 360px;
}
.title-angeles {
	font-size: 23px;
	margin: 0px 0px 10px 0px;
}

.img-angeles {
	width: 80%;
	height: 280px;
	margin: -100px auto 40px auto;
	border-radius: 20px;
	overflow: hidden;
}



}












































@media screen and (max-width: 550px) {

.sale550 { display: none; }
.center-wrap-right {
	
	width: 350px;
	text-align: center;
	box-sizing: border-box;
	margin: 0px 0px 0px 0px;
}

.bt-home {
	width: 100%;
	border-radius: 10px;
	border: 1px solid var(--color-negativo);
	font-size: 18px;
	text-decoration: none;
	color: var(--color-negativo);
	box-sizing: border-box;
	padding: 19px 30px;
	margin: 15px 0px;
	text-align: left;

	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.bt-home:hover {
	border: 1px solid var(--color-secundario);
	color: var(--color-negativo);
	background-color: var(--color-secundario);
	transform: scale(1.1);
	box-shadow: 0px 14px 25px -8px rgba(0, 0, 0, 0.5);
}


.content-img1 {
	width: 100%;
	height: 380px;
	overflow: hidden;
	border-radius: 20px;
}

.wrap-expositor-img {
	width: 100%;
	margin: 0px auto 0px auto;
}
.subtitulo2 {
	background-color: var(--color-secdos);
	color: black;

	width: 100%;
	border-radius: 10px;
	text-align: center;
	padding: 20px 50px;
	font-size: 28px;
	font-weight: lighter;
	margin: -50px 0px 0px 0px;
	position: relative;

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

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

	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.txt-item-ficha {
	width: 100%;
	margin: 5px 0px 0px 0px;
}
.title-ficha {
	font-size: 18px;
	font-weight: bold;
	color: var(--color-primario);
	margin: 0px 0px 4px 0px;
}
.img-vis2 {
	border-radius: 20px;
	overflow: hidden;
	width: 100%;
	height: 270px;
}




.tarifas-left {
	width: 100%;
	position: relative;
	top: inherit;
	text-align: center;
}

.line2 {
	width: 70px;
	height: 1px;
	margin: 20px auto;
	background-color: black;
}
.tarifas-right {
	width: 100%;
	text-align: left;
}

.item-tarifas {
	width: 100%;
	margin: 00px 0px 70px 0px;

	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}


.item-ben-stand {
	width: 100%;
	margin: 20px 0px;
}

.item-ben-stand-a {
	width: 100%;
	margin: 17px 0px;
}





.header {
	background-color: var(--color-primario);
	width: 100%;
	height: inherit;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-sizing: border-box;
	padding: 20px 5%;

	display: flex;
	flex-direction: row;
	justify-content: space-between;

	position: fixed;
	z-index: 5;
}



}






































@media screen and (max-width: 430px) {


.center-wrap-right {
	
	width: 82%;
	text-align: center;
	box-sizing: border-box;
	margin: 0px 0px 0px 0px;
}




.expoeventos {
	display: block;
	width: 120px;
	margin: 0px 0px 0px 0px;
}


.bt-info-mobile {
	display: flex;
	justify-content: center;
	align-items: center;

	border-radius: 7px;
	padding: 8px 10px;
	border: 1px solid var(--color-positivo);
	color: var(--color-positivo);
	text-decoration: none;
	font-size: 13px;
}
.ico-infmob {
	font-size: 15px;
	margin: 0px 5px 2px 0px;
}


h3 {
	font-size: 21px;
	color: var(--color-positivo);
	background-color: rgba(0, 0, 0, 0.7);
	text-align: center;
	font-weight: lighter;
	box-sizing: border-box;
	padding: 10px 20px;
	border-radius: 8px;
	margin: 150px 0px 0px 0px;
}


.subtitulo2 {
	background-color: var(--color-secdos);
	color: black;

	width: 100%;
	border-radius: 10px;
	text-align: center;
	padding: 20px 20px;
	font-size: 25px;
	font-weight: lighter;
	margin: -50px 0px 0px 0px;
	position: relative;

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








}