/* ============================================================
   ASESOR CARD (doc maestro §8.4) — emt-asesor-card
   Rediseño 2026: la base (radio 16, borde, sombra, hover) viene
   de .emt-card en components.css; aquí solo lo específico.
   ============================================================ */
.emt-asesor-card { display: flex; flex-direction: column; }

/* Foto con altura acotada (compacta, no 3:4 a pantalla completa) */
.emt-asesor-card__media { display: block; height: 300px; overflow: hidden; }
.emt-asesor-card__photo { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Sin foto: avatar de iniciales del sistema sobre superficie tenue */
.emt-asesor-card__media--fallback {
  display: grid;
  place-items: center;
  background: var(--emt-surface-tint);
}

.emt-asesor-card__body { flex: 1; padding: var(--emt-spacing-md); }
.emt-asesor-card__name { font-family: var(--emt-font-display); font-size: var(--emt-fs-md); font-weight: var(--emt-fw-semibold); margin: 0; }
.emt-asesor-card__name a { color: var(--emt-azul-profundo); text-decoration: none; }
.emt-asesor-card__role { color: var(--emt-color-text-muted); font-size: var(--emt-fs-sm); margin: 0; }

/* Especialidades = .emt-badge--turquesa (components.css); idiomas = pill neutra */
.emt-asesor-card__langs,
.emt-asesor-card__specs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--emt-spacing-xs);
}
.emt-asesor-card__lang {
  font-size: var(--emt-fs-xs);
  font-weight: var(--emt-fw-semibold);
  color: var(--emt-azul-profundo);
  background: var(--emt-gris-claro);
  border: 1px solid var(--emt-color-border);
  padding: 0.1rem 0.5rem;
  border-radius: var(--emt-radius-sm);
}

.emt-asesor-card__actions {
  margin-top: auto;
  display: flex;
  gap: var(--emt-spacing-sm);
  padding-top: var(--emt-spacing-sm);
}
.emt-asesor-card__actions .emt-btn { flex: 1; font-size: var(--emt-fs-xs); padding: 0.5rem 0.75rem; }

/* WhatsApp: verde reconocible; es LA acción primaria en card y ficha de asesor */
.emt-btn--whatsapp { background: #25D366; color: var(--emt-blanco); }
.emt-btn--whatsapp:hover { background: #1da851; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(37, 211, 102, 0.28); }

/* Grid de cards (usado en el directorio y en "otros asesores" del perfil).
   Responsive y site-wide para que sea consistente en ambos contextos. */
.emt-asesores-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--emt-spacing-lg);
}