*{
    margin: 0;
    padding: 0;
}

.h3-unete{
    margin-block: 1rem;
}

ul>li{
    margin-block: 0.5rem;
}

.section{
    width: 100%;
    box-sizing: border-box !important;
    padding-inline: 18rem;
}

.c-portada-principal{
    width: 100%;
    margin-block: 1rem;
}

.portada-principal{
    width: 100%;
    margin-block: 1rem;
}

.c-info-1{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.c-info-1 p{
    text-align: justify;
    line-height: 1.3rem;
}

.c-info-2{
    width: 100%;
    margin-block: 2rem;
}

.c-info-2 p{
    text-align: justify;
    line-height: 1.3rem;
    margin-block: 1rem;
}

.c-info-3{
    width: 100%;
}

.c-info-3 p{
    margin-block: 1rem;
}

.texto-final{
    width: 100%;
    text-align: center;
}

@media(max-width: 1600px){
    .section{
        padding-inline: 14rem;
    }
}

@media(max-width: 1100px){
    .section{
        padding-inline: 11rem;
    }
}

@media(max-width: 768px){
    .section{
        padding-inline: 9rem;
    }

    .c-info-1{
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(max-width: 600px){
    .section{
        padding-inline: 5rem;
    }
}

@media(max-width: 480px){
    .section{
        padding-inline: 3.5rem;
    }
}

@media(max-width: 300px){
    .section{
        padding-inline: 1.5rem;
    }
}