/* ============================================================
   CES Construcciones — ces-typography-visibility.css
   Objetivo: Máxima visibilidad de palabras y frases clave de
   inversión, proyectos y retorno en TODAS las secciones y páginas.
   ============================================================ */

/* ──────────────────────────────────────────────────────────────
   1. HOME LANDING — Eyebrow baseline ("Invertí con CES")
   ────────────────────────────────────────────────────────────── */
#home-landing__content__text__heading__baseline {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5em !important;
  opacity: 0.85 !important;
  text-transform: uppercase !important;
}
@media screen and (min-width: 1024px) {
  #home-landing__content__text__heading__baseline {
    font-size: 13px !important;
    opacity: 1 !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   2. HOME LANDING — Título principal H1
   ────────────────────────────────────────────────────────────── */
#home-landing__content__text__heading__title {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.15em !important;
  letter-spacing: -0.01em !important;
  max-width: 520px !important;
}
@media screen and (min-width: 768px) {
  #home-landing__content__text__heading__title {
    font-size: 26px !important;
  }
}
@media screen and (min-width: 1024px) {
  #home-landing__content__text__heading__title {
    font-size: 32px !important;
    line-height: 1.1em !important;
    max-width: 560px !important;
  }
}
@media screen and (min-width: 1280px) {
  #home-landing__content__text__heading__title {
    font-size: 36px !important;
  }
}
@media screen and (min-width: 1600px) {
  #home-landing__content__text__heading__title {
    font-size: 40px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   3. HOME LANDING — Cuerpo / subtexto
   ────────────────────────────────────────────────────────────── */
#home-landing__content__text__body {
  opacity: 0.85 !important;
  font-size: 15px !important;
  line-height: 1.65em !important;
}
@media screen and (min-width: 1024px) {
  #home-landing__content__text__body {
    font-size: 14px !important;
    opacity: 0.9 !important;
  }
}
@media screen and (min-width: 1280px) {
  #home-landing__content__text__body {
    font-size: 15px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   4. HOME LANDING — CTA Button label
   ────────────────────────────────────────────────────────────── */
#home-landing__content__cta {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
@media screen and (min-width: 1280px) {
  #home-landing__content__cta {
    font-size: 15px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   5. HOME SLIDES — Title label (ej: "PROYECTOS", "INVERSIONES")
      Step 1 (sobre video oscuro) y Step 2 (sobre blanco)
      NOTA: tamaño grande e impactante — no reducir.
   ────────────────────────────────────────────────────────────── */
.home-screen__step__content__title {
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  line-height: 1em !important;
  text-transform: uppercase !important;
}
@media screen and (min-width: 1024px) {
  .home-screen__step__content__title {
    font-size: 38px !important;
    letter-spacing: 0.14em !important;
  }
}
@media screen and (min-width: 1400px) {
  .home-screen__step__content__title {
    font-size: 46px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   6. HOME SLIDES — Subtitle / headline (frase grande en rojo/blanco)
   ────────────────────────────────────────────────────────────── */
.home-screen__step__content__subtitle {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.12em !important;
  letter-spacing: -0.01em !important;
}
@media screen and (min-width: 1024px) {
  .home-screen__step__content__subtitle {
    font-size: 34px !important;
    line-height: 1.08em !important;
  }
}
@media screen and (max-height: 680px) {
  .home-screen__step__content__subtitle {
    font-size: 22px !important;
  }
}
@media screen and (min-width: 1400px) {
  .home-screen__step__content__subtitle {
    font-size: 38px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   7. HOME SLIDE STEP-2 — Title sobre fondo blanco
   ────────────────────────────────────────────────────────────── */
.home-screen__step-2__content__inner__title {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #131313 !important;
}

/* ──────────────────────────────────────────────────────────────
   8. HOME SLIDE STEP-2 — Subtitle rojo sobre fondo blanco
      (ej: «Nosotros creamos el espacio…»)
   ────────────────────────────────────────────────────────────── */
.home-screen__step-2__content__inner__subtitle {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.15em !important;
  color: #d62323 !important;
}
@media screen and (min-width: 1024px) {
  .home-screen__step-2__content__inner__subtitle {
    font-size: 30px !important;
    line-height: 1.1em !important;
  }
}
@media screen and (min-width: 1400px) {
  .home-screen__step-2__content__inner__subtitle {
    font-size: 34px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   9. HOME SLIDE STEP-2 — Body text (más legible)
   ────────────────────────────────────────────────────────────── */
.home-screen__step-2__content__inner__body {
  font-size: 15px !important;
  line-height: 1.75em !important;
  color: #3d3d3d !important;
}
@media screen and (min-width: 1024px) {
  .home-screen__step-2__content__inner__body {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 1280px) {
  .home-screen__step-2__content__inner__body {
    font-size: 16px !important;
    line-height: 1.8em !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   10. HOME SLIDE STEP-2 — Ver proyectos / Ver inversiones (link CTA)
   ────────────────────────────────────────────────────────────── */
.home-screen__step-2__content__inner__link {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}
@media screen and (min-width: 1024px) {
  .home-screen__step-2__content__inner__link {
    font-size: 13px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   11. PROYECTOS — Título del proyecto (nav expandido)
   ────────────────────────────────────────────────────────────── */
.projects__nav__infos__title {
  font-size: 24px !important;
  font-weight: 700 !important;
}
@media screen and (min-width: 1024px) {
  .projects__nav__infos__title {
    font-size: 48px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   12. PROYECTOS — Título individual de proyecto
   ────────────────────────────────────────────────────────────── */
.project__title {
  font-size: 46px !important;
  font-weight: 700 !important;
  line-height: 1.05em !important;
}
@media screen and (min-width: 1024px) {
  .project__title {
    font-size: 42px !important;
  }
}
@media screen and (min-width: 1280px) {
  .project__title {
    font-size: 58px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   13. SOLUCIONES — Header eyebrow label (pequeño rojo)
   ────────────────────────────────────────────────────────────── */
#solutions__title {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}
@media screen and (min-width: 1024px) {
  #solutions__title {
    font-size: 24px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   14. SOLUCIONES — Subtitle grande del header
   ────────────────────────────────────────────────────────────── */
#solutions__subtitle {
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.06em !important;
}
@media screen and (min-width: 1024px) {
  #solutions__subtitle {
    font-size: 44px !important;
  }
}
@media screen and (min-width: 1280px) {
  #solutions__subtitle {
    font-size: 62px !important;
  }
}
@media screen and (min-width: 1400px) {
  #solutions__subtitle {
    font-size: 78px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   15. SOLUCIONES — Título intro (texto blanco sobre negro)
   ────────────────────────────────────────────────────────────── */
#solutions__intro__title {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.2em !important;
}
@media screen and (min-width: 1024px) {
  #solutions__intro__title {
    font-size: 30px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   16. SOLUCIONES — Service title
   ────────────────────────────────────────────────────────────── */
#solutions__service__title {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.2em !important;
}
@media screen and (min-width: 1024px) {
  #solutions__service__title {
    font-size: 30px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   17. SOLUCIONES — Price title
   ────────────────────────────────────────────────────────────── */
#solutions__price__title {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.2em !important;
}
@media screen and (min-width: 1024px) {
  #solutions__price__title {
    font-size: 30px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   18. SOLUCIONES — Experts title (sobre rojo)
   ────────────────────────────────────────────────────────────── */
#solutions__experts__title {
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1em !important;
}
@media screen and (min-width: 1024px) {
  #solutions__experts__title {
    font-size: 40px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   19. SOLUCIONES — Industries title
   ────────────────────────────────────────────────────────────── */
#solutions__industries__title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
@media screen and (min-width: 1024px) {
  #solutions__industries__title {
    font-size: 20px !important;
  }
}

/* Industrias: labels interactivos más grandes y visibles */
.solutions__industries__item__label__txt {
  font-size: 24px !important;
  font-weight: 700 !important;
}
@media screen and (min-width: 1024px) {
  .solutions__industries__item__label__txt {
    font-size: 56px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   20. PROCESO — Título de página
   ────────────────────────────────────────────────────────────── */
#process__title {
  font-size: 52px !important;
  font-weight: 700 !important;
  line-height: 0.95em !important;
}
@media screen and (min-width: 1024px) {
  #process__title {
    font-size: 86px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   21. PROCESO — Step titles
   ────────────────────────────────────────────────────────────── */
.process__step__title {
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1em !important;
}
@media screen and (min-width: 1024px) {
  .process__step__title {
    font-size: 46px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   22. CONTACTO — Title eyebrow
   ────────────────────────────────────────────────────────────── */
#contact__title {
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
}
@media screen and (min-width: 1024px) {
  #contact__title {
    font-size: 26px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   23. CONTACTO — Subtitle grande interactivo
   ────────────────────────────────────────────────────────────── */
#contact__subtitle {
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.1em !important;
}
@media screen and (min-width: 1024px) {
  #contact__subtitle {
    font-size: 52px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   24. NOSOTROS — Title
   ────────────────────────────────────────────────────────────── */
#about__title {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.2em !important;
}
@media screen and (min-width: 1024px) {
  #about__title {
    font-size: 36px !important;
  }
}
@media screen and (min-width: 1280px) {
  #about__title {
    font-size: 46px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   25. INVERSIONES — Hero Title (clamp ya grande, reforzamos peso)
   ────────────────────────────────────────────────────────────── */
.inv-hero__title {
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
  line-height: 0.9em !important;
}
.inv-hero__title span {
  /* La palabra clave en rojo ya tiene color, reforzamos */
  text-shadow: 0 2px 24px rgba(214, 35, 35, 0.18) !important;
}

/* ──────────────────────────────────────────────────────────────
   26. INVERSIONES — Hero tagline
   ────────────────────────────────────────────────────────────── */
.inv-hero__tagline {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.5em !important;
  opacity: 1 !important;
}
@media screen and (min-width: 1024px) {
  .inv-hero__tagline {
    font-size: 22px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   27. INVERSIONES — Why / Headline sección ¿Por qué invertir?
   ────────────────────────────────────────────────────────────── */
.inv-why__headline {
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

/* ──────────────────────────────────────────────────────────────
   28. INVERSIONES — Project row title
   ────────────────────────────────────────────────────────────── */
.inv-project-row__title {
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

/* ──────────────────────────────────────────────────────────────
   29. INVERSIONES — Ventajas headline
   ────────────────────────────────────────────────────────────── */
.inv-ventajas__headline {
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

/* ──────────────────────────────────────────────────────────────
   30. INVERSIONES — Ventaja individual title
   ────────────────────────────────────────────────────────────── */
.inv-ventaja__title {
  font-size: 19px !important;
  font-weight: 700 !important;
}
@media screen and (min-width: 1024px) {
  .inv-ventaja__title {
    font-size: 22px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   31. INVERSIONES — Proceso headline
   ────────────────────────────────────────────────────────────── */
.inv-proceso__headline {
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

/* ──────────────────────────────────────────────────────────────
   32. INVERSIONES — Step titles
   ────────────────────────────────────────────────────────────── */
.inv-step__title {
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

/* ──────────────────────────────────────────────────────────────
   33. INVERSIONES — CTA panel title
   ────────────────────────────────────────────────────────────── */
.inv-cta-panel__title {
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

/* ──────────────────────────────────────────────────────────────
   34. MANTENIMIENTO — Títulos de sección
   ────────────────────────────────────────────────────────────── */
.mant-block__title {
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}
.mant-coverage__title,
.mant-dark__title {
  font-weight: 700 !important;
}

/* ──────────────────────────────────────────────────────────────
   35. PROYECTOS individuales — Project tag values (datos clave)
   ────────────────────────────────────────────────────────────── */
.project__tag__value {
  font-size: 17px !important;
  font-weight: 700 !important;
}
@media screen and (min-width: 1024px) {
  .project__tag__value {
    font-size: 18px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   36. GLOBAL — Palabras clave en rojo más audaces en toda la app
       Aplicar a cualquier elemento que use la clase ces-keyword
       (puede añadirse manualmente al HTML si se desea)
   ────────────────────────────────────────────────────────────── */
.ces-keyword {
  font-weight: 900 !important;
  color: #d62323 !important;
  font-style: normal !important;
}

/* ──────────────────────────────────────────────────────────────
   37. HOME SLIDE STEP-2 — Link "Ver proyectos / Ver inversiones"
       Aumentar visibilidad del CTA textual
   ────────────────────────────────────────────────────────────── */
.home-screen__step-2__content__inner__link__label {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
}

/* ──────────────────────────────────────────────────────────────
   38. INVERSIONES — Badge de estado (Finalizado / En curso)
   ────────────────────────────────────────────────────────────── */
.inv-project-row__badge {
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
}

/* ──────────────────────────────────────────────────────────────
   39. SOLUCIONES — Material section title
   ────────────────────────────────────────────────────────────── */
#solutions__material__title {
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.3em !important;
}
@media screen and (min-width: 1024px) {
  #solutions__material__title {
    font-size: 34px !important;
  }
}

/* ──────────────────────────────────────────────────────────────
   40. MOBILE — Ajuste global para que los títulos se lean bien
       en pantallas pequeñas sin overflow
   ────────────────────────────────────────────────────────────── */
@media screen and (max-width: 480px) {
  #home-landing__content__text__heading__title {
    font-size: 20px !important;
    max-width: 95% !important;
  }
  .home-screen__step__content__subtitle {
    font-size: 20px !important;
  }
  .home-screen__step-2__content__inner__subtitle {
    font-size: 20px !important;
  }
  #solutions__subtitle {
    font-size: 24px !important;
  }
  #contact__subtitle {
    font-size: 26px !important;
  }
  .project__title {
    font-size: 38px !important;
  }
  .inv-ventaja__title {
    font-size: 17px !important;
  }
}