/* ==========================================
   FILTROS DE VAGAS
========================================== */

.filtros{

    background:white;

    padding:25px;

    border-radius:20px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

    margin-bottom:30px;

    box-shadow:0 10px 25px rgba(0,0,0,.06);

}

.filtros .campo{

    display:flex;

    flex-direction:column;

    gap:8px;

}

.filtros label{

    font-weight:600;

    color:var(--text);

}

.filtros input,
.filtros select{

    padding:14px;

    border:1px solid var(--border);

    border-radius:12px;

    outline:none;

    font-size:1rem;

}

.filtros input:focus,
.filtros select:focus{

    border-color:var(--primary);

}

@media(max-width:900px){

.filtros{

    grid-template-columns:1fr 1fr;

}

}

@media(max-width:600px){

.filtros{

    grid-template-columns:1fr;

}

}