/* Portfolio title aligned with the two-line Services heading. */
html body[data-page="proyectos"] main .portfolio-ref-copy {
  width: min(calc(100vw - 2.5rem), 70rem) !important;
  max-width: 70rem !important;
  margin-inline: auto !important;
  text-align: center !important;
}

html body[data-page="proyectos"] main #portfolio-ref-titulo {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  margin-inline: auto !important;
  justify-items: center !important;
  gap: 0 !important;
  color: #0b5375 !important;
  text-align: center !important;
}

html body[data-page="proyectos"] main #portfolio-ref-titulo > .portfolio-ref-title__main {
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  color: #0b5375 !important;
  font-family: "FigtreeHeroLocal", "Figtree", sans-serif !important;
  font-size: clamp(2rem, 3.8vw, 3rem) !important;
  font-weight: 300 !important;
  font-variation-settings: "wght" 300 !important;
  line-height: 1 !important;
  letter-spacing: -0.045em !important;
  white-space: nowrap !important;
}

html body[data-page="proyectos"] main #portfolio-ref-titulo > .portfolio-ref-title__accent {
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  margin-top: -0.03em !important;
  color: #c91235 !important;
  font-family: "PacificoLocal", "Pacifico", cursive !important;
  font-size: clamp(2.7rem, 5.8vw, 4.7rem) !important;
  font-weight: 400 !important;
  font-variation-settings: normal !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  html body[data-page="proyectos"] main .portfolio-ref-copy {
    width: calc(100vw - 1.25rem) !important;
    max-width: none !important;
  }

  html body[data-page="proyectos"] main #portfolio-ref-titulo > .portfolio-ref-title__main {
    font-size: min(4.65vw, 1.7rem) !important;
    letter-spacing: -0.04em !important;
  }

  html body[data-page="proyectos"] main #portfolio-ref-titulo > .portfolio-ref-title__accent {
    font-size: min(7.1vw, 3.15rem) !important;
  }
}

/* Portfolio responsive heading: readable hierarchy without horizontal clipping. */
@media (max-width: 760px) {
  html body[data-page="proyectos"] main .portfolio-ref-copy {
    width: calc(100vw - 1.5rem) !important;
    max-width: none !important;
  }

  html body[data-page="proyectos"] main #portfolio-ref-titulo {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body[data-page="proyectos"] main #portfolio-ref-titulo > .portfolio-ref-title__main {
    width: 100% !important;
    max-width: 18ch !important;
    font-size: clamp(2.05rem, 8.4vw, 2.65rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.035em !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    text-wrap: balance !important;
  }

  html body[data-page="proyectos"] main #portfolio-ref-titulo > .portfolio-ref-title__accent {
    width: 100% !important;
    max-width: 18ch !important;
    font-size: clamp(2.35rem, 9.4vw, 3.15rem) !important;
    line-height: 1.06 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    text-wrap: balance !important;
  }
}