.home-header {
    background-image: url("../imgs-definitivas/socios/header.png");
    min-height: 528px;
    align-items: flex-end;
}

.header-text {
    text-align: right;
    font-size: 12px;
    font-weight: 700;
    line-height: 170%;
    width: 25.4ch;
    margin-bottom: 178px;
    margin-right: 68px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.first-section {
    min-height: 155px;
    color: #F2F0EE;
    background-color:  #702E3E;
    display: flex;
    justify-content: center;
    align-items: center;

}

.first-section-text {
    width: 21ch;
    text-align: center;
    font-size: 16px;
    line-height: 27.2px;

}

.second-section {
    min-height: 325px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #702E3E;
    background-color: #F2F0EE;
}

.second-section-text {
    width: 31ch;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 22.8px;
    margin: 0;
}

.third-section {
    background-color: #FFF;
    color: #702E3E;
    display: flex;
    flex-direction: column;
}

.third-section-img img {
    width: 100%;
}

.third-section-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.third-section-title {
    font-size: 15px;
    text-align: center;
    line-height: 23.4px;
    font-weight: 700;
    width: 31.9ch;
    margin-top: 40px;
    margin-bottom: 22px;
}




.fourth-section {
    background-color: #FFF;
    color: #702E3E;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fourth-section p {
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 700;
}

.fourth-section a {
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    background-color: #702E3E;
    border-radius: 30px;
    padding: 12px 37px;
    margin-bottom: 40px;
}

.fourth-section a:hover {
    background-color: #702E3ECC;
}

@media screen and (min-width: 992px) {
    .home-header {
        background-image: url("../imgs-definitivas/socios/header-lg.png");
        background-position: center;
        background-size: cover;
        min-height: 790px;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .header-text {
        width: 45%;
        font-size: 19px;
        margin: 219px 0 0 68px;
        text-align: unset;
        line-height: 30.4px;
    }

    .first-section {
        min-height: 210px;
    }

    .first-section-text {
        font-size: 34px;
        width: fit-content;
        margin: 0;
    }

    .second-section {
        min-height: 359px;
    }

    .second-section-text {
        width: 67.7ch;
        font-size: 20px; /*  */
        line-height: 180%;
    }

    .third-section{
        flex-direction: row;
        height: 644px;
    }

    .third-section-img{
        flex-basis: 50%;
    }

    .third-section-img img {
        height: -webkit-fill-available;
    }

    .third-section-text {
        flex-basis: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 46px;
    }

    .third-section-title{
        font-size: 22px;
        line-height: 175%;
        text-align: unset;
        margin-top: 95px;
        width: 34.8ch;
        text-align: center;
    }

    .third-section-text ul {
        margin-bottom: 78px;
    }

    .third-section-text ul li {
        font-size: 20px;
        width: 39.2ch;
        line-height: 225%;
    }

    .third-section-btn{

        flex-direction: column;
        align-items: center;
        justify-content: center;
    }


    .third-section-btn p {
        font-size: 20px;
        font-weight: 700;
        
        margin-bottom: 20px;
        color: #702E3E;
    }

    .third-section-btn a {
        color: #FFF;
        text-decoration: none;
        background-color: #702E3E;
        border-radius: 30px;
        font-size: 16px;
        padding: 12px 16px;
        margin-bottom: 70px;
    }

    .fourth-section p {
        font-size: 20px;
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .fourth-section a {
        font-size: 16px;
        padding: 12px 16px;
        margin-bottom: 70px;
    }
}