/* Variante comparativa ativada apenas com ?variant=editorial. */
html[data-visual-variant="editorial"] .hero-carousel__control {
  color: var(--kv-cyan-soft);
  opacity: 1;
}

html[data-visual-variant="editorial"] .hero-carousel__control:hover,
html[data-visual-variant="editorial"] .hero-carousel__control:focus-visible {
  border: 1px solid var(--kv-cyan);
  background: var(--kv-navy-700);
}

html[data-visual-variant="editorial"] .theme-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--neutral-border);
}

html[data-visual-variant="editorial"] .theme-card {
  display: grid;
  min-height: 0;
  grid-template-columns: var(--size-spacing-05) minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: var(--size-spacing-03);
  padding: var(--size-spacing-05) 0;
  overflow: visible;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--neutral-border);
  border-radius: 0;
  box-shadow: none;
  transition: border-color var(--motion-duration-fast) var(--motion-timing-function-ease-out);
}

html[data-visual-variant="editorial"] .theme-card:nth-child(odd) {
  padding-right: var(--size-spacing-06);
}

html[data-visual-variant="editorial"] .theme-card:nth-child(even) {
  padding-left: var(--size-spacing-06);
}

html[data-visual-variant="editorial"] .theme-card:first-child {
  grid-column: auto;
  grid-template-columns: var(--size-spacing-06) minmax(0, 1fr);
  padding-top: var(--size-spacing-05);
  padding-right: 0;
  padding-left: 0;
}

html[data-visual-variant="editorial"] .theme-card:hover,
html[data-visual-variant="editorial"] .theme-card:focus-visible {
  border-color: var(--primary-border-hover);
  box-shadow: none;
  transform: none;
}

html[data-visual-variant="editorial"] .theme-card__icon {
  width: auto;
  height: auto;
  grid-row: 1 / span 2;
  margin: var(--size-spacing-01) 0 0;
  color: var(--primary-icon);
  background: transparent;
  border-radius: 0;
  font-size: 20px;
}

html[data-visual-variant="editorial"] .theme-card h3 {
  max-width: 22ch;
  margin: 0 0 var(--size-spacing-01);
  font: var(--text-lg-bold);
}

html[data-visual-variant="editorial"] .theme-card p {
  max-width: 43ch;
  font: var(--text-md-regular);
}

html[data-visual-variant="editorial"] .theme-card__line {
  display: none;
}

html[data-visual-variant="editorial"] .filter-list {
  gap: 0;
  align-items: end;
  border-bottom: 1px solid var(--neutral-border);
}

html[data-visual-variant="editorial"] .filter {
  min-height: var(--size-spacing-08);
  padding-inline: var(--size-spacing-03);
  color: var(--primary-text-hover);
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
}

html[data-visual-variant="editorial"] .filter:hover,
html[data-visual-variant="editorial"] .filter:focus-visible {
  color: var(--neutral-text-high-emphasis);
  background: transparent;
  border-color: var(--primary-border-hover);
}

html[data-visual-variant="editorial"] .filter[aria-pressed="true"] {
  color: var(--neutral-text-high-emphasis);
  background: transparent;
  border-color: var(--primary-surface-high-emphasis);
}

html[data-visual-variant="editorial"] .profile-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--neutral-border);
}

html[data-visual-variant="editorial"] .profile-card {
  position: relative;
  display: grid;
  min-height: 0;
  grid-template-columns: 72px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: var(--size-spacing-04);
  padding: var(--size-spacing-05) 0;
  overflow: visible;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--neutral-border);
  border-radius: 0;
  box-shadow: none;
  transition: border-color var(--motion-duration-fast) var(--motion-timing-function-ease-out);
}

html[data-visual-variant="editorial"] .profile-card:nth-child(odd) {
  padding-right: var(--size-spacing-06);
  border-right: 1px solid var(--neutral-border);
}

html[data-visual-variant="editorial"] .profile-card:nth-child(even) {
  padding-left: var(--size-spacing-06);
}

html[data-visual-variant="editorial"] .profile-card:hover,
html[data-visual-variant="editorial"] .profile-card:focus-within {
  background: transparent;
  border-color: var(--primary-border-hover);
  box-shadow: none;
  transform: none;
}

html[data-visual-variant="editorial"] .profile-card__head,
html[data-visual-variant="editorial"] .profile-card__title {
  display: contents;
}

html[data-visual-variant="editorial"] .profile-card__photo {
  width: 72px;
  height: 72px;
  grid-row: 1 / span 2;
  margin-top: var(--size-spacing-01);
  border: 1px solid var(--primary-border);
}

html[data-visual-variant="editorial"] .profile-card__name {
  min-height: 0;
  align-self: end;
  color: var(--neutral-text-high-emphasis);
  font: var(--text-lg-bold);
}

html[data-visual-variant="editorial"] .profile-card__name:hover {
  color: var(--primary-text-hover);
}

html[data-visual-variant="editorial"] .profile-card__body {
  display: block;
  grid-column: 2;
  padding: var(--size-spacing-02) 0 0;
}

html[data-visual-variant="editorial"] .profile-card__role {
  min-height: 0;
  margin-bottom: var(--size-spacing-02);
}

html[data-visual-variant="editorial"] .profile-card__quote {
  width: auto;
  display: -webkit-box;
  min-height: 0;
  margin: 0 var(--size-spacing-08) 0 0;
  overflow: hidden;
  color: var(--neutral-text-high-emphasis);
  font: var(--text-md-regular);
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

html[data-visual-variant="editorial"] .profile-card__quote::before,
html[data-visual-variant="editorial"] .profile-card__quote::after {
  color: var(--primary-text-hover);
}

html[data-visual-variant="editorial"] .profile-card__tags {
  display: block;
  margin: var(--size-spacing-03) 0 0;
  padding-right: var(--size-spacing-08);
  color: var(--neutral-text-low-emphasis);
}

html[data-visual-variant="editorial"] .profile-card__tags .tag {
  display: inline;
  min-height: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  border-radius: 0;
  font: var(--text-xs-regular);
}

html[data-visual-variant="editorial"] .profile-card__tags .tag + .tag::before {
  color: var(--neutral-icon-low-emphasis);
  content: " · ";
}

html[data-visual-variant="editorial"] .profile-card__share {
  position: absolute;
  right: 0;
  bottom: var(--size-spacing-05);
  color: var(--primary-icon);
}

html[data-visual-variant="editorial"] .insight-form .button--primary .material-symbols-rounded,
html[data-visual-variant="editorial"] .insight-page__theme .material-symbols-rounded {
  font-size: 0;
}

html[data-visual-variant="editorial"] .insight-form .button--primary .material-symbols-rounded::after,
html[data-visual-variant="editorial"] .insight-page__theme .material-symbols-rounded::after {
  content: "format_quote";
  font-family: "Material Symbols Rounded";
  font-size: 20px;
}

html[data-visual-variant="editorial"] .insight-source-card {
  padding: var(--size-spacing-05) 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--neutral-border);
  border-radius: 0;
}

html[data-visual-variant="editorial"] .curation-section::after {
  display: none;
}

@media (max-width: 1023px) {
  html[data-visual-variant="editorial"] .profile-grid {
    grid-template-columns: 1fr;
  }

  html[data-visual-variant="editorial"] .profile-card:nth-child(odd),
  html[data-visual-variant="editorial"] .profile-card:nth-child(even) {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
  }
}

@media (max-width: 767px) {
  html[data-visual-variant="editorial"] .theme-grid {
    grid-template-columns: 1fr;
  }

  html[data-visual-variant="editorial"] .theme-card:nth-child(odd),
  html[data-visual-variant="editorial"] .theme-card:nth-child(even) {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (max-width: 480px) {
  html[data-visual-variant="editorial"] .hero__diamond--one {
    top: calc(-1 * (var(--size-spacing-12) + var(--size-spacing-11) + var(--size-spacing-10)));
    opacity: 0.45;
  }

  html[data-visual-variant="editorial"] .hero__arc {
    right: -170px;
    opacity: 0.22;
    display: none;
  }
}