.diag[data-astro-cid-m4g6hsye] {
  margin: 0;
}

.diag__svg[data-astro-cid-m4g6hsye] {
  width: 100%;
  height: auto;
  overflow: visible;
}

.diag__svg--h[data-astro-cid-m4g6hsye] {
  max-width: 800px;
}

.diag__svg--v[data-astro-cid-m4g6hsye] {
  display: none;
  max-width: 420px;
}

@media (width <= 767px) {
  .diag__svg--h[data-astro-cid-m4g6hsye] {
    display: none;
  }

  .diag__svg--v[data-astro-cid-m4g6hsye] {
    display: block;
  }
}

.diag__box[data-astro-cid-m4g6hsye] {
  fill: none;
  stroke: currentColor;
  stroke-width: 1px;
}

.diag__box--out[data-astro-cid-m4g6hsye] {
  stroke-width: 1.5px;
}

.diag__wire[data-astro-cid-m4g6hsye] {
  fill: none;
  stroke: currentColor;
  stroke-width: 1px;
}

.diag[data-astro-cid-m4g6hsye] text[data-astro-cid-m4g6hsye] {
  fill: currentColor;
  font-family: var(--font-heading);
}

.diag__num[data-astro-cid-m4g6hsye] {
  font-size: 11px;
  letter-spacing: 2px;
  opacity: .7;
}

.diag__label[data-astro-cid-m4g6hsye] {
  font-size: 16px;
  font-weight: 400;
}

.diag__label--out[data-astro-cid-m4g6hsye] {
  font-size: 22px;
  font-weight: 300;
}

.diag__sub[data-astro-cid-m4g6hsye] {
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: .7;
}

.diag__eyebrow[data-astro-cid-m4g6hsye] {
  font-size: 10px;
  letter-spacing: 4px;
  text-transform: uppercase;
  opacity: .7;
}

@media (prefers-reduced-motion: no-preference) {
  .js .diag[data-astro-cid-m4g6hsye]:not(.is-in) .diag__box[data-astro-cid-m4g6hsye], .js .diag[data-astro-cid-m4g6hsye]:not(.is-in) text[data-astro-cid-m4g6hsye] {
    opacity: 0;
  }

  .js .diag[data-astro-cid-m4g6hsye]:not(.is-in) .diag__wire[data-astro-cid-m4g6hsye] {
    clip-path: inset(0 100% 100% 0);
  }

  .diag__box[data-astro-cid-m4g6hsye], .diag[data-astro-cid-m4g6hsye] text[data-astro-cid-m4g6hsye] {
    transition: opacity var(--duration-reveal) var(--ease-out) calc(var(--i, 0) * 80ms);
  }

  .diag__wire[data-astro-cid-m4g6hsye] {
    transition: clip-path .9s var(--ease-out) calc(.2s + var(--i, 0) * 80ms);
  }

  .diag__out[data-astro-cid-m4g6hsye] .diag__box[data-astro-cid-m4g6hsye], .diag__out[data-astro-cid-m4g6hsye] text[data-astro-cid-m4g6hsye] {
    transition-delay: .9s;
  }

  @supports (animation-timeline: view()) {
    .diag[data-astro-cid-m4g6hsye] {
      view-timeline-name: --diag;
    }

    .js .diag[data-astro-cid-m4g6hsye] .diag__box[data-astro-cid-m4g6hsye], .js .diag[data-astro-cid-m4g6hsye] text[data-astro-cid-m4g6hsye] {
      animation: linear both diag-in;
      animation-timeline: --diag;
      animation-range: cover calc(12% + var(--i, 0) * 4%) cover calc(22% + var(--i, 0) * 4%);
    }

    .js .diag[data-astro-cid-m4g6hsye] .diag__wire[data-astro-cid-m4g6hsye] {
      animation: linear both diag-draw;
      animation-timeline: --diag;
      animation-range: cover calc(16% + var(--i, 0) * 4%) cover calc(36% + var(--i, 0) * 4%);
    }

    .js .diag[data-astro-cid-m4g6hsye] .diag__out[data-astro-cid-m4g6hsye] .diag__box[data-astro-cid-m4g6hsye], .js .diag[data-astro-cid-m4g6hsye] .diag__out[data-astro-cid-m4g6hsye] text[data-astro-cid-m4g6hsye] {
      animation-range: cover 38% cover 48%;
    }
  }
}

@keyframes diag-in {
  from {
    opacity: 0;
  }
}

@keyframes diag-draw {
  from {
    clip-path: inset(0 100% 100% 0);
  }

  to {
    clip-path: inset(0);
  }
}
.fhero[data-astro-cid-nssuuu4v] .display[data-astro-cid-nssuuu4v] {
  max-width: 18ch;
  color: var(--color-white);
}

.fhero[data-astro-cid-nssuuu4v] .label-num[data-astro-cid-nssuuu4v] {
  color: var(--fg-on-dark-2);
}

.fhero__sub[data-astro-cid-nssuuu4v] {
  margin-top: var(--space-6);
  max-width: 46ch;
  color: var(--white-90);
}

.fhero__cota[data-astro-cid-nssuuu4v] {
  margin-top: var(--space-16);
}

.strong[data-astro-cid-nssuuu4v] {
  font-family: var(--font-heading);
}

.diagrama__text[data-astro-cid-nssuuu4v] {
  margin-top: var(--space-6);
  max-width: 44ch;
}

.diagrama[data-astro-cid-nssuuu4v] .diag {
  color: var(--color-white);
}

.fases[data-astro-cid-nssuuu4v] {
  background: var(--bg-alt);
}

.fases__layout[data-astro-cid-nssuuu4v] {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: var(--space-16);
  align-items: start;
  timeline-scope: --fases;
}

.fases__aside[data-astro-cid-nssuuu4v] {
  align-self: stretch;
}

.fases__sticky[data-astro-cid-nssuuu4v] {
  position: sticky;
  top: calc(var(--header-h-compact) + var(--space-10));
}

.fases__title[data-astro-cid-nssuuu4v] {
  max-width: 14ch;
}

.fases__index[data-astro-cid-nssuuu4v] {
  position: relative;
  margin-top: var(--space-10);
  padding-left: var(--space-5);
}

.fases__track[data-astro-cid-nssuuu4v] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--color-warm);
}

.fases__fill[data-astro-cid-nssuuu4v] {
  position: absolute;
  inset: 0;
  background: var(--color-ink);
  transform-origin: top;
  transform: scaleY(var(--progress, 0));
  transition: transform var(--t-slow);
}

.fases__index[data-astro-cid-nssuuu4v] li[data-astro-cid-nssuuu4v] + li[data-astro-cid-nssuuu4v] {
  margin-top: var(--space-3);
}

.fases__index[data-astro-cid-nssuuu4v] a[data-astro-cid-nssuuu4v] {
  display: flex;
  gap: var(--space-3);
  align-items: baseline;
  font: var(--fw-regular) var(--fs-body-sm)/1.4 var(--font-heading);
  color: var(--fg-2);
  transition: color var(--t-normal);
}

.fases__index[data-astro-cid-nssuuu4v] a[data-astro-cid-nssuuu4v]:hover, .fases__index[data-astro-cid-nssuuu4v] a[data-astro-cid-nssuuu4v][aria-current] {
  color: var(--fg-1);
}

.fases__n[data-astro-cid-nssuuu4v] {
  font-size: var(--fs-small);
  letter-spacing: var(--ls-micro);
}

.fases__list[data-astro-cid-nssuuu4v] {
  border-top: 1px solid var(--color-warm);
  view-timeline-name: --fases;
}

.fase[data-astro-cid-nssuuu4v] {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: var(--space-8);
  padding-block: var(--space-10);
  border-bottom: 1px solid var(--color-warm);
  scroll-margin-top: calc(var(--header-h) + var(--space-8));
}

.fase__num[data-astro-cid-nssuuu4v] {
  font: var(--fw-light) var(--fs-display-fluid)/1 var(--font-heading);
  color: var(--fg-2);
}

.fase__body[data-astro-cid-nssuuu4v] {
  max-width: 62ch;
}

.fase__title[data-astro-cid-nssuuu4v] {
  font: var(--fw-regular) var(--fs-h3)/var(--lh-sub) var(--font-heading);
}

.fase__text[data-astro-cid-nssuuu4v] {
  margin-top: var(--space-3);
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .js .fases__fill[data-astro-cid-nssuuu4v] {
      transition: none;
      animation: linear both fases-fill;
      animation-timeline: --fases;
      animation-range: cover 22% cover 72%;
    }
  }
}

@keyframes fases-fill {
  from {
    transform: scaleY(0);
  }

  to {
    transform: scaleY(1);
  }
}

@media (width <= 1024px) {
  .fases__layout[data-astro-cid-nssuuu4v] {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }

  .fases__sticky[data-astro-cid-nssuuu4v] {
    position: static;
  }

  .fases__index[data-astro-cid-nssuuu4v] {
    display: none;
  }

  .fases__title[data-astro-cid-nssuuu4v] {
    max-width: 22ch;
  }
}

@media (width <= 767px) {
  .fase[data-astro-cid-nssuuu4v] {
    grid-template-columns: 1fr;
    gap: var(--space-3);
    padding-block: var(--space-8);
  }

  .fase__num[data-astro-cid-nssuuu4v] {
    font-size: var(--fs-h2);
  }
}