.elementor-5029 .elementor-element.elementor-element-ad27ddd{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-5029 .elementor-element.elementor-element-ad27ddd{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5029 .elementor-element.elementor-element-ad27ddd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-ca3d92f *//* Aplica a cualquier div con clase sector-mineria */
.sector-mineria {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  width: 100%;
  height: 393px; /* puedes ajustar la altura */
  cursor: pointer;
}

/* Imagen dentro del contenedor */
.sector-mineria img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  transition: transform 0.4s ease, filter 0.4s ease;
}

/* Leyenda centrada */
.sector-mineria .wp-caption-text,
.sector-mineria .leyenda {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  padding: 10px 20px;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 10px;
  text-align: center;
  z-index: 2;
  margin: 0;
  transition: background-color 0.3s ease;
}

/* Efecto hover solo sobre la imagen */
.sector-mineria:hover img {
  transform: scale(1.1);
  filter: brightness(70%);
}

.sector-mineria:hover .wp-caption-text,
.sector-mineria:hover .leyenda {
  background-color: rgba(0, 0, 0, 0.7);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8efd11d *//* Aplica a cualquier div con clase sector-mineria */
.sector-farmacia {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  width: 100%;
  height: 393px; /* puedes ajustar la altura */
  cursor: pointer;
}

/* Imagen dentro del contenedor */
.sector-farmacia img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  transition: transform 0.4s ease, filter 0.4s ease;
}

/* Leyenda centrada */
.sector-farmacia .wp-caption-text,
.sector-farmacia .leyenda {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  padding: 10px 20px;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 10px;
  text-align: center;
  z-index: 2;
  margin: 0;
  transition: background-color 0.3s ease;
}

/* Efecto hover solo sobre la imagen */
.sector-farmacia:hover img {
  transform: scale(1.1);
  filter: brightness(70%);
}

.sector-farmacia:hover .wp-caption-text,
.sector-farmacia:hover .leyenda {
  background-color: rgba(0, 0, 0, 0.7);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-80216c7 *//* Aplica a cualquier div con clase sector-mineria */
.sector-alimentos {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  width: 100%;
  height: 390px; /* puedes ajustar la altura */
  cursor: pointer;
}

/* Imagen dentro del contenedor */
.sector-alimentos img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  transition: transform 0.4s ease, filter 0.4s ease;
}

/* Leyenda centrada */
.sector-alimentos .wp-caption-text,
.sector-alimentos .leyenda {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  padding: 10px 20px;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 10px;
  text-align: center;
  z-index: 2;
  margin: 0;
  transition: background-color 0.3s ease;
}

/* Efecto hover solo sobre la imagen */
.sector-alimentos:hover img {
  transform: scale(1.1);
  filter: brightness(70%);
}

.sector-alimentos:hover .wp-caption-text,
.sector-alimentos:hover .leyenda {
  background-color: rgba(0, 0, 0, 0.7);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a1eb2df *//* Aplica a cualquier div con clase sector-mineria */
.sector-cosmetica {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  width: 100%;
  height: 390px; /* puedes ajustar la altura */
  cursor: pointer;
}

/* Imagen dentro del contenedor */
.sector-cosmetica img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  transition: transform 0.4s ease, filter 0.4s ease;
}

/* Leyenda centrada */
.sector-cosmetica .wp-caption-text,
.sector-cosmetica .leyenda {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  padding: 10px 20px;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 10px;
  text-align: center;
  z-index: 2;
  margin: 0;
  transition: background-color 0.3s ease;
}

/* Efecto hover solo sobre la imagen */
.sector-cosmetica:hover img {
  transform: scale(1.1);
  filter: brightness(70%);
}

.sector-cosmetica:hover .wp-caption-text,
.sector-cosmetica:hover .leyenda {
  background-color: rgba(0, 0, 0, 0.7);
}/* End custom CSS */