/* DISPOSICIÓN DE LAS CAJAS */

/*#noticias, #que-nos-mueve, #como-trabajamos*/
.section-bg {
    margin-top: calc(1.5 * var(--bee-rem)) !important;
}

.section-bg {
    padding-top: 40px;
}

.content {
    margin-top: 40px;
}

.section-title, .content {
    padding-left: calc(1.05 * var(--bee-rem));
    padding-right: calc(1.05 * var(--bee-rem));
}

#que-nos-mueve h2 {
    margin-bottom: calc(.3 * var(--bee-rem));
}

.content {
    display: flex;
    flex-flow: column wrap;
}

#noticias .content {
    padding: 0;
}

.column, .double-column {
    width: calc(100% - .25 * var(--bee-rem));
    margin: 0;
}

@media screen and (min-width: 64em) {

    .section-bg {
        margin-top: calc(6 * var(--bee-rem)) !important;
    }

    /*.section-bg {
        padding-top: calc(1.5 * var(--bee-rem));
    }*/

    #noticias {
        padding-top: calc(3.75 * var(--bee-rem))
    }

    #que-nos-mueve {
        padding-top: calc(5.75 * var(--bee-rem));
    }

    #como-trabajamos {
        padding-top: calc(3.2 * var(--bee-rem))
    }

    .content {
        margin-top: calc(1.5 * var(--bee-rem));
        flex-direction: row;
    }

    .content, .section-title, #noticias .content {
        padding-left: calc(3.2 * var(--bee-rem));
        padding-right: calc(3.2 * var(--bee-rem));
    }

    #que-nos-mueve h2 {
        margin-bottom: calc(7 * var(--bee-rem));
    }
    
    .column {
        width: calc((100% / 3) - 1.5 * var(--bee-rem));
    }

    .double-column {
        width: calc((100% / 1.5) - 1.5 * var(--bee-rem));
    }
}

@media screen and (min-width: 80em) {
    .content, .section-title {
        padding-left: calc(4.45 * var(--bee-rem));
        padding-right: calc(4.45 * var(--bee-rem));
    }
}

/* CONTROLAMOS QUE SLIDER SE VE SEGÚN EL ANCHO DE LA PANTALLA */

.small-screen-slider {
    display: block;
}

.full-screen-slider {
    display: none;
}

@media screen and (max-width: 64em) {
    .how-we-work-slider {
        position: relative;
        left: calc(-1.05 * var(--bee-rem));
        right: calc(-1.05 * var(--bee-rem));
        width: calc(100% + 2.1 * var(--bee-rem)) !important;
    }
}

@media screen and (min-width: 64em) {
    .small-screen-slider {
        display: none;
    }

    .full-screen-slider {
        display: block;
    }   
}

/* EL COLOR BEIGE DE FONDO EN LAS SECCIONES */

.section-bg::before {
    content: '';
    position: absolute;
    background-color: #efebe6;
    top: 0;
    left: 0;
    right: 0;
    height: calc(13.5 * var(--bee-rem));
    z-index: -1;
}

#como-trabajamos::before {
    bottom: 0;
    right: 0;
    height: auto;
}

@media screen and (min-width: 64em) {
    #como-trabajamos::before {
        right: 41.66667%;
    }
}