/* ==========================================================================
   AREA UNITED · Parte 2 · 4.9 El equipo
   Tarjetas 4:5 en escala de grises; el color vuelve al pasar el ratón.
   ========================================================================== */

.p2-coach { display: grid; gap: 14px; }
.p2-coach-photo {
  display: block;
  aspect-ratio: 4 / 5;
  border-radius: var(--radius-card);
}
.p2-coach-photo img {
  height: 100%;
  filter: grayscale(1) contrast(1.08) brightness(.92);
  transition: filter 500ms var(--ease-out), transform 500ms var(--ease-out);
}
.p2-coach:hover .p2-coach-photo img,
.p2-coach:focus-visible .p2-coach-photo img { filter: grayscale(0) saturate(.9) contrast(1.04); transform: scale(1.04); }
.p2-coach-photo::before { background: linear-gradient(180deg, rgba(10,10,10,0) 55%, rgba(10,10,10,.6) 100%); }
.p2-coach-num {
  position: absolute;
  left: 14px; top: 12px;
  z-index: 2;
  font-size: 14px;
  letter-spacing: .04em;
  color: rgba(255,255,255,.75);
}
.p2-coach-info {
  display: grid;
  gap: 4px;
  padding-left: 12px;
  border-left: 2px solid var(--yellow);
}
.p2-coach-name { font-size: clamp(30px, 3vw, 40px); line-height: .95; }
.p2-coach-role { font-size: 13.5px; color: var(--gray-text); }
.p2-coach:focus-visible { box-shadow: none; }
.p2-coach:focus-visible .p2-coach-photo { box-shadow: var(--focus-ring); }

.p2-team-track > li { flex-basis: 72%; }
@media (min-width: 768px) {
  .p2-team-track > li { flex-basis: 42%; }
}
@media (min-width: 1024px) {
  .p2-team-track { grid-template-columns: repeat(3, 1fr); gap: 32px 24px; }
}