/* Team page (nosotros.html) — page-specific styles.
   Tokens, resets and site chrome live in tokens.css / base.css / layout.css. */

.wrap{max-width:1000px;margin:0 auto;padding:64px 24px 96px}
h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,5vw,3.2rem);
  letter-spacing:-.03em;margin:12px 0 14px}
.lede{color:var(--n-600);font-size:1.05rem;max-width:58ch;line-height:1.6}

.subhead{display:flex;align-items:center;gap:12px;margin:64px 0 24px}
.spark-badge{width:40px;height:40px;display:grid;place-items:center;border:var(--bd);
  border-radius:var(--r-md);box-shadow:var(--sh-1);flex:none}
.spark-badge .spark{width:20px;height:20px}
.subhead .svc-glyph .svc-ic{height:18px}
.subhead h2{font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-.01em}
.subhead .count{margin-left:auto;font-size:.8rem;color:var(--n-500);font-weight:600}

.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}

.member{background:var(--white);border:var(--bd);border-radius:var(--r-lg);box-shadow:var(--sh-2);
  overflow:hidden;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.member:hover{transform:translate(-2px,-2px);box-shadow:var(--sh-hover)}
.member.wide{grid-column:1 / -1;display:grid;grid-template-columns:280px 1fr}

.photo-wrap{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--ink-950);border-bottom:var(--bd)}
.member.wide .photo-wrap{aspect-ratio:auto;height:auto;min-height:250px;border-bottom:none;border-right:var(--bd)}
.photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 12%;display:block}
.photo-wrap .corner{position:absolute;top:0;right:0;width:70px;height:70px;
  clip-path:path('M70 0 L70 70 A70 70 0 0 0 0 0 Z')}
.photo-wrap.no-photo{display:flex;align-items:center;justify-content:center;background:var(--ink)}
.avatar-ph{display:flex;flex-direction:column;align-items:center;gap:10px}
.avatar-ph .initials{width:78px;height:78px;border-radius:50%;border:2px solid var(--electric);
  display:grid;place-items:center;font-family:var(--font-display);font-weight:800;
  font-size:1.6rem}
.avatar-ph .tag{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--n-400)}

.member-body{padding:22px}
.name{font-family:var(--font-display);font-weight:700;font-size:1.18rem;letter-spacing:-.01em;
  margin-bottom:11px}
.bio{font-size:.9rem;color:var(--n-600);line-height:1.6;margin-bottom:18px}

.tools-label{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--n-400);padding-top:14px;border-top:1.5px solid var(--n-200);margin-bottom:10px}
.tools{display:flex;flex-wrap:wrap;gap:7px}
.tool{width:34px;height:34px;border:1.5px solid var(--n-200);border-radius:var(--r-sm);background:var(--white);
  display:grid;place-items:center;transition:.12s var(--ease);cursor:default}
.tool:hover{border-color:var(--ink);box-shadow:var(--sh-1);transform:translate(-1px,-1px)}
.tool svg,.tool img{width:18px;height:18px;display:block}

.note{margin-top:60px;font-size:.85rem;color:var(--n-500);border-left:3px solid var(--electric);
  padding-left:14px;max-width:62ch;line-height:1.6}

@media(max-width:720px){
  .grid{grid-template-columns:1fr}
  .member.wide{grid-template-columns:1fr}
  .member.wide .photo-wrap{min-height:0;height:auto;aspect-ratio:4/5;border-right:none;border-bottom:var(--bd)}
  .subhead .count{display:none}
}