/**
 * Nexo Page Kit — Content Card Helper v2.
 *
 * Motor opt-in do Content Card. Não depende do CSS legado .nexo-content-card.
 */

.nexo-content-card-v2 {
  display: flex;
  flex-direction: column;
  width: min(var(--nexo-content-card-v2-width, 280px), 100%);
  min-height: var(--nexo-content-card-v2-min-height, 0);
  overflow: var(--nexo-content-card-v2-overflow, hidden);
  color: var(--nexo-content-card-v2-title-color, #111827);
  background: var(--nexo-content-card-v2-background, #fff);
  border: var(--nexo-content-card-v2-border-width, 0) solid
    var(--nexo-content-card-v2-border-color, transparent);
  border-radius: var(--nexo-content-card-v2-radius, 6px);
  box-shadow: var(--nexo-content-card-v2-shadow, none);
}

.nexo-content-card-v2,
.nexo-content-card-v2 * {
  box-sizing: border-box;
}

.nexo-content-card-v2__media {
  width: 100%;
  height: var(--nexo-content-card-v2-image-height, 150px);
  margin: 0;
  overflow: hidden;
  background: var(--nexo-content-card-v2-image-background, #fff);
  border-radius: var(--nexo-content-card-v2-image-radius, 0);
}

.nexo-content-card-v2__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: var(--nexo-content-card-v2-image-fit, cover);
  object-position: var(--nexo-content-card-v2-image-position, center center);
}

.nexo-content-card-v2__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--nexo-content-card-v2-body-gap, 6px);
  padding: var(--nexo-content-card-v2-body-padding, 14px 16px 16px);
  background: var(--nexo-content-card-v2-body-background, #fff);
}

.nexo-content-card-v2__title {
  margin: 0;
  color: var(--nexo-content-card-v2-title-color, #111827);
  font-family: var(--nexo-content-card-v2-title-font-family, inherit);
  font-size: var(--nexo-content-card-v2-title-size, 15px);
  font-style: var(--nexo-content-card-v2-title-style, normal);
  font-weight: var(--nexo-content-card-v2-title-weight, 800);
  line-height: var(--nexo-content-card-v2-title-line-height, 1.15);
  letter-spacing: var(--nexo-content-card-v2-title-letter-spacing, 0);
  text-align: var(--nexo-content-card-v2-title-align, left);
  text-transform: var(--nexo-content-card-v2-title-transform, uppercase);
}

.nexo-content-card-v2__description {
  color: var(--nexo-content-card-v2-description-color, #111827);
  font-family: var(--nexo-content-card-v2-description-font-family, inherit);
  font-size: var(--nexo-content-card-v2-description-size, 11px);
  font-style: var(--nexo-content-card-v2-description-style, normal);
  font-weight: var(--nexo-content-card-v2-description-weight, 400);
  line-height: var(--nexo-content-card-v2-description-line-height, 1.35);
  letter-spacing: var(--nexo-content-card-v2-description-letter-spacing, 0);
  text-align: var(--nexo-content-card-v2-description-align, left);
}

.nexo-content-card-v2__description p,
.nexo-content-card-v2__description ul,
.nexo-content-card-v2__description ol {
  margin: 0;
}

.nexo-content-card-v2__description p + p,
.nexo-content-card-v2__description ul + p,
.nexo-content-card-v2__description ol + p {
  margin-top: var(--nexo-content-card-v2-body-gap, 6px);
}

.nexo-content-card-v2__description ul,
.nexo-content-card-v2__description ol {
  padding-left: 1.25em;
}

.nexo-content-card-v2__description a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.16em;
}

.nexo-content-card-v2__cta {
  display: flex;
  margin: var(--nexo-action-button-margin-top, 12px) 0 0;
}

.nexo-content-card-v2__cta--align-inherit,
.nexo-content-card-v2__cta--align-left {
  justify-content: flex-start;
}

.nexo-content-card-v2__cta--align-center {
  justify-content: center;
}

.nexo-content-card-v2__cta--align-right {
  justify-content: flex-end;
}

.nexo-content-card-v2__cta .nexo-page-kit-action-button {
  max-width: 100%;
}

.nexo-text-card-grid-section__imported-card > .nexo-content-card-v2,
.nexo-text-card-grid-section__imported-card .nexo-content-card-v2 {
  width: min(100%, var(--nexo-content-card-v2-width, 100%));
}