#bloque6{
   padding: 50px 0px;

}

.textoLeadH6{
    font-size: 3rem;
    font-weight: 300;
    margin: 0px;
    line-height: 1.2;
    margin-bottom: 50px;
    text-align: center;
    color: var(--color-c1);
   
}


/* Caja Azul */
.cardAzul{
    width: 100%;
    height: 100%;
    padding: 15px;
   background-color:var(--color-c1);
   display: flex;
   flex-direction: column;
   justify-content: center;

}
.cardAzul2{
    width: 100%;
    height: 100%;
    padding: 15px;
   background-color:#88d3f3;
   display: flex;
   flex-direction: column;
   justify-content: center;

}
.textoCajaAzul{
      font-size: 1.2rem;
    font-weight: 300;
    margin: 0px;
    line-height: 1.2;
    color:white;
         margin-top: 20px;
}
.cardImgAzul{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
   
}
.cardImgAzul img{
    object-fit: contain;
   object-position: right;
    
}
/* Caja Blanca */
.cardBlanca{
    width: 100%;
    height: 100%;
    padding: 15px;
   display: flex;
   flex-direction: column;
   justify-content: center;
    
}
.textoCajaBlanca{
      font-size: 1.2rem;
    font-weight: 300;
    margin: 0px;
    line-height: 1.2;
    color:var(--color-c1);
     margin-top: 20px;
}
.cardImgBlanca{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
   
}
.cardImgBlanca img{

    object-fit: contain;
   object-position: right;
    
}


@media (max-width: 1200px) {
#bloque6{
   padding: 50px 0px;
height: auto;
}
}


@media (max-width: 990px) {
  
     .textoLeadH6{
        font-size: 2.5rem;
     }



}


@media (max-width: 765px) {
    #bloque6{
   padding:0px;
}

     .cardBlanca{
        align-items: center;
     }
         .cardAzul{
        align-items: center;
     }

    .cardAzul{
        flex-direction: row;
    }
       .cardAzul2{
        flex-direction: row;
    }
    .cardImgAzul{
        width: 40%;
        justify-content: center;
        
        
    }
    .cardBlanca{
        flex-direction: row;
    }
    .cardImgBlanca{
        width: 40%;
        justify-content: center;
        
        
    }
  

}

@media (max-width: 380px) {

         .textoLeadH6{
        font-size: 2rem;
     }

}