/* Cómo trabajo: una escena que avanza con el scroll (generado por tools/escenas/publicar.py).
   Sin soporte de animaciones por scroll o con movimiento reducido queda la lista de pasos con un
   cuadro fijo por paso; la escena ni se muestra (sus imágenes no se descargan). */
.como .pasos img{display:block;width:100%;height:auto;margin-bottom:16px;mix-blend-mode:multiply}
.como-escena{display:none}
@supports (animation-timeline: view()){
 @media (prefers-reduced-motion:no-preference){
  .como .pasos{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .como .pasos img{display:none}
  .como-escena{display:block;height:650vh;view-timeline-name:--pasos;content-visibility:auto;contain-intrinsic-size:auto 650vh}
  /* sin papel propio: la luz de los pliegues es la de toda la página (sitio.css, body::after). El
     papel liso de fondo queda porque las hojas de cuadros se multiplican contra él dentro del sticky. */
  .como-escenario{position:sticky;top:56px;height:calc(100svh - 56px);display:grid;grid-template-columns:260px minmax(0,1fr);
   align-items:center;gap:32px;background:var(--papel)}
  .como-textos{position:relative;height:220px}
  .como-paso{position:absolute;inset:0}
  .como-paso .romano{display:block;margin-bottom:16px}
  .como-paso strong{display:block;font-size:28px;line-height:1.15;font-weight:500;margin-bottom:10px}
  .como-paso p{margin:0}
  .como-caja{position:relative;width:100%;max-height:100%;aspect-ratio:720/450;justify-self:center}
  .como-cuadro{position:absolute;inset:0;background-position:0 0;background-repeat:no-repeat;mix-blend-mode:multiply}
  .pant-pantalla{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  @media(max-width:759px){
   /* celular: número y título en una línea, el texto y la escena centrados juntos y la escena de
      borde a borde */
   .como-escenario{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:20px}
   .como-textos{height:124px}
   .como-paso .romano{display:inline;margin:0 .4em 0 0}
   .como-paso strong{display:inline;font-size:22px}
   .como-paso p{font-size:17px;margin-top:8px}
   .como-caja{width:calc(100% + 48px);margin-inline:-24px}
  }
 }
}

.como-e0{background-image:url(/assets/escenas/hoja-1-1.webp);background-size:400% 900%;animation:cuadros0 step-end both,ver0 step-end both;animation-timeline:--pasos,--pasos;animation-range:contain 0% contain 16%,contain 0% contain 100%}
@keyframes cuadros0{0.000%{background-position:0.0000% 0.0000%}2.778%{background-position:33.3333% 0.0000%}5.556%{background-position:66.6667% 0.0000%}8.333%{background-position:100.0000% 0.0000%}11.111%{background-position:0.0000% 12.5000%}13.889%{background-position:33.3333% 12.5000%}16.667%{background-position:66.6667% 12.5000%}19.444%{background-position:100.0000% 12.5000%}22.222%{background-position:0.0000% 25.0000%}25.000%{background-position:33.3333% 25.0000%}27.778%{background-position:66.6667% 25.0000%}30.556%{background-position:100.0000% 25.0000%}33.333%{background-position:0.0000% 37.5000%}36.111%{background-position:33.3333% 37.5000%}38.889%{background-position:66.6667% 37.5000%}41.667%{background-position:100.0000% 37.5000%}44.444%{background-position:0.0000% 50.0000%}47.222%{background-position:33.3333% 50.0000%}50.000%{background-position:66.6667% 50.0000%}52.778%{background-position:100.0000% 50.0000%}55.556%{background-position:0.0000% 62.5000%}58.333%{background-position:33.3333% 62.5000%}61.111%{background-position:66.6667% 62.5000%}63.889%{background-position:100.0000% 62.5000%}66.667%{background-position:0.0000% 75.0000%}69.444%{background-position:33.3333% 75.0000%}72.222%{background-position:66.6667% 75.0000%}75.000%{background-position:100.0000% 75.0000%}77.778%{background-position:0.0000% 87.5000%}80.556%{background-position:33.3333% 87.5000%}83.333%{background-position:66.6667% 87.5000%}86.111%{background-position:100.0000% 87.5000%}88.889%{background-position:0.0000% 100.0000%}91.667%{background-position:33.3333% 100.0000%}94.444%{background-position:66.6667% 100.0000%}97.222%{background-position:100.0000% 100.0000%}100%{background-position:100% 100%}}
@keyframes ver0{0%{opacity:1}0%{opacity:1}16%{opacity:0}100%{opacity:0}}
.como-e1{background-image:url(/assets/escenas/hoja-2-1.webp);background-size:400% 1000%;animation:cuadros1 step-end both,ver1 step-end both;animation-timeline:--pasos,--pasos;animation-range:contain 16% contain 32%,contain 0% contain 100%}
@keyframes cuadros1{0.000%{background-position:0.0000% 0.0000%}2.500%{background-position:33.3333% 0.0000%}5.000%{background-position:66.6667% 0.0000%}7.500%{background-position:100.0000% 0.0000%}10.000%{background-position:0.0000% 11.1111%}12.500%{background-position:33.3333% 11.1111%}15.000%{background-position:66.6667% 11.1111%}17.500%{background-position:100.0000% 11.1111%}20.000%{background-position:0.0000% 22.2222%}22.500%{background-position:33.3333% 22.2222%}25.000%{background-position:66.6667% 22.2222%}27.500%{background-position:100.0000% 22.2222%}30.000%{background-position:0.0000% 33.3333%}32.500%{background-position:33.3333% 33.3333%}35.000%{background-position:66.6667% 33.3333%}37.500%{background-position:100.0000% 33.3333%}40.000%{background-position:0.0000% 44.4444%}42.500%{background-position:33.3333% 44.4444%}45.000%{background-position:66.6667% 44.4444%}47.500%{background-position:100.0000% 44.4444%}50.000%{background-position:0.0000% 55.5556%}52.500%{background-position:33.3333% 55.5556%}55.000%{background-position:66.6667% 55.5556%}57.500%{background-position:100.0000% 55.5556%}60.000%{background-position:0.0000% 66.6667%}62.500%{background-position:33.3333% 66.6667%}65.000%{background-position:66.6667% 66.6667%}67.500%{background-position:100.0000% 66.6667%}70.000%{background-position:0.0000% 77.7778%}72.500%{background-position:33.3333% 77.7778%}75.000%{background-position:66.6667% 77.7778%}77.500%{background-position:100.0000% 77.7778%}80.000%{background-position:0.0000% 88.8889%}82.500%{background-position:33.3333% 88.8889%}85.000%{background-position:66.6667% 88.8889%}87.500%{background-position:100.0000% 88.8889%}90.000%{background-position:0.0000% 100.0000%}92.500%{background-position:33.3333% 100.0000%}95.000%{background-position:66.6667% 100.0000%}97.500%{background-position:100.0000% 100.0000%}100%{background-position:100% 100%}}
@keyframes ver1{0%{opacity:0}16%{opacity:1}32%{opacity:0}100%{opacity:0}}
.como-e2{background-image:url(/assets/escenas/hoja-3-1.webp);background-size:400% 1400%;animation:cuadros2 step-end both,ver2 step-end both;animation-timeline:--pasos,--pasos;animation-range:contain 32% contain 64%,contain 0% contain 100%}
@keyframes cuadros2{0.000%{background-position:0.0000% 0.0000%}1.786%{background-position:33.3333% 0.0000%}3.571%{background-position:66.6667% 0.0000%}5.357%{background-position:100.0000% 0.0000%}7.143%{background-position:0.0000% 7.6923%}8.929%{background-position:33.3333% 7.6923%}10.714%{background-position:66.6667% 7.6923%}12.500%{background-position:100.0000% 7.6923%}14.286%{background-position:0.0000% 15.3846%}16.071%{background-position:33.3333% 15.3846%}17.857%{background-position:66.6667% 15.3846%}19.643%{background-position:100.0000% 15.3846%}21.429%{background-position:0.0000% 23.0769%}23.214%{background-position:33.3333% 23.0769%}25.000%{background-position:66.6667% 23.0769%}26.786%{background-position:100.0000% 23.0769%}28.571%{background-position:0.0000% 30.7692%}30.357%{background-position:33.3333% 30.7692%}32.143%{background-position:66.6667% 30.7692%}33.929%{background-position:100.0000% 30.7692%}35.714%{background-position:0.0000% 38.4615%}37.500%{background-position:33.3333% 38.4615%}39.286%{background-position:66.6667% 38.4615%}41.071%{background-position:100.0000% 38.4615%}42.857%{background-position:0.0000% 46.1538%}44.643%{background-position:33.3333% 46.1538%}46.429%{background-position:66.6667% 46.1538%}48.214%{background-position:100.0000% 46.1538%}50.000%{background-position:0.0000% 53.8462%}51.786%{background-position:33.3333% 53.8462%}53.571%{background-position:66.6667% 53.8462%}55.357%{background-position:100.0000% 53.8462%}57.143%{background-position:0.0000% 61.5385%}58.929%{background-position:33.3333% 61.5385%}60.714%{background-position:66.6667% 61.5385%}62.500%{background-position:100.0000% 61.5385%}64.286%{background-position:0.0000% 69.2308%}66.071%{background-position:33.3333% 69.2308%}67.857%{background-position:66.6667% 69.2308%}69.643%{background-position:100.0000% 69.2308%}71.429%{background-position:0.0000% 76.9231%}73.214%{background-position:33.3333% 76.9231%}75.000%{background-position:66.6667% 76.9231%}76.786%{background-position:100.0000% 76.9231%}78.571%{background-position:0.0000% 84.6154%}80.357%{background-position:33.3333% 84.6154%}82.143%{background-position:66.6667% 84.6154%}83.929%{background-position:100.0000% 84.6154%}85.714%{background-position:0.0000% 92.3077%}87.500%{background-position:33.3333% 92.3077%}89.286%{background-position:66.6667% 92.3077%}91.071%{background-position:100.0000% 92.3077%}92.857%{background-position:0.0000% 100.0000%}94.643%{background-position:33.3333% 100.0000%}96.429%{background-position:66.6667% 100.0000%}98.214%{background-position:100.0000% 100.0000%}100%{background-position:100% 100%}}
@keyframes ver2{0%{opacity:0}32%{opacity:1}64%{opacity:0}100%{opacity:0}}
.como-e3{background-image:url(/assets/escenas/hoja-4-1.webp);background-size:400% 1000%;animation:cuadros3 step-end both,ver3 step-end both;animation-timeline:--pasos,--pasos;animation-range:contain 89% contain 100%,contain 0% contain 100%}
@keyframes cuadros3{0.000%{background-position:0.0000% 0.0000%}2.500%{background-position:33.3333% 0.0000%}5.000%{background-position:66.6667% 0.0000%}7.500%{background-position:100.0000% 0.0000%}10.000%{background-position:0.0000% 11.1111%}12.500%{background-position:33.3333% 11.1111%}15.000%{background-position:66.6667% 11.1111%}17.500%{background-position:100.0000% 11.1111%}20.000%{background-position:0.0000% 22.2222%}22.500%{background-position:33.3333% 22.2222%}25.000%{background-position:66.6667% 22.2222%}27.500%{background-position:100.0000% 22.2222%}30.000%{background-position:0.0000% 33.3333%}32.500%{background-position:33.3333% 33.3333%}35.000%{background-position:66.6667% 33.3333%}37.500%{background-position:100.0000% 33.3333%}40.000%{background-position:0.0000% 44.4444%}42.500%{background-position:33.3333% 44.4444%}45.000%{background-position:66.6667% 44.4444%}47.500%{background-position:100.0000% 44.4444%}50.000%{background-position:0.0000% 55.5556%}52.500%{background-position:33.3333% 55.5556%}55.000%{background-position:66.6667% 55.5556%}57.500%{background-position:100.0000% 55.5556%}60.000%{background-position:0.0000% 66.6667%}62.500%{background-position:33.3333% 66.6667%}65.000%{background-position:66.6667% 66.6667%}67.500%{background-position:100.0000% 66.6667%}70.000%{background-position:0.0000% 77.7778%}72.500%{background-position:33.3333% 77.7778%}75.000%{background-position:66.6667% 77.7778%}77.500%{background-position:100.0000% 77.7778%}80.000%{background-position:0.0000% 88.8889%}82.500%{background-position:33.3333% 88.8889%}85.000%{background-position:66.6667% 88.8889%}87.500%{background-position:100.0000% 88.8889%}90.000%{background-position:0.0000% 100.0000%}92.500%{background-position:33.3333% 100.0000%}95.000%{background-position:66.6667% 100.0000%}97.500%{background-position:100.0000% 100.0000%}100%{background-position:100% 100%}}
@keyframes ver3{0%{opacity:0}88.2%{opacity:1}100%{opacity:1}100%{opacity:1}}
@keyframes texto0{0%{opacity:1}0%{opacity:1}13.5%{opacity:1}16%{opacity:0}100%{opacity:0}}
.como-txt0{animation:texto0 linear both;animation-timeline:--pasos;animation-range:contain 0% contain 100%}
@keyframes texto1{0%{opacity:0}16%{opacity:0}18.5%{opacity:1}29.5%{opacity:1}32%{opacity:0}100%{opacity:0}}
.como-txt1{animation:texto1 linear both;animation-timeline:--pasos;animation-range:contain 0% contain 100%}
@keyframes texto2{0%{opacity:0}32%{opacity:0}34.5%{opacity:1}77.5%{opacity:1}80%{opacity:0}100%{opacity:0}}
.como-txt2{animation:texto2 linear both;animation-timeline:--pasos;animation-range:contain 0% contain 100%}
@keyframes texto3{0%{opacity:0}80%{opacity:0}82.5%{opacity:1}100%{opacity:1}}
.como-txt3{animation:texto3 linear both;animation-timeline:--pasos;animation-range:contain 0% contain 100%}
.pant-pantalla{animation:pantalla-se-va linear both;animation-timeline:--pasos;animation-range:contain 0% contain 100%}@keyframes pantalla-se-va{0%{opacity:1}88.2%{opacity:1}89%{opacity:0}100%{opacity:0}}
.pant-camino.pant-w0{animation:pant-trazar linear both;animation-timeline:--pasos;animation-range:contain 73.92% contain 75.84%}
.pant-punta.pant-w0{opacity:0;animation:pant-aparecer linear both;animation-timeline:--pasos;animation-range:contain 75.52% contain 76.00%}
.pant-camino.pant-w1{animation:pant-trazar linear both;animation-timeline:--pasos;animation-range:contain 74.40% contain 76.32%}
.pant-punta.pant-w1{opacity:0;animation:pant-aparecer linear both;animation-timeline:--pasos;animation-range:contain 76.00% contain 76.48%}
.pant-camino.pant-w2{animation:pant-trazar linear both;animation-timeline:--pasos;animation-range:contain 73.92% contain 75.84%}
.pant-punta.pant-w2{opacity:0;animation:pant-aparecer linear both;animation-timeline:--pasos;animation-range:contain 75.52% contain 76.00%}
.pant-camino.pant-w3{animation:pant-trazar linear both;animation-timeline:--pasos;animation-range:contain 74.40% contain 76.32%}
.pant-punta.pant-w3{opacity:0;animation:pant-aparecer linear both;animation-timeline:--pasos;animation-range:contain 76.00% contain 76.48%}
.pant-camino.pant-w4{animation:pant-trazar linear both;animation-timeline:--pasos;animation-range:contain 75.52% contain 77.44%}
.pant-punta.pant-w4{opacity:0;animation:pant-aparecer linear both;animation-timeline:--pasos;animation-range:contain 77.12% contain 77.60%}
.pant-camino.pant-w5{animation:pant-trazar linear both;animation-timeline:--pasos;animation-range:contain 76.00% contain 77.92%}
.pant-punta.pant-w5{opacity:0;animation:pant-aparecer linear both;animation-timeline:--pasos;animation-range:contain 77.60% contain 78.08%}
.pant-camino.pant-w6{animation:pant-trazar linear both;animation-timeline:--pasos;animation-range:contain 77.12% contain 79.04%}
.pant-punta.pant-w6{opacity:0;animation:pant-aparecer linear both;animation-timeline:--pasos;animation-range:contain 78.72% contain 79.20%}
.pant-u0{offset-path:path("M145 260 L315 260 C445 260 435 380 565 380 L735 380 C865 380 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 80.18% contain 84.68%}
.pant-u1{offset-path:path("M145 260 L315 260 C445 260 435 380 565 380 L735 380 C865 380 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 81.35% contain 85.85%}
.pant-u2{offset-path:path("M145 260 L315 260 C445 260 435 380 565 380 L735 380 C865 380 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 82.52% contain 87.02%}
.pant-u3{offset-path:path("M145 260 L315 260 C445 260 435 380 565 380 L735 380 C865 380 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 83.69% contain 88.19%}
.pant-u4{offset-path:path("M145 500 L315 500 C445 500 435 640 565 640 L735 640 C865 640 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 80.72% contain 85.22%}
.pant-u5{offset-path:path("M145 500 L315 500 C445 500 435 640 565 640 L735 640 C865 640 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 81.89% contain 86.39%}
.pant-u6{offset-path:path("M145 500 L315 500 C445 500 435 640 565 640 L735 640 C865 640 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 83.06% contain 87.56%}
.pant-u7{offset-path:path("M145 500 L315 500 C445 500 435 640 565 640 L735 640 C865 640 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 84.23% contain 88.73%}
.pant-u8{offset-path:path("M145 740 L315 740 C445 740 435 640 565 640 L735 640 C865 640 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 81.26% contain 85.76%}
.pant-u9{offset-path:path("M145 740 L315 740 C445 740 435 640 565 640 L735 640 C865 640 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 82.43% contain 86.93%}
.pant-u10{offset-path:path("M145 740 L315 740 C445 740 435 640 565 640 L735 640 C865 640 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 83.60% contain 88.10%}
.pant-u11{offset-path:path("M145 740 L315 740 C445 740 435 640 565 640 L735 640 C865 640 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 84.77% contain 89.00%}
.pant-u12{offset-path:path("M145 500 L315 500 C445 500 435 380 565 380 L735 380 C865 380 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 81.80% contain 86.30%}
.pant-u13{offset-path:path("M145 500 L315 500 C445 500 435 380 565 380 L735 380 C865 380 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 82.97% contain 87.47%}
.pant-u14{offset-path:path("M145 500 L315 500 C445 500 435 380 565 380 L735 380 C865 380 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 84.14% contain 88.64%}
.pant-u15{offset-path:path("M145 500 L315 500 C445 500 435 380 565 380 L735 380 C865 380 805 510 935 510 L1105 510 C1235 510 1175 510 1305 510 L1475 510");offset-rotate:0deg;opacity:0;animation:pant-corre linear both;animation-timeline:--pasos;animation-range:contain 85.31% contain 89.00%}
@keyframes pant-corre{0%{offset-distance:0%;opacity:0}6%{opacity:1}94%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes pant-viaje0{0%{transform:translate(160px,140px);opacity:0}30%{transform:translate(160px,110px);opacity:1}62%{transform:translate(160px,110px)}100%{transform:translate(935px,452px) rotate(-3deg) scale(0.68)}}
.pant-h0{animation:pant-viaje0 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 64.32% contain 73.28%}
.pant-cruz1{animation:pant-desvanece linear forwards;animation-timeline:--pasos;animation-range:contain 75.52% contain 76.80%}
@keyframes pant-viaje1{0%{transform:translate(160px,345px);opacity:0}30%{transform:translate(160px,315px);opacity:1}62%{transform:translate(160px,315px)}100%{transform:translate(565px,322px) rotate(-3deg) scale(0.68)}}
.pant-h1{animation:pant-viaje1 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 64.51% contain 73.47%}
.pant-cruz2{animation:pant-desvanece linear forwards;animation-timeline:--pasos;animation-range:contain 75.52% contain 76.80%}
@keyframes pant-viaje2{0%{transform:translate(160px,550px);opacity:0}30%{transform:translate(160px,520px);opacity:1}62%{transform:translate(160px,520px)}100%{transform:translate(565px,582px) rotate(-3deg) scale(0.68)}}
.pant-h2{animation:pant-viaje2 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 64.70% contain 73.66%}
@keyframes pant-viaje3{0%{transform:translate(160px,755px);opacity:0}30%{transform:translate(160px,725px);opacity:1}62%{transform:translate(160px,725px)}100%{transform:translate(145px,202px) rotate(-3deg) scale(0.68)}}
.pant-h3{animation:pant-viaje3 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 64.90% contain 73.86%}
@keyframes pant-viaje4{0%{transform:translate(490px,140px);opacity:0}30%{transform:translate(490px,110px);opacity:1}62%{transform:translate(490px,110px)}100%{transform:translate(145px,442px) rotate(-3deg) scale(0.68)}}
.pant-h4{animation:pant-viaje4 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 65.09% contain 74.05%}
@keyframes pant-viaje5{0%{transform:translate(490px,345px);opacity:0}30%{transform:translate(490px,315px);opacity:1}62%{transform:translate(490px,315px)}100%{transform:translate(145px,682px) rotate(-3deg) scale(0.68)}}
.pant-h5{animation:pant-viaje5 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 65.28% contain 74.24%}
@keyframes pant-viaje6{0%{transform:translate(490px,550px);opacity:0}30%{transform:translate(490px,520px);opacity:1}62%{transform:translate(490px,520px)}100%{transform:translate(152px,195px) rotate(2deg) scale(0.68)}}
.pant-h6{animation:pant-viaje6 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 65.47% contain 74.43%}
@keyframes pant-viaje7{0%{transform:translate(490px,755px);opacity:0}30%{transform:translate(490px,725px);opacity:1}62%{transform:translate(490px,725px)}100%{transform:translate(152px,435px) rotate(2deg) scale(0.68)}}
.pant-h7{animation:pant-viaje7 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 65.66% contain 74.62%}
@keyframes pant-viaje8{0%{transform:translate(820px,140px);opacity:0}30%{transform:translate(820px,110px);opacity:1}62%{transform:translate(820px,110px)}100%{transform:translate(152px,675px) rotate(2deg) scale(0.68)}}
.pant-h8{animation:pant-viaje8 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 65.86% contain 74.82%}
@keyframes pant-viaje9{0%{transform:translate(820px,345px);opacity:0}30%{transform:translate(820px,315px);opacity:1}62%{transform:translate(820px,315px)}100%{transform:translate(159px,188px) rotate(-1deg) scale(0.68)}}
.pant-h9{animation:pant-viaje9 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 66.05% contain 75.01%}
@keyframes pant-viaje10{0%{transform:translate(820px,550px);opacity:0}30%{transform:translate(820px,520px);opacity:1}62%{transform:translate(820px,520px)}100%{transform:translate(159px,428px) rotate(-1deg) scale(0.68)}}
.pant-h10{animation:pant-viaje10 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 66.24% contain 75.20%}
@keyframes pant-viaje11{0%{transform:translate(820px,755px);opacity:0}30%{transform:translate(820px,725px);opacity:1}62%{transform:translate(820px,725px)}100%{transform:translate(159px,668px) rotate(-1deg) scale(0.68)}}
.pant-h11{animation:pant-viaje11 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 66.43% contain 75.39%}
@keyframes pant-viaje12{0%{transform:translate(1150px,140px);opacity:0}30%{transform:translate(1150px,110px);opacity:1}62%{transform:translate(1150px,110px)}100%{transform:translate(166px,181px) rotate(3deg) scale(0.68)}}
.pant-h12{animation:pant-viaje12 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 66.62% contain 75.58%}
@keyframes pant-viaje13{0%{transform:translate(1150px,345px);opacity:0}30%{transform:translate(1150px,315px);opacity:1}62%{transform:translate(1150px,315px)}100%{transform:translate(166px,421px) rotate(3deg) scale(0.68)}}
.pant-h13{animation:pant-viaje13 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 66.82% contain 75.78%}
@keyframes pant-viaje14{0%{transform:translate(1150px,550px);opacity:0}30%{transform:translate(1150px,520px);opacity:1}62%{transform:translate(1150px,520px)}100%{transform:translate(166px,661px) rotate(3deg) scale(0.68)}}
.pant-h14{animation:pant-viaje14 cubic-bezier(.45,0,.3,1) both;animation-timeline:--pasos;animation-range:contain 67.01% contain 75.97%}
@keyframes pant-entra0{0%{transform:translate(-300px,414px) scale(0.68);opacity:0}30%{opacity:1}100%{transform:translate(173px,414px) rotate(2deg) scale(0.68);opacity:1}}
.pant-entra0{opacity:0;animation:pant-entra0 cubic-bezier(.3,0,.2,1) both;animation-timeline:--pasos;animation-range:contain 81.62% contain 83.24%}
@keyframes pant-entra1{0%{transform:translate(-300px,174px) scale(0.68);opacity:0}30%{opacity:1}100%{transform:translate(173px,174px) rotate(2deg) scale(0.68);opacity:1}}
.pant-entra1{opacity:0;animation:pant-entra1 cubic-bezier(.3,0,.2,1) both;animation-timeline:--pasos;animation-range:contain 83.42% contain 85.04%}
@keyframes pant-entra2{0%{transform:translate(-300px,654px) scale(0.68);opacity:0}30%{opacity:1}100%{transform:translate(173px,654px) rotate(2deg) scale(0.68);opacity:1}}
.pant-entra2{opacity:0;animation:pant-entra2 cubic-bezier(.3,0,.2,1) both;animation-timeline:--pasos;animation-range:contain 85.22% contain 86.84%}
@keyframes pant-sale0{0%{transform:translate(1305px,472px) scale(0.68);opacity:0}100%{transform:translate(1305px,452px) rotate(1deg) scale(0.68);opacity:1}}
.pant-sale0{opacity:0;animation:pant-sale0 ease-out both;animation-timeline:--pasos;animation-range:contain 83.42% contain 84.14%}
.pant-sale0 .pant-tilde{animation:pant-trazar linear both;animation-timeline:--pasos;animation-range:contain 83.87% contain 84.68%}
@keyframes pant-sale1{0%{transform:translate(1312px,465px) scale(0.68);opacity:0}100%{transform:translate(1312px,445px) rotate(-2deg) scale(0.68);opacity:1}}
.pant-sale1{opacity:0;animation:pant-sale1 ease-out both;animation-timeline:--pasos;animation-range:contain 85.22% contain 85.94%}
.pant-sale1 .pant-tilde{animation:pant-trazar linear both;animation-timeline:--pasos;animation-range:contain 85.67% contain 86.48%}
@keyframes pant-sale2{0%{transform:translate(1319px,458px) scale(0.68);opacity:0}100%{transform:translate(1319px,438px) rotate(2deg) scale(0.68);opacity:1}}
.pant-sale2{opacity:0;animation:pant-sale2 ease-out both;animation-timeline:--pasos;animation-range:contain 87.02% contain 87.74%}
.pant-sale2 .pant-tilde{animation:pant-trazar linear both;animation-timeline:--pasos;animation-range:contain 87.47% contain 88.28%}
.pant-hueco{opacity:0;animation:pant-aparecer linear both,pant-desvanece linear forwards;animation-timeline:--pasos,--pasos;animation-range:contain 78.40% contain 79.68%,contain 83.42% contain 83.96%}
.pant-hoja rect{fill:var(--papel);stroke:var(--gris-linea);stroke-width:2;vector-effect:non-scaling-stroke}
.pant-renglones line{stroke:var(--tinta);stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.pant-marca{fill:none;stroke:var(--tinta);stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.pant-camino{fill:none;stroke:var(--tinta);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.pant-punta{fill:none;stroke:var(--tinta);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.pant-pulso{fill:var(--tinta)}
.pant-hueco{fill:none;stroke:var(--gris-linea);stroke-width:3;stroke-dasharray:10 8}
.pant-tilde{fill:none;stroke:var(--tinta);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}
@keyframes pant-trazar{to{stroke-dashoffset:0}}@keyframes pant-aparecer{to{opacity:1}}@keyframes pant-desvanece{to{opacity:0}}