/* RESOLUCIONES --------------------------- */
/* ---------------------------------------- */
.mensajeSAGA {
  min-height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 16px;
  justify-content: center;
  text-align: center;
}
.mensajeSAGA.inMemoryOnly, .mensajeSAGA.edited {
  background: #666;
  border: #333 1px solid;
  color: #FFF;
}
.mensajeSAGA .linea1 {
  font-size: 1.6vw;
  font-weight: bold;
}
.mensajeSAGA .linea2 {
  font-size: 1.1vw;
  margin-top: 8px;
}

.InfoEdited {
  position: absolute;
  top: 6px;
  left: 6px;
}
.InfoEdited .InfoEditedIcon {
  width: 32px;
  height: 32px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #369;
  color: #FFF;
}
.InfoEdited .InfoEditedTexto {
  width: 0;
  position: absolute;
  top: 0;
  left: 32px;
  background: #FFF;
  color: #333;
  padding: 0;
  font-size: 16px;
  overflow: hidden;
  font-family: sans-serif;
}
.InfoEdited .InfoEditedTexto .InfoEditedTexto-linea2 {
  margin-top: 8px;
}
.InfoEdited:hover .InfoEditedTexto {
  width: 300px;
  padding: 16px;
}

.mensajeSAGA {
  min-height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 16px;
  justify-content: center;
  text-align: center;
}
.mensajeSAGA.inMemoryOnly, .mensajeSAGA.edited {
  background: #666;
  border: #333 1px solid;
  color: #FFF;
  width: 100%;
}
.mensajeSAGA .linea1 {
  font-size: 1.6vw;
  font-weight: bold;
}
.mensajeSAGA .linea2 {
  font-size: 1.1vw;
  margin-top: 8px;
}

.BloqueContenedores {
  position: relative;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
@media (max-width: 899px) {
  .BloqueContenedores {
    flex-wrap: wrap;
  }
}
.BloqueContenedores .titulo {
  color: #fff;
  background: #333;
  padding: 16px;
  background-repeat: no-repeat;
  background-position: bottom center;
  line-height: 63px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.BloqueContenedores .titulo .contenedor-titulo {
  width: 100%;
  hyphens: auto;
  word-break: break-word;
  overflow-wrap: break-word;
}
.BloqueContenedores .contenedores {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 899px) {
  .BloqueContenedores .contenedores {
    order: 2;
  }
}
.BloqueContenedores .contenedores .contenedores-contenedor {
  --gap: 16px;
  display: inline-flex;
  flex-wrap: wrap;
  margin: calc(-1 * var(--gap));
  width: calc(100% + var(--gap) * 2);
  background: #eee;
  padding: var(--gap);
}
.BloqueContenedores .contenedores .contenedores-contenedor .contenedor {
  margin: var(--gap);
  width: calc(25% - var(--gap) * 2);
}
.BloqueContenedores .contenedores .contenedores-contenedor .contenedor.pequenio {
  width: calc(25% - var(--gap) * 2);
}
@media (min-width: 900px) and (max-width: 1099px) {
  .BloqueContenedores .contenedores .contenedores-contenedor .contenedor.pequenio {
    width: calc(33.3% - var(--gap) * 2);
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .BloqueContenedores .contenedores .contenedores-contenedor .contenedor.pequenio {
    width: calc(50% - var(--gap) * 2);
  }
}
@media (max-width: 599px) {
  .BloqueContenedores .contenedores .contenedores-contenedor .contenedor.pequenio {
    width: calc(100% - var(--gap) * 2);
  }
}
.BloqueContenedores .contenedores .contenedores-contenedor .contenedor.mediano {
  width: calc(50% - var(--gap) * 2);
}
@media (max-width: 599px) {
  .BloqueContenedores .contenedores .contenedores-contenedor .contenedor.mediano {
    width: calc(100% - var(--gap) * 2);
  }
}
.BloqueContenedores .contenedores .contenedores-contenedor .contenedor.grande {
  width: calc(75% - var(--gap) * 2);
}
@media (min-width: 900px) and (max-width: 1099px) {
  .BloqueContenedores .contenedores .contenedores-contenedor .contenedor.grande {
    width: calc(66.6% - var(--gap) * 2);
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .BloqueContenedores .contenedores .contenedores-contenedor .contenedor.grande {
    width: calc(50% - var(--gap) * 2);
  }
}
@media (max-width: 599px) {
  .BloqueContenedores .contenedores .contenedores-contenedor .contenedor.grande {
    width: calc(100% - var(--gap) * 2);
  }
}
.BloqueContenedores .contenedores .contenedores-contenedor .contenedor.completo {
  width: calc(100% - var(--gap) * 2);
}
.BloqueContenedores .contenedores .contenedores-contenedor .contenedor .cms_ade_container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  height: 100%;
}
.BloqueContenedores.izquierda .titulo {
  width: auto;
  justify-content: center;
  hyphens: auto;
  align-items: flex-end;
}
.BloqueContenedores.izquierda .titulo .contenedor-titulo {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  width: auto;
}
@media (max-width: 899px) {
  .BloqueContenedores.izquierda .titulo {
    width: 100%;
    order: 1;
    background-position: bottom left;
  }
  .BloqueContenedores.izquierda .titulo .contenedor-titulo {
    writing-mode: unset;
    transform: rotate(0);
    width: 100%;
  }
}
.BloqueContenedores.derecha .titulo {
  width: 255px;
  justify-content: center;
  hyphens: auto;
  order: 2;
  align-items: flex-end;
  background-position: bottom left;
}
.BloqueContenedores.derecha .titulo .contenedor-titulo {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  width: auto;
}
@media (max-width: 899px) {
  .BloqueContenedores.derecha .titulo {
    width: 100%;
    order: 1;
  }
  .BloqueContenedores.derecha .titulo .contenedor-titulo {
    writing-mode: unset;
    transform: rotate(0);
    width: 100%;
  }
}
.BloqueContenedores.arriba {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.BloqueContenedores.arriba .titulo {
  width: 100%;
  justify-content: center;
  hyphens: auto;
  order: 1;
  align-items: flex-end;
  background-position: bottom left;
}
.BloqueContenedores.arriba .contenedores {
  order: 2;
}
.BloqueContenedores.abajo {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.BloqueContenedores.abajo .titulo {
  width: 100%;
  justify-content: center;
  hyphens: auto;
  order: 2;
  align-items: flex-end;
  background-position: bottom left;
}
.BloqueContenedores.abajo .contenedores {
  order: 1;
}

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