/* gy-added — semantic H1 promotion, pinned to the original H3 typography.
 *
 * 98 pages (the Trane product catalogue, /request-service, /contact-us-today and
 * the five newpage* placeholders) shipped with NO <h1> at all: live marks their
 * page title up as an <h3>. The tag is promoted so every page carries exactly one
 * H1, and this file pins the promoted element back to the values MEASURED off the
 * original H3 at all three bands, so the change is semantic only and moves no
 * pixels:
 *
 *   desktop / tablet  25px      mobile  26px
 *   Poppins 400, line-height normal, uppercase, letter-spacing normal
 *   plain page-title variant: #606060, flush margins
 *
 * !important is load-bearing rather than lazy. The ported theme styles H1 as
 * Anton 50px #232779 through selectors carrying an id, so an author-level rule
 * cannot outrank them; `.gy-h1` matches nothing outside these 98 titles, so the
 * blast radius is exactly the elements being corrected.
 *
 * The .dmform-title variant (/request-service, /contact-us-today) takes
 * `color: inherit`, which is what the H3 resolved to. It is deliberately written
 * at (1,3,0) so the per-page rule
 *   #dm .dmBody div.u_1800480182 .dmwidget-title { color: var(--color_8) }
 * at (1,3,1) still outranks it — /request-service's title must stay white on its
 * dark panel, while /contact-us-today, which has no such rule, keeps the #606060
 * it inherited as an H3 instead of picking up the theme's blue H1 colour.
 */
#dm h1.gy-h1,
h1.gy-h1 {
  font-family: Poppins, "Poppins Fallback" !important;
  font-size: 25px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
}

@media (max-width: 767px) {
  #dm h1.gy-h1,
  h1.gy-h1 { font-size: 26px !important; }
}

#dm h1.gy-h1.text-align-center,
h1.gy-h1.text-align-center {
  color: #606060 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#dm h1.gy-h1.dmform-title {
  color: inherit !important;
}

/* gy-added — /es carried TWO <h1>s, where the English home page carries one.
 * The extra was the hero tagline "¡Sirviendo a Phoenix desde 2006!", which the
 * English page marks up as a <p>, not a heading. It is demoted to <h2> (the
 * page title "EMPRESA DE CALEFACCIÓN Y REFRIGERACIÓN EN PHOENIX" keeps the H1,
 * matching its English counterpart) and pinned to the H1 typography it had, so
 * again nothing moves. Both H1s measured identical, so one pin covers it.
 */
#dm h2.gy-h2-hero,
h2.gy-h2-hero {
  font-family: Anton, "Anton Fallback" !important;
  font-size: 50px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: rgb(35, 39, 121) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  #dm h2.gy-h2-hero,
  h2.gy-h2-hero { font-size: 30px !important; }
}