/* Voces de la Academia — testimonios. CONDICIONAL: sección con `hidden` hasta tener contenido real.
   El contenido de ejemplo (de la maqueta de Stitch) lleva un badge "EJEMPLO" visible en cada tarjeta —
   nunca se publica como prueba social real. Ver nota junto a la sección en index.html. */

.voices__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: var(--space-2xl);
  align-items: start;
}

.voices__intro p {
  margin-top: var(--space-md);
  color: var(--color-ink-2);
  line-height: 1.6;
}

.voices__cards {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.voice-card {
  position: relative;
  padding: var(--space-lg);
  border: 1px dashed var(--color-rule);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.voice-card__badge {
  position: absolute;
  top: var(--space-md);
  right: var(--space-md);
  padding: var(--space-3xs) var(--space-xs);
  border-radius: var(--radius-pill);
  background: var(--color-ink);
  color: var(--color-accent-ink);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.voice-card__quote {
  font-style: italic;
  font-size: var(--text-md);
  line-height: 1.6;
  color: var(--color-ink);
  max-width: 52ch;
  padding-right: 6rem;
}

.voice-card__byline {
  margin-top: var(--space-md);
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.voice-card__avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background:
    repeating-linear-gradient(135deg,
      var(--color-placeholder-stripe) 0 6px,
      var(--color-placeholder-bg) 6px 12px);
  border: 1px solid var(--color-rule);
  flex-shrink: 0;
}

.voice-card__name { font-size: var(--text-sm); font-weight: 700; }
.voice-card__role { font-size: var(--text-xs); color: var(--color-neutral); }

@media (max-width: 60rem) {
  .voices__grid { grid-template-columns: 1fr; }
  .voice-card__quote { padding-right: 0; }
}