/* ===== Vacantes GESTACT — estilos propios (complementa site.css) ===== */
.vc-wrap{max-width:860px;margin:0 auto;padding:0 22px;position:relative;z-index:1}

/* Hero */
.vc-hero{padding:64px 0 34px;text-align:center}
.vc-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid #1c2320;background:#0b0e0d;
  border-radius:999px;padding:8px 16px;font-size:12px;letter-spacing:1.6px;color:#9aa39e;text-transform:uppercase}
.vc-dot{width:8px;height:8px;border-radius:50%;background:#3ee06a;box-shadow:0 0 10px #3ee06a;animation:vcPulse 1.6s infinite}
@keyframes vcPulse{0%,100%{opacity:1}50%{opacity:.35}}
.vc-hero h1{margin-top:22px;font-size:clamp(30px,4.6vw,52px);font-weight:700;letter-spacing:-1px;line-height:1.08;color:#fff}
.vc-g{background:linear-gradient(90deg,#3ee06a,#1fae4b);-webkit-background-clip:text;background-clip:text;color:transparent}
.vc-lead{margin:18px auto 0;max-width:640px;color:#9aa39e;font-size:16.5px;line-height:1.65}

/* Card de vacante */
.vc-card{border:1px solid #1c2320;background:#0b0e0d;border-radius:16px;padding:30px 32px;margin-bottom:22px;text-align:left}
.vc-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.vc-badge{font-size:10.5px;font-weight:800;letter-spacing:1.6px;border-radius:6px;padding:4px 9px;text-transform:uppercase}
.vc-badge.abierta{background:rgba(62,224,106,.14);color:#3ee06a;border:1px solid rgba(62,224,106,.35)}
.vc-badge.tipo{background:#101413;color:#9aa39e;border:1px solid #1c2320}
.vc-card h2{font-size:24px;font-weight:700;letter-spacing:-.4px;line-height:1.25;color:#fff;margin-bottom:14px}
.vc-card h3{font-size:15px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#3ee06a;margin:26px 0 12px}
.vc-card h3.vc-no{color:#ff5a4e}
.vc-card p{font-size:15.5px;color:#c9d1cd;line-height:1.7;margin-bottom:12px}
.vc-card p b{color:#fff}
.vc-checks,.vc-cross{list-style:none;margin:0}
.vc-checks li,.vc-cross li{position:relative;padding-left:24px;font-size:15px;line-height:1.6;margin-bottom:10px;color:#c9d1cd}
.vc-checks li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:#3ee06a;box-shadow:0 0 8px rgba(62,224,106,.6)}
.vc-cross li::before{content:"✕";position:absolute;left:0;top:0;color:#ff5a4e;font-weight:800;font-size:13px}

/* Formulario */
.vc-form-card{margin-bottom:60px}
.vc-form-intro{color:#9aa39e}
#formPostular{display:flex;flex-direction:column;gap:16px;margin-top:18px}
.vc-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:640px){.vc-row2{grid-template-columns:1fr}}
#formPostular label{display:flex;flex-direction:column;gap:7px;font-size:13.5px;font-weight:600;color:#e8ecea}
.vc-req{font-weight:400;color:#70777c;font-size:12px;letter-spacing:.3px}
#formPostular input[type=text],#formPostular input[type=email],#formPostular textarea{
  background:#0a0d0b;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:13px 15px;
  font-size:15px;color:#f5f5f7;font-family:inherit;outline:none;resize:vertical}
#formPostular input:focus,#formPostular textarea:focus{border-color:#3ee06a}
#formPostular input[type=file]{background:#0a0d0b;border:1px dashed rgba(255,255,255,.22);border-radius:12px;
  padding:14px 15px;font-size:14px;color:#9aa39e;cursor:pointer}
#formPostular input[type=file]::file-selector-button{background:#101413;color:#e8ecea;border:1px solid #1c2320;
  border-radius:8px;padding:8px 14px;margin-right:12px;font-size:13px;font-weight:600;cursor:pointer}
#empresa_web{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;opacity:0;pointer-events:none}
#btnEnviar{background:linear-gradient(90deg,#3ee06a,#1fae4b);color:#04170b;border:none;border-radius:12px;
  padding:15px 26px;font-size:15.5px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:4px}
#btnEnviar:hover{filter:brightness(1.08)}
#btnEnviar:disabled{opacity:.55;cursor:default;filter:none}
.vc-msg{display:none;font-size:14.5px;line-height:1.5}
.vc-msg.ok{display:block;color:#3ee06a;font-weight:600}
.vc-msg.err{display:block;color:#ff5a4e}
.vc-micro{color:#70777c;font-size:12.5px;line-height:1.6;margin-top:16px}
.vc-micro a{color:#9aa39e}

/* Nav del sitio usado con <a> */
.nav a.brand{display:flex;align-items:center;text-decoration:none;cursor:pointer}
a.btn-attack{text-decoration:none;display:inline-flex;align-items:center;gap:8px}
a.btn-attack:hover{text-decoration:none}