/* Nuestros Maestros — portrait grid, distinct from formaciones cards (circular crop, italic quote) */

.maestros__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-lg);
}

.maestro {
  text-align: center;
}

.maestro__portrait {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  margin-bottom: var(--space-md);
}
.maestro__portrait .placeholder__label {
  margin: auto;
  font-size: 0.65rem;
  padding: var(--space-2xs) var(--space-xs);
}

.maestro__name { font-size: var(--text-md); margin-bottom: var(--space-3xs); }
.maestro__specialty {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-accent);
  margin-bottom: var(--space-sm);
}
.maestro__quote {
  font-style: italic;
  font-size: var(--text-sm);
  color: var(--color-ink-2);
  line-height: 1.5;
}

.maestro--pending .maestro__portrait { opacity: 0.6; }
.maestro--pending .maestro__name,
.maestro--pending .maestro__specialty { color: var(--color-neutral); }

@media (max-width: 60rem) {
  .maestros__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 40rem) {
  .maestros__grid { grid-template-columns: 1fr; max-width: 20rem; margin-inline: auto; }
}

.maestro__badge {
  display: inline-block;
  margin-top: var(--space-2xs);
  padding: var(--space-3xs) var(--space-sm);
  border-radius: var(--radius-pill);
  background: color-mix(in oklch, var(--color-accent-warm) 14%, transparent);
  color: var(--color-accent-warm);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.02em;
}