.program-path {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--np2-space-3);
  max-width: 52rem;
  margin-top: var(--np2-space-6);
}

.program-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
  gap: var(--np2-space-8);
  align-items: start;
}

.program-hero__grid > * {
  min-width: 0;
}

.program-hero__grid .program-path {
  grid-template-columns: 1fr;
  max-width: none;
  margin-top: 0;
}

.program-path-summary > .np2-label {
  margin: 0 0 var(--np2-space-3);
}

.program-path__step {
  min-width: 0;
  padding: var(--np2-space-4);
  border: var(--np2-border-thin) solid var(--np2-color-linea-oscura);
  border-radius: var(--np2-radius-md);
  background: var(--np2-color-superficie);
  color: var(--np2-color-tinta);
}

.program-path__icon,
.program-icon {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: var(--np2-space-3);
  background: var(--np2-color-programa-mostrador);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.program-path--first .program-path__icon,
.program-icon--first {
  background: var(--np2-color-verde);
}

.program-path__step strong,
.program-path__step small {
  display: block;
}

.program-path__step small {
  margin-top: var(--np2-space-1);
  color: var(--np2-color-texto-secundario);
  font-size: var(--np2-text-sm);
}

.icon-marketplace-storefront {
  -webkit-mask-image: url("icons/del-mostrador/storefront.svg");
  mask-image: url("icons/del-mostrador/storefront.svg");
}
.icon-marketplace-selection {
  -webkit-mask-image: url("icons/del-mostrador/selection.svg");
  mask-image: url("icons/del-mostrador/selection.svg");
}
.icon-marketplace-package {
  -webkit-mask-image: url("icons/del-mostrador/package.svg");
  mask-image: url("icons/del-mostrador/package.svg");
}
.icon-first-resources {
  -webkit-mask-image: url("icons/primer-negocio/resources.svg");
  mask-image: url("icons/primer-negocio/resources.svg");
}
.icon-first-offer {
  -webkit-mask-image: url("icons/primer-negocio/offer.svg");
  mask-image: url("icons/primer-negocio/offer.svg");
}
.icon-first-test {
  -webkit-mask-image: url("icons/primer-negocio/test.svg");
  mask-image: url("icons/primer-negocio/test.svg");
}

.page-hero--cielo {
  background: var(--np2-color-cielo);
  color: var(--np2-color-tinta);
}

.program-card--first {
  border-top: 0.55rem solid var(--np2-color-cielo);
}

.program-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.program-grid--three .program-card {
  min-height: 38rem;
}

.comparison--three table {
  min-width: 68rem;
}

.timeline--first b {
  color: var(--np2-color-verde);
}

.outcome-statement {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--np2-space-5);
  align-items: start;
  padding: var(--np2-space-6);
  border: var(--np2-border-thin) solid var(--np2-color-linea);
  border-radius: var(--np2-radius-md);
  background: var(--np2-color-superficie);
  color: var(--np2-color-texto);
}

.outcome-statement h3 {
  margin: 0 0 var(--np2-space-2);
  font-family: var(--np2-font-display);
  font-size: var(--np2-text-xl);
  line-height: var(--np2-leading-heading);
}

.outcome-statement p {
  margin: 0;
}

@media (max-width: 72rem) {
  .program-hero__grid {
    grid-template-columns: 1fr;
    gap: var(--np2-space-6);
  }

  .program-hero__grid .program-path {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .program-grid--three {
    grid-template-columns: 1fr;
  }

  .program-grid--three .program-card {
    min-height: 0;
  }
}

@media (max-width: 44rem) {
  .program-path {
    grid-template-columns: 1fr;
  }

  .program-hero__grid .program-path {
    grid-template-columns: 1fr;
  }

  .program-path__step {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: var(--np2-space-4);
    align-items: center;
  }

  .program-path__icon {
    grid-row: 1 / span 2;
    margin-bottom: 0;
  }

  .outcome-statement {
    grid-template-columns: 1fr;
  }
}