body[data-page="inicio"] .home-directory {
  display: grid;
  gap: clamp(56px, 10vw, 120px);
  padding: clamp(88px, 14vw, 180px) 5.6vw;
  border-top: 0;
  background: #f4f4f2;
}

body[data-page="inicio"] .directory-heading {
  display: grid;
  gap: 28px;
  padding: 0;
}

body[data-page="inicio"] .directory-heading h2 {
  max-width: 8ch;
  margin: 0;
  color: #09142f;
  font-family: "Carlito", "Catamaran", sans-serif;
  font-size: clamp(3.3rem, 14vw, 6rem);
  font-weight: 700;
  line-height: 0.92;
  letter-spacing: -0.04em;
}

body[data-page="inicio"] .directory-heading p {
  max-width: 40ch;
  margin: 0;
  color: #59657a;
  font-size: clamp(1.08rem, 4.7vw, 1.32rem);
  line-height: 1.48;
}

body[data-page="inicio"] .route-ledger {
  margin: 0;
  border-top: 1px solid #adb4be;
}

body[data-page="inicio"] .route-ledger a {
  display: grid;
  min-height: 148px;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px 24px;
  padding: 30px 0;
  border: 0;
  border-bottom: 1px solid #adb4be;
  background: transparent;
  transition: color 220ms ease, padding 320ms cubic-bezier(0.16, 1, 0.3, 1);
}

body[data-page="inicio"] .route-ledger a:hover {
  padding-right: 14px;
  color: #0d6dad;
}

body[data-page="inicio"] .route-ledger h3 {
  margin: 0;
  color: inherit;
  font-size: clamp(1.7rem, 7vw, 2.45rem);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -0.025em;
}

body[data-page="inicio"] .route-ledger p {
  max-width: 46ch;
  margin: 0;
  color: #667184;
  font-size: 1rem;
  line-height: 1.45;
}

body[data-page="inicio"] .route-arrow {
  grid-row: 1 / span 2;
  grid-column: 2;
  color: #0d6dad;
  font-size: 2rem;
  font-style: normal;
  transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1);
}

body[data-page="inicio"] .route-ledger a:hover .route-arrow {
  transform: translateX(7px);
}

body[data-page="inicio"] .home-standard {
  display: grid;
  gap: 74px;
  padding: clamp(88px, 15vw, 180px) 5.6vw;
  border: 0;
  background: #09142f;
  color: #f4f4f2;
}

body[data-page="inicio"] .home-standard-copy {
  padding: 0;
}

body[data-page="inicio"] .home-standard-copy h2 {
  max-width: 11ch;
  margin-bottom: 28px;
  font-family: "Carlito", "Catamaran", sans-serif;
  font-size: clamp(3.2rem, 13vw, 6rem);
  line-height: 0.94;
  letter-spacing: -0.04em;
}

body[data-page="inicio"] .home-standard-copy p {
  max-width: 48ch;
  margin-bottom: 42px;
  color: #c7d3e1;
  font-size: clamp(1.08rem, 4.5vw, 1.3rem);
  line-height: 1.55;
}

body[data-page="inicio"] .button-light {
  min-height: 60px;
  padding: 0;
  border-bottom: 1px solid #82bce0;
  background: transparent;
  color: #fff;
}

body[data-page="inicio"] .home-standard-facts {
  display: grid;
  border-top: 1px solid rgb(255 255 255 / 32%);
}

body[data-page="inicio"] .home-standard-facts div {
  display: grid;
  min-height: 142px;
  align-content: center;
  grid-template-columns: minmax(120px, 0.8fr) 1fr;
  gap: 24px;
  padding: 24px 0;
  border: 0;
  border-bottom: 1px solid rgb(255 255 255 / 32%);
}

body[data-page="inicio"] .home-standard-facts dt {
  color: #fff;
  font-size: clamp(1.7rem, 7vw, 2.6rem);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
}

body[data-page="inicio"] .home-standard-facts dd {
  align-self: center;
  color: #b7c6d7;
  font-size: 1rem;
  line-height: 1.35;
}

@media (max-width: 600px) {
  body[data-page="inicio"] {
    padding-bottom: calc(58px + env(safe-area-inset-bottom));
  }

  body[data-page="inicio"] .home-album {
    height: calc(100vw * 1711 / 853);
    min-height: 780px;
  }

  body[data-page="inicio"] .home-evidence {
    display: flex;
    gap: 12px;
    padding-right: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 5.6vw;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body[data-page="inicio"] .home-evidence::-webkit-scrollbar {
    display: none;
  }

  body[data-page="inicio"] .home-evidence-item {
    flex: 0 0 45vw;
    scroll-snap-align: start;
    transition: flex-basis 360ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  body[data-page="inicio"] .home-evidence-item.is-active,
  body[data-page="inicio"] .home-evidence-item[aria-current="true"] {
    flex-basis: 70vw;
  }

  body[data-page="inicio"] .home-evidence-item img {
    height: 24vw;
  }

  body[data-page="inicio"] .home-album-quote {
    position: fixed;
    z-index: 45;
    height: calc(58px + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
  }
}

@media (min-width: 901px) {
  body[data-page="inicio"] .home-album {
    height: clamp(760px, 86vh, 900px);
  }

  body[data-page="inicio"] .home-album-statement {
    height: 66%;
    padding-top: clamp(58px, 7vh, 88px);
  }

  body[data-page="inicio"] .home-album-statement::after {
    display: none;
  }

  body[data-page="inicio"] .home-album-statement h1 {
    width: 100%;
    font-size: clamp(3.35rem, 4.3vw, 4.4rem);
    line-height: 0.94;
    transform: none;
  }

  body[data-page="inicio"] .home-album-primary {
    margin-top: 30px;
  }

  body[data-page="inicio"] .home-evidence {
    top: 66%;
    height: 22%;
    padding-top: 26px;
  }

  body[data-page="inicio"] .home-evidence-item img {
    height: clamp(86px, 8vw, 112px);
  }

  body[data-page="inicio"] .home-album-proof {
    top: 88%;
    height: 12%;
  }

  body[data-page="inicio"] .home-album-proof p {
    margin-top: 10px;
    font-size: 0.92rem;
  }

  body[data-page="inicio"] .home-album-quote {
    height: 62px;
    font-size: 1.35rem;
  }

  body[data-page="inicio"] .home-directory {
    grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1.28fr);
    padding-right: clamp(70px, 8vw, 140px);
    padding-left: clamp(70px, 8vw, 140px);
  }

  body[data-page="inicio"] .directory-heading {
    align-content: start;
    position: sticky;
    top: 124px;
    height: max-content;
  }

  body[data-page="inicio"] .home-standard {
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr);
    padding-right: clamp(70px, 8vw, 140px);
    padding-left: clamp(70px, 8vw, 140px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="inicio"] .home-evidence-item,
  body[data-page="inicio"] .route-ledger a,
  body[data-page="inicio"] .route-arrow {
    transition: none;
  }
}

@media (min-width: 901px) {
  body[data-page="inicio"] .global-header {
    height: calc(100vw * 133 / 853);
    max-height: none;
  }

  body[data-page="inicio"] .global-brand {
    padding-left: calc(100vw * 45 / 853);
    padding-right: 0;
  }

  body[data-page="inicio"] .global-brand img {
    width: clamp(170px, 16vw, 240px);
    height: auto;
  }

  body[data-page="inicio"] .home-album {
    width: 100%;
    max-width: none;
    height: calc(100vw * 1711 / 853);
    max-height: none;
  }

  body[data-page="inicio"] .home-album-hero {
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% * 858 / 1711);
  }

  body[data-page="inicio"] .home-album-statement {
    top: calc(100% * 858 / 1711);
    left: 0;
    width: 100%;
    height: calc(100% * 289 / 1711);
    padding: calc(100vw * 44 / 853) 6.8vw 0;
  }

  body[data-page="inicio"] .home-album-statement::after {
    display: block;
  }

  body[data-page="inicio"] .home-album-statement h1 {
    width: 104.2%;
    font-size: min(calc(100vw * 71 / 853), 6rem);
    line-height: 1;
    transform: scaleX(0.96);
  }

  body[data-page="inicio"] .home-album-primary {
    width: 58.38vw;
    height: 9.26vw;
    min-height: 0;
    margin-top: 5vw;
    font-size: 2.81vw;
  }

  body[data-page="inicio"] .home-album-primary svg {
    width: 2.93vw;
    height: 2.93vw;
  }

  body[data-page="inicio"] .home-evidence {
    top: calc(100% * 1147 / 1711);
    left: 0;
    width: 100%;
    height: calc(100% * 360 / 1711);
    padding: calc(100vw * 59 / 853) 5.6vw 0;
  }

  body[data-page="inicio"] .home-evidence-item img {
    height: calc(100vw * 203 / 853);
  }

  body[data-page="inicio"] .home-evidence-item span {
    padding-top: calc(100vw * 13 / 853);
    font-size: calc(100vw * 23 / 853);
  }

  body[data-page="inicio"] .home-album-proof {
    top: calc(100% * 1507 / 1711);
    left: 0;
    width: 100%;
    height: calc(100% * 204 / 1711);
  }

  body[data-page="inicio"] .home-album-proof p {
    margin: calc(100vw * 38 / 853) 5.3vw 0;
    font-size: calc(100vw * 33 / 853);
  }

  body[data-page="inicio"] .home-album-quote {
    height: calc(100vw * 101 / 853);
    font-size: calc(100vw * 41 / 853);
  }
}