/* Responsive exclusivo de los módulos app-en-accion e impacto. */
@media (max-width: 82rem) {
  .app-screen-grid { grid-template-columns: 1fr; }
  .app-screen-story {
    grid-template-columns: minmax(15rem, .72fr) minmax(0, 1.28fr);
  }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 54rem) {
  .app-screen-story { grid-template-columns: 1fr; }
  .app-screen-story__copy { max-width: 38rem; justify-self: center; }
  .stats-proof__head { grid-template-columns: 1fr; }
  .stats-proof__beta { width: fit-content; }
}

@media (max-width: 42rem) {
  .product-showcase,
  .stats-proof { width: var(--content); }
  .app-screen-story { padding: 1rem; }
  .phone-demo { width: min(100%, 18.5rem); }
  .metric-grid { grid-template-columns: 1fr; }
  .metric-card { min-height: 0; }
  .stats-proof__panel { padding: 1.2rem; }
}

@media (max-width: 24rem) {
  .phone-demo {
    width: 100%;
    border-width: .4rem;
    border-radius: var(--surface-radius);
  }
  .phone-demo__weather { grid-template-columns: 1fr; }
  .phone-demo__facts div { grid-template-columns: 1fr; }
  .phone-demo__facts dd { text-align: left; }
}