/* Meet Our Team */
.team-wrap { padding-top: 180px; padding-bottom: 70px; background: #fff; }
.team-head { text-align: center; max-width: 760px; margin: 0 auto 44px; }
.team-head h1 { color: #37517e; font-weight: 800; font-size: 34px; margin: 0 0 8px; }
.team-head p { color: #6b7488; margin: 0; font-size: 17px; }

.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
@media (max-width: 992px) { .team-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .team-grid { grid-template-columns: 1fr; } }

.tm-card {
  background: #fff; border: 1px solid #eceff4; border-radius: 16px; overflow: hidden;
  box-shadow: 0 8px 26px rgba(20, 40, 80, .07); display: flex; flex-direction: column;
  transition: transform .18s, box-shadow .18s;
}
.tm-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20, 40, 80, .12); }

.tm-photo { width: 100%; aspect-ratio: 4 / 4; background: #eef1f7; overflow: hidden; }
.tm-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tm-photo.tm-noimg { display: flex; align-items: center; justify-content: center; background: linear-gradient(160deg, #37517e, #2b4061); }
.tm-photo.tm-noimg:before { content: attr(data-i); color: #fff; font-size: 64px; font-weight: 800; }

.tm-body { padding: 22px 22px 24px; display: flex; flex-direction: column; flex: 1; }
.tm-name { font-size: 19px; font-weight: 700; color: #2b2f36; margin: 0 0 3px; }
.tm-title { color: #37517e; font-weight: 600; font-size: 14px; margin-bottom: 12px; }
.tm-desc { color: #4a5164; font-size: 14.5px; line-height: 1.6; margin: 0 0 16px; }

.tm-socials { margin-top: auto; display: flex; gap: 10px; }
.tm-socials a {
  width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: #f2f5fa; color: #37517e; font-size: 18px; text-decoration: none; transition: background .15s, color .15s;
}
.tm-socials a:hover { background: #37517e; color: #fff; }

.tm-empty { text-align: center; color: #97a0b2; grid-column: 1 / -1; padding: 30px 0; }

/* Página de equipo: header legible sobre fondo claro */
.team-page #header,
.team-page #header.header-scrolled { background:#fff; box-shadow:0 2px 14px rgba(20,40,80,.06); border-bottom:1px solid #eceff4; }
.team-page .navbar a, .team-page .navbar a:focus { color:#55607a; }
.team-page .navbar a:hover, .team-page .navbar .active, .team-page .navbar li:hover>a { color:#37517e; }
.team-page .navbar .dropdown ul a { color:#55607a; }
.team-page .navbar .dropdown ul a:hover { color:#37517e; }
.team-page .mobile-nav-toggle { color:#37517e; }