/*div1*/

/* CUADRO 1 del video boaria*/
.page1-section1{
  width: 100%;
  display: grid;
}


.page1-section1-div1 {
  /*width: 85%; */
  text-align: center; 
  margin: auto;
  display: grid; 
  grid-template-rows:10% 65% 15% 15%;
  grid-template-columns: 1fr 2fr;
  z-index: 1;
}

.page1-section1-div1-div1 { /*video*/
  grid-row:1/4; 
  grid-column: 1/3;
}

.page1-section1-div1-div2 {
  grid-row:2/3; 
  grid-column: 1/2;
  text-align: center;
  display: grid;
  align-items: center;
  grid-template-columns: 2fr 1fr;
}

.page1-section1-div1-div2-cont{
  grid-column: 2/3; 
  /*background-color: white;*/ 
  border-radius: 30px; 
  display: grid; 
  /*grid-template-rows: 1fr 1fr auto;*/
  justify-items: center;
  min-width: 100px;
}

.page1-section1-div1-div2-cont h4{
  font-size: 17px;
  margin: 4%;
  margin-bottom: 0;
  place-self: end

}

.page1-section1-div1-div2-cont p{
  font-size: 13px;
  font-size: smaller; 
  margin: 4%
}


.page1-section1-div1-div3{
  grid-row:3/5; 
  grid-column: 1/3; 
  display: grid; 
  width: 75%; 
  margin: auto; 
  max-width: 1500px; 
  grid-template-columns:1fr 1.5fr 1fr 1.5fr 1fr 1fr 1fr; 
  align-items: center;
}
.part1-box3 {
  grid-column-start: 1;
  grid-row-start: 3;
  grid-row-end: 4;
  text-align: center;
}

.part1-box4 {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 4;
  grid-row-end: 5;
  display: grid;
  justify-items: center;
  align-items: stretch;
}


/*responsive*/

@media screen and (max-width:1150px){
  .page1-section1-div1-div2-cont h4{
    font-size: 14px;
  }

  .page1-section1-div1-div2-cont p{
    font-size: 10px;
  }
}

@media screen and (max-width:900px){
  .page1-section1-div1-div2-cont h4{
    font-size: 11px;
  }

  .page1-section1-div1-div2-cont p{
    font-size: 8px;
  }

  .page1-section1-div1-div3{
    width: 85%; 
  }
}

@media screen and (max-width:750px){
  .page1-section1-div1-div2-cont h4{
    font-size: 8px;
  }

  .page1-section1-div1-div2-cont p{
    font-size: 6px;
  }
}

@media screen and (max-width:600px){
  .page1-section1-div1-div2-cont h4{
    font-size: 6px;
  }

  .page1-section1-div1-div2-cont p{
    font-size: 4.5px;
  }
}


.video{
  max-width: 60%;
}
.btnmorado-png{ /*boton del video*/
  width: 50%;
  min-width: 30px; /*en responsive el mínimo tamaño*/
}
 

/*div 2*/
.frase1-png{
  width: 50%;
  min-width: 300px;
  grid-column: 1/2;
  grid-row: 1/2;
  position: absolute;
  place-self: center;
  margin-top: -12%;
}

.banner-png{
  width: 100%;
  grid-column: 1/2;
  grid-row: 1/3;
}


.contenedorblanco-png{
  width: 100%;
}

.imagen-proyecto-png{
  width: 100%;
}

.conocemas-morado-png{
 width: 70%;
}



/*CONTENEDOR PARTE 2 FONDO Y FRASE CON PROYECTOS*/

.page1-section1-div2 {
  width: 100%; 
  display:grid; /*que se haga malla*/
  grid-template-rows: 0.83fr 1fr 0.83fr;
  grid-template-columns: 1fr;
  justify-content: center; 
  z-index: 0; /*poner atrás*/
  margin-top: -2%;
  /*overflow: hidden;*/
}

.page1-section1-div2-div1{
  grid-column: 1/2; 
  grid-row: 1/3; 
  overflow: hidden; 
  display: grid;
  align-items: stretch;
}

.page1-section1-div2-div2{
  grid-column: 1/2; 
  grid-row: 1/2; 
  display: grid;
}

.page1-section1-div2-div3 {
  grid-row:2/4;
  grid-column: 1/2;
  /*display: grid;
  width: 70%;
  margin: auto;
  column-gap: 15%;*/
  justify-content: space-around;
  display: flex;
  width: 65%;
  margin: auto;
  grid-template-columns: repeat(auto-fill, minmax(25rem,1fr));
}



@media screen and (max-width:750px){
  .page1-section1-div2 {
    grid-template-rows: 0.3fr 1fr 1fr;
  }
}


.tarjetas__contenido {
  display: grid;
  column-gap: 10%;
  width: 60%;
  margin: auto;

  justify-items: center;
  justify-content: center;
}

.section-box3 {
  display: grid;  
  justify-items: center;
  grid-row:2/4; 
  grid-column:4/7;
}

.section-box4 {
  grid-row:2/4; 
  grid-column:1/4;
  display: grid;  
  justify-items: center;
}

.section-box5 {
  grid-row:2/4; 
  grid-column:7/8;
  display: grid;  
  justify-items: center;
  content-visibility: hidden;
}


@media screen and (max-width:500px){
  .tarjetas__contenido{
    justify-items: unset;
    justify-content: unset;
  }
}

@media screen and (max-width: 500px){
 .section-box3 {
  grid-row:2/4; 
  grid-column:3/5;
}

.section-box4 {
  grid-row:2/4; 
  grid-column:1/3;
}

.section-box5 {
  grid-row:2/4; 
  grid-column:5/7;
  content-visibility: visible;
}

}


/* SECCION 3 */

.cuadrado-png{
  width: 100%;
}
.vendedor-png{
  width: 100%;
  min-width: 50px;
}
.admision-png{
  width: 80%;

}

.img-png{
  width: 40%;
}
.texto-png{
  width: 80%;
}



/*vendedor de compra tu lote con facilidades de pago*/
.section3 {
  width: 65%; 
  display:grid; /*que se haga malla*/
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  justify-content: center; 
  margin: auto;
}

.section3-box1 { 
  grid-column: 1/5;
  grid-row: 2/5;
  display: grid;
  width: 100%;
  align-items: stretch;
}

.section3-box2 { 
  grid-column: 1/2;
  grid-row: 1/5;
  display: grid;  
  width: 100%;
  align-items: stretch;
}
.section3-box3 { 
  grid-column: 2/5;
  grid-row: 2/3;
  display: grid;
  width: 100%;
  align-items: center;
  grid-template-columns: 1.5fr 2fr;
}

.section3-box4 { 
  grid-column: 2/3;
  grid-row: 3/4;
  display: grid;  
  width: 100%;
  align-items: center;
  
}
.section3-box5 { 
  grid-column: 3/4;
  grid-row: 3/4;
  display: grid;
  width: 100%;
  align-items: center;
  
}

.section3-box6 { 
  grid-column: 4/5;
  grid-row: 3/4;
  display: grid;  
  width: 100%;
  align-items: center;
  
}


.section3-box8 { 
  grid-column: 2/3;
  grid-row: 4/5;
  display: grid;  
  width: 100%;
  justify-content: center;
}

.section3-box9 { 
  grid-column: 3/4;
  grid-row: 4/5;
  display: grid;  
  width: 100%;
  justify-content: center;
}

.section3-box10 { 
  grid-column: 4/5;
  grid-row: 4/5;
  display: grid;  
  width: 100%;
  justify-content: center;
}

.section3-box11 { 
  grid-column: 2/5;
  grid-row: 1/2;
  display: grid;  
  width: 100%;
  justify-content: center;
}

@media screen and (max-width: 750px){
  .section3{
    width: 90%; 
    margin-top: 5%;
  }

  .page1-section1-div2-div3{
    flex-wrap: wrap;
  }
}

/* SECCIÓN4 */

.estarinformado-png{
  width: 80%;
}

.flecha-izquierda-png{
  width: 100%;
}

.flecha-derecha-png{
  width: 100%;
}

.visitarblog-png{
  width: 80%;
}


button{
  background-color: transparent;
  border: none;
  cursor: grabbing;
}

button:hover{
  cursor: grabbing;
}
.prev, .next{
    display: inline-block;
    margin: 5px;
    box-shadow: 0 5px 25px rgb(1 1 1 /10%);
    text-decoration: none;
    font-size: 1.2em;
    line-height: 45px;
    cursor: grabbing;
    border-radius: 50%;
    transition: 0.3s ease;
    background: #fff;
    width: 45px;

    font-weight: bold;
    color: #fff;
    background-color: #100047;
}

.prev:hover, .next:hover{
    background: #fff;
    color: #100047;
}

a {
  cursor: grabbing;
}

.img-nota-png{
  max-width: 300px;
}

@media screen and (max-width: 900px){ /*RESPONSIVE*/
  .img-nota-png{
  max-width: 180px;
}

.aqui-png{
  width: 60%;
}


  .video{
  max-width: 100%;
  }
}


@media screen and (max-width: 700px){ /*RESPONSIVE*/

  .aqui-png{
    width: 50%;
  }
}

@media screen and (max-width: 1400px){ /*RESPONSIVE*/
  .anuncioblanco-png{
    width: 80%;
  }


}

/*PARA CARRUSEL PROYECTOS*/
@media screen and (max-width: 500px){
  .frase1-png{
  width: 60%;
  position: relative; /* Cambiamos la posición a relativa */
  top: -120px;

  }

  .banner-png{
    /*width: 170%;*/
  }
}


/*estar informado es importante*/
.section4-wrapper4 {
  width: 0%; 
  /*display:grid; /*que se haga malla*/
  /*grid-template-rows: 1fr auto auto;*/
  justify-content: center; 
  grid-column: 1/2;
  grid-row: 1/2;
  align-content: flex-end;
  min-width: 200px;
  place-self: self-end;
  text-align: center;
  margin-bottom: 5%;
}

.wrapper4-box1 { /*frase*/
  grid-column: 1/3;
  grid-row: 1/2;
  /*display: grid;*/
  justify-items: center;
  align-items: center;
  width: 100%;
  margin-bottom: 15%;
}

.wrapper4-box2 {
  display: grid;  
  justify-items: center;
  grid-row:2/3; 
  grid-column:1/2;
}

.wrapper4-box3 {
  display: grid;  
  justify-items: center;
  grid-row:2/3; 
  grid-column:2/3;
}


.wrapper4-box4 { /*visitar blog*/
  grid-column: 1/3;
  grid-row: 3/4;
  display: grid;  
  justify-items: center;
  
}

@media screen and (max-width: 900px){ /*RESPONSIVE*/
  .section4-wrapper4{
    margin-bottom: 20%;
    min-width: 120px;
    align-content: flex-end;
  }
}


.page5-section2-div2{
    display: grid;
    grid-row: 1/2; 
    grid-column: 2/3;
    overflow: hidden;
    /*background: #fff;*/
    height: 110%;
    border-radius: 30px;
}

.page5-section2-div2-div{
    overflow: hidden;  
    width:98%; 
    justify-self: flex-end;
}

@media screen and (max-width: 900px){
  .page5-section2-div2-div{
    width: 90%;
    margin-right: 5%;
  }
}

.page5-section2-div2-div1{
    display: grid;
    grid-row: 1/3; 
    grid-column: 1/2;
    align-items: stretch;
}

.page5-section2-div2-div2{
    display: grid;
    grid-row: 1/2; 
    grid-column: 1/2;
    
}

.page5-section2-div2-div2 p{
    margin: 0px;
    width: 100%;
}

.page5-section2-div2-div3{
    display: flex;
    grid-row: 2/3; 
    grid-column: 1/2;
    align-items: center;
    width: 90%;
    margin: auto;
    margin-right: 0px;
}

.page5-section2-div2-div3-cont{
    display: grid;
    grid-template-columns: 1fr 2fr;
    max-width: 450px;
    width: 100%;
}

.page5-section2-div2-div3-cont-1{
    display: grid;
    grid-row: 1/3;
    grid-column: 1/3;
    align-items: stretch;
}

.page5-section2-div2-div3-cont-2{
    display: grid;
    grid-row: 1/2;
    grid-column: 1/2;
    
}

.page5-section2-div2-div3-cont-3{
    display: grid;
    grid-row: 1/2;
    grid-column: 2/3;
    align-items: center;
}

.page5-section2-div2-div3-cont-3 p{
    font-size: medium;
}

@media screen and (max-width:800px){
    .page5-section2-div2-div3-cont-3 p{
    font-size: small;
    }
}

@media screen and (max-width: 500px){
    .page5-section2-div2-div3-cont{
    max-width: 300px;
    }
}

















/*SECTION5------------------------------*/
.cont-formulario-png{
  width: 105%;
  height: 105%;
  top: -2%;
  position: relative;
}

.agenda-llamada-png{
  width: 90%;
  place-self: center;
}

.completa-tus-datos-png{
  width: 70%;
}