:root {
	--color-primario: #36A636;
	--color-secundario: #562675;

	--color-black: #000;
	--color-gray: #555555;
	--color-gray-light: #E9E9E9;
	--color-white: #fff;
	--color-logos-gray: #c0c0c0;

	--transition150: all 150ms;
}
img {
	width: 100%;
	display: block;
	margin: none;
	transition: var(--transition150);
}
* {
	box-sizing: border-box;
	font-family: 'Barlow', sans-serif;
	text-decoration: none;
	
}





/* PORTADA 2025 */
.infoFechas 					{width: fit-content; display: flex; align-items: center; margin: 50px 0px 30px 0px;
	.itemInfo 					{display: flex; flex-direction: column; align-items: center; text-align: center; color: #222; gap: 7px;}
	.icod222 					{color: var(--color-primario); font-size: 32px;}
	.txt 						{margin: 0;}
	.line 						{background: gray; width: 1px; height: 70px; margin: 0px 20px;}
}
.ecoHome 						{width: 130px;}
.plastHome 						{width: 150px;}
.packHome 						{width: 130px;}

.prog25 {border-radius: 30px; width: 100%; max-width: 400px; border: 1px solid gray; margin: 60px auto; display: block; }
.newsliBody .header-home .congreso {visibility: hidden; transition: var(--transition150); order: 2;}
.newsliBody .header-home .header-fecha {visibility: hidden; transition: var(--transition150); display: none;}
.newsliBody .bt-header {cursor: pointer; background-color: var(--color-primario); color: var(--color-white); padding: 10px 15px; margin: 0px 0px 0px 10px; border-radius: 6px; transition: var(--transition150);order: 2; }


.newsli {width: 100%;height: 100vh; min-height: 770px; background-image: url(images/portada25.webp); background-size: cover; background-position: center;}
.newsli-wrap {display: flex; flex-direction: column; align-items: flex-start; height: 100%; justify-content: center;}
.newsli-congreso {width: 500px; margin: 30px 0px 0px 0px;}
.newsli-fecha {width: 330px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 10px 40px -20px rgba(0,0,0,0.4); border-radius: 27px; padding: 15px 27px 15px 15px; margin: 50px 0px 30px 0px;}
.newsli-abril25 {display: flex; flex-wrap: wrap; text-align: center; flex-direction: column;}
.newsli-txt {font-weight: 600; font-size: 33px; margin: 0 0 7px 0;}
.newsli-txt25 {background: black; color: white; font-size: 40px; font-weight: 600; padding: 4px 20px 9px 20px; border-radius: 15px; margin: 0;}
.newsli-line {width: 1px; height: 82px; background: black;}
.newsli-juli {width: 94px;}
.newsli-ferias {color: gray;}
.newsli-feriasWrap {display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px; width: 450px;}
.newsli-ipack {width: 100px;}
.newsli-iplast {width: 100px;}
.newsli-congreso6 {width: 100px;}
.newsli-igraf {width: 100px;}
.newsli-ialimentos {width: 90px;}
.newsli-igastro {width: 100px;}
.newsli-imetal {width: 100px;}
.newsli-iexposur {width: 87px;}
.newsli .bt-space-between-full {width: 500px; border-radius: 12px; margin: 20px 0px 0px 0px;} 




/*REGISTRO 2024*/
.wrap-btnsreg {
    width: 100%;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 35px 0px;
    margin: 80px auto 0px auto;
}
.btreg-item {
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    border-radius: 15px;
    
    background: white;
    color: var(--color-gray);
    border: 1px solid var(--color-gray);
    padding: 30px 10px;
}
.ico-dd9d8d {
    font-size: 70px;
    margin: 0px 0px 9px 0px;
}
.btreg-item:hover {
    transition: var(--transition150);
    background: var(--color-primario);
    color: white;
    border: var(--color-primario);
    box-shadow: 0px 20px 20px -5px rgba(0,0,0,0.4);
    transform: scale(1.03);
}
.wrap-popreg {
    width: 500px;
    background: white;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    
    opacity: 0;
    margin: 50px 0px 0px 0px;
    animation: popreg .6s forwards;
    animation-delay: .4s;
}
.btpop-regint {
    font-weight: 400;
    color: var(--color-gray);
    width: 100%;
    
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    
    border: 1px solid var(--color-gray);
    border-radius: 6px;
    margin: 22px 0px 5px 0px;
    font-size: 19px;    
    
    padding: 16px 13px;
}
@keyframes popreg {
    0% {opacity:0; margin: 50px 0px 0px 0px;}    
    100% {opacity:1; margin: 0px 0px 0px 0px;}    
}

.title-repop {
    font-weight: 600;
    font-size: 26px;
    margin: 0px 0px 20px 0px;
}

.btpop-regint:hover {
    transition: var(--transition150);
    background: var(--color-primario);
    color: white;
    border: var(--color-primario);
    box-shadow: 0px 20px 20px -5px rgba(0,0,0,0.4);
    transform: scale(1.03);
}
.linepopreg {
    width: 1px;
    height: 20px;
    background: var(--color-gray);
    margin: 0px 7px;
}
.popreg-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
/*REGISTRO 2024*/










.imgcon {
    
}
.btconcurso {
    border-radius: 20px;
    border: 1px solid black;
    padding: 20px;
    margin: 25px 0px 0px 0px;
}




body {
	margin: 0;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.2;
	overflow: auto;
}

.cl-normal {
	background-colors: gray;
	width: 1200px;
	margin: auto;
	transition: var(--transition150);
}
.ctro {width: 100%; text-align: center;}



.wrap-logos-footer-home {
	width: 100%;
	margin: 0px 0px 20px 0px;
	
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.circular {
	font-size: 25px;
	text-align: center;
}


.wrap-iluxion {
    background: var(--color-secundario);
    display: flex;
    justify-content: center;
    padding: 12px 0px;
}
.iluxion {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: white;
    transition: var(--transition150);
}
.iluxion:hover {
	text-shadow: 0px 0px 10px white, 0px 0px 1px white;;
}
.ico-ilf938d8 {
    font-size: 14px;
    margin: 0px 4px 0px 4px;
}


.wrap-bt-ediciones {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 40px 0px 0px 0px;
}
.bt-edicion {
	font-size: 21px;
	border-radius: 8px;
	border: 1px solid black;
	padding: 10px 20px;
	color: black;
	margin: 10px;
	transition: var(--transition150);
}
.bt-edicion:hover {
	background: black;
	color: white;
	transform: scale(1.07);
}
.bt-edicion2 {
	background: black;
	color: white;
	transform: scale(1.07);
	font-size: 21px;
	border-radius: 8px;
	border: 1px solid black;
	padding: 10px 20px;
	margin: 10px;
}


.title-edic {
	font-weight: 600;
	font-size: 22px;
	width: 100%;
	max-width: 360px;
	margin: 20px auto 40px auto;
	text-align: center;
}


/* BOTONES */
.color-primario {
	background-color: var(--color-primario);
	transition: var(--transition150);
}
.color-secundario {
	background-color: var(--color-secundario);
	transition: var(--transition150);
}

.bt-space-between1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 22px;
	color: var(--color-white);
	padding: 8px 20px 10px 20px;
	border-radius: 6px;
	transition: var(--transition150);
	width: 30%;

	margin: auto;
	transition: var(--transition150);
}
.bt-space-between1:hover {
	transform: scale(1.06);
	box-shadow: 0px 13px 7px -7px rgba(0, 0, 0, 0.4);
}
.bt-space-between-full {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 22px;
	color: var(--color-white);
	padding: 8px 20px 10px 20px;
	border-radius: 6px;
	transition: var(--transition150);
	margin: 10px 0px 0px 0px;
}
.bt-space-between-full:hover {
	transform: scale(1.06);
	box-shadow: 0px 13px 7px -7px rgba(0, 0, 0, 0.4);
}

.wrap-btns-nav {
	display: flex;
	flex-wrap: wrap;
	width: 63%;
	justify-content: space-between;
	align-items: center;
}






/* Awesome Modal CSS */
.awesome-modal {
  display: none;
  background-color: rgba(0, 0, 0, .5);
  width: 50px;
  height: 1px;
  position: fixed;
  left: 0;
  top: 0;
  overflow: auto;
  z-index: 999;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);

  animation: bgpop 2s forwards;

  justify-content: center;
  align-items: center;
}
@keyframes bgpop {
  0% {
    width: 50px;
    height: 1px;
  }
  20% {
    width: 50px;
    height: 100%;
  }
  40% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
.awesome-modal * {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.wrap-navegator-int {
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.85);
	position: fixed;
	top: 0;
	z-index: 10;
	display: none;
	align-items: center;
	justify-content: center;
	overflow: auto;

  animation: navint .5s forwards;
  opacity: 0;
}
@keyframes navint {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.wrap-navegator-int * {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}





.ico-clspop {
  color: white;
  font-size: 40px;
  position: fixed;
  right: 30px;
  top: 30px;
  transition: var(--transition150);
  z-index: 9;

  animation: clos .5s forwards;
  opacity: 0;
  animation-delay: 1.2s;
}
@keyframes clos {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.ico-clspop:hover {
  color: var(--color-complement);
  transform: scale(1.1);
}

.modal-title {
  margin-top: 0;
}

.awesome-modal:target {
  display: flex;
}
.wrap-navegator-int:target {
  display: flex;
}



/* ANIMATIONS INT */
.congreso-pop {
  background: white;
  width: 500px;
  max-height: 90vh;
  padding: 30px;
  border-radius: 25px;
  text-align: center;
  box-shadow: 0px 42px 35px -20px rgba(0,0,0,0.4);

  animation: congreso-pop .6s forwards;
  animation-delay: .9s;

  opacity: 0;
  transform: translateY(100px);
}
@keyframes congreso-pop {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}







/* HEADER */
.header {
	width: 100%;
	background-color: var(--color-gray-light);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0px 26px 21px -14px rgba(0, 0, 0, 0.25);
	padding: 25px 0px 20px 0px;
	z-index: 2;

	position: fixed;
	transition: var(--transition150);
}
.wrap-header {
	width: 100%;

	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: var(--transition150);
}
.congreso {
	width: 190px;
	transition: var(--transition150);
}
.header-left {
	display: flex;
	align-items: center;
	transition: var(--transition150);
}
.ico-men {
	background-color: var(--color-secundario);
	color: var(--color-white);
	font-size: 25px;
	width: 50px;
	height: 50px;
	border-radius: 60px;
	margin: 0px 0px 0px 20px;
	cursor: pointer;

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

	cursor: pointer;
	transition: var(--transition150);
	transition: var(--transition150);
}
.ico-men:hover {
	transform: scale(1.1);
}
.bt-header {
	background-color: var(--color-primario);
	color: var(--color-white);
	padding: 10px 15px;
	margin: 0px 0px 0px 10px;
	border-radius: 6px;
	transition: var(--transition150);
	transition: var(--transition150);
}
.bt-header:hover {
	transform: scale(1.1);
	box-shadow: 0px 10px 8px -7px rgba(0, 0, 0, 0.8);
}
.header-fecha {
	border: 1px solid var(--color-black);
	padding: 10px 15px;
	border-radius: 6px;
	transition: var(--transition150);
}


.bt-tab     {border: 1px solid var(--color-black); color: black; padding: 10px 15px; border-radius: 6px; transition: var(--transition150);}
.wrap-tabs  {display:flex; gap:12px; justify-content:center; width: 100%; margin: 40px 0px 50px 0px;}
.bt-tabact  {border: 1px solid var(--color-primario); background:var(--color-primario); color: white; padding: 10px 15px; border-radius: 6px;}
.wrapimgsprogram {width:100%; display:flex; flex-wrap:wrap; gap: 50px;}

.bt-tab:hover {background: var(--color-primario); color:white; border: 1px solid var(--color-primario)}


.ico-circ {
	margin: 0px 4px 0px 0px;
	transition: var(--transition150);
}
.ico-cal{
	margin: 0px 4px 0px 0px;
	transition: var(--transition150);
}

.header-home .congreso {
	visibility: hidden;
	transition: var(--transition150);
}
.header-home .header {
	background-color: inherit;
	box-shadow: none;
	transition: var(--transition150);
}
.header-home .header-fecha {
	visibility: hidden;
	transition: var(--transition150);
}





/* NAVEGADOR */
.navegador	{
	width: 100%;
	height: 100vh;
	background-color: var(--color-secundario);

	position: fixed;
	z-index: 10;
	transition: var(--transition150);
}
.wrap-navegador {
	width: 100%;

	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	transition: var(--transition150);
}
.congreso-nav {
	width: 190px;
	transition: var(--transition150);
}
.label-nav {
	background-color: var(--color-black);
	color: var(--color-white);
	padding: 5px 11px 8px 11px;
	border-radius: 4px;
	font-weight: 700;
	font-size: 15px;
	margin: 0px 0px 6px 0px;
	transition: var(--transition150);
}
.item-nav {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 22px;

	color: var(--color-white);
	transition: var(--transition150);
}
.line-nav {
	width: 1px;
	height: 85px;
	margin: 0px 40px;
	background-color: var(--color-white);
	transition: var(--transition150);
}
.ico-clos {
	color: var(--color-white);
	font-size: 40px;
	margin: 0px auto 50px auto;
	text-align: center;
	cursor: pointer;
	transition: var(--transition150);
}
.links-navs {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	margin: 40px 0px 0px 0px;
	transition: var(--transition150);
}
.bt-link-nav {
	font-size: 30px;
	font-weight: 700;
	color: var(--color-white);
	text-transform: uppercase;
	margin: 8px 0px;
	transition: var(--transition150);
}
.bt-link-nav:hover {
	color: var(--color-black);
	text-decoration: underline;
	transition: var(--transition150);
}
.bt-link-nav-reg {
	background-color: var(--color-black);
	color: var(--color-white);
	font-size: 25px;
	padding: 10px 20px 13px 20px;
	border-radius: 5px;
	margin: 20px 0px 0px 0px;
	width: 32%;
	text-align: center;
	transition: var(--transition150);
}
.bt-link-nav-reg:hover {
	transform: scale(1.1);
	box-shadow: 0px 15px 12px -7px rgba(0, 0, 0, 0.7);
}










/* FOOTER */
.logos-footer {
	width: 100%;
	margin: 180px 0px 40px 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	transition: var(--transition150);
	gap: 40px 70px;
}
.wrap-logos-footer {
	display: flex;
	flex-direction: column;
	transition: var(--transition150);  
}
.lgsint {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	height: 70px;
}
.logos-img-footer {
	width: auto;
	height: 40px;
	margin: 0px 4px;
	transition: var(--transition150);
}
.logos-img-footer-home {
	width: auto;
	height: 35px;
	margin: 4px 4px;
	transition: var(--transition150);
}
.title-logos-footer {
	margin: 0px 0px 10px 0px;
	font-size: 15px;
	transition: var(--transition150);
}
.footer {
	width: 100%;
	background-color: var(--color-primario);
	padding: 40px 0px;
	border-radius: 20px 20px 0px 0px;
	transition: var(--transition150);
}
.wrap-footer {
	width: 100%;
	color: var(--color-white);

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.footer-left {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	transition: var(--transition150);
}
.img-congreso-footer {
	width: 170px;

}
.line-footer {
	width: 1px;
	height: 80px;
	background-color: var(--color-white);
	margin: 0px 30px;
	transition: var(--transition150);
}
.item-footer {
	margin: 0px 30px 0px 0px;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	transition: var(--transition150);
}
.ico-vinfoot {
	font-size: 30px;
	margin: 0px 0px 5px 0px;
	transition: var(--transition150);
}
.title-footer {
	font-size: 15px;
	font-weight: 700;
	transition: var(--transition150);
}
.bt-link-footer {
	color: var(--color-white);
	display: flex;
	align-items: center;
	font-size: 15px;
	margin: 7px 0px 0px 0px;
	border-bottom: 1px solid var(--color-primario);
	transition: var(--transition150);
}
.bt-link-footer:hover {
	border-bottom: 1px solid var(--color-white);
}
.ico-vinfo {
	margin: 2px 2px 0px 0px;
	transition: var(--transition150);
}
.footer-right {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	transition: var(--transition150);
}
.ico-red {
	width: 47%;
	color: var(--color-white);
	border: 1px solid var(--color-white);
	font-size: 13px;
	border-radius: 4px;
	padding: 7px 0px;

	display: flex;
	justify-content: center;
	align-items: center;
	transition: var(--transition150);
}
.ico-red:hover {
	background-color: var(--color-white);
	color: var(--color-primario);
	transform: scale(1.12);
	box-shadow: 0px 15px 12px -7px rgba(0, 0, 0, 0.4);
}
.bt-footer {
	width: 100%;
	display: flex;
	align-items: center;
	color: var(--color-white);
	border-radius: 5px;
	background-color: var(--color-secundario);
	padding: 4px 10px 6px 10px;
	margin: 12px 0px 0px 0px;
	font-size: 16px;
	transition: var(--transition150);
}
.bt-footer:hover {
	transform: scale(1.06);
	box-shadow: 0px 15px 12px -7px rgba(0, 0, 0, 0.4);
}





























/* HOME  */
.loh-head {
	display: inline-block;
	height: 55px;
	width: auto;
	margin: 0px 18px 0px 0px;
}
.subti-home2-log {
	text-align: left;
	margin: 0px 0px 10px 0px;
	transition: var(--transition150);
}
.home-left-left-log {
	margin: 0px 0px 20px 0px;
}
.log-pad {
	padding: 7px;
}
.wrap-home {
	width: 100%;

	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	transition: var(--transition150);
}
.wrap-home-left {
	width: 58%;
	transition: var(--transition150);
}
.wrap-home-right {
	width: 37%;
	margin: 150px 0px 0px 0px;
	transition: var(--transition150);
}
.wrap-info-home {
	width: 100%;
	margin: 50px 0px 50px 0px;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.info-home-right {
	width: 120px;
	transition: var(--transition150);
}
.info-home-left {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	transition: var(--transition150);
}
.info-home-left-top {
	display: flex;
	align-items: center;
	transition: var(--transition150);
}
.number-home {
	font-weight: 700;
	text-align: center;
	font-size: 60px;
	line-height: 1;
	transition: var(--transition150);
	display: flex;
	align-items: center;
}
.line-home-left {
	width: 1px;
	height: 70px;
	background-color: var(--color-secundario);
	margin: 0px 12px;
	transition: var(--transition150);
}
.subti-home2 {
	text-align: center;
	transition: var(--transition150);
}

.line-info-home {
	width: 1px;
	height: 130px;
	background-color: var(--color-black);
	margin: 0px 20px;
	transition: var(--transition150);
}
.img-home-villa {
	margin: 18px 0px 0px 0px;
	transition: var(--transition150);
}
.info-gome-left-bottom {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	transition: var(--transition150);
	width: 100%;
	text-align: center;
	margin: 12px 0px 0px 0px;
}


.compromiso {
	width: 100%;
	color: white;
	font-size: 50px;
	padding: 16px 50px 20px 50px;
	font-weight: 800;
	background-image: url(images/bg-compromiso.png);
	background-position: left;
	background-size: cover;
	border-radius: 10px;
	margin: 50px 0px 0px 0px;
	transition: var(--transition150);
}
.under {
	border-bottom: 4px solid var(--color-white);
	transition: var(--transition150);
}

.logos-home {
	width: 100%;
	margin: 0px;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 12px;
	transition: var(--transition150);
}
.logos-home-first {
	margin-top: 40px;
}
.title-logos {
	width: 100%;
	margin: 0px 0px 9px 0px;
	text-align: center;
	transition: var(--transition150);
}
.img-logos-home {
	width: 120px;
	height: auto;
	margin: 0px;
	border: 1px solid var(--color-logos-gray);
	transition: var(--transition150);
}
.img-logos-organizan {
	width: 180px;
}
.img-logos-oro {
	width: 220px;
}
.img-logos-plata {
	width: 180px;
}
.line-logos-home1 {
	width: 92%;
	margin: 30px 0px;
	height: 1px;
	background-color: var(--color-logos-gray);
	transition: var(--transition150);
}
.line-logos-home2 {
	width: 95%;
	margin: 30px 0px;
	height: 1px;
	background-color: var(--color-logos-gray);
	transition: var(--transition150);
}
.logs-img-home {
	height: 90px;
	width: auto;
	margin: 20px;
	transition: var(--transition150);
}
.logs-img-home2 {
	height: 50px;
	width: auto;
	margin: 20px 10px;
	transition: var(--transition150);
}
.line-logos-home3 {
	width: 81%;
	margin: 10px auto 0px auto;
	height: 1px;
	background-color: var(--color-black);
	transition: var(--transition150);
}


.dirigido-home {
	width: 100%;
	margin: 280px 0px 220px 0px;
	transition: var(--transition150);
}

.dirigido-top {
	width: 700px;
	background-color: var(--color-secundario);
	color: var(--color-white);
	margin: -150px auto -150px auto;
	padding: 30px 40px 40px 40px;
	border-radius: 20px;
	text-align: center;
	position: sticky;
	top: 120px;

	box-shadow: 0px 22px 19px -10px rgba(0, 0, 0, 0.4);
	transition: var(--transition150);
}
.title-dirigido {
	font-size: 50px;
	font-weight: 700;
	margin: 0px 0px 30px 0px;
	transition: var(--transition150);
}
.dirigido-bottom {
	width: 100%;
	height: 100vh;
	border-radius: 30px;
	overflow: hidden;
	transition: var(--transition150);
}
.img-int {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: var(--transition150);
}
.txt-dirigido {
	font-size: 23px;
	transition: var(--transition150);
}

h1 {
	font-size: 50px;
	text-align: center;
	margin: 0;
	line-height: 1;
	transition: var(--transition150);
}
.wrap-expositores-home {
	width: 100%;
	margin: 10px 0px 0px 0px;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.bt-expositor {
	width: 48%;
	box-shadow: 0px 16px 19px -10px rgba(0, 0, 0, 0.2);
	margin: 15px 0px 15px 0px;
	padding: 20px;
	border-radius: 20px;

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

.img-expositor {
	width: 170px;
	border-radius: 12px;
	transition: var(--transition150);
}
.wrap-expositor-left {
	width: 355px;
	transition: var(--transition150);
}
.bandera {
	width: 40px;
	border-radius: 80px;
	margin: 0px 0px 10px 0px;
	transition: var(--transition150);
	transition: var(--transition150);
}
.name-expositor {
	color: var(--color-primario);
	font-weight: 700;
	text-transform: capitalize;
	font-size: 29px;
	line-height: 1;
	margin: 0px 0px 10px 0px;
	transition: var(--transition150);
	transition: var(--transition150);
}
.cargo-expositor {
	color: var(--color-gray);
	font-weight: 700;
	font-size: 15px;
	line-height: 1.1;
	transition: var(--transition150);
	transition: var(--transition150);
}
.tema-expositor {
	display: none;
	transition: var(--transition150);
	color: var(--color-white);
	transition: var(--transition150);
}
.ico-vine-exp {
	margin: 0px 5px 0px 0px;
	font-size: 20px;
	transition: var(--transition150);
	transition: var(--transition150);
}
.txt-tema {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 17px;
	transition: var(--transition150);
	transition: var(--transition150);
}
.tembold {
	font-size: 20px;
	margin: 0px 0px 5px 0px;
	display: block;
	transition: var(--transition150);
}

.bt-expositor:hover {
	background-color: var(--color-secundario);
	transform: scale(1.07);
	box-shadow: 0px 16px 19px -10px rgba(0, 0, 0, 0.7);
}
.bt-expositor:hover .bandera {
	width: 0px;
}
.bt-expositor:hover .cargo-expositor {
	display: none;
}
.bt-expositor:hover .name-expositor {
	color: var(--color-white);
}
.bt-expositor:hover .tema-expositor {
	display: flex;
	align-items: flex-start;
}

.recicla-people {
	width: 300px;
	margin: 70px auto 0px auto;
	transition: var(--transition150);
}
.label {
	border: 1px solid var(--color-black);
	display: inline-block;
	font-size: 20px;
	padding: 8px 20px 10px 20px;
	border-radius: 5px;
	margin: 10px 0px 0px 0px !important;
	transition: var(--transition150);
}
h2 {
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	transition: var(--transition150);
}
.ic-orange {
	color: var(--color-secundario);
	font-weight: 800 !important;
	transition: var(--transition150);
}
.txt-oportunidad {
	font-size: 20px;
	text-align: center;
	width: 100%;
	margin: 0px auto 20px auto;
	transition: var(--transition150);

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.oportunidad-item {
	width: 30%;
	background-color: var(--color-secundario);
	color: white;
	margin: 0px 0px 30px 0px;
	border-radius: 12px;
	padding: 20px;

	display: flex;
	justify-content: center;
	align-items: center;
}
.reciclar-ayuda {
	width: 100%;
	border: 1px solid var(--color-black);
	border-radius: 30px;
	padding: 30px 40px;
	margin: 90px 0px 0px 0px;
	transition: var(--transition150);
}
.title-reciclar {
	text-align: center;
	font-size: 30px;
	padding: 0px 0%;
	transition: var(--transition150);
}
.img-reciclar {
	width: 100%;
	height: 400px;
	margin: 30px 0px;
	border-radius: 15px;
	overflow: hidden;
	transition: var(--transition150);
}













/* EXPOSITORES */
.space {
	padding: 180px 0px 0px 0px;
	transition: var(--transition150);
}
.filter-nav {
	width: 100%;
	margin: 40px 0px 30px 0px;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	transition: var(--transition150);
}
.bt-filter {
	border: 1px solid var(--color-black);
	display: flex;
	padding: 10px;
	color: var(--color-black);
	border-radius: 5px;
	margin: 0px 6px;
	transition: var(--transition150);
}
.bt-filter:hover {
	background-color: var(--color-secundario);
	border: 1px solid var(--color-secundario);
	color: var(--color-white);
	transform: scale(1.1);
	box-shadow: 0px 10px 9px -7px rgba(0, 0, 0, 0.5);
}










/* CONTACTOS */
.wrap-contactos {
	margin: 50px 0px 0px 0px;
	border: 1px solid var(--color-black);
	border-radius: 10px;
	padding: 10px 40px 42px 40px;

	display: inline-block;
	text-align: left;
	transition: var(--transition150);
}
.title-contact {
	font-weight: 700;
	font-size: 24px;
	margin: 35px 0px 0px 0px;
	transition: var(--transition150);
}
.ico-nico {
	margin: 2px 0px 0px 0px;
	transition: var(--transition150);
}
.bt-link-contact1 {
	color: var(--color-black);
	margin: 7px 0px 0px 10px;
	display: block;
	transition: var(--transition150);
}
.bt-link-contact1:hover {
	color: var(--color-secundario);
}
.bt-link-contact1a {
	color: var(--color-black);
	margin: 0px 15px 0px 0px;
	display: block;
	transition: var(--transition150);
}
.bt-link-contact1a:hover {
	color: var(--color-secundario);
}
.bt-link-contact2 {
	display: flex;
	color: var(--color-black);
	margin: 7px 0px 0px 10px;
	transition: var(--transition150);
}
.bt-link-contact3 {
	display: flex;
	color: var(--color-black);
	margin: 7px 0px 0px 10px;
	transition: var(--transition150);
}













/* CONGRESO */
.wrap-congreso {
	width: 100%;
	margin: 70px 0px 0px 0px;

	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	transition: var(--transition150);
}
.img-congreso {
	width: 50%;
	border-radius: 20px;
	transition: var(--transition150);
}
.txtcongreso {
	width: 47%;
	font-size: 20px;
	text-align: justify;
	transition: var(--transition150);
}
.subtitu-congreso {
	font-weight: 700;
	color: var(--color-primario);
	font-size: 35px;
	padding: 0px 40px 0px 0px;
	text-align: left;
	margin: 40px 0px 0px 0px;
	transition: var(--transition150);
}
.ficha-tec {
	width: 500px;
	margin: 40px auto 80px auto;
	transition: var(--transition150);
}

.wrap-congreso-compromiso {
	width: 100%;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.compromiso-left {
	width: 20%;
	position: sticky;
	top: 180px;
	margin: 0px 0px 100px 0px;
	font-size: 35px;
	font-weight: 700;
	transition: var(--transition150);
}
.img-compro {
	margin: 0px 0px 20px 0px;
	transition: var(--transition150);
}
.compromiso-right {
	width: 74%;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.compromiso-right-left {
	width: 47%;
	transition: var(--transition150);
}
.item-compromiso {
	width: 100%;
	margin: 0px 0px 100px 0px;
	transition: var(--transition150);
}
.title-item-compromiso {
	font-size: 25px;
	font-weight: 400;
	padding: 0px 0px 0px 0px;
	line-height: 1.05;

	display: flex;
	align-items: center;
	transition: var(--transition150);
}
.ico-com {
	font-size: 45px;
	width: 60px;
	height: 60px;
	border: 1px solid var(--color-black);
	margin: 0px 10px 0px 0px;
	border-radius: 6px;

	display: flex;
	justify-content: center;
	align-items: center;
	transition: var(--transition150);
}
.item-txt-compromiso {
	display: flex;
	align-items: flex-start;

	text-align: justify;
	margin: 15px 0px 20px 0px;
	transition: var(--transition150);
}
.ico-vin-com {
	margin: 3px 1px 0px 0px;
	transition: var(--transition150);
}






/* TEMAS A TRATAR */
.item-temas {
	font-size: 17px;
	text-align: justify;
	margin: 8px 0px;

	display: flex;
	align-items: flex-start;
	transition: var(--transition150);
}
.item-temas2 {
	font-size: 19px;
	text-align: left;
	margin: 20px 0px;

	display: flex;
	align-items: flex-start;
	transition: var(--transition150);
}
.ico-vin-itm {
	margin: 4px 3px 0px 0px;
	font-size: 14px;
	transition: var(--transition150);
}
.img-temas {
	width: 100%;
	height: 550px;
	overflow: hidden;
	border-radius: 20px;
	transition: var(--transition150);
}
.wrap-temas-int {
	width: 100%;
	padding: 0px 50px;
	margin: -220px 0px 0px 0px;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	transition: var(--transition150);
}
.temas-left {
	width: 60%;
	margin: 0px 0px 200px 0px;
	transition: var(--transition150);
}
.temas-right {
	width: 30%;
	background-color: var(--color-secundario);
	color: var(--color-white);
	padding: 30px 40px 40px 30px;
	border-radius: 20px;
	transition: var(--transition150);
}
.txt-temas-left {
	font-size: 25px;
	padding: 0px 70px 0px 0px;
	transition: var(--transition150);
}
.flecha-tema {
	width: 100%;
	margin: 30px 0px 0px 0px;

	display: flex;
	align-items: center;
	justify-content: flex-end;
	transition: var(--transition150);
}
.line-flecha {
	width: 340px;
	height: 2px;
	background-color: var(--color-black);
	transition: var(--transition150);
}
.puntaflecha {
	width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-left: 14px solid #000;
    border-bottom: 9px solid transparent;
	transition: var(--transition150);
}




/* COMO LLEGAR */
.titulo2 {
	color: var(--color-primario);
	text-align: center;
	font-size: 33px;
	line-height: 35px;
	font-weight: 600;
	width: 100%;
	margin: 0px 0px 10px 0px;
  }
  .apps {
	width: 70px;
	margin: 20px 3px;
	display: inline-block;
  }






/* REGISTRO */

.subtitle-registro {
	font-size: 40px;
	font-weight: 700;
	width: 100%;
	text-align: left;
	margin: 50px 0px 30px 0px;
	transition: var(--transition150);
}
.wrap-registro {
	width: 100%;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	transition: var(--transition150);
}
.registro-left {
	width: 48%;
	transition: var(--transition150);
}
.registro-right {
	width: 35%;
	transition: var(--transition150);
}
.item-registro {
	width: 100%;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.line-item-reg {
	width: 100%;
	background-color: var(--color-gray-light);
	height: 1px;
	margin: 40px 0px;
	transition: var(--transition150);
}
.wrap-price {
	display: flex;
	align-items: center;
	padding: 0px 0px 0px 40px;
	font-weight: 400;
	font-size: 17px;
	margin: 7px 0px 0px 0px;
	transition: var(--transition150);
}
.line-price {
	width: 1px;
	height: 20px;
	margin: 0px 10px;
	background-color: var(--color-black);
	transition: var(--transition150);
}
.item-left-reg {
	font-weight: 400;
	font-size: 25px;
	width: 70%;
	transition: var(--transition150);
}
.ico-rg {
	font-size: 20px;
	margin: 0px -5px 0px 0px;
	transition: var(--transition150);
}
.bt-registro {
	background-color: var(--color-secundario);
	color: var(--color-white);
	font-size: 20px;
	padding: 8px 15px 11px 15px;
	border-radius: 5px;

	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: var(--transition150);
}
.bt-registro:hover {
	transform: scale(1.1);
	box-shadow: 0px 10px 9px -7px rgba(0, 0, 0, 0.5);
}
.item-price {
	color: var(--color-primario);
	transition: var(--transition150);
}
.txt-per {
	font-size: 14px;
	margin: 8px 0px 0px 0px;
	transition: var(--transition150);
}
.registro-right {
	border-radius: 15px;
	border: 1px solid var(--color-black);
	padding: 30px;
	transition: var(--transition150);
}
.title-participacion {
	font-size: 23px;
	font-weight: 700;
	transition: var(--transition150);
}
.item-participacion {
	width: 100%;
	margin: 30px 0px 0px 0px;

	display: flex;
	align-items: flex-start;
	transition: var(--transition150);
}
.txt-participacion {
	font-size: 18px;
	width: 80%;
	text-align: justify;

	margin: 15px 0px 0px 0px;
	transition: var(--transition150);
}
.ico-part {
	width: 50px;
	height: 50px;
	margin: 0px 8px 0px 0px;

	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 25px;

	border-radius: 5px;
	border: 1px solid var(--color-black);
	transition: var(--transition150);
}









































@media screen and (max-width: 1400px) {
.cl-normal {
	background-colors: gray;
	width: 900px;
	margin: auto;
}

.number-home {
	font-weight: 700;
	text-align: center;
	font-size: 40px;
	line-height: 1;
}
.info-gome-left-bottom {
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
}
.info-home-right {
	width: 130px;
}
.line-info-home {
	width: 90%;
	height: 1px;
	background-color: var(--color-black);
	margin: 20px 0px;
}
.compromiso {
	width: 100%;
	color: white;
	font-size: 35px;
	padding: 16px 50px 20px 50px;
	font-weight: 800;
	background-image: url(images/bg-compromiso.png);
	background-position: left;
	background-size: cover;
	border-radius: 10px;
	margin: 50px 0px 0px 0px;
}
.logs-img-home {
	height: 79px;
	width: auto;
	margin: 10px;
}
.logs-img-home2 {
	height: 45px;
	width: auto;
	margin: 10px 8px;
}


.bt-expositor {
	width: 700px;
	box-shadow: 0px 16px 19px -10px rgba(0, 0, 0, 0.2);
	margin: 25px auto;
	padding: 20px;
	border-radius: 20px;

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.bt-expositor:hover {
	background-color: var(--color-secundario);
	transform: scale(1.04);
	box-shadow: 0px 16px 19px -10px rgba(0, 0, 0, 0.7);
}
.wrap-expositor-left {
	width: 475px;
}

.bt-space-between1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 22px;
	color: var(--color-white);
	padding: 8px 20px 10px 20px;
	border-radius: 6px;
	transition: var(--transition150);
	width: 40%;

	margin: auto;
}
.bt-space-between1:hover {
	transform: scale(1.06);
	box-shadow: 0px 13px 7px -7px rgba(0, 0, 0, 0.4);
}


.wrap-logos-footer {
	display: flex;
	flex-direction: column;
	transition: var(--transition150);
}
.congreso {
	width: 200px;
}
.img-congreso {
	width: 100%;
	border-radius: 20px;
	margin: 0px 0px 20px 0px;
}

.temas-right {
	width: 45%;
	background-color: var(--color-secundario);
	color: var(--color-white);
	padding: 30px 40px 40px 30px;
	border-radius: 20px;
}
.txt-temas-left {
	font-size: 19px;
	padding: 0px 70px 0px 0px;
}

.temas-left {
	width: 52%;
	margin: 0px 0px 105px 0px;
}


.txtcongreso {
	width: 100%;
	font-size: 20px;
	text-align: justify;
	margin: auto;
}
.subtitu-congreso {
	font-weight: 700;
	color: var(--color-primario);
	font-size: 29px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin: 40px 0px 0px 0px;
}
.compromiso-left {
	width: 22%;
	position: sticky;
	top: 180px;
	margin: 0px 0px 100px 0px;
	font-size: 30px;
	font-weight: 700;
}
.compromiso-right {
	width: 71%;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}


.registro-left {
	width: 60%;
}
.txt-participacion {
	font-size: 18px;
	width: 80%;
	text-align: left;

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



.wrap-info-home {
	width: 100%;
	margin: 20px auto 50px auto;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}
.lgsint {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
height: auto;
}

}







































@media screen and (max-width: 960px) {
.cl-normal {
	background-colors: gray;
	width: 600px;
	margin: auto;
}

.btreg-item br {
    display: none;
}
.btreg-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    font-size: 30px;
    font-weight: 600;
    border-radius: 15px;
    
    background: white;
    color: var(--color-gray);
    border: 1px solid var(--color-gray);
    padding: 30px 30px;
}
.ico-dd9d8d {
    font-size: 70px;
    margin: 0px 15px 0px 0px;
}





.header-fecha {display: none;}

.sale960 { display: none;}

.bt-header {
	background-color: var(--color-primario);
	color: var(--color-white);
	padding: 7px 12px;
	margin: 0px 0px 0px 10px;
	border-radius: 6px;
	transition: var(--transition150);
	font-size: 15px;
}
.bt-header:hover {
	transform: scale(1.06);
	box-shadow: 0px 10px 8px -7px rgba(0, 0, 0, 0.8);
}
.wrap-home-left {
	width: 100%;
	order: 2;
}
.wrap-home-right {
	width: 60%;
	margin: 150px auto 50px auto;
	order: 1;
}


.logs-img-home {
	height: 50px;
	width: auto;
	margin: 5px;
}
.logs-img-home2 {
	height: 30px;
	width: auto;
	margin: 7px 5px;
}

.logos-home {
	width: 100%;
	margin: 70px 0px 0px 0px;

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

.dirigido-top {
	width: 600px;
	background-color: var(--color-secundario);
	color: var(--color-white);
	margin: -150px auto -150px auto;
	padding: 30px 40px 40px 40px;
	border-radius: 20px;
	text-align: center;
	position: sticky;
	top: 120px;

	box-shadow: 0px 22px 19px -10px rgba(0, 0, 0, 0.4);
}

.bt-expositor {
	width: 100%;
	box-shadow: 0px 16px 19px -10px rgba(0, 0, 0, 0.2);
	margin: 25px auto;
	padding: 15px;
	border-radius: 20px;

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.bt-expositor:hover {
	background-color: var(--color-white);
	transform: scale(1.02);
	box-shadow: 0px 16px 19px -13px rgba(0, 0, 0, 0.5);
}

.wrap-expositor-left {
	width: 67%;
}

.tema-expositor {
	display: flex;
	transition: var(--transition150);
	color: var(--color-secundario);
	margin: 20px 0px 0px 0px;
}

.bt-expositor:hover .tema-expositor {
	display: flex;
	transition: var(--transition150);
	color: var(--color-secundario);
	margin: 20px 0px 0px 0px;
}
.bt-expositor:hover .cargo-expositor {
	display: flex;
}
.bt-expositor:hover .name-expositor {
	color: var(--color-primario);
}

.bandera {
	width: 25px;
	border-radius: 80px;
	margin: 0px 0px 10px 0px;
	transition: var(--transition150);
}
.bt-expositor:hover .bandera {
	width: 25px;
}
.bt-space-between1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 19px;
	color: var(--color-white);
	padding: 8px 20px 10px 20px;
	border-radius: 6px;
	transition: var(--transition150);
	width: 60%;

	margin: auto;
}
.bt-space-between1:hover {
	transform: scale(1.06);
	box-shadow: 0px 13px 7px -7px rgba(0, 0, 0, 0.4);
}
.title-reciclar {
	text-align: center;
	font-size: 30px;
	padding: 0px 0%;
}

.img-reciclar {
	width: 100%;
	height: 280px;
	margin: 30px 0px;
	border-radius: 15px;
	overflow: hidden;
}


.wrap-logos-footer {
	display: flex;
	flex-direction: column;
	transition: var(--transition150);
}

.footer-right {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;

	margin: 40px 0px 0px 0px;
}

.ico-red {
	width: 10%;
	color: var(--color-white);
	border: 1px solid var(--color-white);
	font-size: 13px;
	border-radius: 4px;
	padding: 10px 0px;

	display: flex;
	justify-content: center;
	align-items: center;
}
.ico-red:hover {
	background-color: var(--color-white);
	color: var(--color-primario);
	transform: scale(1.12);
	box-shadow: 0px 15px 12px -7px rgba(0, 0, 0, 0.4);
}
.bt-footer {
	width: 36%;
	display: flex;
	align-items: center;
	color: var(--color-white);
	border-radius: 5px;
	background-color: var(--color-secundario);
	padding: 7px 10px 9px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 17px;
}
.bt-footer:hover {
	transform: scale(1.06);
	box-shadow: 0px 15px 12px -7px rgba(0, 0, 0, 0.4);
}
.bt-space-between-full {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 19px;
	color: var(--color-white);
	padding: 8px 20px 10px 20px;
	border-radius: 6px;
	transition: var(--transition150);
}
.bt-space-between-full:hover {
	transform: scale(1.06);
	box-shadow: 0px 13px 7px -7px rgba(0, 0, 0, 0.4);
}

h1 {
	font-size: 40px;
	text-align: center;
	margin: 0;
}


.txtcongreso {
	width: 100%;
	font-size: 20px;
	text-align: justify;
	margin: auto;
}

.temas-left {
	width: 100%;
	margin: 0px 0px 40px 0px;
}
.wrap-temas-int {
	width: 100%;
	padding: 0px 0px;
	margin: 20px 0px 0px 0px;
	text-align: justify;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.flecha-tema { display: none;}

.txt-temas-left {
	font-size: 19px;
	padding: 0px 0px 0px 0px;
}

.temas-right {
	width: 100%;
	background-color: var(--color-secundario);
	color: var(--color-white);
	padding: 30px 40px 40px 30px;
	border-radius: 20px;
}

.ficha-tec {
	width: 100%;
	margin: 40px auto 80px auto;
}
.compromiso-right-left {
	width: 100%;
}
.compromiso-right {
	width: 60%;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.compromiso-left {
	width: 33%;
	position: sticky;
	top: 180px;
	margin: 0px 0px 100px 0px;
	font-size: 30px;
	font-weight: 700;
}

.header {
	width: 100%;
	background-color: var(--color-gray-light);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0px 26px 21px -14px rgba(0, 0, 0, 0.25);
	padding: 14px 0px 12px 0px;
	z-index: 2;

	position: fixed;
}




.congreso-nav {
	width: 140px;
}
.line-nav {
	width: 1px;
	height: 78px;
	margin: 0px 20px;
	background-color: var(--color-white);
}
.item-nav {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 18px;

	color: var(--color-white);
}



.registro-left {
	width: 100%;
}
.registro-right {
	width: 100%;
	margin: 120px 0px 0px 0px;
}
.item-left-reg {
	font-weight: 400;
	font-size: 25px;
	width: 100%;
}

.bt-registro {
	background-color: var(--color-secundario);
	color: var(--color-white);
	font-size: 20px;
	padding: 8px 15px 11px 15px;
	border-radius: 5px;
	width: 100%;
	margin: 10px 0px 0px 0px;

	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bt-registro:hover {
	transform: scale(1.1);
	box-shadow: 0px 10px 9px -7px rgba(0, 0, 0, 0.5);
}

.info-home-right {
	width: 190px;
}


.oportunidad-item {
	width: 100%;
	background-color: var(--color-secundario);
	color: white;
	margin: 0px 0px 30px 0px;
	border-radius: 12px;
	padding: 20px;

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


.newsli {width: 100%; height: 100vh; background-image: url(images/portada25.webp); background-size: cover; background-position: 20%; }



}








































@media screen and (max-width: 680px) {
.cl-normal {
	background-colors: gray;
	width: 420px;
	margin: auto;
}

.wrap-popreg {
    width: 88%;
    background: white;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    
    opacity: 0;
    margin: 50px 0px 0px 0px;
    animation: popreg .6s forwards;
    animation-delay: .4s;
}
.btpop-regint {
    font-weight: 400;
    color: var(--color-gray);
    width: 100%;
    
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: space-between;
    flex-wrap: wrap;
    
    border: 1px solid var(--color-gray);
    border-radius: 6px;
    margin: 22px 0px 5px 0px;
    font-size: 19px;    
    
    padding: 16px 13px;
}
.linepopreg {
    width: 60px;
    height: 1px;
    background: var(--color-gray);
    margin: 7px 0px;
}
.popreg-left {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
}




.btreg-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    border-radius: 10px;
    
    background: white;
    color: var(--color-gray);
    border: 1px solid var(--color-gray);
    padding: 15px 15px;
}
.ico-dd9d8d {
    font-size: 40px;
    margin: 0px 10px 0px 0px;
}










.bt-header {display: none;}


.wrap-home-right {
	width: 100%;
	margin: 90px auto 50px auto;
	order: 1;
}


.dirigido-top {
	width: 420px;
	background-color: var(--color-secundario);
	color: var(--color-white);
	margin: -150px auto -150px auto;
	padding: 30px 40px 40px 40px;
	border-radius: 20px;
	text-align: center;
	position: sticky;
	top: 120px;

	box-shadow: 0px 22px 19px -10px rgba(0, 0, 0, 0.4);
}



.bt-expositor {
	width: 100%;
	box-shadow: 0px 16px 19px -10px rgba(0, 0, 0, 0.2);
	margin: 25px auto; 
	padding: 15px;
	border-radius: 20px;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	transition: var(--transition150);
}
.bt-expositor:hover {
	background-color: var(--color-white);
	transform: scale(1.02);
	box-shadow: 0px 16px 19px -13px rgba(0, 0, 0, 0.5);
}

.wrap-expositor-left {
	width: 100%;
	margin: -25px 0px 0px 0px;
}


.bt-space-between1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 19px;
	color: var(--color-white);
	padding: 8px 20px 10px 20px;
	border-radius: 6px;
	transition: var(--transition150);
	width: 100%;

	margin: auto;
}
.bt-space-between1:hover {
	transform: scale(1.06);
	box-shadow: 0px 13px 7px -7px rgba(0, 0, 0, 0.4);
}

h2 {
	text-align: center;
	font-size: 30px;
	font-weight: 600;
}


.txt-oportunidad {
	font-size: 20px;
	text-align: center;
	width: 100%;
	margin: 0px auto 20px auto;
}


.wrap-logos-footer {
	display: flex;
	flex-direction: column;
	transition: var(--transition150);
}

.line-logos-home1 {
	width: 100%;
	margin: 10px auto 0px auto;
	height: 1px;
	background-color: var(--color-black);
}
.line-logos-home2 {
	width: 100%;
	margin: 10px auto 0px auto;
	height: 1px;
	background-color: var(--color-black);
}
.line-logos-home3 {
	width: 100%;
	margin: 10px auto 0px auto;
	height: 1px;
	background-color: var(--color-black);
}


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

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


.line-footer {
	width: 100%;
	height: 1px;
	background-color: var(--color-white);
	margin: 25px 0px;
}



.compromiso-left {
	width: 100%;
	position: relative;
	top: 0px;
	margin: 0px 0px 40px 0px;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}


.compromiso-right {
	width: 100%;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}


.item-txt-compromiso {
	display: flex;
	align-items: flex-start;

	text-align: left;
	margin: 15px 0px 20px 0px;
}


.img-temas {
	width: 100%;
	height: 400px;
	overflow: hidden;
	border-radius: 20px;
}


.temas-right {
	width: 100%;
	background-color: var(--color-secundario);
	color: var(--color-white);
	padding: 11px 27px 15px 22px;
	border-radius: 20px;
}


.wrap-contactos {
	margin: 50px 0px 0px 0px;
	border: 1px solid var(--color-black);
	border-radius: 10px;
	padding: 10px 40px 42px 40px;
	width: 100%;

	display: inline-block;
	text-align: left;
}


.reciclar-ayuda {
	width: 100%;
	border: 1px solid var(--color-black);
	border-radius: 15px;
	padding: 30px 40px;
	margin: 90px 0px 0px 0px;
}


.space {
	padding: 150px 0px 0px 0px;
}



.wrap-navegador {
	width: 150px;
	margin: auto;
	text-align: center;

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

.line-nav {
	width: 100%;
	height: 1px;
	margin: 30px 0px;
	background-color: var(--color-white);
}


.item-nav {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 18px;

	color: var(--color-white);
}


.bt-link-nav {
	font-size: 25px;
	font-weight: 700;
	color: var(--color-white);
	margin: 8px 0px;
}
.bt-link-nav:hover {
	color: var(--color-black);
	text-decoration: underline;
}

.newsli {width: 100%; height: 610px; min-height: auto; background-image: url(images/portada25.webp); background-size: cover; background-position: 48%;}
.newsli-wrap {display: flex; flex-direction: column; align-items: flex-start; height: 100%; justify-content: flex-end;}
.newsli-congreso { width: 290px; margin: 30px 0px 0px 0px; }
.newsli-fecha {width: 236px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 10px 40px -10px rgba(0,0,0,0.4); border-radius: 18px; padding: 15px 16px 8px 8px; margin: 50px 0px 30px 0px; background: white; }
.newsli-txt {font-weight: 600; font-size: 22px; margin: 0 0 7px 0;}
.newsli-txt25 {background: black; color: white; font-size: 32px; font-weight: 600; padding: 4px 15px 9px 15px; border-radius: 13px; margin: 0;}
.newsli-line {width: 1px; height: 73px; background: black;}
.newsli-juli {width: 69px;}
.newsli-feriasWrap {display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px; width: 250px;}
.newsli-ipack {width: 70px;}
.newsli-iplast {width: 70px;}
.newsli-congreso6 {width: 70px;}
.newsli-igraf {width: 70px;}
.newsli-ialimentos {width: 65px;}
.newsli-igastro {width: 70px;}
.newsli-imetal {width: 80px;}
.newsli-iexposur {width: 66px;}
.newsli .bt-space-between-full {width: 100%; border-radius: 12px; margin: 20px 0px 0px 0px;}

}









































@media screen and (max-width: 450px) {
.cl-normal {
	background-colors: gray;
	width: 280px;
	margin: auto;
}

.line-info-home {
	width: 100%;
	height: 1px;
	background-color: var(--color-black);
	margin: 30px 0px;
}

.wrap-info-home {
	width: 80%;
	margin: 20px auto 50px auto;

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

.compromiso {
	width: 100%;
	color: white;
	font-size: 27px;
	padding: 16px 50px 20px 50px;
	font-weight: 800;
	background-image: url(images/bg-compromiso.png);
	background-position: left;
	background-size: cover;
	border-radius: 10px;
	margin: 50px 0px 0px 0px;
}


.dirigido-top {
	width: 280px;
	background-color: var(--color-secundario);
	color: var(--color-white);
	margin: -150px auto -150px auto;
	padding: 25px 35px 35px 35px;
	border-radius: 20px;
	text-align: center;
	position: sticky;
	top: 120px;

	box-shadow: 0px 22px 19px -10px rgba(0, 0, 0, 0.4);
}

.title-dirigido {
	font-size: 30px;
	font-weight: 700;
	margin: 0px 0px 30px 0px;
}


.recicla-people {
	width: 100%;
	margin: 70px auto 0px auto;
}


h2 {
	text-align: center;
	font-size: 28px;
	font-weight: 600;
}

.title-reciclar {
	text-align: center;
	font-size: 18px;
	padding: 0px 0%;
}


.reciclar-ayuda {
	width: 100%;
	border: 1px solid var(--color-black);
	border-radius: 15px;
	padding: 21px 21px;
	margin: 90px 0px 0px 0px;
}

.logos-img-footer {
	width: auto;
	height: 40px;
	margin: 0px 4px 9px 4px;
}



.ico-red {
	width: 45%;
	color: var(--color-white);
	border: 1px solid var(--color-white);
	font-size: 13px;
	border-radius: 4px;
	padding: 10px 0px;

	display: flex;
	justify-content: center;
	align-items: center;
}
.ico-red:hover {
	background-color: var(--color-white);
	color: var(--color-primario);
	transform: scale(1.12);
	box-shadow: 0px 15px 12px -7px rgba(0, 0, 0, 0.4);
}

.bt-footer {
	width: 100%;
	display: flex;
	align-items: center;
	color: var(--color-white);
	border-radius: 5px;
	background-color: var(--color-secundario);
	padding: 7px 10px 9px 10px;
	margin: 30px 0px 0px 0px;
	font-size: 17px;
}
.bt-footer:hover {
	transform: scale(1.06);
	box-shadow: 0px 15px 12px -7px rgba(0, 0, 0, 0.4);
}
.txtcongreso {
	width: 100%;
	font-size: 18px;
	text-align: center;
	margin: auto;
}


.bt-filter {
	width: 100%;
	border: 1px solid var(--color-black);
	display: flex;
	padding: 10px;
	color: var(--color-black);
	border-radius: 5px;
	margin: 8px 0px;
}
.bt-filter:hover {
	background-color: var(--color-secundario);
	border: 1px solid var(--color-secundario);
	color: var(--color-white);
	transform: scale(1.1);
	box-shadow: 0px 10px 9px -7px rgba(0, 0, 0, 0.5);
}

.wrap-contactos {
	margin: 50px 0px 0px 0px;
	border: 1px solid var(--color-black);
	border-radius: 10px;
	padding: 10px 40px 42px 15px;
	width: 100%;

	display: inline-block;
	text-align: left;
}




.item-left-reg {
	font-weight: 400;
	font-size: 22px;
	width: 100%;
}
.wrap-price {
	display: flex;
	align-items: center;
	padding: 0px 0px 0px 0px;
	font-weight: 400;
	font-size: 17px;
	margin: 7px 0px 0px 0px;
}


}