* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root{
  scroll-behavior: smooth;
}


@font-face {
  font-family: 'MontserratAlternates-Bold';
  src: url(../Fuentes/MontserratAlternates-Bold.otf) format("opentype");
}
@font-face {
  font-family: 'Montserrat-Bold';
  src: url(../Fuentes/Montserrat-Bold.otf) format("opentype");
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url(../Fuentes/Montserrat-Regular.otf) format("opentype");
}


body {
  font-family: 'Montserrat-Regular';
  font-size: 80%;
  font-weight: lighter;
}

.contenedor {
  padding: 30px 0 60px 0;
  width: 100%;
  margin: auto;
  overflow: clip;
}

/* Header */

header {
  width: 100%;
  height: 700px;
  background-image: url(../Imagenes/fondo1.png);
  background-size: cover;
}

.contenedor-nav-logo{
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 700px;
  /*box-shadow: 1px 1px 14px #2C2323;*/
}

.imagen-servicios{
  width: 50%;
  margin: 0;
  text-align: right;
}

.titulo1{
  width: 50%;
  margin: 0;
  text-align:left;
  padding-left: 120px;
}
.titulo1 h1{
  font-family:'MontserratAlternates-Bold';        
  font-size: 4.5em;
  color: #fff;
}

#sangria1{
  text-indent: 6%;
}

#sangria2 {
  text-indent: 23%;
}

.imagen-servicios img{
  width: 35vw;
  padding-bottom: 70px;
  padding-right: 40px;
}



/*main*/

.descripcion {
  text-align: justify;
  width: 90%;
  margin: auto;
  font-size: 1.9em;
  color: #2B2B2B;
  padding-top:20px;
}

.incluye{
  width: 100%;
  margin: 0;
  font-size: 2.1em;
  text-align: center;
  padding-top: 350px;
}

.titulo2 h2{
  font-family:'MontserratAlternates-Bold';        
}

/* Identidad Visual*/
.titulo2{
  width: 80%;
  margin: auto;
  text-align: center;
  padding-top: 270px;
  padding-bottom: 50px;
  font-size: 2.3em;
  color: #424242;
}

.titulos-menu{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.titulos-menu{
  width: 50%;
}

.titulos-menu h2{
  font-family:'MontserratAlternates-Bold';  
}

.titulos{
  text-align: center;
  width: 100%;
  padding-bottom: 30px;
}

.titulos img{
  width:65px;
}

.menu li{
  display: inline-block;
  padding-right: 20px;
}

.menu li a{
  color: #AAAAAA;
  font-size: 1.7em;
}

#menu2{
  display: none;
}
#menu1cd{
  display: none;
}

#ms1 a:hover{
  color: #FCEE21;
}

#ms2 a:hover{
  color: #FCEE21;
}

#ms3 a:hover{
  color: #FCEE21;
}

#ms4 a:hover{
  color: #FCEE21;
}

#ms5 a:hover{
  color: #FCEE21;
}

#ms6 a:hover{
  color: #FCEE21;
}

#ms7 a:hover{
  color: #FCEE21;
}

#ms8 a:hover{
  color: #FCEE21;
}

#titulo{
  font-size: 2.5em;
  color: #F95116;
}

#hyle-slider {
    display: flex;
    margin: auto;
    width: 90%;
    padding: 10px;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
}

#hyle-slider>ul,li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#hyle-slider>ul.slider {
    position: relative;
    max-width: 900px;
    width: 100%;
    height: 500px;
}


#hyle-slider>ul.slider li {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    width: inherit;
    height: inherit;
    transition: opacity .5s;
    text-align: center;
}

#hyle-slider>ul.slider li h2 {
    padding-top: 20px;
    background-color: #fff;
}


#hyle-slider>ul.slider li img {
    width: 100%;
    height: 500px;
    object-fit: contain;
}

#hyle-slider>ul.slider li:first-child{
    opacity: 1;
    /*Mostramos el primer <li>*/
}


#hyle-slider>ul.slider li:target {
    opacity: 1;
    /*Mostramos el <li> del enlace que pulsemos*/
}

#hyle-slider>.menu {
    text-align: center;
    margin: 20px;
}

#hyle-slider>.menu li {
    display: inline-block;
    text-align: center;
}

#hyle-slider>.titulos-menu .menu li a {
    display: inline-block;
    text-decoration: none;
}

.slider h2{
  font-size: 1.8em;
  color: #6B6B6B;
}

/*Entregables*/

.entregables{
  width: 100%;
  height: 100vh;
  background-color: #FC7417;
}

.contenedor-entregables{
  text-align: center;
  padding-top: 60px;
}

.contenedor-entregables h2{
  font-family:'MontserratAlternates-Bold';  
  font-size: 3.3em;
  color: #424241;
  padding-bottom: 40px;
}

#e-manual{
  font-size: 2.2em;
  color: #fff;
  padding-bottom: 20px;
}

#e-pdf{
  font-weight: lighter;
  font-size: 1.7em;
  color: #fff;
  padding-bottom: 20px;
}

.contenedor-entregables span{
  font-weight: 900;
}

#e-ft{
  font-weight: lighter;
  font-size: 2.2em;
  color: #fff;
  padding-bottom: 20px;
}

#e-af{
  font-weight: lighter;
  font-size: 2.2em;
  color: #fff;
  padding-bottom: 20px;
}

#e-formatos{
  font-weight: lighter;
  font-size: 1.7em;
  color: #fff;
  padding-bottom: 20px;
  word-spacing: 1em;
}

/*CONTACTO*/

.Contacto{
  width: 100%;
  background-color: #424241;
}

.contacto{
  width: 100%;
}

.contenedor-redes2{
  width: 80%;
  height: 60vh;
  display: flex;
  margin: auto;
  align-items: center;
  font-size: 1em;
  color: #fff;
  justify-content: space-evenly;
  text-align: center;
  padding: 60px 0px 60px 0px;
}
.red img{
  width: 52px;
}

.red a{
  position: absolute;
}
.red{
  padding-bottom: 20px;
}

.red a:hover{
  text-decoration: none;
  opacity: 0%;
}

.contactanos{
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
}

.titulos-contacto h2{
  font-family:'MontserratAlternates-Bold';  
  font-size:3.3em;
  padding-bottom: 60px;
}

.contactanos p{
  font-size: 1.3em
}

.marca{
  background-color: #333333;
  display: flex;
  width: 100%;
  height: 90px;
  margin: auto;
  font-size: 1.3em;
  color: #fff;
  justify-content: center;
  border-top: 1px solid #fff;
  align-items: center;
}

/*Responsive*/

@media screen and (max-width:900px){
 /*Header*/
 
  header {
    width: 100%;
    height: 500px;
    background-size: cover;
  }

  .contenedor-nav-logo{
    padding-bottom: 20px;
    height: 500px;
  }

  .titulo1 h1{
    font-size: 3.5em;
    color: #fff;
  }

  /*Main*/

  .descripcion {
    font-size: 1.6em;
  }


  #hyle-slider>ul.slider {
      max-width: 800px;
      width: 100%;
      height: 400px;
  }

  #hyle-slider>ul.slider li img {
      width: 100%;
      height: 400px;
  }

  .menu li{
    padding-right: 10px;
  }
  
  .comunicacion-digital {
  padding: 30px 0 120px 0;
}

  /*Entregables*/

  #e-ft{
    font-size: 1.6em;
  }

  #e-af{
    font-size: 1.6em;
  }

  #e-formatos{
    font-size: 1.2em;
    word-spacing: 1em;
  }

  .contenedor-entregables{
    padding-top: 10px;
  }

  .contenedor-entregables h2{
    font-size: 3.1em;
  }

  /*Contacto*/

  .titulos-contacto h2{
    font-size:3.1em;
  }

  .contacto{
    padding:30px 0px 30px 0px;
  }

}

@media screen and (max-width:768px){
  /*Header*/
   header {
     width: 100%;
     height: 500px;
     background-image: url(../Imagenes/fondo3.png);
     background-size: contain;
     background-repeat:no-repeat;
   }

   .contenedor-nav-logo{
     width: 100%;  
     height: 500px;
     padding-bottom: 20px;
   }

   .titulo1 h1{
     font-size: 3.2em;
     color: #fff;
   }
   
   .titulo1{
     padding-bottom:20px;
   }
   
   .imagen-servicios img{
      padding-bottom: 120px;
    }




   /*Main*/

   .descripcion {
     font-size: 1.5em;
     padding-top: 0px;
   }

   #hyle-slider>ul.slider {
       max-width: 800px;
       width: 100%;
       height: 400px;
   }

   #hyle-slider>ul.slider li img {
       width: 100%;
       height: 400px;
   }

   .menu li{
     padding-right: 10px;
   }
   
   .imagen-servicios img{
     width: 50vw;
   }
   
   .titulo1{
      padding-left: 60px;
   }

   /*Entregables*/

   #e-ft{
     font-size: 1.6em;
   }

   #e-af{
     font-size: 1.6em;
   }

   #e-formatos{
     font-size: 1.2em;
     word-spacing: 1em;
   }

   .contenedor-entregables{
     padding-top: 10px;
   }

   .contenedor-entregables h2{
     font-size: 3.1em;
   }

   /*Contacto*/

   .titulos-contacto h2{
     font-size:3.1em;
   }

   .contacto{
     padding:30px 0px 30px 0px;
   }

   #titulo{
     font-size: 2.2em;
   }

   .slider h2{
     font-size: 1.4em;
   }

   .titulos img{
     width:55px;
   }

}

@media screen and (max-width:500px){
  /*Header*/
   header {
     width: 100%;
     height: auto;
     background-image: url(../Imagenes/fondo2.png);
     background-size: contain;
     background-repeat:no-repeat;
   }

   .contenedor-nav-logo{
     height:360px;
     padding-bottom: 0px;
   }

   .titulo1 h1{
     font-size: 2.1em;
     color: #fff;
   }

   .titulo1{
     width: 50%;
     margin: 0;
     padding-left: 10px;
     position: absolute;
     top: 150px;
     left: 30px;
     z-index:1;
   }

   .imagen-servicios{
     width: 50%;
     margin: 0;
     text-align: right;
     position: absolute;
     top: 10px;
     right: 40px;
   }

   .imagen-servicios img{
     width: 58vw;
     padding-bottom: 70px;
     padding-right: 0px;
   }
   
   #sangria2 {
   text-indent: 27%;
   }


   /*Main*/
   
   .contenedor {
  padding: 10px 0 20px 0;
}

.comunicacion-digital {
  padding: 10px 0 80px 0;
}

   .descripcion {
     width:80%;  
     font-size: 1.2em;
     padding-top:40px;
   }

   .titulo2{
     padding-top: 60px;
     padding-bottom: 60px;
     font-size: 1.7em;
   }

   .titulos-menu{
     width: 80%;
   }

   .titulos{
     padding: 0px;
   }

   .identidad-visual{
     padding-top: 0px;
   }

   #hyle-slider {
       display: flex;
       flex-direction: column;
   }

   #hyle-slider>ul.slider {
       max-width: 800px;
       width: 100%;
       height: 400px;
   }

   #hyle-slider>ul.slider li img {
       width: 100%;
       height: 400px;
   }

   .menu li{
     padding-right: 10px;
   }

   #menu1{
     display: none;
   }
   #menu1cd{
     display: none;
   }
   #menu2{
     display: flex;
   }

   #menu2 li{
     padding-top: 20px;
   }

   #hyle-slider>ul.slider li h2 {
       padding-top: 0px;
   }

   /*Entregables*/

   #e-ft{
     font-size: 1em;
   }

   #e-af{
     font-size: 1em;
   }

   #e-formatos{
     font-size: 1em;
     word-spacing: 1em;
   }

   #e-manual{
     font-size: 1em;
   }

   #e-pdf{
     font-weight: lighter;
     font-size: 1em;
     color: #fff;
     padding-bottom: 20px;
   }


   .entregables{
     height: auto;
     display: flex;
     justify-content: center;

   }

   .contenedor-entregables{
     width: 90%;
     padding-top: 20px;
     align-items: center;
   }

   .contenedor-entregables h2{
     font-size: 2.5em;
   }

   /*Contacto*/

   .contenedor-redes2{
     width:90%;
     padding:20px 0;
     height: 40vh;
   }

   .titulos-contacto h2{
     font-size:2.5em;
   }

   .contacto{
     padding:30px 0px 30px 0px;
   }

   #titulo{
     font-size: 2em;
   }

   .slider h2{
     font-size: 1.4em;
   }

   .titulos img{
     width:55px;
   }

   .contactanos p{
     font-size: .9em
   }


}