/* CorpHunters e Influencers conservan una composición de 680 px.
   El formulario queda fuera del contenedor para escribir a tamaño natural. */
.program-composition .simulator-heading {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
}
@media (max-width: 680px) {
  .program-composition { width: 680px; zoom: var(--composition-scale, 1); }
  .program-composition .topbar .logo img.brand-horizontal { width: 280px; }
  .program-composition .page h1 { font-size: 40px; }
  .program-composition .simulator-title { font-size: 50.4px; }
  .program-composition .application-trigger { flex-direction: row; align-items: center; gap: 32px; }
  .program-composition .application-trigger .corphunters-label,
  .program-composition .application-trigger .program-label { align-self: auto; }
  .program-composition .application-invitation { justify-content: normal; gap: 0; padding-right: 0; }
  .program-composition .application-invitation > span:not(.application-cursor-space) { font-size: 22px; }
  .program-composition .application-cursor-space { flex: 1; min-width: 40px; margin-right: -15px; }
  .program-composition .application-secondary { padding-inline: 24px; gap: 16px; }
  .program-composition .editable-wheel-card {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr); gap: 18px; padding: 18px;
  }
  .program-composition .editable-wheel-label { text-align: left; }
  .program-composition .editable-drum { width: auto; max-width: none; margin: 0; }
  .program-composition .drum-input { font-size: 36px; padding: 5px 0; }
  .program-composition .commission-rates { padding: 16px; }
  .program-composition .rates-grid { gap: 10px; }
  .program-composition .rates-grid > div { flex-direction: row; gap: 8px; padding: 12px; font-size: 13px; }
  .program-composition .projection-card { padding: 18px; gap: 20px; }
  .program-composition .projection-icon { width: 66px; height: 66px; }
  .program-composition .projection-icon svg { width: 42px; height: 42px; }
  .program-composition .projection-metric h3 { font-size: 15px; }
  .program-composition .projection-value { font-size: 44px; }
  .program-composition .projection-preview .projection-card,
  .program-composition .annual-projection { padding: 14px 10px; }
  .program-composition .projection-preview .projection-metric h3,
  .program-composition .annual-projection .projection-metric h3 { font-size: 14px; }
  .program-composition .projection-preview .projection-value,
  .program-composition .annual-projection .projection-value { font-size: 45px; }
  .program-composition .projection-bars { gap: 4px; }
  .program-composition .projection-bar-label { font-size: 10px; }
  .program-composition .projection-month-label { font-size: 11px; }
}