@import url(index.css);

@media (max-width: 1138px) {
    .que-hacemos-father .container .info-que-hacemos .img-que-hacemos img {
        width: 300px;
        object-fit: cover;
    }
}

@media (max-width: 850px) {
    .que-hacemos-father .container .info-que-hacemos {
        flex-direction: column;
    }
    .que-hacemos-father .container .info-que-hacemos .img-que-hacemos {
        width: 100%;
    }
    .que-hacemos-father .container .info-que-hacemos .text-que-hacemos {
        width: 100%;
    }
}

@media (max-width: 800px) {
    .info-mision-vision {
        flex-direction: column;
        justify-content: center;
        gap: 1rem;
    
    }

    .info-mision-vision .mision-container {
        width: 80%;
        
    }
}

@media (max-width:660px) {
    .valores .accordion .accordion-content .description-accordion p{
        font-size: .8rem;

    }
}

@media (max-width: 400px) {
    .que-hacemos-father .container .title-que-hacemos h2 {
        font-size: 2rem;
    }

    .info-mision-vision .mision-container {
        width: 100%;
    }

    .valores .accordion .accordion-content .description-accordion p{
        font-size: .7rem;

    }
}