/* Cartas de presentación */

.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:52px; }

@media(max-width: 600px){
  .team-grid{
    display: block;
  }
}

.team-card {
  background:var(--white); border:1px solid var(--border);
  border-radius:4px; padding:32px; text-align:center;
  transition:.25s;
}
.team-card:hover { transform:translateY(-3px); box-shadow:0 8px 40px rgba(21,15,50,.1); }
.team-av {
  width:100px; height:100px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:'Playfair Display',serif; font-size:26px; color:var(--white);
  margin:0 auto 16px; border:3px solid rgba(195,34,38,.2);
}
.team-name { font-family:'Playfair Display',serif; font-size:20px; color:var(--navy); margin-bottom:4px; }
.team-role { font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--red); margin-bottom:12px; }
.team-desc { font-size:12px; color:var(--muted); line-height:1.6; }
.certs { display:flex; flex-wrap:wrap; gap:8px; margin-top:32px; }
.cert-chip { font-size:11px; font-weight:600; color:var(--muted); padding:7px 16px; border:1px solid var(--border); border-radius:2px; transition:.2s; }
.cert-chip:hover { color:var(--navy); border-color:var(--navy); }

.avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover; /* evita deformaciones */
}

.team-desc {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease;
}

/* Mostrar al pasar el mouse */
.team-card:hover .team-desc {
    opacity: 1;
    max-height: 400px;
    margin-top: 15px;
}