@font-face{
  font-family:'Jost';
  src:url('../fonts/numma/jost-500-latin.woff2') format('woff2');
  font-weight:500;font-style:normal;font-display:swap;
}

.nm-dg{
  --jost:'Jost',system-ui,sans-serif;
  --morado-700:#575199;
  --ambar-300:#ffb22e;
  --caja:clamp(7.5rem,38vw,14.5rem);

  background:var(--morado-700);
  color:#fff;
  padding-block:var(--s-5) var(--s-6);
}

.nm-dg__escena{
  position:relative;
  max-width:90rem;margin-inline:auto;
  padding-inline:var(--pad);
}

.nm-dg__pasos{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;align-items:center;
  gap:var(--s-3);
}
.nm-dg__paso{
  display:flex;flex-direction:column;align-items:center;
  gap:var(--s-2);
  width:100%;max-width:20rem;
}
.nm-dg__paso + .nm-dg__paso::before{
  content:'';
  width:.75rem;height:2.5rem;
  background:var(--ambar-300);
  clip-path:polygon(42% 0,58% 0,58% 72%,100% 72%,50% 100%,0 72%,42% 72%);
}
.nm-dg__arte{
  position:relative;
  width:var(--caja);
  aspect-ratio:232/255;
  padding:calc(var(--caja) * .1379);
  display:grid;place-items:center;
}
.nm-dg__arte--wa{
  width:calc(var(--caja) * 127 / 232);
  aspect-ratio:127/130;
  padding:0;
}
.nm-dg__arte--logo{padding:0}
.nm-dg__arte--logo svg{width:100%;height:100%;display:block}
.nm-dg__marco{position:relative;overflow:hidden}
.nm-dg__marco img{position:absolute;max-width:none;display:block}

.nm-dg__marco--wa{place-self:stretch}
.nm-dg__marco--wa img{width:122.55%;height:119.85%;left:-11.47%;top:-9.68%}
.nm-dg__marco--llave{align-self:stretch;justify-self:center;aspect-ratio:2137/2528}
.nm-dg__marco--llave img{width:187.18%;height:158.23%;left:-42.58%;top:-26.07%}
.nm-dg__marco--datos{justify-self:stretch;align-self:center;aspect-ratio:1810/1664}
.nm-dg__marco--datos img{width:149.17%;height:162.26%;left:-24.59%;top:-31.13%}
.nm-dg__marco--doc{align-self:stretch;justify-self:center;aspect-ratio:2062/2603}
.nm-dg__marco--doc img{inset:0;width:100%;height:100%;object-fit:cover}
.nm-dg__rotulo{
  margin:0;
  font-family:var(--jost);font-weight:500;
  font-size:clamp(1rem,3.6vw,1.5rem);
  line-height:1.15;text-align:center;
  color:#fff;
  overflow-wrap:break-word;
}
.nm-dg__flecha{display:none}
.nm-dg__defs{position:absolute;width:0;height:0;overflow:hidden}
@media (min-width:64em){

  .nm-dg{padding-block:0}
  .nm-dg__escena{
    padding-inline:0;
    width:min(100%, 90rem, calc(100svh * 1440 / 1024));
    aspect-ratio:45/32;
    container-type:inline-size;
  }

  .nm-dg__pasos{display:block}

  .nm-dg__paso{
    position:absolute;
    width:16.1111cqw;
    max-width:none;
    display:block;
  }
  .nm-dg__paso + .nm-dg__paso::before{content:none}

  .nm-dg__paso--1{left:4.4444cqw;top:3.2639cqw}
  .nm-dg__paso--2{left:4.4444cqw;top:22.5cqw}
  .nm-dg__paso--3{left:28.125cqw;top:29.5833cqw}
  .nm-dg__paso--4{left:54.4444cqw;top:36.6667cqw}
  .nm-dg__paso--5{left:79.4444cqw;top:43.75cqw}

  .nm-dg__arte{
    position:absolute;left:0;top:0;
    width:16.1111cqw;height:17.7083cqw;
    aspect-ratio:auto;
    padding:2.2222cqw;
  }
  .nm-dg__arte--wa,
  .nm-dg__arte--logo{padding:0}
  .nm-dg__arte--wa{
    left:3.3333cqw;
    width:8.8194cqw;height:9.0278cqw;
  }

  .nm-dg__rotulo{
    position:absolute;left:0;
    width:16.1111cqw;
    font-size:clamp(.875rem,1.66667cqw,1.5rem);
  }
  .nm-dg__paso--1 .nm-dg__rotulo{top:10.0694cqw}
  .nm-dg__paso--2 .nm-dg__rotulo{top:17.7083cqw}
  .nm-dg__paso--3 .nm-dg__rotulo{top:19.5833cqw;left:1.3194cqw}
  .nm-dg__paso--4 .nm-dg__rotulo{top:19.1667cqw}
  .nm-dg__paso--5 .nm-dg__rotulo{top:18.0556cqw;left:.0694cqw}
  .nm-dg__flecha{
    display:block;position:absolute;
    color:var(--ambar-300);
    pointer-events:none;
  }
  .nm-dg__flecha--0{
    left:10.4340cqw;top:20.0313cqw;
    width:4.8958cqw;height:1.5347cqw;
    transform:rotate(90deg);
  }
  .nm-dg__flecha--1{
    left:20.4516cqw;top:26.6320cqw;
    width:15.1074cqw;height:4.1667cqw;
  }
  .nm-dg__flecha--2{
    left:41.7015cqw;top:35.7293cqw;
    width:22.5379cqw;height:3.8194cqw;
  }
  .nm-dg__flecha--3{
    left:70.4522cqw;top:41.7708cqw;
    width:18.0935cqw;height:3.4028cqw;
  }
}