/* CAJAS PRINCIPALES */
#empleo_box_1, #empleo_box_2{
    height: 70vh;
}

    /* CAJA 1 */
    #empleo_box_1 .texto_caja{
        font-weight: normal;
    }
    /* END CAJA 1 */

    /* CAJA 2 */
    #empleo_box_2 .container{
        margin-top: 10vh;
        width: 100%;
    }
    .empleo_caja_2_opacidad::before{
        opacity: 0.6;
    }
    .card_madre{
        height: 52vh;
        width: 48vh;
        overflow: hidden;
    }
    #card_empleo_1 .row_1{
        background-color: #009fdc;
        border-radius: 50px 50px 0px 0px;
    }
    .col_card_empleo{
        display: flex;
        justify-content: center;
    }
    .card_slider{
        height: 51vh;
        width: 96vh;
        overflow-x: hide;
    }
    .card_empleo{
        float: left;
        height: 50vh;
        width: 48vh;
    }
    .card_empleo_1{
        border: 2px solid #6EC1E4;
        border-radius: 35px;
        text-align: center;
        background-color: transparent;
        background-image: linear-gradient(180deg, #009FDF 22%, #FFF 0%);
    }
    .card_empleo_2{
        border-radius: 35px;
        text-align: center;
        background-color: transparent;
    }
    #contenedor_tarjetas .card_texto{
        font-size: 2vh;
        font-weight: 600;
        margin: 3vh;
        text-align: center;
    }
    #contenedor_tarjetas .card_subtitulo{
        font-size: 2.5vh;
        font-weight: 700;
        margin: 3vh;
        text-align: center;
    }
    #contenedor_tarjetas .card_texto_slider{
        font-size: 1.8vh;
        margin: 3vh;
        text-align: center;
    }
    #contenedor_tarjetas .btn_caja{
        width: 20vh;
        height: 5vh;
        font-size: 1.7vh;
        font-weight: bold;
        margin-top: 3vh;
        border: 1px solid #009FDF;
        padding: 1vh 3vh;
        border-radius: 2vh;
        background: #009FDF;
        transition: background-color 0.6s;
        color: white;
        cursor: pointer;
    }
    #contenedor_tarjetas .btn_caja:hover{
        border: 1px solid #EF7D34;
        background-color: white;
        color: #EF7D34;
        transition: background-color 0.6s;
    }
    .row_btn_card{
        margin-top: 10vh;
    }





    /* CAJA_3 */
    .fondoLoopGris_extra::before{
        left: 0%;
        top: 0%;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 1;
    }
    .fondoLoopGris::before{
        background-image: url(./../images/fondoLoopGris.png);
    }
    #empleo_box_3 .row{
        margin-top: 3.5vh;
        width: 50vw;
    }
    #empleo_box_4 .row{
        margin-top: 3.5vh;
    }
    #empleo_box_4 .texto_caja.verde{
        font-weight: normal;
    }
    #empleo_box_4 img{
        height: 8vh;
        width: auto;
        margin: 2.4vh 0vh 0vh 3vw;
    }

    

/* RESPONSIVE */
 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 600px) {
    #empleo_box_1 .col_1{
        margin-top: 0vh;
    }
    #empleo_box_1 img {
        width: 70vw;
    }
    #empleo_box_3 .row {
        margin-top: 3.5vh;
        width: 80vw;
    }
    #empleo_box_4 .container{
        height: 80vh;
    }
    #empleo_box_4 img{
        margin: 2.4vh 0vh 0vh 0vw;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    #empleo_box_1 .col_1{
        margin-top: 0vh;
    }
    #empleo_box_1 img {
        width: 70vw;
    }
    #empleo_box_4 .container{
        height: 45vh;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 767px) {
    #empleo_box_1 .col_1{
        margin-top: 16vh;
    }
    #empleo_box_1 img{
        width: 75vh;
        height: auto;
    }
    #empleo_box_4 .container{
        height: 45vh;
    }
}

/* Large devices (laptops/desktops, 1050px and up) */
@media only screen and (min-width: 1050px) {
    #empleo_box_1 .col_1{
        margin-top: 16vh;
    }
    #empleo_box_1 img{
        width: 75vh;
        height: auto;
    }
    #empleo_box_4 .container{
        height: 45vh;
    }

}


/* @media screen and (max-width: 700px){

    #empleo_box_1 .titulo{
        margin-top: 0vh;
    }

    .row .col.s12.col_card_empleo{
        width: 102%;
    }
    #empleo_box_1 img {
        width: 45vh;
    }
    .empleo_caja_2_opacidad .row .col.s12 .grande{
        font-size: 4vh;
    }
    .fondoLoopGris .row .col.s2{
        width: 50%;
    }
    .fondoLoopGris .row .col.s4{
        width: 50%;
    }

} */