/* Ápice · Vacantes — v4 editorial
   © 2026 GROWThStudio */
.apx{
  --ink:#2A2420;--deep:#211D1A;--cream:#F4F3EF;--accent:#FEF4A3;
  --muted:#8A817A;--line:rgba(42,36,32,.14);
  font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;
  color:var(--ink);background:var(--cream);line-height:1.55;-webkit-font-smoothing:antialiased;
}
.apx *,.apx *::before,.apx *::after{box-sizing:border-box;}
.apx p{margin:0 0 1em;}
.apx h1,.apx h2,.apx h3,.apx h4{margin:0;font-weight:600;letter-spacing:-.035em;line-height:1;}
.apx-wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
.apx-kicker{display:block;font-size:11px;font-weight:500;letter-spacing:.26em;
  text-transform:uppercase;color:var(--muted);}

.apx-rise{opacity:0;transform:translateY(28px);animation:apxRise .95s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d,0s);}
@keyframes apxRise{to{opacity:1;transform:none;}}
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.16,1,.3,1) var(--rd,0s),transform .9s cubic-bezier(.16,1,.3,1) var(--rd,0s);}
[data-reveal].apx-in{opacity:1;transform:none;}

/* ===== HERO DE ÁREA ===== */
.apx-hero{position:relative;min-height:66vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--deep);}
.apx-hero-img{position:absolute;inset:-8% 0;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  animation:apxKen 22s ease-out forwards;will-change:transform;}
@keyframes apxKen{from{transform:scale(1.14);}to{transform:scale(1);}}
.apx-hero-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(33,29,26,.46) 0%,rgba(33,29,26,.34) 38%,rgba(33,29,26,.92) 100%);}
.apx-hero-grain{position:absolute;inset:0;opacity:.16;pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='.5'/></svg>");}
.apx-hero-content{position:relative;width:100%;max-width:1180px;margin:0 auto;padding:0 32px 76px;}
.apx-back{display:inline-block;margin-bottom:26px;color:rgba(244,243,239,.62);
  text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  transition:color .25s ease;}
.apx-back:hover{color:var(--accent);}
.apx-hero-content .apx-kicker{color:rgba(244,243,239,.72);margin-bottom:24px;}
.apx-hero-title{font-size:clamp(42px,7.6vw,104px);font-weight:600;color:var(--cream);
  letter-spacing:-.045em;line-height:1.02;}
.apx-line{display:block;}
.apx-line-em{font-style:italic;font-weight:300;color:var(--accent);letter-spacing:-.03em;}
.apx p.apx-hero-sub{margin-top:58px;max-width:50ch;font-size:clamp(16px,1.7vw,20px);
  color:rgba(244,243,239,.80);font-weight:300;}

/* ===== INTRO ===== */
.apx-manifesto{padding:112px 0 96px;}
.apx-manifesto p{font-size:clamp(21px,2.7vw,36px);font-weight:300;line-height:1.3;
  letter-spacing:-.028em;max-width:26ch;margin:34px 0 0;}
.apx-manifesto em{font-style:italic;box-shadow:inset 0 -.24em 0 var(--accent);
  -webkit-box-decoration-break:clone;box-decoration-break:clone;}

/* ===== VACANTES DESPLEGADAS ===== */
.apxe-vac{padding:0 0 40px;border-top:1px solid var(--line);}
.apxe-job{padding:88px 0;border-bottom:1px solid var(--line);}
.apxe-job-head{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-bottom:52px;}
.apxe-job-ref{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--muted);margin-bottom:18px;}
.apxe-job h2{font-size:clamp(30px,4.4vw,60px);font-weight:300;letter-spacing:-.042em;line-height:1.02;}
.apxe-job h2 em{font-style:italic;}
.apx p.apxe-meta{margin-top:24px;color:var(--muted);font-size:15px;}
.apxe-btn{display:inline-block;background:var(--ink);color:var(--cream);font-size:13px;
  font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:19px 34px;
  text-decoration:none;white-space:nowrap;transition:background .25s ease;}
.apxe-btn:hover{background:#0F0C0A;color:var(--cream);}
.apx a:focus-visible,.apx button:focus-visible{outline:3px solid var(--accent);outline-offset:3px;}

.apxe-job-body{display:grid;grid-template-columns:1fr 1fr;gap:56px 72px;}
.apxe-job-lead{grid-column:1 / -1;font-size:18px;font-weight:300;color:#4A423C;max-width:66ch;margin:0;}
.apxe-block h4{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);
  margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line);font-weight:500;}
.apxe-list{list-style:none;margin:0;padding:0;}
.apxe-list li{position:relative;padding-left:22px;margin-bottom:13px;font-size:15px;
  font-weight:300;color:#4A423C;}
.apxe-list li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:1px;background:var(--ink);opacity:.4;}
.apxe-list-hi li::before{background:var(--ink);opacity:1;height:2px;top:.58em;width:13px;}

/* ===== CTA + FORMULARIO ===== */
.apx-cta{position:relative;overflow:hidden;background:var(--deep);}
.apx-cta-img{position:absolute;inset:0;
  background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.30;}
.apx-cta-inner{position:relative;max-width:1180px;margin:0 auto;padding:112px 32px;
  display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:start;}
.apx-cta-inner .apx-kicker{color:rgba(244,243,239,.62);margin-bottom:26px;}
.apx-cta h2{font-size:clamp(32px,4.2vw,58px);font-weight:300;color:var(--cream);
  letter-spacing:-.04em;line-height:1.06;}
.apx-cta h2 em{font-style:italic;color:var(--accent);}
.apx p.apx-cta-note{margin-top:32px;color:rgba(244,243,239,.70);font-size:15px;font-weight:300;max-width:40ch;}

#apx-form{background:rgba(244,243,239,.05);border:1px solid rgba(244,243,239,.16);padding:44px 40px !important;}
#apx-form .elementor-field-group > label{color:rgba(244,243,239,.72) !important;font-size:12px !important;
  font-weight:400 !important;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px !important;}
#apx-form input[type=text],#apx-form input[type=email],#apx-form input[type=tel],
#apx-form input[type=url],#apx-form select,#apx-form textarea{
  background:transparent !important;border:0 !important;border-bottom:1px solid rgba(244,243,239,.26) !important;
  border-radius:0 !important;color:var(--cream) !important;
  font-family:'Space Grotesk',sans-serif !important;font-size:16px !important;font-weight:300 !important;
  padding:12px 2px !important;}
#apx-form input:focus,#apx-form select:focus,#apx-form textarea:focus{
  border-bottom-color:var(--accent) !important;outline:none !important;box-shadow:none !important;}
#apx-form input::placeholder,#apx-form textarea::placeholder{color:rgba(244,243,239,.38) !important;}
#apx-form select option{background:#2A2420;color:#F4F3EF;}
#apx-form .elementor-field-type-upload input[type=file]{color:rgba(244,243,239,.72) !important;font-size:14px !important;}
#apx-form .elementor-field-type-acceptance label,
#apx-form .elementor-field-subgroup label{color:rgba(244,243,239,.60) !important;
  font-size:12px !important;text-transform:none !important;letter-spacing:0 !important;}
#apx-form .elementor-field-type-acceptance a{color:var(--accent) !important;text-decoration:underline;}
#apx-form .elementor-button[type=submit]{background:var(--accent) !important;color:var(--ink) !important;
  width:100%;font-family:'Space Grotesk',sans-serif !important;font-weight:600 !important;
  font-size:13px !important;letter-spacing:.16em !important;text-transform:uppercase;
  border:0 !important;border-radius:0 !important;padding:22px 34px !important;transition:background .25s ease;}
#apx-form .elementor-button[type=submit]:hover{background:#FFF9C9 !important;}

/* ===== VOLVER ===== */
.apxe-cierre{padding:96px 0;text-align:center;}
.apxe-cierre h2{font-size:clamp(22px,2.8vw,34px);font-weight:300;letter-spacing:-.035em;margin-bottom:26px;}
.apxe-cierre a{color:var(--ink);font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:8px;transition:border-color .25s ease;}
.apxe-cierre a:hover{border-color:var(--ink);}

@media(max-width:1000px){
  .apx-cta-inner{grid-template-columns:1fr;gap:48px;}
  .apxe-job-body{grid-template-columns:1fr;gap:44px;}
  .apxe-job-head{grid-template-columns:1fr;gap:30px;align-items:start;}
}
@media(max-width:720px){
  .apx-wrap,.apx-hero-content,.apx-cta-inner{padding-left:22px;padding-right:22px;}
  .apx-hero{min-height:60vh;} .apx-hero-content{padding-bottom:52px;}
  .apx-manifesto{padding:76px 0 64px;}
  .apxe-job{padding:64px 0;}
  .apxe-btn{display:block;text-align:center;}
  #apx-form{padding:32px 24px !important;}
}
@media(prefers-reduced-motion:reduce){
  .apx-rise,[data-reveal]{opacity:1 !important;transform:none !important;animation:none !important;transition:none !important;}
  .apx-hero-img{animation:none;}
}

/* ===== Añadidos del plugin ===== */
.apx .apxe-h4-gap{margin-top:46px;}
.apx-closed{margin-top:26px;display:inline-block;background:rgba(244,243,239,.12);
  color:var(--cream);font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:11px 18px;}
.apxe-empty{max-width:52ch;color:#5C534C;font-weight:300;font-size:16px;}

/* Listado por shortcode */
.apxe-loop{display:grid;grid-template-columns:repeat(var(--apv-cols,2),1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);}
.apx a.apxe-loop-card{background:var(--cream);padding:40px 34px 34px;text-decoration:none;
  color:inherit;display:flex;flex-direction:column;transition:background .3s ease;}
.apx a.apxe-loop-card:hover{background:#EFEDE7;}
.apx a.apxe-loop-card:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;}
.apxe-loop-card h3{font-size:22px;font-weight:500;letter-spacing:-.025em;line-height:1.15;margin-bottom:12px;}
.apxe-loop-meta{font-size:13px;color:var(--muted);margin:0 0 16px;}
.apxe-loop-res{font-size:15px;font-weight:300;color:#5C534C;margin:0 0 28px;}
.apxe-loop-card .apxe-go{margin-top:auto;font-size:12px;font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink);opacity:.42;transition:opacity .25s ease,transform .25s ease;}
.apx a.apxe-loop-card:hover .apxe-go{opacity:1;transform:translateX(4px);}
@media(max-width:720px){.apxe-loop{grid-template-columns:1fr;}}

/* El título de la vacante es H1 largo: escala algo menor */
.apx-hero-title{font-size:clamp(38px,6.4vw,88px);}


/* ===== Rejilla de áreas · [apice_areas] ===== */
.apxe-areas{padding:118px 0 104px;border-top:1px solid var(--line);}
.apxe-areas h2{font-size:clamp(30px,4.2vw,56px);font-weight:300;letter-spacing:-.04em;margin-top:26px;line-height:1.08;}
.apxe-areas h2 em{font-style:italic;box-shadow:inset 0 -.2em 0 var(--accent);
  -webkit-box-decoration-break:clone;box-decoration-break:clone;}
.apxe-grid{display:grid;grid-template-columns:repeat(var(--apv-cols,3),1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);}
.apxe-area{background:var(--cream);padding:42px 34px 36px;display:flex;flex-direction:column;
  transition:background .3s ease;}
.apxe-area:hover{background:#EFEDE7;}
.apxe-area-open{background:#EDEBE5;}
.apxe-area-ref{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--muted);margin-bottom:14px;}
.apxe-area h3{font-size:21px;font-weight:500;letter-spacing:-.025em;margin-bottom:14px;line-height:1.15;}
.apxe-area p{font-size:14.5px;color:#5C534C;font-weight:300;margin:0 0 26px;}
.apxe-badge{align-self:flex-start;font-size:11px;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;background:var(--accent);color:var(--ink);
  padding:8px 14px;}
.apxe-badge-soft{background:transparent;color:var(--muted);border:1px solid var(--line);}
.apx a.apxe-area{text-decoration:none;color:inherit;}
.apxe-foot{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:16px;}
.apxe-go{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink);opacity:.42;transition:opacity .25s ease,transform .25s ease;}
.apx a.apxe-area:hover .apxe-go{opacity:1;transform:translateX(4px);}
.apx a.apxe-area:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;}
  border-top:1px solid var(--line);padding:52px 0;
  display:grid;grid-template-columns:1fr 1.35fr auto;gap:44px;align-items:start;
  display:inline-block;background:var(--ink);color:var(--cream);
  font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  padding:19px 34px;text-decoration:none;white-space:nowrap;
  transition:background .25s ease;
@media(max-width:900px){.apxe-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.apxe-grid{grid-template-columns:1fr;}}

/* ===== Página de área ===== */
.apxe-loop-wrap{padding:0 0 104px;}
.apxe-loop-wrap .apx-kicker{margin-bottom:24px;}
.apxe-loop-wrap h2{font-size:clamp(28px,3.8vw,50px);font-weight:300;letter-spacing:-.04em;
  margin-bottom:56px;line-height:1.08;}
.apxe-loop-wrap h2 em{font-style:italic;box-shadow:inset 0 -.2em 0 var(--accent);
  -webkit-box-decoration-break:clone;box-decoration-break:clone;}
.apxe-perfiles{padding:0 0 104px;}
.apxe-perfiles-list{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.apxe-perfiles-list li{border:1px solid var(--line);padding:24px 26px;
  font-size:15.5px;font-weight:300;color:#4A423C;}
@media(max-width:900px){.apxe-perfiles-list{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.apxe-perfiles-list{grid-template-columns:1fr;}}