@charset "utf-8";
/* CSS Document */



body {
    margin:0;
    padding:0;
  }

/* ---------------- GLOBAL STYLE BLOCK INFO   ------------- */

.block-info {
    display: flex;
    flex-direction: column;
    width:80%;
}

.block-info h1 {
    margin-left: 3%;
    margin-right: 3%;
    font-family: var(--font-1);
    font-size: 1.5em;
    color: var(--color-1);
  }

.block-info h2 {
    margin-left: 3%;
    margin-right: 3%;
    font-family: var(--font-1);
    font-size: 1.5em;
    color: var(--color-1);
  }


  p.text {
    margin-left: 3%;
    margin-right: 3%;
    font-family: var(--font-1);
    color: var(--color-2);
    font-size: 1em;
    font-weight: 100;
  }

  p.entry {
    font-family: var(--font-1);
    color: var(--color-2);
    font-size: 1.3em;
    margin-bottom: 3%;
    margin-left: 3%;
    margin-right: 3%;
  }


 .block-info  ul {
    padding: 0;
    margin: 0;
  }
  
  .block-info li {
    display: flex;
    align-content: center;
    line-height: 25px;
    list-style: none;
    font-family: var(--font-1);
    color: var(--color-2);
    font-size: 1em;
    margin-left: 3%;
    margin-bottom: 1%;
  }




/* ---------------- BLOCK INFO 1  ------------- */

.block-info-one {
    display: flex;
    width: 100%;
    min-height: 600px;
    height: auto;
    margin-bottom: 5%;
    border-bottom: solid 3px var(--color-1);
    background-color: var(--color-3);
    -webkit-box-shadow: -1px -1px 7px 0px rgba(0,0,0,0.43); 
    box-shadow: -1px -1px 7px 0px rgba(0,0,0,0.43);
}

.block-info-one-img {
    width: 50%;
    min-height: 600px;
    background-color: #d8d8d8;
}

.block-info-one-img img { 
  object-fit:cover;
  width:100%;
  height:100%;
  
}

.block-info-one-text {
    width: 50%;
    min-height: 600px;
    
}





/* ---------------- BLOCK INFO 2  ------------- */



.block-info-two {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    min-height: 600px;
    height: auto;
    margin-bottom: 5%;
    border-bottom: solid 3px var(--color-1);
    background-color: var(--color-3);
    -webkit-box-shadow: -1px -1px 7px 0px rgba(0,0,0,0.43); 
    box-shadow: -1px -1px 7px 0px rgba(0,0,0,0.43);
}

.block-info-two-img {
    width: 50%;
    min-height: 600px;
    background-color: #d8d8d8;
}

.block-info-two-img img { 
  object-fit:cover;
  width:100%;
  height:100%;
  
}

.block-info-two-text {
    width: 50%;
    min-height: 600px;
}




/* ---------------- GALERIA ------------- */

.galeria{
  width: 85%;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  margin-bottom: 5%;
}

.galeria img{
  width: 30%;
  padding: 1%;
}


.galeria h3 {
  margin-left: 3%;
  width: 100%;
  font-family: var(--font-1);
  font-size: 1.5em;
  color: var(--color-1);
}



/* --------------------------------------------------------------------- RESPONSIVE ------------------------------------ */



 
/* ----------------Escritorios muy anchos  ------------- */

@media (max-width: 1200px) { 

  .galeria img{
    width: 45%;
    padding: 1%;
  }

}




 
/* ----------------Tablets en horizonal y escritorios normales  ------------- */

@media (max-width: 1024px) { 

}

/* ---------------- Móviles en horizontal o tablets en vertical  ------------- */

@media (max-width: 768px) { 

  .galeria img{
    width: 90%;
    padding: 1%;
  }

  .block-info-one {
    flex-direction: column;
    width: 100%;
    min-height: 600px;
  } 

.block-info-one-img {
  width: 100%;
  min-height: 400px;
}

.block-info-one-text {
  width: 100%;
  min-height: 600px;
  
}

.block-info-two {
  flex-direction: column;
  width: 100%;
  min-height: 600px;
}


.block-info-two-img {
  width: 100%;
  min-height: 400px;
}

.block-info-two-text {
  width: 100%;
  min-height: 600px;
}


}


 /* ---------------- Móviles en vertical   ------------- */

@media (max-width: 575px) { 

  .block-info {
    width:90%;
}
 
.block-info-one-img {
  min-height: 160px;
}


.block-info-two-img {
  min-height: 160px;
}

.galeria{
  width: 90%;

}

}