/* ******************************************** */
/** About PROCESSING PLANT
/* ******************************************** */

.c-about{
    overflow: hidden;
}

.c-processing-plant{
    position: relative;
    padding-top: calc(var(--section-y)*0.4)
}

.c-processing-plant:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 30%;
    width: 150%;
    transform: translateY(-88%);
    /*aspect-ratio: 72/113;*/
    aspect-ratio: 935/1240;
    background: url(../../images/static/lines-deco-4.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.c-processing-plant__col:not(:first-child),
.c-processing-plant__img{
    margin-top: var(--section-y);
}

.c-processing-plant__text > *:not(strong){
    color: rgb(var(--color-darkest-rgb)/.6);
}

.c-processing-plant__text p strong{
    color: var(--color-darkest);
    font-weight: 500;
}

.c-processing-plant__img{
    position: relative;
}

.c-processing-plant__img--deco:before{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(40%, 40%);
    width: 30%;
    max-width: 150px;
    aspect-ratio: 1/1;
    background: url(../../images/static/decoration-1.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

.c-about-bottom {
    position: relative;
    background-color: #FFFFFF;
}

.c-about-bottom__deco {
    display: none;
    position: absolute;
    top: 0;
    left: -13em;
    bottom: 0;
    max-width: 84em;
    right: calc(100% - 84em);
    background: url(/images/imagenes-almacen/icon-deco-about.svg) no-repeat;
    background-size: contain;
}

/* ********************** de Mobile a TABLET ********************** */

@media (min-width: 768px) {

    .c-processing-plant:before {
        width: 85%;
        right: 40%;
        transform: translateY(-40%);
    }

    .c-processing-plant__row{
        --paddings: 16px;
        display: flex;
        align-items: flex-start;
        margin: 0 calc(var(--paddings)*-1);
    }

    .c-processing-plant__col{
        padding: 0 var(--paddings);
    }

    .c-processing-plant__col:not(:first-child){
        margin-top: 0;
    }

    .c-processing-plant__col:nth-child(2){
        display: flex;
        flex-direction: column-reverse;
    }

    .c-processing-plant__col > *:not(:nth-child(2)){
        margin-top: var(--section-y);
    }

    .c-processing-plant__col:first-child > *:first-child{
        margin-top: 0;
    }

    .c-processing-plant__title{
        width: 50%;
    }

    .c-processing-plant__text{
        width: 90%;
    }

    .c-processing-plant__img{
        margin-top: 0;
    }
    
    .c-about-bottom__deco {
        display: block;
    }
}

/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width: 980px) {

    .c-processing-plant:before {
        width: 80%;
        transform: translateY(-45%);
    }

    .c-processing-plant__row{
        --paddings: 20px;
    }

    .c-processing-plant__col > *:not(:nth-child(2)) {
        margin-top: 60px;
    }

}

/* ********************** de Desktop a DESKTOP 2 ********************** */

@media (min-width: 1200px) {

    .c-processing-plant__row{
        --paddings: 29px;
    }

}

/* ********************** de Desktop 2 a HD ********************** */

@media (min-width: 1400px) {
    
    .c-processing-plant:before {
        width: 100%;
        max-width: 960px;
        transform: translateY(-50%);
        right: 45%;
    }

    .c-processing-plant__col > *:not(:nth-child(2)) {
        margin-top: 80px;
    }

}

@media (min-width: 1440px) {

}