.content-vacante {
  width: 33.333%;
  margin-bottom:30px;
}
.box-vacante {
  border-radius:20px;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-bottom:1em;
  padding: 2em 2em 2em 2em;
  height:100%;
}
.box-vacante h2 {
  font-size:23px;
  color:#007dff;
  margin-bottom:10px;
}
.widget-vacante {
  display:flex;
  align-items:center;
  margin-bottom:15px;
  font-size:16px;
  color:#54595f;
}
.item-widget-vacante {
  display:flex;
  align-items:center;
  font-size:16px;
  margin-right: 8px;
  color:#54595f;
}
.item-widget-vacante svg {
  width: 1em;
  height: 1em;
  margin-right: 10px;
  color:#54595f;
  stroke: currentColor;
  fill: currentColor;
}
.des-vacante {
  font-size:16px;
  color:#94989B;
  margin-bottom: 15px;
}
.actions-vacante a  , .actions-vacante button {
  background:#101828;
  font-family: "Open Sans", Sans-serif;
  font-size: 0.6rem;
  font-weight: 400;
  color: #FFFFFF;
  padding: 9px 9px 9px 9px;
  border-radius: 13px;
  margin-right:5px;
  border:0;
}
.actions-vacante svg {
  width: 1em;
  height: 1em;
  margin-right: 10px;
  stroke: currentColor;
  fill: currentColor;
}

.row-fluid.row-vacantes {
  flex-wrap:wrap;
}

/* Modal */

.cerrar {
  color: black;
  font-size: 30px;
  font-weight: bold;
  cursor:pointer;
  margin-left:auto;
}
.cerrar:hover,
.cerrar:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}
@keyframes animarsuperior {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

.contenido-modal {
  position: relative; /* Relativo con respecto al contenedor -modal- */
  background-color: white;
  margin: -8% auto; /* Centrada */
  padding: 20px 30px;
  border-radius:20px;
  width: 700px;
  max-height: calc(100vh - 150px);
  overflow: auto;
  -webkit-animation-name: animarsuperior;
  -webkit-animation-duration: 0.5s;
  animation-name: animarsuperior;
  animation-duration: 0.5s;
  margin-top: 02px;
}

.header-modal {
  display:flex;
  align-items:center;
  margin-bottom:10px;
}

.header-modal h2 {
  margin-bottom:0;
}
/* Fondo modal: negro con opacidad al 50% */
.modal {
  display: none; /* Por defecto, estará oculto */
  position: fixed; /* Posición fija */
  z-index: 1; /* Se situará por encima de otros elementos de la página*/
  padding-top: 150px; /* El contenido estará situado a 200px de la parte superior */
  left: 0;
  top: 0;
  width: 100%; /* Ancho completo */
  height: 100%; /* Algura completa */
 /* overflow: auto; /* Se activará el scroll si es necesario */
  background-color: rgba(0,0,0,0.5); /* Color negro con opacidad del 50% */
}