/* ---------------- POR QUE ---------------- */
.main-columns {
    gap: 0px;
}

.por-que-columns {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.por-que-columns .wp-block-column.is-layout-flow {
    flex: 0 0 auto;
}

.por-que-column {
    z-index: 1;
}

.por-que-h2 {
    text-align: justify;
    max-width: 380px;
}

.por-que-paragraph {
    text-align: justify;
    max-width: 360px;
}

@media (max-width: 1360px) {
    .main-columns {
        margin-top: 0 !important;
    }
    .por-que-columns {
        padding-bottom: 35px !important;
    }

    .por-que-column {
        order: 1;
    }

    .por-que-colored-container {
        padding-bottom: 65px !important;
    }

    .por-que-group {
        padding-top: 86px !important;
        padding-bottom: 0 !important;
    }
}

/* ---------------- MAIN COLUMNS WRAP ---------------- */
@media (max-width: 1360px) and (min-width: 769px) {

    .main-columns {
        gap: 0px;
        flex-wrap: wrap !important;
        justify-content: center;
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
    }

    .main-columns>.wp-block-column:first-child {
        flex: 1 1 50% !important;
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .main-columns>.wp-block-column:last-child {
        flex: 1 1 100% !important;
    }
}

@media (max-width: 1050px) and (min-width: 900px) {
    .main-columns>.wp-block-column:first-child {
        flex: 1 1 45% !important;
    }
}

@media (max-width: 900px) and (min-width: 769px) {
    .main-columns>.wp-block-column:first-child {
        flex: 1 1 40% !important;
    }
}


/* ------ MOBILE ------ */
@media (max-width: 768px) {

    .por-que-columns .wp-block-column.is-layout-flow {
        flex: 1 1 auto !important;
        min-width: 0;
    }

    #por-que-second-column {
        flex-basis: auto !important;
        max-width: 100% !important;
        width: auto;
    }
    
    .por-que-paragraph {
        margin-right: 0;
        max-width: 100%;
    }
    
    .por-que-columns {
        padding-left: var(--wp--preset--spacing--mobile-side-spacing) !important;
        padding-right: 49px !important;
        gap: 30px;
    }

    .por-que-colored-container {
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-right: var(--wp--preset--spacing--mobile-side-spacing) !important;
        padding-bottom: 65px !important;
        padding-left: var(--wp--preset--spacing--mobile-side-spacing) !important;
    }

    .purple-container {
        padding-top: 58px !important;
        padding-right: 51px !important;
        padding-bottom: 46px !important;
        padding-left: 51px !important;
    }
}

@media (max-width: 450px) {
    .main-columns>.wp-block-column:first-child {
        flex: 1 1 10% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .main-columns>.wp-block-column:last-child {
        flex: 1 1 100% !important;
    }
}