/* Títulos do masterplan na estética tipográfica da marca TEMPLO DA LUA
   (Jost ~640, caixa alta, espaçamento .055em, filtro #lua-cut). Só títulos; corpo de texto inalterado. */
h1:not(.tdl-sr-only), h2, h3, h4, .tdl-prancha-title {
  font-family: var(--tdl-display) !important;
  font-weight: 640 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: .055em !important;
  line-height: 1.06 !important;
  text-wrap: balance;
}
h2 { font-size: clamp(28px, 2.75vw, 44px) !important; filter: url(#lua-cut); }
h3 { font-size: clamp(19px, 1.65vw, 26px) !important; filter: url(#lua-cut-s); }
h4 { font-size: clamp(16px, 1.25vw, 20px) !important; filter: url(#lua-cut-s); }
.tdl-prancha-title { font-size: clamp(24px, 2.4vw, 36px) !important; filter: url(#lua-cut); }
.tdl-feature-film h2 { font-size: clamp(30px, 3vw, 48px) !important; }
@media (max-width: 768px) {
  h2 { font-size: clamp(25px, 7.4vw, 34px) !important; }
  h3 { font-size: clamp(18px, 5.2vw, 23px) !important; }
}

/* Títulos em <span> (legendas de filme/pranchas, etapas da Jornada) — mesma estética da marca.
   Valores numéricos e dados continuam no corpo de texto original. */
span[style*="clamp(26px, 2.4vw, 38px)"], span[style*="clamp(24px, 2.4vw, 36px)"],
span[style*="clamp(24px, 2vw, 32px)"], span[style*="clamp(25px, 2.7vw, 40px)"],
span[style*="clamp(23px, 2.2vw, 34px)"] {
  font-family: var(--tdl-display) !important; font-weight: 640 !important; font-style: normal !important;
  text-transform: uppercase !important; letter-spacing: .055em !important; line-height: 1.12 !important;
  filter: url(#lua-cut-s);
}
span[style*="clamp(26px, 2.4vw, 38px)"], span[style*="clamp(24px, 2.4vw, 36px)"],
span[style*="clamp(25px, 2.7vw, 40px)"], span[style*="clamp(23px, 2.2vw, 34px)"] { font-size: clamp(20px, 1.9vw, 30px) !important; }
span[style*="clamp(24px, 2vw, 32px)"] { font-size: clamp(18px, 1.5vw, 23px) !important; }
/* Título "Jornada da Lua" mantém a escala de destaque original */
h3[style*="clamp(38px, 3.6vw, 58px)"], h3[style*="clamp(38px, 3.4vw, 54px)"] { font-size: clamp(30px, 3vw, 48px) !important; filter: url(#lua-cut); }
@media (max-width: 760px) {
  h3[style*="clamp(38px, 3.6vw, 58px)"], h3[style*="clamp(38px, 3.4vw, 54px)"] { font-size: clamp(25px, 7.4vw, 34px) !important; }
}