/* TEAM-GALLERY BLOCK - Modificadores */
.team-gallery--light-bg {
  background-color: #f1f5f9;
}

.team-gallery--white-bg {
  background-color: white;
}

.team-gallery--dark-bg {
  background-color: #0f172a;
}

.team-gallery--dark-bg .team-gallery__badge,
.team-gallery--dark-bg .team-gallery__title {
  color: white;
}

.team-gallery--large-padding {
  padding: 8rem 1rem;
}

.team-gallery--small-padding {
  padding: 4rem 1rem;
}

.team-gallery__container--wide {
  max-width: 80rem;
}

.team-gallery__container--narrow {
  max-width: 64rem;
}

.team-gallery__header--centered {
  text-align: center;
}

.team-gallery__header--left {
  text-align: left;
}

.team-gallery__badge--primary {
  color: #399b6a;
}

.team-gallery__badge--accent {
  color: #e69138;
}

.team-gallery__badge--white {
  color: white;
}

.team-gallery__title--large {
  font-size: 2.5rem;
}

@media (min-width: 768px) {
  .team-gallery__title--large {
    font-size: 3rem;
  }
}

.team-gallery__title--white {
  color: white;
}

.team-gallery__subtitle {
  font-size: 1.125rem;
  color: #64748b;
  margin-top: 1rem;
}

:is(.dark, .dark-mode) .team-gallery__subtitle {
  color: #94a3b8;
}

/* TEAM-CARD BLOCK - Modificadores */
.team-card--hover-lift:hover {
  transform: translateY(-8px);
}

.team-card--hover-shadow:hover {
  box-shadow: 0 25px 30px -12px rgba(0, 0, 0, 0.25);
}

.team-card--rounded-xl {
  border-radius: 1.5rem;
}

.team-card--borderless {
  border: none;
}

.team-card__image-wrapper--rounded-full {
  border-radius: 9999px;
}

.team-card__image-wrapper--rounded-lg {
  border-radius: 0.5rem;
}

.team-card__image-wrapper--with-border {
  border: 3px solid #399b6a;
  padding: 0.25rem;
}

.team-card__role--accent {
  color: #e69138;
}

.team-card__role--white {
  color: white;
}

.team-card__description--clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.team-card__description--no-clamp {
  display: block;
  overflow: visible;
}

.team-card__social {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
}

.team-card__social-link {
  color: #64748b;
  transition: color 0.3s ease;
}

.team-card__social-link:hover {
  color: #399b6a;
}

:is(.dark, .dark-mode) .team-card__social-link {
  color: #94a3b8;
}

:is(.dark, .dark-mode) .team-card__social-link:hover {
  color: #4ade80;
}