.about-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-image: linear-gradient(to right top, #202954, #1d2448, #1a1e3d, #171932, #131428);
}

.about-header{
    width: 100%;
    height: 8%;
    display: flex;
    flex-direction: row;
    text-align: center;
    color: #fff;
    justify-content: space-between;
    align-items: center;
}

.about-header-text{
    width: 40%;
    height: 100%;
    margin-left: 30%;
    align-items: center;
    justify-content: center;
}

.about-header-button{
    width: 20%;
    height: 30px;
}

.about-btn-quienes-somos{
    width: 140px;
    height: 30px;
    border-radius: 10px;
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.about-content{
    display: flex;
    background-image: url("../img/about/240426_Obs-1-Recursos-23.png");
    width: 91%;
    height: 83%;
    flex-direction: column;
    margin-left: 9%;
    background-repeat: no-repeat;
}

.about-text{
    height: 50%;
    width: 45%;
    display: flex;
    flex-direction: column;
    color: #fff;
    margin-left: 50%;
    text-align: justify;
}

.about-text-list{
    height: 50%;
    width: 50%;
    display: flex;
    flex-direction: column;
    margin-left: 50%;
}

.about-text-list-item-1{
    width: 100%;
    height: 18%;
    text-align: center;
    color: #fff;
    background-image: url("../img/about/240426_OBS-1\ Recurso-4.png");
    background-size: cover;
}
.about-text-list-item-2{
    width: 100%;
    height: 18%;
    text-align: center;
    color: #fff;
    background-image: url("../img/about/240426_OBS-1\ Recurso-5.png");
    background-size: cover;
}
.about-text-list-item-3{
    width: 100%;
    height: 18%;
    text-align: center;
    color: #fff;
    background-image: url("../img/about/240426_OBS-1\ Recurso-6.png");
    background-size: cover;
}
.about-text-list-item-4{
    width: 100%;
    height: 18%;
    text-align: center;
    justify-content: center;
    color: #fff;
    background-image: url("../img/about/240426_OBS-1\ Recurso-7.png");
    background-size: cover;
}

@media screen and (max-width: 1000px) {
    .about-header {
        width: 100%;
        height: 8%;
        display: flex;
        flex-direction: row;
        text-align: center;
        color: #fff;
        justify-content: space-between;
        align-items: center;
        margin-top: 5rem;
    }

    .about-header-text {
        width: 40%;
        height: 100%;
        margin-left: 30%;
        align-items: center;
        justify-content: center;
        display: flex;
        font-size: x-small;
    }

    .about-header-button {
        width: 25%;
        height: 30px;
        /* font-size: x-small; */
    }

    .about-btn-quienes-somos {
        width: 91px;
        height: 26px;
        border-radius: 10px;
        background-color: transparent;
        color: #fff;
        border: 2px solid #fff;
        font-size: xx-small;
    }
    
    
    
    .about-content{
        display: flex;
        background-image: url("../img/about/240426_Obs-1-Recursos-23.png");
        width: 100%;
        height: 100%;
        flex-direction: column;
        margin-left: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        justify-content: center;
        align-items: center;
    }

    .about-text {
        height: 50%;
        width: 90%;
        display: flex;
        flex-direction: column;
        color: #fff;
        margin-left: 0;
        text-align: justify;
        align-items: center;
        justify-content: center;
        font-size: small;
    }

    .about-text-list {
        height: 50%;
        width: 85%;
        display: flex;
        flex-direction: column;
        margin-left: 0;
        font-size: small;
        justify-content: space-around;
    }

    .about-text-list-item-1, 
    .about-text-list-item-2,
    .about-text-list-item-3,
    .about-text-list-item-4 {
        text-align: end;
    }
}