/* iron.cat · tarjeta de revisión mensual de Eva */

.ic-review-card {
  display: grid;
  gap: 12px;
  padding: clamp(18px, 2.2vw, 24px);
  border: 1px solid var(--ic-border-default);
  border-radius: var(--ic-radius-lg);
  background: var(--ic-surface-raised);
  color: var(--ic-text-primary);
  box-shadow: var(--ic-shadow-floating);
  font-family: var(--ic-font-body);
}

.ic-review-card__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
}

.ic-review-card__avatar {
  display: block;
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: 50%;
}

.ic-review-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 22%;
}

.ic-review-card__head small,
.ic-review-card__head strong { display: block; }

.ic-review-card__head small {
  color: var(--ic-text-muted);
  font: 500 0.64rem/1.2 var(--ic-font-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ic-review-card__head strong {
  margin-top: 2px;
  color: var(--ic-text-primary);
  font-size: 0.82rem;
}

.ic-review-card__signals {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ic-chip-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ic-review-card__signals .ic-chip,
[data-component-id="chip-small"] .ic-chip {
  border: 1px solid var(--ic-border-default);
  background: rgba(var(--ic-petrol-rgb) / 0.06);
  color: var(--ic-text-body);
}

.ic-review-card__signals .ic-chip__mark.is-stable,
[data-component-id="chip-small"] .ic-chip__mark.is-stable { background: var(--ic-color-sage); }
.ic-review-card__signals .ic-chip__mark.is-positive,
[data-component-id="chip-small"] .ic-chip__mark.is-positive { background: var(--ic-color-mustard); }
.ic-review-card__signals .ic-chip__mark.is-watch,
[data-component-id="chip-small"] .ic-chip__mark.is-watch { background: var(--ic-color-coral); }

.ic-review-card blockquote {
  margin: 0;
  color: var(--ic-text-body);
  font-size: clamp(0.82rem, 1vw, 0.94rem);
  line-height: 1.52;
}

.ic-review-card blockquote p { margin: 0; }

.ic-review-card footer {
  display: grid;
  gap: 2px;
  padding-top: 10px;
  border-top: 1px solid var(--ic-border-soft);
  color: var(--ic-text-muted);
  font-size: 0.68rem;
}

.ic-review-card footer strong { color: var(--ic-text-primary); font-size: 0.74rem; }