.btn-compra {
  display:flex;
  background-color: white;
  justify-content: center;
  padding:0.75rem;
  color: #C9356C;
  font-weight:bold;
  transition: all 300ms ease-out;
}

.btn-compra .bx {
  line-height: 23px;
  font-size: 1.5rem;
}

.contenedor-mosaicos {
  display: flex;
  justify-content:center;
  flex-wrap: wrap;
  gap: 20px;
}

.contenedor-mosaicos img {
  object-fit: cover;
  border: none;
  max-width:15vw;
  transition: all 500ms ease-in;
}

.contenedor-mosaicos .tarjeta{
  transition: all 300ms ease-in-out;
}
.contenedor-mosaicos .tarjeta:hover {
  transform: scale(1.025) translate(0,-5%);
  transition: all 300ms ease-in-out;
  box-shadow: 0 5px 13px 5px rgba(0,0,0,0.05);
}

.cuadro-tarjeta {
  display:flex;
  flex-direction:column;
  background-color:#5555;
  padding:0.75rem;
}

.contenedor-mosaicos .info {
  display:flex;
  justify-content:center;
  padding:10px;
  text-align:center;
  color:white;
  box-sizing: content-box;
}

.contenedor-mosaicos .info label {
  font-size:1rem
  font-family:Assassin;
}

.seccion {
  background-color:#333;
  color: #DDD;
  padding:1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.separador {
  border: none;
  border-bottom: 2px solid #C9356C;
  padding: 0px;
}

/* Titulo */
.seccion h2{
  font-size:2rem;
  color: #776acf;
  text-align:center;
  margin-bottom:1rem;
}

/* Subtitulo */
.seccion h6{
  font-size:1rem;
  font-style:italic;
  text-align:center;
  margin-bottom:1rem;
}

/* Texto */
.seccion p{
  text-indent: 2rem;
}
.dos-columnas {
  column-count:2;
  column-gap:2rem;
}

.ql-align-left {
  text-align:left;
}
.ql-align-right {
  text-align: right;
}
.ql-align-center {
  text-align: center;
}
.ql-align-justify {
  text-align: justify;
}
.ql-editor {
  background-color:#FEFEFE;
}
.ql-toolbar.ql-snow {
  background-color:#e6e6e6;
}

.img-input {
  border: 2px solid transparent;
  margin-bottom:2px;
  margin-top:2px;
  border-radius:4px;
  background-color: #8884;
  color:#aaa;
  font-size: 0.7rem;
  outline: none;
}

.titulo-admin {
    font-size: 1.5rem;
    font-weight:600;
    color: #333;
}
@media (max-width: 992px) {
  .contenedor-mosaicos {
    justify-content: space-evenly;
    padding-bottom:1rem;
  }
  .contenedor-mosaicos img {
    object-fit: cover;
    border: none;
    max-width:130px;
    transition: all 500ms ease-in;
  }
  .cuadro-tarjeta {
    display:flex;
    width:150px;
    height: 285px;
    flex-direction:column;
    background-color:#5555;
    align-items: center;
  }
  .cuadro-tarjeta h5 {
    font-size: 0.75rem;
  }
  .btn-compra {
    display:flex;
    background-color: white;
    justify-content: center;
    padding:0.25rem 0.75rem;
    color: #C9356C;
    font-weight:bold;
    transition: all 300ms ease-out;
  }

  .btn-compra .bx {
    line-height: 23px;
    font-size: 1.25rem;
  }
  .seccion h2{
    font-size:1rem;
    margin-bottom:0.5rem;
  }
}

/*
 * OVERWRITE
*/
.col{
  object-fit: cover;
}