/* BLOQUE5............................ */
#bloque5 {
 
    position: relative;  
      z-index: 5;           
    overflow: hidden; 
 background-image: url(../images/bloque5/textura.webp);
 background-size: contain;
 background-repeat: no-repeat;
 background-position: bottom;


}

#seccionBloque5{
       height: 100vh;
      display: flex;
      flex-direction: column;
    justify-content: center;
    align-items: center;
   
}

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


.cardImagenGrafico{
    width: 100%;
}
.cardImagenGrafico img{
    width: 100%;
    object-fit: contain;
    object-position: center;
}


.cardTrabajamos{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.tituloTrabajamos{
    font-size: 1.8rem;
    font-weight: 300;
    margin: 0px;
    line-height: 1;
    color: var(--color-c1);
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}


.textoTrabajamos{
    font-size: 1.4rem;
    font-weight: 300;
    margin: 0px;
    line-height: 1.5;
    text-align: center;

}



@media (max-width: 1450px) {




}

@media (max-width: 1200px) {
    #bloque5 {
        padding: 30px 0px;
    }
#seccionBloque5{
       height: auto;
   
}
}
@media (max-width: 990px) {

    #bloque5{
        padding: 30px 0px;
    }




.comoTrabajamosH6 {
    font-size: 2.5rem;
    margin-bottom: 30px;
    margin-top: 20px;
}

}

@media (max-width: 380px) {
.comoTrabajamosH6 {
    font-size: 2rem;
}

}