/* HR Talent — páginas de clima laboral por país.
   Mismo lenguaje visual de la portada. Prefijo .hrcp- para no chocar con nada. */

.hrcp{
  --c-bone:#FBF7F0;--c-paper:#FFFFFF;
  --c-jade:#0B6E5F;--c-jade-d:#075045;--c-jade-l:#12A18B;
  --c-coral:#F04E36;--c-saff:#FFB627;--c-indigo:#2B3A8C;
  --c-ink:#14110E;--c-ink2:#4A443C;--c-ink3:#847C70;--c-line:#E2D9C9;
  --c-mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,monospace;
  --c-e:cubic-bezier(.16,1,.3,1);
  max-width:1180px;margin:0 auto;
}

.hrcp *{box-sizing:border-box}
.hrcp h2,.hrcp h3{font-weight:900;letter-spacing:-.04em;line-height:1.08;text-wrap:balance}

.hrcp-lead{
  font-size:20px;line-height:1.55;color:var(--c-ink2);
  max-width:62ch;margin:0 0 34px;font-weight:300;
}

/* ---------- cifras ---------- */
.hrcp-cifras{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 56px;
}
.hrcp-cf{
  background:var(--c-ink);border-radius:20px;padding:28px 24px;color:var(--c-bone);
  position:relative;overflow:hidden;
}
.hrcp-cf::after{
  content:"";position:absolute;right:-42px;bottom:-42px;width:120px;height:120px;
  border-radius:50%;background:rgba(255,182,39,.14);
}
.hrcp-cf .hrcp-n{
  font-family:var(--c-mono);font-size:44px;font-weight:800;letter-spacing:-.05em;
  color:var(--c-saff);display:block;line-height:1;position:relative;z-index:1;
  font-variant-numeric:tabular-nums;
}
.hrcp-cf .hrcp-l{
  font-size:14px;opacity:.8;margin-top:9px;display:block;position:relative;z-index:1;
}

/* ---------- secciones ---------- */
.hrcp-sec{margin:0 0 56px}
.hrcp-kick{
  font-family:var(--c-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:600;color:var(--c-coral);display:block;margin-bottom:12px;
}
.hrcp-kick.hrcp-on-dark{color:var(--c-saff)}
.hrcp .hrcp-h2{font-size:clamp(26px,3.6vw,40px);margin:0 0 26px;color:var(--c-ink)}
.hrcp .hrcp-h2-b{font-size:clamp(24px,3.2vw,36px);margin:0 0 14px;color:#fff}

/* ---------- problemas ---------- */
.hrcp-probs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hrcp-pr{
  border-radius:20px;padding:26px 22px;transition:.4s var(--c-e);
  position:relative;overflow:hidden;
}
.hrcp-pr:hover{transform:translateY(-7px)}
.hrcp-pr::after{
  content:"";position:absolute;right:-40px;bottom:-40px;width:110px;height:110px;
  border-radius:50%;background:rgba(255,255,255,.12);transition:.5s var(--c-e);
}
.hrcp-pr:hover::after{transform:scale(1.7)}
.hrcp-pr h3{font-size:18px;margin:0 0 9px;color:inherit;position:relative;z-index:1}
.hrcp-pr p{font-size:14px;line-height:1.5;margin:0;opacity:.9;color:inherit;position:relative;z-index:1}
.p-coral{background:var(--c-coral);color:#fff}
.p-jade{background:var(--c-jade);color:#fff}
.p-indigo{background:var(--c-indigo);color:#fff}
.p-saff{background:var(--c-saff);color:var(--c-ink)}
.p-saff::after{background:rgba(20,17,14,.08)}

.hrcp-nota{
  background:color-mix(in srgb,var(--c-saff) 17%,var(--c-bone));
  border-left:5px solid var(--c-saff);border-radius:0 16px 16px 0;
  padding:20px 24px;margin:22px 0 0;font-size:16px;color:var(--c-ink2);line-height:1.55;
}

/* ---------- dimensiones ---------- */
.hrcp-dims{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.hrcp-dim{
  background:var(--c-paper);border:1px solid var(--c-line);border-radius:18px;
  padding:24px 22px;transition:.4s var(--c-e);
}
.hrcp-dim:hover{border-color:var(--c-jade);transform:translateY(-5px)}
.hrcp-dnum{
  font-family:var(--c-mono);font-size:13px;font-weight:800;color:var(--c-jade);
  background:color-mix(in srgb,var(--c-jade) 12%,transparent);
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:14px;
}
.hrcp-dim h3{font-size:16px;margin:0 0 7px;color:var(--c-ink)}
.hrcp-dim p{font-size:14px;color:var(--c-ink3);line-height:1.5;margin:0}

/* ---------- proceso ---------- */
.hrcp-flujo{display:grid;gap:0}
.hrcp-paso{
  display:grid;grid-template-columns:64px 1fr;gap:20px;
  padding:22px 0;border-bottom:1px solid var(--c-line);align-items:start;
}
.hrcp-paso:last-child{border-bottom:0}
.hrcp-pnum{
  font-family:var(--c-mono);font-size:26px;font-weight:800;letter-spacing:-.04em;line-height:1;
  color:#fff;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
}
.hrcp-paso:nth-child(1) .hrcp-pnum{background:var(--c-jade)}
.hrcp-paso:nth-child(2) .hrcp-pnum{background:var(--c-jade-l)}
.hrcp-paso:nth-child(3) .hrcp-pnum{background:var(--c-indigo)}
.hrcp-paso:nth-child(4) .hrcp-pnum{background:var(--c-coral)}
.hrcp-paso:nth-child(5) .hrcp-pnum{background:var(--c-saff);color:var(--c-ink)}
.hrcp-paso:nth-child(6) .hrcp-pnum{background:var(--c-ink)}
.hrcp-paso h3{font-size:18px;margin:0 0 6px;color:var(--c-ink)}
.hrcp-paso p{font-size:15px;color:var(--c-ink2);margin:0;line-height:1.55;max-width:70ch}

/* ---------- confidencialidad ---------- */
.hrcp-conf{
  background:linear-gradient(135deg,var(--c-jade),var(--c-jade-d) 58%,var(--c-indigo));
  border-radius:28px;padding:40px 36px;color:#fff;margin:0 0 56px;
  display:grid;grid-template-columns:70px 1fr;gap:24px;align-items:start;
  position:relative;overflow:hidden;
}
.hrcp-conf::before{
  content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;
  border-radius:50%;background:rgba(255,182,39,.18);
}
.hrcp-conf > *{position:relative;z-index:1}
.hrcp-conf-ico{
  width:60px;height:60px;border-radius:18px;background:var(--c-saff);
  display:grid;place-items:center;font-size:27px;
}
.hrcp-conf p{margin:0 0 12px;opacity:.93;font-size:16px;line-height:1.6;color:#fff}
.hrcp-conf p:last-child{margin-bottom:0}

/* ---------- listas ---------- */
.hrcp-sect,.hrcp-recibes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hrcp-sect{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.hrcp-sect li{
  background:var(--c-paper);border:1px solid var(--c-line);border-radius:14px;
  padding:16px 20px;font-weight:600;font-size:15.5px;color:var(--c-ink);
  transition:.3s var(--c-e);
}
.hrcp-sect li:hover{border-color:var(--c-coral);transform:translateY(-3px)}
.hrcp-recibes{grid-template-columns:repeat(2,1fr)}
.hrcp-recibes li{
  padding:12px 0 12px 32px;position:relative;
  color:var(--c-ink2);font-size:15.5px;border-bottom:1px solid var(--c-line);
}
.hrcp-recibes li::before{
  content:"";position:absolute;left:4px;top:19px;width:10px;height:10px;
  border-radius:3px;background:var(--c-jade);
}

/* ---------- otros países ---------- */
.hrcp-paises{display:flex;flex-wrap:wrap;gap:10px}
.hrcp-pais{
  background:var(--c-paper);border:2px solid var(--c-line);border-radius:100px;
  padding:12px 24px;font-weight:700;font-size:15px;color:var(--c-ink);
  text-decoration:none;transition:.3s var(--c-e);box-shadow:none;
}
.hrcp-pais:hover{
  background:var(--c-jade);border-color:var(--c-jade);color:#fff;transform:translateY(-3px);
}

/* ---------- cierre ---------- */
.hrcp-cta{
  background:linear-gradient(135deg,var(--c-coral),#C9341F);
  border-radius:32px;padding:52px 40px;color:#fff;margin:0 0 40px;
  position:relative;overflow:hidden;
}
.hrcp-cta::before{
  content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;
  border-radius:50%;background:rgba(255,182,39,.22);
}
.hrcp-cta::after{
  content:"";position:absolute;left:-70px;bottom:-110px;width:240px;height:240px;
  border-radius:50%;background:rgba(43,58,140,.20);
}
.hrcp-cta > *{position:relative;z-index:1}
.hrcp-cta p{margin:0;max-width:52ch;font-size:17px;opacity:.93;color:#fff;line-height:1.6}
.hrcp-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hrcp-b1,.hrcp-b2{
  padding:15px 28px;border-radius:100px;font-weight:700;font-size:15px;
  text-decoration:none;display:inline-block;transition:.3s var(--c-e);box-shadow:none;
}
.hrcp-b1{background:var(--c-ink);color:#fff}
.hrcp-b1:hover{background:#fff;color:var(--c-coral);transform:translateY(-3px)}
.hrcp-b2{border:2px solid rgba(255,255,255,.6);color:#fff}
.hrcp-b2:hover{background:#fff;color:var(--c-coral);transform:translateY(-3px)}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  .hrcp-probs{grid-template-columns:repeat(2,1fr)}
  .hrcp-dims{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .hrcp-cifras,.hrcp-probs,.hrcp-dims,.hrcp-recibes{grid-template-columns:1fr}
  .hrcp-conf{grid-template-columns:1fr;padding:28px 24px;border-radius:20px}
  .hrcp-cta{padding:36px 24px;border-radius:22px}
  .hrcp-paso{grid-template-columns:48px 1fr;gap:14px}
  .hrcp-pnum{width:40px;height:40px;font-size:21px}
  .hrcp-lead{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  .hrcp *{transition:none!important}
}