/* ============================================================
   SEARCH TALENT PROS — Perfil Country Manager
   Reuses tokens + header/footer from styles.css / sections.css
   ============================================================ */

/* ---------- HERO PERFIL ---------- */
.prof-hero{ background:#fff; padding-top:clamp(150px,16vw,180px); padding-bottom:clamp(40px,5vw,72px); }
.prof-hero__grid{ display:grid; grid-template-columns:1.35fr .65fr; gap:clamp(36px,6vw,88px); align-items:start; }
.prof-hero__kicker{ margin-bottom:18px; }
.prof-hero__name{ font-size:clamp(2.4rem,4.4vw,3.6rem); margin-bottom:26px; }
.prof-hero__bio p{ font-size:1.05rem; line-height:1.65; color:var(--ink-soft); margin:0 0 18px; max-width:60ch; }
.prof-hero__bio p:last-child{ margin-bottom:0; }

.prof-hero__aside{ display:flex; flex-direction:column; align-items:center; }
.prof-hero__media{ position:relative; width:clamp(180px,18vw,220px); aspect-ratio:1/1; margin-bottom:26px; }
.prof-hero__media image-slot{ width:100%; height:100%; display:block; border-radius:50%; overflow:hidden; background:var(--paper-low); }
.prof-hero__ring{ position:absolute; inset:-12px; width:calc(100% + 24px); height:calc(100% + 24px); pointer-events:none; }
.prof-hero__divider{ width:100%; height:1px; background:var(--purple-14); margin-bottom:26px; }
.prof-hero__actions{ display:flex; align-items:center; gap:12px; }
.prof-hero__actions .btn{ padding-inline:2.4em; }
.prof-mail{
  flex:none; width:46px; height:46px; border-radius:50%;
  display:grid; place-items:center; color:#fff; background:var(--red); border:0;
  transition:background .2s var(--ease), transform .2s var(--ease);
}
.prof-mail svg{ width:19px; height:19px; }
.prof-mail:hover{ background:var(--red-deep); transform:translateY(-2px); }

/* ---------- BANDA EXPERIENCIA / SKILLS ---------- */
.prof-band{ background:var(--purple); color:var(--on-dark); }
.prof-band__sec + .prof-band__sec{ margin-top:clamp(40px,5vw,64px); }
.prof-band h2{ font-family:var(--serif); font-weight:700; color:#fff; font-size:clamp(1.7rem,2.6vw,2.2rem); margin:0 0 28px; letter-spacing:-.01em; }
.prof-exp{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,3vw,56px) clamp(28px,4vw,64px); }
.prof-exp ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:18px; }
.prof-exp li{ position:relative; padding-left:24px; font-size:1.02rem; line-height:1.55; color:var(--on-dark); }
.prof-exp li::before{ content:""; position:absolute; left:4px; top:.62em; width:7px; height:7px; border-radius:50%; background:var(--red); }
.prof-skills{ display:flex; flex-wrap:wrap; gap:14px; }
.prof-skill{
  background:var(--paper-low); color:var(--purple); font-weight:500; font-size:1rem;
  padding:.72em 1.4em; border-radius:var(--r-full);
}
.prof-skill::before{ content:"• "; color:var(--red); font-weight:700; }
@media (max-width:760px){ .prof-exp{ grid-template-columns:1fr; } }

/* ---------- EQUIPO LOCAL ---------- */
.prof-team{ background:#fff; }
.prof-team__head{ max-width:680px; margin:0 auto clamp(32px,4vw,48px); text-align:center; }
.prof-team__grid{ display:flex; flex-wrap:wrap; justify-content:center; gap:clamp(16px,2.2vw,32px); }
.team-card{
  position:relative; background:#F0ECE3; border-radius:22px; overflow:hidden;
  width:clamp(200px,22vw,280px); aspect-ratio:392/515; box-shadow:0 1px 0 rgba(43,20,60,.04);
}
.team-card__photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top center; }
.team-card__bar{
  position:absolute; left:14px; right:14px; bottom:14px; z-index:2;
  background:#fff; border-radius:14px; padding:14px 16px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  box-shadow:0 10px 28px rgba(43,20,60,.12);
}
.team-card__name{ font-family:var(--serif); font-weight:700; color:var(--purple); font-size:1.05rem; line-height:1.15; }
.team-card__role{ color:var(--red); font-size:.84rem; margin-top:3px; line-height:1.2; }
.team-card__li{
  flex:none; width:38px; height:38px; border-radius:50%; display:grid; place-items:center;
  border:1.5px solid var(--red); color:var(--red);
  transition:background .2s var(--ease), color .2s var(--ease);
}
.team-card__li:hover{ background:var(--red); color:#fff; }
.team-card__li svg{ width:18px; height:18px; }

/* ---------- RESPONSIVE ---------- */
@media (max-width:820px){
  .prof-hero__grid{ grid-template-columns:1fr; gap:36px; }
  .prof-hero__aside{ order:-1; align-items:flex-start; }
  .prof-hero__divider{ max-width:320px; }
}