@import url('set.css');

/*primera seccion*/

.servicios_comunicacion{
   width: 100%;
   height: 500px;
   background-image: url("../img/SERVICIOS/cohete.webp");
   background-size: cover;
   margin-bottom: 30px;
   position: relative;
}

.servicios_comunicacion .servicios{
   width: 500px;
   position: absolute; 
   left: 500px;
   top: 300px;
   text-align: right;
}

.servicios h2{
   font-family: "Mont_Ext_Bold";
   font-size: 3em;
   color: #333333;
   line-height: 60px;
}

.desgloce_servicios{
   width: 70%;
   margin: auto;
}
.servicio{
width: 80%;
margin: auto;
/* background-color: rgb(43, 40, 38); */
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}

.primer, .dos, .tres, .cuatro{
   width: 30%;
   height: 260px;
}

.primer{
   background-image: url("../img/SERVICIOS/Comunicación\ Digital.webp");
   background-repeat: no-repeat;
   background-size: contain;

}
.dos{
   background-image: url("../img/SERVICIOS/Paginas\ web.webp");
   background-repeat: no-repeat;
   background-size: contain;
}
.tres{
   background-image: url("../img/SERVICIOS/Tienda\ en\ Línea.webp");
   background-repeat: no-repeat;
   background-size: contain;
}
.cuatro{
   background-image: url("../img/SERVICIOS/Diseño.webp");
   background-repeat: no-repeat;
   background-size: contain;
}
.ser_desc{
   width: 70%;

}

.contenido{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 200px;
   background-color: #b1e8cd48;
   padding: 10px;

}

.desgloce_parrafo p{
   font-family: "Mont_Light";
   
}

.boton_info{
   width: 100%;
  display: flex;
  text-align: center;
  display: flex;
  justify-content: right;
}
.info{
   width: 35%;
   border-radius: 25px;
   padding: 5px;
   background-color: rgba(56, 141, 56, 0.747);
}

.info a{
   color: #f2f2f2;
   text-decoration: none;
}
.info:hover{
   color: #f2f2f2;
   text-decoration: none;
   background-color: green;
}


/******************************INICIO DE RESPONSIVE*********************************/

/* **************************Ordenadores de sobremesa y portátiles 
***********************************************************************************
*********************************************************************/
@media only screen and (max-width : 1400px) {
   .servicios_comunicacion{
      
      height: 200px;
      
   }
   .servicios_comunicacion .servicios{
      width: 600px;
      
      left: 230px;
      top: 150px;
      text-align: center;
   }
   
   .servicios h2{
     
      font-size: 1.8em;
     
      line-height: 0px;
   }
   /*-----------------------------------------------------------------------*/
   .servicio{
      width: 90%;
      }

      
      .contenido{
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         height: 220px;
         background-color: #b1e8cd48;
         padding: 5px;
      
      }
      
      .desgloce_parrafo p{
         font-family: "Mont_Light";
         margin-top: 0px;
         font-size: .9em;
      }
      .info{
         width: 45%;
         border-radius: 25px;
         padding: 5px;
         background-color: rgba(56, 141, 56, 0.747);
      }
      .primer, .dos, .tres, .cuatro{
         width: 30%;
         height: 180px;
      }
  }

  /* Smartphones (portrait & landscape) 
#Dispositivo = Mayoría de teléfonos móviles (vertical y horizontal) 
#Resolución = B/w 320px to 479px */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
   
 }

 /* iPads (landscape) 
#Dispositivo = Tablets, Ipads (horizontal) 
#Resolución = B/w 768px to 1024px 
and (orientation : landscape)*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
 {
   



}

@media only screen and (max-width : 900px) {
   /*primera seccion*/

.servicios_comunicacion{
   height: 180px;
   margin-bottom: 30px;
   position: relative;
}

.servicios_comunicacion .servicios{
   width: 300px;
   position: absolute; 
   left: 20px;
   top: 150px;
   text-align: right;
}

.servicios h2{
   
   font-size: 1em;

   line-height: 0px;
}
/*segunda seccion****************************************/
.desgloce_servicios{
   width: 100%;
   margin: auto;
}
.servicio{
width: 100%;
margin: auto;
/* background-color: rgb(43, 40, 38); */
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;

}

.primer, .dos, .tres, .cuatro{
   width: 50%;
   margin: auto;
   height: 180px;
}
.ser_desc{
   width: 95%;
   margin: auto;
   
}

.contenido{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   /* height: 200px; */
   background-color: #b1e8cd48;
   padding: 10px;
   height: 300px;
}
.desgloce_titulo{
   text-align: center;
}
.desgloce_parrafo p{
   font-family: "Mont_Light";
   
}

.boton_info{
  width: 100%;
  display: flex;
  text-align: center;
  display: flex;
  justify-content: center;
}
.info{
   width: 80%;
   border-radius: 5px;
   padding: 10px;
   background-color: rgba(56, 141, 56, 0.747);
}

.info a{
   color: #f2f2f2;
   text-decoration: none;
}
.info:hover{
   color: #f2f2f2;
   text-decoration: none;
   background-color: green;
}
/* ------------------------------------------------------------------------ */
.equipos_y_software{
   width: 100%;
   height: 700px;
   background-image: url("../img/Equipos/portada.webp");
   background-size: cover;
   margin-bottom: 30px;
   position: relative;
}
.equipos_y_software .tipos{
   width: 500px;
   position: absolute;
   left: 750px;
   top: 480px;
   text-align: right;
}
.tipos h2{
   font-family: "Mont_Ext_Bold";
   font-size: 4em;
   color: #333333;
   line-height: 60px;
}
.primer_eq{
   width: 30%;
   height: 300px;
   background-image: url("../img/Equipos/PC-Laptops.webp");
   background-repeat: no-repeat;
   background-size: contain;
}
.segundo_eq{
   width: 30%;
   height: 300px;
   background-image: url("../img/Equipos/Software.webp");
   background-repeat: no-repeat;
   background-size: contain;
}
.tercer_eq{
   width: 30%;
   height: 300px;
   background-image: url("../img/Equipos/Toners.webp");
   background-repeat: no-repeat;
   background-size: contain;
}



}