/* Commercial heading hierarchy for Colegios only.
   Product UI illustrations keep their own smaller type scale. */
#contenido {
  --school-heading-hero: clamp(38px, 5vw, 56px);
  --school-heading-section: clamp(30px, 3.75vw, 48px);
  --school-heading-panel: clamp(26px, 2.8vw, 36px);
  --school-heading-card: clamp(24px, 2.3vw, 30px);
}
#contenido .design-hero h1 {
  font-size: var(--school-heading-hero);
  line-height: 1.08;
}
#contenido :is(.section-heading, .testimonials-heading, .integration-heading,
  .pricing-intro, .faq__intro, .final-cta) h2 {
  font-size: var(--school-heading-section);
  line-height: 1.1;
}
#contenido .panel-copy h3 {
  font-size: var(--school-heading-panel);
  line-height: 1.12;
}
#contenido :is(.bento-copy, .integration-grid) h3 {
  font-size: var(--school-heading-card);
  line-height: 1.15;
}