/*  ESTILOS DE LA GALERIA  */

.contenedor-galeria {
  font-family: var(--textos);
  width: 100%;
  /* max-width: var(--ancho-max); */
  margin: 15px auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 200px;
  padding: 0;
  grid-gap: 10px;
}

.galeria__item {
  position: relative;
}

.galeria__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.galeria__title {
  position: absolute;
  bottom: 0;
  padding: 10px;
  color: var(--color4);
  background: linear-gradient(rgba(255,255,255,.0), rgba(0,0,0,1));
  width: 100%;
  font-weight: 300;
}

.galeria__item:nth-child(1) {
  grid-column-start: span 3;
  grid-row-start: span 1;
}
.galeria__item:nth-child(2) {
  grid-column-start: span 3;
  grid-row-start: span 1;
}


/*  DESDE  */
@media (min-width:768px) {
  .contenedor-galeria {
    grid-template-columns: repeat(4, 1fr);
}
  .galeria__item:nth-child(1) {
    grid-column-start: span 2;
    grid-row-start: span 2;
} 
  .galeria__item:nth-child(2) {
    grid-column-start: span 2;
    grid-row-start: span 2;
}


}