@import url('https://fonts.googleapis.com/css2?family=Yanone%20Kaffeesatz&display=swap');

.body
{
    font-family: 'Yanone Kaffeesatz';
    background-color:#363737;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 15px;
}


.contenedor{
max-width: 1000px;
position:absolute;
   margin: 0 auto;
   left: 0;
   right: 0;
   width:100%;
   background-color:#000000;
/*background-image: url(../image/back.jpg);*/
}

.divimagencabeza
{
    background: url(../image/BackCa.jpg) no-repeat fixed center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;  
   height: 100%;
   width: 100% ;
   text-align: center;
}

.caja{
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    background: #333944;
  }
  .box{
    max-width: 1000x;
    max-height: 373px; 
    height: 100%;   
    background: #CCC;
    overflow: hidden;
  }
  
  .box img{
    width: 100%;
    height: auto;
  }

  @supports(object-fit: cover){
    .box img{
      /*height: 100%;*/
      object-fit: cover;
      object-position: center center;
    }
}

#foorter{
    background: #000000;
    color: #ffffff;
    
}
#foorter a {
    text-decoration: none;
    text-decoration-color:#ffffff;
    color:#ffffff;
}


.fondodivREDES
{
    /*background: rgba(255, 255, 255, 0.8);  */
    
    /*font-size: 10px;*/
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;        
    padding-top: 30px;
    /*background: url(../image/FondoRedes.png) no-repeat center ;-*/
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    height: auto;
    width: 100%;
    text-align: center;
    background-color: #fff;
    /*border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;*/
}


.divespacio{
    height: 80px;
}
.cardcontenedos{
    margin: 0;
    padding: 0;
    display: flex;
    justify-items: center;
    align-items: center;

    /* width: 550px; */
}

.tarjeta{
    /* background-color: #fff;    
    border-radius: 5px;
    color: #000;
    padding: 80px; */

    color: #fff;
    padding-left: 10%;
    padding-right: 10%;
}
.tsubseccion{
    font-size: 3.5em;
}
.ttsubseccion
{
    text-align:justify;;
    font-size: 1.4em;
}

#equipo{
    background-color: #fff;
    color: #000;
}

.equipomiembro{
    font-size: 1.2em;
    font-weight: 600;
}

.clientes
{
    font-size: 1.9em;

}



.left-box {
      background: #fff;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
      padding: 3rem;
      position: relative;
      z-index: 2;
      border-radius: 12px;
      margin-right: -30%; /* Esto hace la superposición */
      color: #000;
    }

    .right-box {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
    }

    .right-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    

.fade {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade.show {
  opacity: 1;
  transform: translateY(0);
}


    @media (max-width: 992px) {
      .left-box {
        margin-right: 0;
        margin-bottom: 2rem;
      }
    }