/*=========================================
    HERO TRABAJA CON NOSOTROS
=========================================*/

.hero-vacantes{

    min-height:85vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:160px 0 120px;

    background:
    linear-gradient(
    rgba(0,0,0,.20),
    rgba(0,0,0,.25)
    ),
    url("../img/bg-trabaja.png");

    background-repeat:no-repeat;

    background-size:cover;

    background-position:right center;

    position:relative;

    overflow:hidden;

    color:#fff;

}
.hero-badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

    background:#d4af37;

    color:#111;

    font-weight:700;

    letter-spacing:2px;

    font-size:13px;

    margin-bottom:25px;

}

.hero-vacantes h1{

    color:#ffffff;

    font-size:68px;

    font-weight:800;

    line-height:1.15;

    margin-bottom:30px;

    text-shadow:0 4px 15px rgba(0,0,0,.35);

}

.hero-vacantes h1 span{

    color:#fbaf32;

}

.hero-vacantes p{

    color:#ffffff;

    font-size:22px;

    line-height:1.8;

    max-width:850px;

    margin:0 auto 45px;

}

/*=========================================
        BENEFICIOS
=========================================*/

.beneficio-card{

    background:#fff;

    border-radius:18px;

    padding:35px 25px;

    height:100%;

    transition:.30s;

    box-shadow:0 8px 30px rgba(0,0,0,.08);

}

.beneficio-card:hover{

    transform:translateY(-8px);

}

.beneficio-icon{

    width:80px;

    height:80px;

    margin:auto;

    border-radius:50%;

    background:#fbaf32;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:25px;

}

.beneficio-card h4{

    font-weight:700;

    margin-bottom:15px;

}

.beneficio-card p{

    color:#666;

    margin:0;

}

/*=========================================
        VACANTES
=========================================*/

.vacante-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    transition:.30s;

    height:100%;

}

.vacante-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(0,0,0,.15);

}

.vacante-header{

    padding:30px;

    background:#171717;

    color:#fff;

}

.vacante-header h3{

    margin:15px 0 0;

    font-size:26px;

    font-weight:700;

}

.vacante-tipo{

    display:inline-block;

    background:#fbaf32;

    color:#111;

    padding:6px 14px;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

}

.vacante-body{

    padding:30px;

}

.vacante-body p{

    margin-bottom:18px;

}

.vacante-descripcion{

    color:#666;

    line-height:1.7;

}

.vacante-footer{

    padding:0 30px 30px;

}

/*=========================================
    FOOTER SOLO TRABAJA CON NOSOTROS
=========================================*/

.footer{

    margin-top:0 !important;

    padding-top:0 !important;

}