/* ===============================
   SECCIÓN HERO NUEVA (SUBPÁGINA)
   =============================== */
.hero-text {
  color: var(--color-gray);
  max-width: 640px;
}

/* =========================
   Vacantes: cards
========================= */
.vacantes .row{
  max-width: 800px;
  margin: 0 auto;
}
.vacante-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 24px;
  background:#fff;
  border:1px solid rgba(30,41,59,.10);
  border-radius:18px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.vacante-card:hover{
  transform: translateY(-2px);
  border-color: rgba(59,130,246,.35);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}

.vacante-left{ display:flex; flex-direction:column; gap:10px; }
.vacante-title{ color:#0f172a; }

.vacante-meta{
  display:flex;
  flex-wrap:wrap;
  gap:14px 18px;
}

.vacante-meta-item i{
  margin-right:8px;
  opacity:.9;
}

.vacante-arrow{
  width:44px;
  height:44px;
  min-width: 44px;
  border-radius:14px;
  border:1px solid rgba(30,41,59,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#64748b;
  background: rgba(255,255,255,.8);
  transition: all .18s ease;
}

.vacante-card:hover .vacante-arrow{
  color: var(--bs-primary);
  border-color: rgba(59,130,246,.35);
}

/* =========================
   Modal: vidrio + estilo
========================= */

/* backdrop tipo vidrio blur */
.modal-backdrop.show{
  background: rgba(15, 23, 42, 0.22);
  opacity: 1;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* modal content con look "glass suave" */
.vacante-modal-content{
  border: 1px solid rgba(30,41,59,.10);
  border-radius: 22px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.vacante-modal-ico{
  width:54px;
  height:54px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background: linear-gradient(135deg, rgba(37,99,235,1), rgba(34,211,238,1));
  box-shadow: 0 14px 34px rgba(37,99,235,.22);
  flex: 0 0 auto;
}

.vacante-modal-ico i{ font-size:22px; }

.vac-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(30,41,59,.08);
}

.vacante-box{
  padding:14px 14px;
  border-radius:16px;
  border:1px solid rgba(30,41,59,.08);
  background: rgba(255,255,255,.8);
  height: 100%;
}

.vacante-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}

.vacante-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.vacante-list li::before{
  content:"";
  width:18px;
  height:18px;
  margin-top:2px;
  border-radius:999px;
  background: rgba(37,99,235,.12);
  border: 1px solid rgba(37,99,235,.18);
  flex: 0 0 auto;
}

/* opcional: iconito check dentro del punto */
.vacante-list li span i{ display:none; }