.container-fluid {
  width: 100vw;
  height: 100vh;
  background-color: rgb(27, 27, 27);
  display: flex;
  align-items: center;
  justify-content: center;
}

.lazer,
.tipo,
.Perspectivas,
.Plantas {
  width: 50vw;
  height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.texto {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffff;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background-color: rgba(56, 59, 59, 0.623);
  width: 50vw;
  height: 70vh;
}


.texto:hover {
  transition: 0.5s;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
}


#close {
  position: absolute;
  cursor: pointer;
  width: 5vw;
  height: 5vw;
  z-index: 999;
  top:0;
  right: 0;
  transform: translate(0vw,3vw);
}

/* MENU 1 */

.Perspectivas {
  background-image: url(../Menu_Perspectivas/menuPerspectivas.jpg);
}

.Plantas {
 
  background-image: url(../Menu_PlantasHumanizadas/menuPH.jpg);
}

/* MENU 1 */

/* MENU 2 PERSPECTIVAS */

.lazer {
  background-image: url(../Menu_Perspectivas/menuLazer.jpg);
}

.tipo {
 
  background-image: url(../Menu_Perspectivas/menuAptos.jpg);
}

/* MENU 2 PERSPECTIVAS */
/* MENU 3 APTO TIPOS */

.wrapper {
  display: grid;
  grid-template-columns: auto auto;
}

.tipo1e2,
.tipo3,
.tipo4,
.tipo5 {
  width: 50vw !important;
  height: 50vh !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}


.textotipos {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffff;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background-color: rgba(56, 59, 59, 0.623);
  width: 50vw;
  height: 50vh;
}

h1 {
  font-size: 2.5vw !important;
}

.textotipos:hover {
  transition: 0.5s;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
}


.tipo1e2 {
 
  background-image: url(../Menu_Perspectivas/perspectiva-c1.jpg);
}
.tipo3 {
 
  background-image: url(../Menu_Perspectivas/perspectiva-tipo1.jpg);
}
.tipo4 {
 
  background-image: url(../Menu_Perspectivas/perspectiva-tipo2.jpg);
}
.tipo5 {
 
  background-image: url(../Menu_Perspectivas/perspectiva-tipo3.jpg);
}

/* PLANTAS HUMANIZADAS */

.wrapper2 {
  display: grid; 
  grid-template-columns: auto auto; 
  grid-template-rows: auto auto; 
  gap: 0px 0px; 
  grid-template-areas: 
    "phlazer phlazer"
    "phtipos phduplex"; 
}
.phtipos { grid-area: phtipos; }
.phduplex { grid-area: phduplex; }
.phlazer { grid-area: phlazer; }

.phlazer {
  width: 100vw !important;
  height: 50vh !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.textolazer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffff;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background-color: rgba(56, 59, 59, 0.623);
  width: 100vw;
  height: 50vh;
}

.textolazer:hover {
  transition: 0.5s;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
}

.phtipos,
.phduplex {
  width: 50vw !important;
  height: 50vh !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}


.phlazer {
 
  background-image: url(../PlantasHumanizadas/04menu-lazer.jpg);
}
.phtipos {
 
  background-image: url(../PlantasHumanizadas/04menu-duplex.jpg);
}
.phduplex {
 
  background-image: url(../PlantasHumanizadas/04menu-tipofinal1.jpg);
}