/* Quienes somos */

.quienes-somos { 
    background-color: #aee0e3;
    background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../img/nosotros-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 10rem;
    padding-bottom: 10rem;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.quienes-somos .content {
    max-width: 768px;
    margin: 0 auto;
}

.quienes-somos .content .content-logo {
    position: relative;
    text-align: center;
    z-index: 2;
}

.quienes-somos .content .content-logo svg {
    width: 100%;
    max-width: 100px;
}

.quienes-somos .content .content-logo svg .st1,
.quienes-somos .content .content-logo svg .st0 {
    fill: #fff;
}

.quienes-somos .title {
    position: relative;
    z-index: 2;
    font-size: 2.3rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 2rem;
}

.quienes-somos .text {
    color: #fff;
}


.quienes-somos .content .content-image svg {
    position: absolute;
    transform: rotate(-35deg) translate(25%, 25%);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    right: 10px;
    filter: blur(5px);
}

.quienes-somos .content .content-image svg .st0 {
    fill: #ffffff0f;
}

.quienes-somos .content .text {
    width: 90%;
    margin: 0 auto;
    font-size: 1.5rem;
    position: relative;
    z-index: 2;
}

/* Mision */

.mision {
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.mision .content {
    max-width: 768px;
    margin: 0 auto;
    text-align: center;
}

.mision .content .text {
    position: relative;
    font-size: 1.2rem;
}

.mision .content .logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin: 3rem 0; 
} 

.mision .content .logos .logo {
    width: 100%;
    max-width: 100px;
}

.mision .content .logos .logo img {
    width: 100%;
}

/* Ofrecemos */

.ofrecemos {
    padding-bottom: 5rem;
}

.ofrecemos .content {
    text-align: center;

}

.ofrecemos .content .text-content {
    margin-bottom: 4rem;
    text-align: center;
}

.ofrecemos .text-content,
.ofrecemos .image-content {
  flex: 1; /* Cada hijo ocupa la misma proporción */
}

.ofrecemos .text-content .text {
    width: 90%;
    margin: 0 auto;
    font-size: 1.2rem;

}

.ofrecemos .image-content {
    text-align: center;
}

.ofrecemos .image-content img {
    max-width: 450px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}


.knx-partner-content-text {
    max-width: 768px;
    margin: 0 auto;
}

.knx-partner-content {
    padding-bottom: 5rem;
}

.logotipos-kitdigital {
    padding-bottom: 5rem;
}

.logotipos-kitdigital .wrapper {
    max-width: 1200px;
    margin: 0 auto;
}


@media only screen and (min-width:768px) {

    .ofrecemos {
        padding-bottom: 6rem;
    }

    .ofrecemos .content {
        display: flex;
        gap: 3rem;
        flex-direction: row-reverse;
        align-items: center;
    }

    .ofrecemos .text-content .text {
        max-width: 450px;
        width: 100%;
        text-align: left;
        margin-left: 0;
    }

    .ofrecemos .image-content {
        text-align: right;
    }

    .ofrecemos .content .text-content {
        margin-bottom: 4rem;
        text-align: left;
    }

}

@media only screen and (min-width:480px) {
    .mision .content .logos {
        width: 100%;
    }


}