/* ===================================
    General
====================================== */

.grid-cover{
  display: grid;
  grid-template-columns: 1fr;
  gap:20px;
}

.content-inf-main{
  display: flex;
  flex-direction: column;
}


.card-vacante{
  padding: 30px 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid #D9D9D9;
  transition: 0.5s all ease;
  flex-direction: column;
}

.card-vacante:hover{
  background:  #F7F7F7;
  transition: 0.5s all ease;
}

/*-----Vacante-----*/

.grid-content-vacante{
  display: grid;
  grid-template-columns: 1fr;
  gap:50px;
}

.contenido-vacante .contenido{
  margin-top: 50px;
  font-family: 'Poppins', sans-serif !important;
}

.contenido-vacante .contenido p{
  font-family: 'Poppins', sans-serif !important;
  white-space: pre-line !important;
  margin: 0;
  background-color: transparent!important;
  font-size: 14px!important;
  line-height: 1.5rem!important;
}

.contenido-vacante .contenido span{
  font-family: 'Poppins', sans-serif !important;
  white-space: pre-line !important;
  margin: 0;
  background-color: transparent!important;
  font-size: 14px!important;
  line-height: 1.5rem!important;
}

.contenido-vacante .contenido ul{
  padding-left: 1rem;
}

.contenido-vacante .contenido li::marker {color: #333333}

.contenido-vacante .contenido li{
  font-family: 'Poppins', sans-serif !important;
  margin: 0;
  background-color: transparent!important;
  font-size: 14px!important;
  line-height: 1.5rem!important;
}

.input-file { visibility: hidden; position: absolute;}

.btn-upload{
    border: 1px solid #000;
    border-radius: 5px;
    margin-left: 5px;
}

/* ===================================
    Responsive
====================================== */

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {

.content-inf-main{flex-direction: row;}

.card-vacante {padding: 30px 30px;}

}
/* md  */ @media (min-width: 768px) {

.grid-content-vacante{grid-template-columns: 25% auto;gap:50px;}

} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

.grid-cover{grid-template-columns: auto 25%;gap:0px;}

.card-vacante{justify-content: space-between;align-items: center;flex-direction: row;}


} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {}
/* xxl */ @media (min-width: 1400px) {}