/*
 * Production hardening — ajustes defensivos que aplican a todas las superficies Growth/SEO.
 * Mantiene el Design System intacto y sólo corrige casos límite detectados en QA de producción.
 */

/* Los CTAs contextuales son más descriptivos que el CTA histórico. Nunca deben desbordar en 390px. */
[data-contextual-app-cta],
.next-step .btn {
  max-width: 100%;
  white-space: normal;
  text-align: center;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

/* Acciones secundarias con objetivo táctil real, sin agrandar visualmente el texto. */
.result-back {
  min-height: 44px;
  padding-block: 8px;
}

/* Datos largos o etiquetas inesperadas no deben romper rings, leyendas o cards. */
.signature-legend-row strong,
.signature-day strong,
.trust-sources a,
.metric strong,
.macro strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* iOS no debe hacer zoom por controles con texto menor a 16px. */
@media (max-width: 620px) {
  .input,
  .select,
  textarea {
    font-size: 16px;
  }

  .tool-card-head {
    gap: var(--s-3);
  }

  .step-indicator {
    max-width: 44%;
    white-space: normal;
    text-align: center;
  }
}

@media (max-width: 430px) {
  .tool-card,
  .lead-panel,
  .signature-result,
  .trust-methodology-meta {
    min-width: 0;
  }

  .headline-value {
    flex-wrap: wrap;
    row-gap: var(--s-1);
  }

  .headline-value strong {
    font-size: clamp(46px, 15vw, 60px);
  }
}