/**
 * Escala marcos de Devices.css (iPhone 14 ≈ 428×868px) para el layout de app-movil.
 * https://github.com/picturepan2/devices.css
 */
.app-movil-dcss-device {
  --app-movil-dcss-scale: 0.58;
  position: relative;
  width: calc(428px * var(--app-movil-dcss-scale));
  height: calc(868px * var(--app-movil-dcss-scale));
  margin-left: auto;
  margin-right: auto;
}

.app-movil-dcss-device .device {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(var(--app-movil-dcss-scale));
  transform-origin: top left;
}

@media (max-width: 575.98px) {
  .app-movil-dcss-device {
    --app-movil-dcss-scale: 0.5;
  }
}