/* WTSP */
.icof4e 						{background: rgb(45, 175, 45); transition: .3s; animation: wtsp 1s infinite; cursor: pointer; position: fixed; bottom: 20px; right: 20px; z-index: 90; color: white; display: flex; font-size: 32px; width: 56px; height: 56px; justify-content: center; align-items: center; border-radius: 18px 18px 0px 18px;
	&:hover 					{background: black; transform: scale(1.1); animation: both;}
	&:active 					{transform: scale(1);}
}

@keyframes wtsp 				{
	0% {transform: scale(1);}
	50% {transform: scale(1.08);}
	100% {transform: scale(1);}
}



/* HEADER */
.header {width: 100%; height: 239px; background: white; position: absolute; z-index: 2; transition: .3s;}
.header {animation: header 1s forwards; animation-delay: .5s; margin: -250px 0px 0px 0px;}
@keyframes header {
    0% {margin: -250px 0px 0px 0px;} 100% {margin: 0px 0px 0px 0px;}
}
.header-wrap {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 30px 2% 30px 2%; transition: .3s;}
.expoplast {width: 270px; transition: .3s;}
.header-fecha {color: var(--color-primario); display: flex; gap: 12px; align-items: center; transition: .3s;}
.header-nros {font-size: 40px; font-weight: 700; transition: .3s;}
.header-mes {text-align: center; font-size: 25px; font-weight: 500; transition: .3s;}
.villa {width: 100px; transition: .3s;}
.ico-sl011 {color: var(--color-primario); font-size: 36px; display: none; cursor: pointer; transition: .5s 0s; transform: scale(1);}
.ico-sl011:hover {color: black;}
.navegator {width: 100%; display: flex; align-items: center; justify-content: center; padding: 20px 0px 20px 0px; background: white; gap: 17px; transition: .3s;}
body.fixed .navegator {top: 0px; position: fixed; z-index: 9; box-shadow: 0px 20px 40px -30px rgba(0,0,0,0.7); transition: .3s;}
.navegator-link {font-weight: 500; color: var(--color-primario); font-size: 18px; border-bottom: 1px solid white; padding: 0px 0px 5px 0px; margin: 4px 0px 0px 0px; transition: .3s; transition: .3s;}
.navegator-link:hover {color: var(--color-secundario); font-size: 18px; border-bottom: 1px solid var(--color-secundario); transition: .3s;}
.header-btn .bt1 {padding: 8px 10px 10px 10px; border-radius: 9px; font-size: 17px; transition: .3s;}
.header-btn .header-contact {background: var(--color-secundario); transition: .3s;}
.header-fechaB {display: none;}

.fecha1 {
}
.fecha-line {
    width: 1px; height: 60px; background: var(--color-gray2); 
}
.hora1 {
    font-size: 17px; color: var(--color-gray2); 
}
.horaHa {
    font-weight: 600; margin: 0px 0px 3px 0px; 
}
.horaHb {
    margin: 2px 0px 0px 0px; 
}
.inTop {object-position: top !important; 
}


@media ( width <= 820px ){
.navegator {display: none;}
.header {height: auto; position: fixed; box-shadow: 0px 20px 40px -20px rgba(0,0,0,0.5); z-index: 9;}
.villa {display: none;}
.ico-sl011 {display: block;}
.expoplast {width: 180px;}
.header-fecha {gap: 12px;}
.header-nros {font-size: 25px;}
.header-mes {font-size: 20px;}
.header-wrap {padding: 23px 2% 17px 2%;}
.hora1  {font-size: 15px;}
}
@media ( width <= 560px ){
.header-fecha {display: none;}
.expoplast {width: 145px;}
.header-fechaB {color: var(--color-primario); display: flex; gap: 12px; align-items: center; justify-content: center; transition: .3s;}
}
/* HEADER */





/* NAVEGADOR MOVIL */
.navmob {background: rgba(255,255,255,0.8); transition: .3s .2s; width: 100%; height: 0dvh; position: fixed; z-index: 2; overflow: hidden; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.navmob-wrap {display: flex; flex-direction: column; padding: 160px 30px 0px 30px; gap: 20px; }
.navmob-link {transition: .4s 0s; color: var(--color-secundario); opacity: 0; font-weight: 500; display: flex; align-items: flex-start; gap: 3px; font-size: 40px; transform: translateY(-10px);}
.ico-df24 {font-size: 30px; margin: 9px 0px 0px 0px; }
.navmob-btn {transition: .4s 0s; border-radius: 20px; display: flex; transform: translateY(-10px); opacity: 0; justify-content: center; align-items: center; height: 60px; font-size: 32px; margin: 30px 0px 0px 0px; background: var(--color-primario); color: white; font-weight: 600; }

.ocultar {opacity: 0; position: absolute; transition: .5s 0s; transform: scale(0); right: 2%;}
.navOpen {height: 100dvh; transition: .5s 0s;}

.nv1 {opacity: 1; transform: translateY(0px); transition: .2s .1s;}
.nv2 {opacity: 1; transform: translateY(0px); transition: .2s .14s;}
.nv3 {opacity: 1; transform: translateY(0px); transition: .2s .18s;}
.nv4 {opacity: 1; transform: translateY(0px); transition: .2s .22s;}
.nv5 {opacity: 1; transform: translateY(0px); transition: .2s .26s;}
.nv6 {opacity: 1; transform: translateY(0px); transition: .2s .3s;}
.nv7 {opacity: 1; transform: translateY(0px); transition: .2s .34s;}
.nv8 {opacity: 1; transform: translateY(0px); transition: .2s .38s;}


@media ( width <= 650px ) {
.navmob-wrap {padding: 160px 10px 0px 20px; gap: 18px; }
.navmob-link {font-weight: 600; font-size: 26px; }
.ico-df24 {font-size: 18px; margin: 5px 0px 0px 0px; }
.navmob-btn {border-radius: 16px; height: 47px; font-size: 27px; }
}
/* NAVEGADOR MOVIL */






/* FOOTER */
.legal {background: var(--color-primario-light);  margin: 140px auto 0px auto;color: var(--color-primario-dark); padding: 20px 20px; border-radius: 20px; text-align: center; text-wrap: balance; transition: .3s; }
.legal strong {font-weight: 600; transition: .3s; }
.juntos {width: 650px; margin: 70px auto 70px auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; transition: .3s; }
.juntos-title {width: 100%; text-align: center; font-weight: 500; color: var(--color-gray2); transition: .3s; }
.juntos-line {width: 100%; height: 1px; background: var(--color-gray2); margin: 20px 0px 30px 0px; transition: .3s; }
.juntos img {width: 200px; transition: .3s; }
.others {background: var(--color-gray3); padding: 30px 20px 70px 20px; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; align-items: flex-start; transition: .3s; }
.others img {width: 140px; filter: grayscale(1); opacity: .4; transition: .3s; }
.others-item {display: flex; flex-direction: column; transition: .3s; }
.others-title {font-weight: 600; font-size: 16px; color: var(--color-gray2); margin: 0px 0px 12px 0px; transition: .3s; }
.others-logos {display: flex; flex-wrap: wrap; gap: 22px 10px; transition: .3s; }
.footer {background: var(--color-primario); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 40px 20px 30px 20px; border-radius: 40px 40px 0px 0px; margin: -24px 0px 0px 0px; transition: .3s; }
.footer-left {display: flex; align-items: center; flex-wrap: wrap; gap: 20px; transition: .3s; }
.footer-img {width: 150px; transition: .3s; }
.footer .p1 {width: auto; color: white; transition: .3s; }
.footer-right {display: flex; gap: 12px; transition: .3s; }
.ico-d020 {color: white; font-size: 22px; border: 1px solid white; width: 46px; height: 46px; display: flex; justify-content: center; align-items: center; border-radius: 10px; transition: .3s; }
.ico-d020:hover {box-shadow: 0px 0px 10px 1px white; font-size: 24px;}

@media ( width <= 1100px ) {
.others {gap: 30px;}
.others-item {width: 100%;}
.footer {align-items: flex-end;}
.footer-left {gap: 10px; flex-direction: column; align-items: flex-start;}
.footer-img {margin: 0px 0px 30px 0px;}
}

@media ( width <= 760px ) {
.juntos {width: 88%; max-width: 450px; justify-content: center; gap: 30px;}
.juntos-line {margin: 0px 0px 0px 0px;}
}

@media ( width <= 600px ) {
.footer-right {width: 100%; justify-content: space-between; margin: 30px 0px 0px 0px;}
.ico-d020 {width: 48%;}
}
/* FOOTER */





/* HOME */
.ico-vv33 {font-size: 55px; margin: 0px 0px 10px 0px;}
.baner {width: 100%; height: 100dvh; overflow: hidden; margin: 0px 0px 70px 0px; position: relative; }
.baner-video {width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; }
.baner-wrap {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 1; align-items: center; padding: 260px 0px 40px 0px; background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0)); }
.baner-titleWrap {color: white; width: 80%; max-width: 780px; text-align: center; }
.baner-subtitle {background: var(--color-primario); color: white; font-weight: 600; padding: 10px 15px 9px 15px; border-radius: 5px; }
.title-home {width: 810px; margin: auto; background: white; position: relative; }
.title-home h1 {font-weight: 400; text-align: center; color: var(--color-gray1); }
.cifras-marco {width: 100%; height: 310px; border: 2px solid var(--color-primario); border-radius: 30px; margin: -115px 0px -100px 0px; }
.cifras {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 70px; }
.cifras-item {color: var(--color-primario); font-weight: 500; background: white; width: 160px; padding: 0px 10px; text-align: center; display: flex; flex-direction: column; gap: 10px; text-wrap: balance; }
.ico-dd0d6 {font-size: 55px; }
.cifras-title {text-transform: uppercase; font-weight: 700; color: var(--color-gray1); display: flex; align-items: center; gap: 7px; width: 260px; justify-content: center; font-size: 22px; margin: 25px -40px 0px -40px; }
.cifras-title {animation: flechas 1s infinite;}
@keyframes flechas {
    0% {gap: 7px;} 50% {gap: 25px;} 100% {gap: 7px;}
}
.ico-dd91 {font-size: 36px; transition: .2s; transition: .2s; }
.home-txt {font-size: 25px; width: 70%; margin: 30px auto 100px auto; text-wrap: balance; text-align: center; transition: .2s; }
.gallery {display: flex; flex-wrap: wrap; justify-content: center; margin: 90px 0px 120px 0px; gap: 190px; transition: .2s; }
.gallery-title {background: var(--color-primario); color: white; text-transform: uppercase; font-weight: 700; font-size: 40px; padding: 12px 20px 13px 20px; border-radius: 15px; margin: 120px 0px -34px 0px; position: sticky; top: 120px; z-index: 1; transition: .2s; }
.gallery-item {width: 100%; height: 70dvh; overflow: hidden; position: sticky; top: 155px; transition: .2s; }
.gallery-info {width: 100%; height: 70dvh; background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8)); display: flex; justify-content: flex-end; align-items: center; padding: 0px 0px 40px 0px; flex-direction: column; gap: 30px; position: absolute; transition: .2s; }
.gallery-subtitle {width: 600px; font-weight: 700; text-transform: uppercase; text-align: center; color: white; font-size: 40px; text-wrap: balance; transition: .2s; }
.gallery-txt {width: 88%; max-width: 900px; text-align: center; color: white; font-size: 25px; transition: .2s; }
.img-int {width: 100%; height: 100%; object-fit: cover; object-position: center; transition: .2s; }
.galltop {margin: -184px 0px 0px 0px; transition: .2s; }
.lugar {overflow: hidden; width: 100%; height: 640px; border-radius: 0px 0px 600px 600px; transition: .2s; }
.lugar-sombra {width: 100%; height: 100%; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); margin: 0px 0px -640px 0px; position: relative; z-index: 1; transition: .2s; }
.lugar-video {width: 100%; height: 100%; object-fit: cover; object-position: center; position: relative; transition: .2s; }
.ideal {margin: -190px auto 0px auto; position: relative; width: 470px; z-index: 1; transition: .2s; }
.lugar-villa {width: 200px; height: 200px; border: 5px solid var(--color-secundario); border-radius: 180px; padding: 40px; display: flex; justify-content: center; align-items: center; margin: -355px auto 70px auto; z-index: 1; position: relative; background: white; box-shadow: 0px 0px 0px 13px rgba(240,202,202,0.3), 0px 0px 0px 30px rgba(240,202,202,0.5); }
.lugar-villa {animation: villa 1s infinite; transform: scale(1);}
@keyframes villa {
    0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);}}
.wrapbtn1 {width: 300px; margin: auto; position: relative; z-index: 1; transition: .2s; }
.wrapbtn1 .bt1 {justify-content: space-between; transition: .2s; }
.stand {display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; margin: 130px 0px 40px 0px; transition: .2s; }
.stand-left {width: 600px; transition: .2s; }
.stand-conoce {background: var(--color-primario); color: var(--color-primario-light); font-weight: 800; font-size: 52px; display: flex; justify-content: space-between; align-items: flex-end; padding: 300px 30px 30px 35px; border-radius: 45px; margin: -340px 0px 0px 0px; transition: .2s; }
.ico-vn21 {animation: flri 1s infinite; transform: translateX(-5px);}
@keyframes flri {
    0% {transform: translateX(-5px);} 50% {transform: translateX(5px);} 100% {transform: translateX(-5px);}}
.indice {font-size: 16px; margin: 2px 0px 0px 2px; transition: .2s; }
.stand-right {display: flex; flex-wrap: wrap; align-items: flex-start; width: 570px; color: var(--color-gray1); gap: 40px; padding: 0px 0px 30px 0px; transition: .2s; }
.stand-item {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 5px 18px; transition: .2s; }
.stand-subtitle {width: 100%; font-size: 25px; font-weight: 600; margin: 0px 0px 5px 0px; transition: .2s; }
.stand-medida {display: flex; align-items: center; gap: 4px; transition: .2s; }
.stand-letra {background: var(--color-secundario); color: white; font-weight: 700; font-size: 24px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; text-transform: uppercase; border-radius: 100px; transition: .2s; }
.stand-nros {font-weight: 500; font-size: 22px; display: flex; transition: .2s; }
.enlaces {display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; margin: 100px 0px 0px 0px; transition: .2s; }
.enlaces h2 {justify-content: center; transition: .2s; }
.ico-sps0 {font-size: 30px; margin: 6px auto 40px auto; transition: .2s; }
.enlaces-line {width: 100%; transition: .2s; }
.enlaces-item {display: flex; flex-direction: column; align-items: center; width: 30%; transition: .2s; }
.enlaces-img {width: 150px; height: 150px; display: flex; justify-content: center; align-items: center; border-radius: 100px; padding: 21px; position: relative; transition: .2s; }
.enlace-txt {width: 100%; border: 1px solid black; font-size: 26px; padding: 90px 15px 25px 15px; margin: -70px 0px 0px 0px; border-radius: 30px; transition: .2s; }
.linkcong {background: #79B531; transition: .2s; }
.linkguia {background: #0C6987; transition: .2s; }
.linkfer {background: #D6101E; transition: .2s; }
.ico1b {display: none;}
.accesos {width: 100%; height: 180px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 45px 30px; margin: 0px 0px 100px 0px;}
.accesos-item {width: 13%; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; transition: .2s; cursor: pointer;}
.accesos-item:hover {transform: scale(1.02);}
.accesos-item:hover .ico {width: 100px; opacity: .5; }
.ico {width: 80px; transition: .2s;}
.accesos-txt {background: var(--color-primario); width: 100%; color: white; font-size: 20px; font-weight: 500; height: 70px; display: flex; align-items: center; justify-content: center; padding: 10px;border-radius: 20px;transition: .2s;}

.negocios {
    width: 100%; max-width: 500px; font-size: 45px; text-align: center; margin: 80px auto 0px auto; font-weight: 600; 
}


@media ( width <= 1400px ) {
.title-home {width: 690px; }
.cifras-marco {margin: -100px 0px -30px 0px; height: 193px; }
.cifras {gap: 47px; }
.cifras-item {width: 125px; font-size: 16px; padding: 0px; }
.ico-dd0d6 {font-size: 45px; }
.cifras-title {margin: 70px -40px 0px -40px; font-size: 18px; text-align: center; width: 215px; }
.ico-dd91 {font-size: 25px; }
.stand-left {width: 490px; }
.stand-conoce {padding: 270px 30px 30px 35px; margin: -250px 0px 0px 0px; }
.stand-right {width: 390px; }
.enlace-txt {padding: 90px 22px 25px 22px; text-wrap: balance; }
.accesos-item {width: 17%;}
}

@media ( width <= 960px ) {
.accesos {width: 100%; height: auto; gap: 35px 0px; justify-content: space-between;}
.accesos-item {width: 47%;}
.title-home {width: 72%; }
.cifras-marco {margin: -120px 0px 30px 0px; height: 161px; }
.cifras {gap: 0px 0px; justify-content: space-between; }
.cifras-item {width: 32%; }
.cifras-title {width: 100%; margin: 0px; }
.home-txt {width: 100%; }
.gallery-title {font-size: 32px; }
.lugar {height: 500px; }
.lugar-sombra {margin: 0px 0px -500px 0px;}
.ideal {width: 300px; }
.lugar-villa {width: 150px; height: 150px; padding: 20px; box-shadow: 0px 0px 0px 6px rgba(240,202,202,0.3), 0px 0px 0px 12px rgba(240,202,202,0.5); margin: -215px auto 70px auto; }
.wrapbtn1 {width: 100%; }
.enlaces-item {width: 100%; }
.enlaces {gap: 40px; }
.ico-sps0 {margin: 0px auto -35px auto; }
.stand {gap: 40px;     margin: 130px 0px 0px 0px; }
.stand-left {width: 100%; }
.stand-conoce {padding: 170px 30px 30px 35px; }
.stand-right {width: 100%; }
.ico1b {display: block;}
.ico1a {display: none;}
.ico-vn21 {animation: flri 1s infinite; transform: translateX(0px), translateY(-5px); }
@keyframes flri {
    0% {transform: translateY(-5px);} 50% {transform: translateY(5px);} 100% {transform: translateY(-5px);}}
}

@media ( width <= 760px ) {
.accesos-item {width: 48%;}
.baner-wrap {padding: 140px 0px 40px 0px; }
.baner-subtitle {width: 80%; text-align: center; text-wrap: balance; }
.negocios {font-size: 30px;}
}

@media ( width <= 650px ) {
.title-home {width: 100%;     margin: 0px 0px 40px 0px; }
.cifras-marco {display: none; }
.cifras {gap: 30px; }
.cifras-item {width: 100%; }
.lugar-sombra {margin: 0px 0px -390px 0px;}
.cifras-title {display: none; }
.home-txt {font-size: 20px; }
.gallery-title {text-align: center; font-size: 25px; }
.gallery-subtitle {width: 90%; font-size: 30px; }
.gallery-txt {font-size: 21px; text-wrap: balance; }
.lugar {height: 390px; }
.stand-conoce {padding: 130px 20px 20px 25px; margin: -140px 0px 0px 0px; font-size: 40px; border-radius: 32px; }
.stand-item {gap: 14px 18px; }
.stand-medida {width: 45%; }
}
/* HOME */






/* NOSOTROS */
.wrap-top {display: flex; flex-wrap: wrap; width: 100%; height: 100dvh; min-height: 940px; }
.animOn1 {animation: animOn1 1s forwards; animation-delay: .3s; opacity: 0; transform: translateY(500px);}
@keyframes animOn1 {
    0% {opacity: 0; transform: translateY(500px);} 100% {opacity: 1; transform: translateY(0px);}
}
.wrap-left {width: 50%; height: 100dvh; object-fit: cover; object-position: center; }
.wrap-right {width: 50%; padding: 280px 0px 0px 0px; }
.wrap-int {width: 600px; padding: 0px 0px 0px 30px; }
.wrap-name {color: var(--color-primario); }
.wrap-line {width: 75px; height: 1px; background: var(--color-primario); display: block; margin: 12px 0px 12px -30px; }
.wrap-title h1 {color: var(--color-primario); font-weight: 300; }
.wrap-txt {margin: 10px 0px; }
.wrap-destacado {background: var(--color-secundario-light); padding: 20px 28px; border-radius: 20px; font-size: 30px; font-weight: 700; color: var(--color-secundario); margin: 40px 0px; }
.ficha {width: 750px; display: flex; flex-wrap: wrap; margin: 100px auto 0px auto; border: 1px solid var(--color-gray2); border-radius: 30px; padding: 40px; justify-content: space-between; align-items: flex-start; background: rgba(255,255,255,0.5); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0px 60px 100px -50px rgba(0,0,0,0.8); }
.ficha h2 {justify-content: center; text-align: center; font-weight: 400; margin: 0px 0px 40px 0px; }
.ficha-left {display: flex; flex-wrap: wrap; width: 47%; gap: 40px; }
.ficha-title {font-weight: 500; font-size: 21px; }
.ficha-line {display: block; width: 35px; height: 1px; background: var(--color-gray2); margin: 7px 0px 7px -10px; }
.ficha-right {display: flex; flex-wrap: wrap; width: 47%; gap: 40px; }
.home-img {width: 100%; height: 100dvh; min-height: 750px; object-position: center; object-fit: cover; overflow: hidden; margin: -380px 0px -181px 0px; position: relative; z-index: -1; }

@media ( width <= 1400px ) {
.ficha {width: 100%;}
.wrap-int {width: 450px;}
}

@media ( width <= 960px ) {
.wrap-top {height: auto; min-height: auto; }
.wrap-left {width: 100%; height: 100dvh; }
.wrap-right {width: 100%; padding: 0px 0px 0px 0px; display: flex; justify-content: center; margin: -300px 0px 0px 0px; position: relative;}
.wrap-int {padding: 40px 50px; background: white; width: 600px; border-radius: 40px; box-shadow: 0px 20px 100px -60px rgba(0,0,0,0.7); }
}

@media ( width <= 650px ) {
.wrap-int {width: 300px;padding: 30px 30px;}
.wrap-destacado {font-size: 22px;}
.ficha-left {width: 100%;gap: 20px;}
.ficha-right {width: 100%;gap: 20px;}

}
/* NOSOTROS */






/* EXPOSITOR */
.wrap-int h2 {color: var(--color-primario); margin: 0px 0px 0px 0px; }
.fabri {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 5px 0px; }
.fabri-item {width: 49%; font-size: 17px; }
.beneficios {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin: 90px 0px 90px 0px; }
.beneficios h2 {justify-content: center; color: var(--color-primario); text-align: center; }
.beneficios-item {width: 22%; display: flex; flex-direction: column; align-items: center; text-align: center; margin: 50px 0px 0px 0px; }
.ico-ddp0 {font-size: 60px; margin: 0px 0px 10px 0px; }
.beneficios-title {font-size: 30px; font-weight: 700; }
.beneficios-subtitle {font-size: 28px; }
.beneficios-line {display: block; width: 40px; height: 1px; background: var(--color-gray2); margin: 13px 0px; }
.stand-b {align-items: flex-start; }
.stand-right-b {margin: 400px 0px 0px 0px; padding: 0; color: white; }
.stand-b .wrapbtn2 {width: 80%; margin: 45px auto 0px auto; }
.stand-b .wrapbtn2 .bt1 {justify-content: space-between;}
.home-img-b {margin: -650px 0px -180px 0px; }
.stand-left-b {position: sticky; top: 130px; }
.home-imgShadow {width: 100%; height: 100%; background: rgba(0,0,0,0.85); position: absolute; }

@media ( width <= 1400px ) {
.wrap-top-b {height: auto; }
.fabri-item {width: 100%; }
.beneficios-item {width: 43%; }
.home-img-b {margin: -700px 0px -180px 0px; }
}

@media ( width <= 960px ) {
.stand-left-b {position: relative; top: initial; }
.stand-right-b {margin: 20px 0px 0px 0px; }
.home-img-b {margin: -810px 0px -180px 0px; height: 1130px; }
}

@media ( width <= 650px ) {
.beneficios-item {width: 100%; }
.home-img-b {margin: -960px 0px -180px 0px; }
}
/* EXPOSITOR */








/* EXPOSITOR 2024 */
.cl-normal {
}
.epp24 {
    margin: 280px auto 0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.wrap-name {
}
.wrap-line {
}
.wrap-title {
}
.catalogos {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cataLink {
    width: 48%;
    margin: 50px 0px 0px 0px;
    border-radius: 40px;
    box-shadow: 0px 20px 60px -10px rgba(0,0,0,0.3);
    overflow: hidden;
}
/* EXPOSITOR 2024 */




/* VISITANTE */
.visitar h2 {color: var(--color-secundario); margin: 30px 0px 0px 0px;}
.perfil {display: flex; flex-wrap: wrap; width: 100%; height: 500px; align-items: center; }
.perfil-left {width: 50%; display: flex; justify-content: flex-end; }
.perfil-wrap {width: 600px; padding: 0px 30px 0px 0px; display: flex; flex-direction: column; gap: 17px; }
.perfil-right {width: 50%; height: 100%; object-fit: cover; object-position: center; }

@media ( width <= 1400px ) {
.perfil-wrap {width: 450px;}
}

@media ( width <= 960px ) {
.perfil {height: auto; }
.perfil-left {order: 2; justify-content: center; width: 100%; }
.perfil-wrap {background: white; padding: 30px; width: 310px; margin: -210px 0px 0px 0px; border-radius: 24px; box-shadow: 0px 22px 65px -30px rgba(0,0,0,0.5); }
.perfil-right {order: 1; width: 100%; height: 80dvh; }
}
/* VISITANTE */




/* LLEGAR */
.apps {display: flex; gap: 20px; margin: 40px 0px 0px 0px; }
.apps-link {width: 100px; cursor: pointer; transition: .2s; }
.apps-link:hover {transform: scale(1.1); }
.apps-link:active {transform: scale(.9); }
.wrap-top-c {min-height: auto;}
/* LLEGAR */





/* CONTACTOS */
.contact {margin: 40px 0px 0px 0px; }
.step1 {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.step1 .bt1 {width: 32%; font-size: 20px; padding: 20px 13px; filter: grayscale(1); }
.step1 .bt1:hover {filter: grayscale(0); background: var(--color-secundario); }
.step2 {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin: 70px 0px 0px 0px; }
.step-line {width: 100%; height: 1px; background: var(--color-gray2); margin: 0px 0px 70px 0px; }
.step-title {font-size: 24px; width: 100%; font-weight: 600; margin: 0px 0px 15px 0px; }
.step2 .bt1 {width: 23%; justify-content: center !important; font-size: 30px; background: white; color: var(--color-secundario); border: 1px solid var(--color-secundario); padding: 20px 10px; filter: grayscale(1); margin: 0px 0px 10px 0px !important; }
.step2 .bt1:hover {filter: grayscale(0); }
.step2 .bt1.active {filter: grayscale(0); }
.campo1 {width: 48.5%; margin: 10px 0px; }
.campo2 {width: 100%; margin: 10px 0px; }
.campo1 .bt1 {width: 100%; font-size: 20px; align-items: center; justify-content: space-between !important; height: 46px; background: black; color: white; border: 0; padding: 0px 17px 2px 17px; margin: 0px 0px 0px 0px !important; }
.step3 {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin: 70px 0px 0px 0px; }
.wrap-top-d {height: auto; min-height: auto; justify-content: flex-end; }
.wrap-left-b {position: fixed; left: 0; }
.wrap-right-b {padding: 280px 0px 120px 0px; }
.contact .bt1 {margin: 40px 0px 0px 0px; justify-content: space-between; }
.step-indice {font-size: 22px; }

@media ( width <= 1400px ) {
.contact .bt1 {margin: 10px 0px 0px 0px; justify-content: flex-start; width: 100%; }
.step2 .bt1 {width: 48%; }
.step2 .campo1 .bt1 {width: 100%; }
.campo1 {width: 100%; 
}
}

@media ( width <= 960px ) {
.wrap-right-b {padding: 0px; }
.wrap-left-b {position: relative; }
}

/* CONTACTOS */