/* SECCIONES Y CONTENTS */
.section {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.content {
    width: 100%;
    max-width: 1280px;
    padding: 112px 100px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 80px;
}
.height-100vh {
    height: 100vh;
}
.gap-80 {
    gap: 80px;
}
.gap-40 {
    gap: 40px;
}
.gap-20 {
    gap: 20px;
}

.w-100{
    width: 100%;
}
.h-100{
    height: 100%;
}
.h-100vh{
    min-height: 100vh;
}


@media(max-width: 880px) {
    .section {
    }
    .content{
        flex-wrap: wrap;
        padding: 80px 20px;
        gap: 40px;
    }
    .height-100vh{
        height: auto;
    }
} 

.radius-30{
    border-radius: 30px;
}

/* display */
.flex {
    display: flex;
    align-items: start;
}
.column {
    flex-direction: column;
}
.row{
    flex-direction: row;
}
.center {
    justify-content: center;
    align-items: center;
}

.end{
    align-items: end;
}

.between {
    justify-content: space-between;
}

.wrap {
    flex-wrap: wrap;
}
.align-center{
    align-items: center;
}
/* combinaciones flexbox */
.flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* aparecer y desaparecer en mobile/desktop */
    .mobile{
        display: none;
    }
    .desktop{
        display: flex;
    }
@media (max-width: 880px) {
    .mobile{
        display: flex;
    }
    .desktop{
        display: none;
    }
}