/*Version 1.0 */

/* CSS Nosotros */

/*start description*/
.mv-text{
    position: absolute; top: 20%; bottom: 25%; left: 25%; right: 18%;
    display: flex; flex-direction: column; justify-content: center;
}

.nosotros-description {

    margin: 0 auto;

    padding: 0;

    height: max-content;

    background-color: rgb(0 107 179);

    color: white;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 20px;

}

.nosotros-description-title {

    font-weight: bold;

    text-align:  center;

    padding: 0 35px;

    

}

.nosotros-description-title h1{

    font-size: 48px;

}

.nosotros-description-text{

    text-align: left;

    padding: 0 35px;

    text-align: justify;

}

.nosotros-description-text p{

    margin: 35px 0;

}

/*End description*/

/*Section start Nosotros*/

/*Historia*/

.nosotros-section {

    padding: 0 15px;

    margin-top: 100px;

}



.nosotros-historia h1 {

    text-align: center;

    font-size: bold;

    color: rgb(0 107 179);  

}

.nosotros-historia img{

    border: none!important;

    padding: 0 20px!important;

}



/*Mision Vision Valores*/



.nosotros-mvv {

    margin-top: 10px;

}



.nosotros-img-pointer-mvv{

    width: 350px;

    height: 350px;

    padding-left: 20px;

}

.nosotros-mvv h1{

    text-align: center;

    font-size: bold;

    color: rgb(0 107 179);

    padding-bottom: 30px;  



}

.nosotros-vision {

    position: relative;

    color: rgb(109, 111, 109);

    

}

.nosotros-mision {

    position: relative;

    color: rgb(109, 111, 109);

    

}

.nosotros-valores {

    position: relative;

    color: rgb(109, 111, 109);

    

}

.texto-superpuesto {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    /*background: linear-gradient(to top, rgba(226, 226, 226, 1), rgba(226, 226, 226, 0));*/

    padding: 10px;

}

.texto-superpuesto p{

    text-align: justify;

    padding-right: 20px;

}

.nosotros-valores .nosotros-valores-lista{

    text-align: justify;

    padding-right: 20px;

    column-count: 2;

    column-gap: 20px; /* Agrega un espacio entre los elementos de la lista */

    margin-bottom: 16px;

}

.nosotros-valores .nosotros-valores-lista li{

    font-size: 18px;

    margin-bottom: 8px;

}

/*

.nosotros-vision {

    /*background-color: rgb(231, 216, 216);

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 25px;

    margin-top: 100px;

    

}

.nosotros-vision .nosotros-vision-punta {

    height: 0px;

    width: 0px;

    margin: auto;

    border-top: 75px solid transparent;

    border-bottom: 75px solid transparent; 

    border-right: 150px solid rgb(224, 224, 224);

    border-top-left-radius: 150px;

    border-bottom-left-radius: 75px;

    

}

.nosotros-vision .nosotros-vision-cola {

    background-color: rgb(224, 224, 224);

    height: 0px;

    width: 0px;

}

.nosotros-vision .nosotros-vision-number{

    background-color: rgb(224, 224, 224);

    height: 150px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.nosotros-vision .nosotros-vision-text {

    background-color: rgb(224, 224, 224);

    height: 150px;

    width: 100%;

}

.nosotros-vision .nosotros-vision-icon {

    background-color: rgb(224, 224, 224);

    height: 150px;

}

/* .nosotros-vision::after {

    content: "";

    position: absolute;

    top: 0;

    right: -10px;

    width: 0;

    height: 0;

    border-top: 20px solid transparent;

    border-bottom: 20px solid transparent;

    border-left: 20px solid rgb(231, 216, 216);

    transform: scaleX(-1);

} 

.nosotros-mision {

    background-color: rgb(231, 216, 216);

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 15px;

    margin-top: 100px;

}

.nosotros-valores {

    background-color: rgb(231, 216, 216);

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 15px;

    margin-top: 100px;

}

.nosotros-vision .nosotros-vision-number h1{

    background-color: rgb(119, 210, 238);

    font-weight: bold;

    font-size: 70px;

    color: rgb(255, 255, 255);

    border-radius: 50%; /* Change border-radius to 50% to form a circle 

    width: 100px;

    height: 100px;

}

.nosotros-mision .nosotros-mision-number h1{

    background-color: rgb(131, 19, 93);

    font-weight: bold;

    font-size: 70px;

    color: rgb(255, 255, 255);

    border-radius: 50%; /* Change border-radius to 50% to form a circle 

    width: 100px;

    height: 100px;

}

.nosotros-valores .nosotros-valores-number h1{

    background-color: rgb(44, 41, 226);

    font-weight: bold;

    font-size: 70px;

    color: rgb(255, 255, 255);

    border-radius: 50%; /* Change border-radius to 50% to form a circle 

    width: 100px;

    height: 100px;

}

.nosotros-vision .nosotros-vision-number span{

    text-align: center;

    margin: auto;

    position: relative;

} */



/*Section end Nosotros*/

/*Start Media Query*/

/*Movil*/

@media only screen and (max-width: 768px) {
    .mv-title{
        /* color: red; */
        font-size: 3vw;
        margin: 0;
    }
    .mv-text-body{
        /* color: blue; */
        font-size: 2vw;
        margin: 0;
    }
    .nosotros-description {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        height: max-content;   

    }

    .nosotros-description-title h1{

        font-size: 25px;

        padding-top: 12px;

    }

    .nosotros-description-text p{

        font-size: 14px;

    }

    .nosotros-section {

        margin-top: 30px;

    }

    .texto-superpuesto p{

        text-align: justify;

        padding-right: 0px;

    }

    .texto-superpuesto{

        font-size: small;

    }

    .nosotros-valores .nosotros-valores-lista{

        text-align: justify;

        padding-right: 0px;

        column-count: 2;

        column-gap: 0px; /* Agrega un espacio entre los elementos de la lista */

        margin-bottom: 5px;

    }

    .nosotros-valores .nosotros-valores-lista li{

        font-size: small;

        margin-bottom: 2px;

    }

}

/*Tablet*/

@media only screen and (min-width: 767px) and (max-width: 991px) {

    .nosotros-description {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        height: max-content;    

    }

    .nosotros-description-title h1{

        padding-top: 25px;

    }

    .nosotros-description-text {

        padding: 15px 0;

    }

}

/*Laptop*/

@media only screen and (min-width: 992px) and (max-width: 1023px) {



}

/*Laptop O Tablet (caso especial)*/

@media only screen and (min-width: 930px) and (max-width: 991px) {

    .texto-superpuesto p{

        padding-right: 60px;

    }

}

/*Desktop*/

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



}

/*Desktop HD*/

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

    .texto-superpuesto p{

        padding-right: 60px;

    }

    .nosotros-valores .nosotros-valores-lista{

        text-align: justify;

        padding-right: 20px;

        column-count: 2;

        column-gap: 20px; /* Agrega un espacio entre los elementos de la lista */

        margin-bottom: 16px;

    }

    .nosotros-valores .nosotros-valores-lista li{

        font-size: 18px;

        margin-bottom: 8px;

    }

}