#impExpCap{
	float: left;
	/*display: block;*/
	margin: 0px;
	
	width: 100%;
	/*background-color: #f0efef;*/
	background: #ffffff;
	display: flex; /* Activa flexbox */
    flex-wrap: wrap;
	
}

#impExpCap > section{
	
	/*display: block;*/
	margin: 0px;
	
	width: 50%;
	padding: 10px;
	padding-bottom: 0px;
	
	
	/*flex: 1; */
    display: flex;
    flex-direction: column; /* Asegura que el contenido se alinee verticalmente */
    justify-content: center;
	
}



#impExpCapLeft{
	background-color: #2ca190;
	
}

#impExpCapRight{
	background-color: #ffffff;
}

#impExpCapLeft > h1{
	float: left;
	color: #FFFFFF;	
	font-size: 3.7rem;
	font-weight: 700;
	transform: scaleY(1.2);
	
	width: 70%;
	text-align: left;
	margin-left: 6vw;
	margin-top: 9.7vh;
	margin-bottom: 10vh;
	
}

#impExpCapRight > h1{
	font-family: Arial , sans-serif ;
	float: left;
	color: #000000;
	font-size: 1.15rem;
	font-weight: 300;
	line-height: 1.5;
	text-align: justify;
	margin-left: 4vw;
	width: 80%;
	margin-top: 0px;
	
}

/* ---------------------------------------- */

#impExpProdsMainCont {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Opcional: centra verticalmente también */
    margin-top: 0;
   /* margin-bottom: 5%;*/
    width: 100%;
    background-color: #f5f5f5;
	padding-top: 3vh;
	padding-bottom: 3vh;
}

#impExpProdsMainCont_1 {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Opcional: centra verticalmente también */
    margin-top: 0;
   /* margin-bottom: 5%;*/
    width: 100%;
    background-color: #f5f5f5;
	padding-top: 3vh;
	padding-bottom: 3vh;
	padding-bottom: 0px;
}

#impExpProdsMainCont_2 {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Opcional: centra verticalmente también */
    margin-top: 0;
   /* margin-bottom: 5%;*/
    width: 100%;
    background-color: #f5f5f5;
	padding-top: 2.5vh;
	padding-bottom: 0px;
}

#impExpProdsMainCont_3 {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Opcional: centra verticalmente también */
    margin-top: 0;
   /* margin-bottom: 5%;*/
    width: 100%;
    background-color: #f5f5f5;
	padding-top: 2.5vh;
	padding-bottom: 3vh;
}

.extraMgBt5Perc{
	margin-bottom: 5%;
}

#impExpProdsSubcont {
    width: 75%;
    background-color: #ffffff;
    border-radius: 1vw;
	filter: drop-shadow(0.5vh 0.5vh 0.6vh rgba(0, 0, 0, 0.4));
}

#impExpProdsSubcont2 {
    width: 56.25%;
    background-color: #ffffff;
    border-radius: 1vw;
	filter: drop-shadow(0.5vh 0.5vh 0.6vh rgba(0, 0, 0, 0.4));
}

#impExpCapLeft > h1, 
#impExpCapRight > h1 {
    position: relative;
    z-index: 20; /* Asegura que los títulos estén por encima de todo */
}

.impExpProdElm {
    float: left;
    width: 25%; /* Cada elemento ocupa un cuarto del contenedor */
    margin: 0;
    padding: 70px 20px; /* Espaciado interno */
    padding-top: 15px;
	cursor: pointer;
	
	display: flex; /* Activa flexbox */
    flex-direction: column; /* Alinea los hijos de forma vertical */
    align-items: center; /* Centra los hijos horizontalmente */
    justify-content: center; /* Opcional: centra los hijos verticalmente si hay espacio extra */
    text-align: center;
}

.impExpProdElm2 {
    float: left;
    width: 33%; /* Cada elemento ocupa un cuarto del contenedor */
    margin: 0;
    padding: 70px 20px; /* Espaciado interno */
    padding-top: 15px;
	cursor: pointer;
	
	display: flex; /* Activa flexbox */
    flex-direction: column; /* Alinea los hijos de forma vertical */
    align-items: center; /* Centra los hijos horizontalmente */
    justify-content: center; /* Opcional: centra los hijos verticalmente si hay espacio extra */
    text-align: center;
}

#impExpProdElm_1,
#impExpProdElm_2,
#impExpProdElm_3,
#impExpProdElm_4,
#impExpProdElm_5,
#impExpProdElm_6,
#impExpProdElm_7, 
 #impExpProdElm_8,
#impExpProdElm_9,
#impExpProdElm_10{
    border-right: 1px solid rgba(195,195,195,0.40); /* Borde derecho */
}

/* -- */


.impExpProdElm > section{
	padding: 0px;
	margin: 0px;
	width: 60px;
	height: 60px;
	margin-bottom: 0.8vh;
		
}

.impExpProdElm > section > img{
	width: 60px;
	height: 60px;
	display: block;
	 margin: auto;
}

.impExpProdElm > div{
	padding: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 1px;
	border-bottom: solid 1px rgba(217,217,217,1.00);
	margin-bottom: 1.7vh;
}


.impExpProdElm > article{
	border-radius: 50%;
	padding: 3%;
	background-color:  rgba(195,195,195,0.30);
	width: 110px;
	height: 110px;
	
	
}

.impExpProdElm > article > img{
	width: 80px;
	height: 80px;
	 animation: floatUpDown 3s ease-in-out infinite; /* Duración, suavidad y bucle infinito */
    display: block; /* Asegura que la imagen se comporte como un bloque */
    margin: auto; 
}


/* ---- xx ---- */



.impExpProdElm2 > section{
	padding: 0px;
	margin: 0px;
	width: 60px;
	height: 60px;
	margin-bottom: 0.8vh;
		
}

.impExpProdElm2 > section > img{
	width: 60px;
	height: 60px;
	display: block;
	 margin: auto;
}

.impExpProdElm2 > div{
	padding: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 1px;
	border-bottom: solid 1px rgba(217,217,217,1.00);
	margin-bottom: 1.7vh;
}


.impExpProdElm2 > article{
	border-radius: 50%;
	padding: 3%;
	background-color:  rgba(195,195,195,0.30);
	width: 110px;
	height: 110px;
	
	
}

.impExpProdElm2 > article > img{
	width: 80px;
	height: 80px;
	 animation: floatUpDown 3s ease-in-out infinite; /* Duración, suavidad y bucle infinito */
    display: block; /* Asegura que la imagen se comporte como un bloque */
    margin: auto; 
}


/* ---- xx ---- */

@keyframes floatUpDown {
    0%, 100% {
        transform: translateY(15px); /* Posición inicial y final */
    }
    50% {
        transform: translateY(-5px); /* Mueve la imagen hacia arriba */
    }
}



.impExpProdElm > h2{
	width: 100% !important;
	margin-top: 3vh !important;
	text-align: center;
	margin: 0px;
	font-size: 1.35rem;
	font-weight: 800;
	/*background-color: aqua;*/
	transform: scaleY(1.5);
	min-height: 50px;
}

.impExpProdElm > label{
	width: 100% !important;
	margin-top: 4vh !important;
	text-align: center;
	margin: 0px;
	font-size: 1rem;
	font-weight: 500;
	
	
}

.impExpProdElm2 > h2{
	width: 100% !important;
	margin-top: 3vh !important;
	text-align: center;
	margin: 0px;
	font-size: 1.35rem;
	font-weight: 800;
	/*background-color: aqua;*/
	transform: scaleY(1.5);
	min-height: 50px;
}

.impExpProdElm2 > label{
	width: 100% !important;
	margin-top: 4vh !important;
	text-align: center;
	margin: 0px;
	font-size: 1rem;
	font-weight: 500;
	
	
}