 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap'); 

*{
      margin-top: 0%;
      padding: 0%;
      box-sizing: border-box;
}
html, body,footer {
   margin: 0;
   padding: 0;
   font-family: 'Open sans';
}




.contenedor{
   padding: 60px 0;
   width: 100%;
   /*max-width: 1000px;*/
   margin: auto;
   overflow: hidden;
   /*display: flex;*/
   flex-direction: column;

}

.titulo{
   color: #642a64;
   font-size: 30px;
   text-align: center;
   margin-bottom: 60px;
}


header{
   width: 100%;
   height: 600px;
   background: #373B44;  
   background: linear-gradient(to right, hsla(217, 45%, 27%, 0.253), #373B44),url(../img/portada_final.jpeg); 
   background-size: cover;
   position: relative;

}

nav{
   text-align: right;
   padding: 30px 50px 0 0;
}

nav > a {
   color: #fff;
   font-weight: 300;
   text-decoration: none;
   margin-right: 10px;
}

nav > a:hover{
   text-decoration: underline;
}

.wave{
   position: absolute;
   bottom: 0;
   width: 100%;
}


header .texto-header h1{
   font-size: 3em;
   color: #fff;
}


.Contenedor-sobre-nosotros{
   display: flex;
   justify-content: space-evenly;
}


.imagen-quienes-somos{
   width: 100%;
}

.Contenedor-sobre-nosotros .contenedor-quiene{
   width: 48%;
}

.contenedor-quiene h3{
   margin-bottom: 15px;
}

.contenedor-quiene h3 span{   
   background: #4d0686;
   color: #fff;
   border-radius: 50%;
   display: inline-block;
   text-align: center;
   width: 30px;
   height: 30px;
   padding: 2px;
   box-shadow: 0 0 6px 0 rgba(0, 0,0, .5);
   margin-right: 5px;

}
.geleria-port{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
}


.imagen-port{
   width: 32%;
   margin-right: 0.3em;
   overflow: hidden;
   position: relative;
   margin-bottom: 1em;
  
}


.imagen-port > img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;

}

#medio-main{
   margin: auto;
   width: 90%;

}


.contenedor-quiene p{
   padding: 0px 0px 30px 15px;
}


 .pie_pagina{
    background-color: #0a1431;
 }

 .pie_pagina .Grupo1{
   margin: auto;
   padding: 45px 0px;
   display: flex;
   justify-content: space-evenly;
   position: relative;
   z-index: 99;
   width: 100%;
   align-items: center;
}
 

 .pie_pagina .Grupo1 .box h2{
    color: #fff;
    margin-top: 25px;
    font-size: 1.5em;


 }
 
 .pie_pagina .Grupo1 .red_social a{
    display: inline-block;
    text-decoration: none;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    margin-right: 10px;
    background-color: #0d2033;
    text-align: center;
    border-radius: 50%;
    font-size: 1.5em;
 }


.contenedor-servicio{
display: flex;
margin-bottom: 4em;
}

.nuestro_Servicios{
   width: 80%;
   margin: auto;
}

.RESEIDENCIA{
width: 70%;
}

#sello-agua-below {
   height: auto;
   width: 20%;
   max-width: 400px;
   min-width: 250px;
   
}


#IMAGEN-FOOTER{
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.img-footer{
   position: absolute;
   width: 100%;
   height: 440px;
   z-index: 1;
   opacity: 17%;
}


.box p{
   color: #fff;
   font-size: 1em;
}

.box .bigtext{
   font-size: 1.3em;
}

.sello-agua{
   height: auto;
   object-fit: cover;
   margin-right: 3em;
   width: 25%;
   max-width: 400px;
   min-width: 250px;
}

#agua{
   height: 100%;
   width: 100%;

}
#servicios-name{
   display: flex;
   justify-content: space-between;
   margin: auto;
   width: 80%;
   font-size: 1.3em;
   margin-top: 2em;
   margin-bottom: 3em;
}

.fa-solid.fa-thumbs-up{
   font-size: 1.4em;
   margin-right: 0.2em;
}


#header-title{
   margin: auto;
   width: 50%;
   margin-top: 2.6em;
   text-align: center;
   
}

/* .pie_pagina .GLOBAL .sello-agua figure{
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-content: center;

} 



.pie_pagina .GLOBAL .sello-agua figure img{
   width: 250px;
} */
.fa-solid.fa-phone{
   margin-right: 0.4em;
}

.fa-solid.fa-house{
   margin-right: 0.4em;
}
#vidcont{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
}

#vidcont video{
   margin-right: 0.3em;
}

.video-galery{
   height: auto;
   width: 32%;
}

#boxhorario{
   width: 19%;
}
#contacto{
   width: 19%;
}
#boxfollow{
   width: 10%;
}
.mapa{
   width : 27%;
}


@media screen and (max-width:1300px){
   .box{
      font-size: 0.9em;
   }
}



@media screen and (max-width:1000px){
   .sello-agua{
      margin:auto;
      width: 50%;
      margin-top: 1em;
   }

   #sello-agua-below{
      min-width: 350px;
   }
   .box{
      font-size: 1.4em;
      margin-bottom: 1em;
   }
   #contacto, #boxhorario, #boxfollow{
      width:100%;
      display: flex;
      align-items: center;
      flex-direction: column;
   }
   .mapa{
      width: 100%;
      margin: auto;
   }
   .Grupo1{
      flex-direction: column;
   }
   .img-footer{
      height: 1595px;
   }
   .texto-header{
      font-size: 0.5em;
   }
   header{
      height: 540px;
   }
   nav{
      text-align: center;
      padding-right: 0px;
   }
   #servicios-name{
      margin: 0;
      width: auto;
      flex-direction: column;
      align-items: center;
   }
   #prof-text{
      margin-right: 2.5em;
      margin-top: 1em;
      margin-bottom: 2em;
   }
   .Contenedor-sobre-nosotros{
      flex-direction: column;
   }
   #img-sobre-nosotros{
      display: flex;
      align-items: center;
      width: 100%;
      min-height: 260px ;
      height: 100%;
      justify-content: center;
      min-width: 300px;
   }
   .imagen-quienes-somos{
      height: 100%;
   }
   .Contenedor-sobre-nosotros .contenedor-quiene{
      width: 100%;
   }
   #vidcont{
      flex-direction: column;
   }
   .video-galery{
      width: auto;
   }
   
   .imagen-port{
      width:auto
   }
   .contenedor-quiene p {
      font-size: 1.2em;
   }
   .contenedor-quiene h3 {
      font-size: 1.3em;
   }

}

