.tarjeta-acciones-wrapper {
  min-width: 0;
}

.tarjeta-acciones {
  border-color: var(--color-border-divider) !important;
}

.tarjeta-acciones__imagen {
  width: 190px;
}

.tarjeta-acciones__contenido {
  padding: 20px;
}

.tarjeta-acciones__tag {
  font: var(--text-eyebrow-font);
  letter-spacing: var(--text-eyebrow-tracking);
  color: var(--text-link);
}

.tarjeta-acciones__titulo {
  font-size: 1.09375rem;
  line-height: 1.3;
  color: var(--color-text-heading);
  text-wrap: balance;
}

.tarjeta-acciones__descripcion {
  font-size: 14px;
  color: var(--color-text-body-secondary);
}

.tarjeta-acciones--claro {
  background-color: var(--color-white);
}

.tarjeta-acciones--navy {
  background-color: var(--mp-navy-800);
  border-color: var(--mp-navy-800) !important;
}

.tarjeta-acciones--navy .tarjeta-acciones__tag {
  color: var(--mp-gold-300);
}

.tarjeta-acciones--navy .tarjeta-acciones__titulo {
  color: var(--text-on-inverse);
}

.tarjeta-acciones--navy .tarjeta-acciones__descripcion {
  color: var(--text-on-inverse-muted);
}

/* Mismo ajuste que en tarjeta-imagen: el botón "quiet" es solo texto en
   --text-link (azul), invisible sobre --mp-navy-800. Se recolorea a dorado
   por si el editor elige ese tipo de botón dentro de una tarjeta navy. */
.tarjeta-acciones--navy .tarjeta-acciones__botones .mideplan-button--quiet {
  color: var(--mp-gold-300);
}