#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;
}


#impExpProdsMainCont_3b {
    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: 0vh;
	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));
}


#impExpProdsSubcont3 {
    width: 19%;
    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,
#impExpProdElm_13{
    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: 5px;
	background-color:  rgba(195,195,195,0.30);
	width: 110px;
	height: 110px;
	
	
}




.impExpProdElm > article > img{
	width: 100px;
	height: 100px;
	 border-radius: 50%;
    display: block; /* Asegura que la imagen se comporte como un bloque */
    margin: auto; 

}

.impExpProdElm article img {
  transition: transform 0.6s ease, filter 0.6s ease; /* más tiempo = más suavidad */
  transform-origin: center center; /* el zoom se hace desde el centro */
}

.impExpProdElm:hover article img {
  transform: scale(1.1); /* zoom suave */
  filter: brightness(1.15) contrast(1.1) saturate(1.05);
}

/* ---- 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;
	
	
}

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

.impExpProdElm3 {
    float: left;
    width: 100%; /* 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;
}


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

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

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


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


.impExpProdElm3 > article > img{
	width: 100px;
	height: 100px;
	 border-radius: 50%;
    display: block; /* Asegura que la imagen se comporte como un bloque */
    margin: auto; 

}

.impExpProdElm3 article img {
  transition: transform 0.6s ease, filter 0.6s ease; /* más tiempo = más suavidad */
  transform-origin: center center; /* el zoom se hace desde el centro */
}

.impExpProdElm3:hover article img {
  transform: scale(1.1); /* zoom suave */
  filter: brightness(1.15) contrast(1.1) saturate(1.05);
}

.impExpProdElm3 > 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;
}

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

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

  .defaultMainCenteredContAdr {
      width: 100%;
      margin: 0 auto;
      padding: 0;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 20px; /* Espacio entre elementos */
	  background-color: #fcfcfc;
  }

.branchMainTit {
    width: 350px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    text-align: left;
    border: 1px solid #cfcfcf;
    transition: transform 0.3s ease-in-out;
    padding: 8px 16px;
    background-color: #f9f9f9;

    /* Flexbox para alinear img y h5 horizontal y verticalmente */
    display: flex;
    align-items: center;  /* centra verticalmente */
    gap: 0.5rem;          /* espacio entre img y h5 */
	margin-bottom: 2vh;
}

.brTExtrMrgTop{
	margin-top: 2vh;
}

.branchMainTit > img {
    width: 2.2rem;
    height: auto;
    flex-shrink: 0; /* evita que se reduzca */
}

.branchMainTit > h5 {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 800;
    color: rgba(96, 96, 96, 1);
    /*background-color: yellow;*/
    text-align: center;
    flex: 1; /* toma el espacio restante */
}

 .branchElm {
      width: 350px;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      overflow: hidden;
      text-align: center;
      border: 1px solid #cfcfcf;
      transition: transform 0.3s ease-in-out;
      padding: 16px;
	  background-color: #f9f9f9;
	  padding-top: 8px;
	 
  }

  .branchElm:hover {
      transform: scale(1.05);
  }


.animate__animated {
    animation-fill-mode: backwards;
}

  .branchElm > img {
      width: 85px;
      height: 85px;
     
      border: 3px solid white;
      margin-top: 2px;
	  border-radius: 50%;
	  margin-bottom: 10px;
  }

  .branchElm p {
      font-size: 14px;
      color: #333;
      margin: 4px 0;
  }

  .branchElm p strong {
      color: #000;
  }

.titleContainer {
    width: 100%;
    display: flex;
    align-items: center;  /* Centra verticalmente */
    justify-content: center; /* Centra horizontalmente */
    gap: 8px;
}

.titleContainer img {
    height: 19px !important; /* Ajusta el tamaño de la bandera */
	width: auto;
	margin-top: 8px;
	margin-right: 0.25rem;
}

.titleContainer h3{
	font-size: 1.4rem;
	font-weight: 800;
}