@charset "UTF-8";
/*Estilos para la Fila -> tiene creada una fila específica con la clase GalImagenes y el tipo GalImagenes para el formatter box*/
.GalImagenes div:has(> .GaleriaImagenes[data-tipo-formatter=Box]) {
  --gap: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

/*----------------*/
.GaleriaImagenes .tituloCabecera {
  margin-bottom: 32px;
}
.GaleriaImagenes .titulo_galeria,
.GaleriaImagenes .titulo_imagen {
  min-height: 25px;
  color: #585858;
  font-size: 25px;
}
.GaleriaImagenes .imagen_principal + .titulo_galeria,
.GaleriaImagenes .imagen + .titulo_imagen {
  padding-top: 4px;
}
.GaleriaImagenes .contenedor-galeriaImagenes {
  --gap: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.GaleriaImagenes .contenedor-galeriaImagenes .contenido_imagen {
  position: relative;
  width: 100%;
  max-width: calc(33.333% - (var(--gap) - var(--gap) / 3));
}
@media (max-width: 899px) {
  .GaleriaImagenes .contenedor-galeriaImagenes .contenido_imagen {
    max-width: calc(50% - var(--gap));
  }
}
@media (max-width: 600px) {
  .GaleriaImagenes .contenedor-galeriaImagenes .contenido_imagen {
    max-width: unset;
  }
}
.GaleriaImagenes img {
  width: 100%;
  height: auto;
  max-height: 100%;
}
.GaleriaImagenes {
  /*-------*/
  /*DETALLE*/
  /*-------*/
  /*-------*/
  /*-------*/
  /*-------*/
  /* CAJA  */
  /*-------*/
}
.GaleriaImagenes[data-tipo-formatter=Box] {
  position: relative;
  width: 100%;
  max-width: calc(50% - var(--gap));
}
@media (max-width: 899px) {
  .GaleriaImagenes[data-tipo-formatter=Box] {
    max-width: unset;
  }
}
.GaleriaImagenes {
  /*-------*/
  /*-------*/
}

/*# sourceMappingURL=GaleriaImagenes.css.map */