/* Apenas a disposição dos gabaritos; os componentes e tokens vêm da Central. */
.hc-image-template { width: 100%; min-width: 0; }
.hc-prose h2[id] { scroll-margin-top: 120px; }
.hc-image-template svg { display: block; width: 100%; height: auto; }
.hc-image-template--square { max-width: 320px; margin-inline: auto; }
.hc-image-legend svg { width: 34px; height: 22px; vertical-align: middle; margin-right: 8px; }
.hc-image-comparison { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.hc-image-comparison figure { margin: 0; min-width: 0; }
.hc-image-comparison figcaption { margin-top: 12px; font-size: 14px; line-height: 1.6; color: var(--ink-mid); }
.hc-image-phone { max-width: 200px; margin-inline: auto; }
.hc-image-circle { border-radius: 50%; overflow: hidden; }
.hc-prose .hc-guide-download { color: var(--white); border-bottom: 0; white-space: normal; text-align: center; max-width: 100%; }
@media (max-width: 600px) {
  .hc-image-comparison { grid-template-columns: minmax(0, 1fr); }
  .hc-image-comparison .hc-image-phone { max-width: 240px; }
}