/* Pagina Conocenos */



.about-inicio-left {
    flex-basis: 55%;
    
   }
   
   .about-inicio-right {
      margin-top: 50px;
      flex-basis: 45%;
      background-color:rgba(10, 24, 87, 0.733);
      text-align: center;
      justify-content: center;
  }
  
  .about-inicio-right p  {
    font-size: 20px;
    text-align: center;
      margin-bottom: 30px;
      line-height: 1.2;
     padding: 10px;
  }

  .conocenos-img{
    height: 450px;
    width: 450px;
    align-self: center;
  }

  .conocenos-img:hover {
    transform: scale(1.4); 
  }
  

  /* Valores */
  .valores {
    padding:20px 0;
    cursor: pointer;
  }
  .elemento {
    margin-bottom:10px;
  }
  
  .elemento .box {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    height:450px;
    
    position:relative;
    overflow:hidden;
    background-color: #008CBA;
    font-weight:bold;
    color: white;
  }

  .elemento .back {
    font-weight:bold;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:black;
    transition:opacity 0.15s ease-in;
    opacity:0;
    padding-top:50px;
    color:#fff;
  }
  
  .elemento:hover .back {
    opacity:1;
  }
  
  .elemento .cont {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align:center;
    font-weight:bold;
    font-size: 18px;
    margin:2px;
  }
  
  /* Clientes*/

  #clientes{
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 10px;
  }

.img-contenido-clientes{
  height: 300px;
  width: 300px;
  
}

/* Innovando */

.innova-right p  {
  font-size: 20px;
	max-width: 800px;
	margin-bottom: 35px;
	line-height: 1.5;
	text-align: left;
	padding-left: 50;
}
.innova-left {
  background-image: url(../img/innovation.jpg);
  flex-basis: 45%;
 }

 .innova-right {
	flex-basis: 55%;
  color: white;
}


.title-container2 {
  position: absolute;
  bottom: 200px;
  width: 100%;
  height: auto;
}


/*----------------------------------------------Móvil-------------------------------------------------------------*/

@media screen and (max-width: 600px) {

  #about-inicio {
    display: grid;
    gap: 5px;
    grid-template:
      "header"  80px
      "inicio"  800px
      "main"    auto
      "footer"  25px;
  
  }
   
  .about-inicio-left {
    display:none;
   }

   .about-inicio-right {
    margin-top: 40px;
    padding-bottom: 20%;
   }
   .about-inicio-right p  {
    padding: 5px !important;
  }
  .elemento .box {
  width: 180px;
  margin-right: -50px;
  }
  
  .elemento .cont {
  font-size: 12px;
  
  }

  .clientes-left p {
    text-align: start;
  }

  .innova-left {
      display: none;
  }
  .innova-right {
    flex-basis: 100%;
    margin-bottom: 15rem;
}



}