/* Página Equipo · estilos propios (reutiliza np-founder*, np-cred*, np-title*, np-card de styles.css) */

/* ---- Cuadrícula de integrantes: lista para sumar más tarjetas .np-member ---- */
.np-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-7)}
.np-team-grid>*{min-width:0}

/* Perfil destacado (ocupa toda la fila) */
.np-member-featured{grid-column:1/-1;display:grid;grid-template-columns:380px minmax(0,1fr);gap:var(--space-8);align-items:center}
.np-member-featured .np-founder-photo{max-width:100%}
.np-member-featured .np-cred{margin-top:28px}
.np-member-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.np-member-actions .np-btn{justify-content:center}

/* Tarjeta compacta para futuros integrantes */
.np-member:not(.np-member-featured){background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column}
.np-member:not(.np-member-featured) .np-member-photo{margin:0;aspect-ratio:4/5;background:var(--surface-tint)}
.np-member:not(.np-member-featured) .np-member-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.np-member:not(.np-member-featured) .np-member-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}
.np-member-eyebrow{margin:0;color:var(--teal-ink)}
.np-member-name{margin:0;color:var(--ink)}
.np-member-role{margin:0;font-family:var(--font-display);font-weight:500;font-size:15px;color:var(--teal-ink)}
.np-member-bio{margin:0;color:var(--ink-body)}

/* ---- Áreas de atención ---- */
.np-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-7)}
.np-title-lead{max-width:640px}
.np-area{padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,border-color .2s ease}
.np-area:hover{transform:translateY(-4px);box-shadow:var(--shadow-float);border-color:var(--line-strong)}
.np-area-icon{width:56px;height:56px;border-radius:var(--radius-pill);background:var(--surface-tint);color:var(--brand-navy);display:grid;place-items:center;margin-bottom:var(--space-3)}
.np-area-kicker{margin:0;font-family:var(--font-display);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}
.np-area-title{margin:0;color:var(--ink);font-size:19px;line-height:26px;overflow-wrap:break-word;hyphens:auto}
.np-area-text{margin:var(--space-1) 0 0;color:var(--ink-body);font-size:15px;line-height:24px}

/* ---- Banda de cierre ---- */
.np-team-close{background:var(--surface-deep);color:var(--on-deep);position:relative;overflow:hidden}
.np-team-close::after{content:"";position:absolute;left:-140px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(49,185,244,.2),rgba(35,137,205,0));pointer-events:none}
.np-team-close-inner{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}
.np-team-close-title{margin:0;color:#fff}
.np-team-close-lead{margin:var(--space-3) 0 0;color:#fff;opacity:.88;max-width:520px}
.np-team-close-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}

/* ---- Responsivo ---- */
@media (max-width:1100px){.np-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .np-member-featured{grid-template-columns:1fr;gap:var(--space-7)}
  .np-member-featured .np-founder-photo{max-width:320px;margin-left:10px}
}
@media (max-width:600px){
  .np-areas{grid-template-columns:1fr}
  .np-member-featured .np-founder-photo{max-width:280px}
  .np-member-actions .np-btn{width:100%}
  .np-team-close-actions .np-btn{width:100%;justify-content:center}
  .np-member-featured .np-title-h{font-size:32px;line-height:40px}
}
/* Banda de cierre en tono claro para no fundirse con el pie azul */
.np-team-close{background:var(--surface-soft);color:var(--ink)}
.np-team-close-title{color:var(--ink)}
.np-team-close-lead{color:var(--ink-body);opacity:1}