.an-marco{background:var(--plano-alto);border:2px solid var(--tinta);box-shadow:8px 8px 0 var(--linea);gap:.9rem;margin:0;padding:clamp(.75rem,2vw,1.25rem);display:grid}.an{width:100%;height:auto;display:block}.an-pie{color:var(--grafito)}.an-suelo path{fill:none;stroke:color-mix(in srgb, var(--tinta) 11%, transparent);stroke-width:1px}.an-cara-frente{fill:var(--plano-alto);stroke:var(--azul);stroke-width:2.5px}.an-cara-alta{fill:color-mix(in srgb, var(--azul) 14%, transparent);stroke:var(--azul);stroke-width:2.5px}.an-cara-lado{fill:color-mix(in srgb, var(--tinta) 9%, transparent);stroke:var(--azul);stroke-width:2.5px}.an-renglon{fill:none;stroke:color-mix(in srgb, var(--tinta) 34%, transparent);stroke-width:2px}.an-renglon-lleno{fill:color-mix(in srgb, var(--tinta) 26%, transparent)}.an-modulo{fill:var(--tinta)}.an-sombra{fill:color-mix(in srgb, var(--tinta) 12%, transparent)}.an-flecha{fill:none;stroke:var(--azul);stroke-width:2.5px}.an-punta{fill:var(--azul)}.an-texto{font-family:var(--fuente-mono), ui-monospace, monospace;letter-spacing:.06em;fill:var(--tinta);font-size:13px;font-weight:500}.sis-monton rect,.sis-hoja rect{fill:var(--plano-alto);stroke:var(--azul);stroke-width:2px}.sis-ranura{fill:var(--tinta)}.sis-engranaje path{fill:none;stroke:var(--azul);stroke-width:2.5px}.sis-engranaje circle{fill:var(--plano-alto);stroke:var(--azul);stroke-width:2.5px}.sis-engranaje .sis-eje{fill:var(--azul);stroke:none}.sis-panel>rect{fill:var(--plano-alto);stroke:var(--tinta);stroke-width:2.5px}.sis-cabecera{fill:var(--tinta)}.sis-fila{fill:var(--azul)}.app-enlace rect{fill:var(--plano-alto);stroke:var(--azul);stroke-width:2.5px}.app-cadena{fill:none;stroke:var(--azul);stroke-width:2.5px}.app-enlace .an-texto{letter-spacing:.04em;fill:var(--azul);font-size:11px}.app-cuerpo{fill:var(--plano-alto);stroke:var(--tinta);stroke-width:2.5px}.app-pantalla{fill:var(--plano);stroke:var(--linea-fuerte);stroke-width:1.5px}.app-altavoz{fill:var(--linea-fuerte)}.app-barra{fill:var(--tinta)}.app-fila{fill:color-mix(in srgb, var(--tinta) 28%, transparent)}.app-boton{fill:var(--azul)}.app-pulgar{fill:color-mix(in srgb, var(--tinta) 22%, transparent);stroke:var(--tinta);stroke-width:2px}.app-hueco{fill:none;stroke:var(--linea-fuerte);stroke-width:2px;stroke-dasharray:4 4}.app-icono rect{fill:var(--azul);stroke:var(--tinta);stroke-width:2px}.web-marco{fill:var(--plano-alto);stroke:var(--azul);stroke-width:3px}.web-barra{fill:none;stroke:var(--azul);stroke-width:3px}.web-puntos circle{fill:var(--azul)}.web-bloque{fill:color-mix(in srgb, var(--tinta) 22%, transparent)}.web-bloque--1{fill:var(--tinta)}.web-bloque--5{fill:color-mix(in srgb, var(--azul) 26%, transparent);stroke:var(--azul);stroke-width:2px}.web-boton{fill:var(--azul)}.web-pluma{fill:var(--azul);stroke:var(--tinta);stroke-width:2px;opacity:0}.web-arco-base{fill:none;stroke:var(--linea-fuerte);stroke-width:7px;stroke-linecap:round}.web-arco{fill:none;stroke:var(--azul);stroke-width:7px;stroke-linecap:round}.web-chincheta path{fill:var(--azul)}.web-chincheta-ojo{fill:var(--plano-alto)}.nfc-etiqueta polygon{fill:var(--plano-alto);stroke:var(--azul);stroke-width:2.5px}.nfc-glifo path{fill:none;stroke:var(--azul);stroke-width:2.5px;stroke-linecap:round}.nfc-qr rect:first-child{fill:var(--plano-alto);stroke:var(--tinta);stroke-width:2px}.nfc-onda{fill:none;stroke:var(--azul);stroke-width:4px;stroke-linecap:round}.nfc-onda--2{opacity:.6}.nfc-onda--3{opacity:.35}.nfc-cuerpo{fill:var(--plano-alto);stroke:var(--tinta);stroke-width:2.5px}.nfc-pantalla{fill:var(--plano);stroke:var(--linea-fuerte);stroke-width:1.5px}.nfc-contenido rect{fill:color-mix(in srgb, var(--tinta) 26%, transparent)}.nfc-contenido rect:first-child{fill:var(--tinta)}.nfc-contenido .nfc-cta{fill:var(--azul)}.qr-cara{fill:var(--plano-alto);stroke:var(--azul);stroke-width:2.5px}.qr-fondo{fill:var(--plano-alto)}.qr-cuerpo{fill:var(--plano-alto);stroke:var(--tinta);stroke-width:2.5px}.qr-pantalla{fill:var(--plano);stroke:var(--linea-fuerte);stroke-width:1.5px}.qr-titulo{fill:var(--tinta)}.qr-precio-fijo{fill:color-mix(in srgb, var(--azul) 22%, transparent);stroke:var(--azul);stroke-width:1.5px}.qr-precio rect{fill:var(--acido);stroke:var(--tinta);stroke-width:2px}.qr-precio .an-texto{font-size:11px}.qr-antes{opacity:0}.qr-ahora{opacity:1}.qr-barrido{fill:var(--azul);opacity:0}.vid-puerta{fill:color-mix(in srgb, var(--tinta) 30%, transparent)}.vid-ventana{fill:color-mix(in srgb, var(--azul) 28%, transparent);stroke:var(--azul);stroke-width:2px}.vid-rotulo{fill:none;stroke:var(--azul);stroke-width:4px}.vid-pista ellipse{fill:none;stroke:color-mix(in srgb, var(--tinta) 26%, transparent);stroke-width:2px;stroke-dasharray:7 6}.vid-pista path{fill:none;stroke:color-mix(in srgb, var(--tinta) 26%, transparent);stroke-width:2px}.vid-cono{fill:color-mix(in srgb, var(--azul) 18%, transparent);stroke:none}.vid-encuadre path{fill:none;stroke:var(--azul);stroke-width:3.5px}.vid-rec circle{fill:#d92b2b}.vid-rec .an-texto{font-size:12px}.vid-onda{fill:none;stroke:var(--azul);stroke-width:3.5px;stroke-linecap:round}.vid-onda--2{opacity:.65}.vid-onda--3{opacity:.35}.vid-movil-cuerpo{fill:var(--plano-alto);stroke:var(--tinta);stroke-width:2.5px}.vid-movil-pantalla{fill:var(--plano);stroke:var(--linea-fuerte);stroke-width:1.5px}.vid-clip rect{fill:var(--tinta)}.vid-play{fill:var(--acido)}.vid-brazo{fill:none;stroke:var(--tinta);stroke-width:3px}.vid-rotor{fill:color-mix(in srgb, var(--azul) 35%, transparent);stroke:var(--azul);stroke-width:2px}.vid-cuerpo{fill:var(--plano-alto);stroke:var(--tinta);stroke-width:2.5px}.vid-camara{fill:var(--tinta)}.vid-lente{fill:var(--acido)}.vid-bluetooth path{fill:none;stroke:var(--azul);stroke-width:2.5px;stroke-linejoin:round}@media (prefers-reduced-motion:no-preference){@keyframes sis-entrar{0%{opacity:1;transform:translate(0)scale(1)}34%{opacity:1;transform:translate(126px,-16px)scale(.86)}44%{opacity:0;transform:translate(152px,-8px)scale(.7)}45%{opacity:0;transform:translate(0)scale(1)}58%{opacity:1;transform:translate(0)scale(1)}to{opacity:1;transform:translate(0)scale(1)}}.sis-hoja{animation:sis-entrar 9s var(--curva) infinite}.sis-hoja--2{animation-delay:-3s}.sis-hoja--3{animation-delay:-6s}@keyframes sis-llenar{0%,12%{opacity:.2}28%,88%{opacity:1}to{opacity:.2}}.sis-fila{animation:sis-llenar 9s var(--curva) infinite both}.sis-fila--2{animation-delay:.5s}.sis-fila--3{animation-delay:1s}.sis-fila--4{animation-delay:1.5s}@keyframes sis-girar{to{transform:rotate(360deg)}}.sis-engranaje{transform-box:fill-box;transform-origin:50%;animation:9s linear infinite sis-girar}@keyframes app-viajar{0%{opacity:1;transform:translate(0)scale(1)}30%{opacity:1;transform:translate(118px,-34px)scale(.8)}40%{opacity:0;transform:translate(140px,-40px)scale(.6)}41%{opacity:0;transform:translate(0)scale(1)}56%{opacity:1;transform:translate(0)scale(1)}to{opacity:1;transform:translate(0)scale(1)}}.app-enlace{animation:app-viajar 10s var(--curva) infinite}@keyframes app-aparecer{0%,38%{opacity:.15}48%,94%{opacity:1}to{opacity:.15}}.app-fila{animation:app-aparecer 10s var(--curva) infinite both}.app-fila--2{animation-delay:.4s}.app-fila--3{animation-delay:.8s}@keyframes app-anclar{0%,52%{opacity:0;transform:translate(-122px,-125px)scale(.6)}58%{opacity:1;transform:translate(-122px,-125px)scale(.6)}74%,to{opacity:1;transform:translate(0)scale(1)}}.app-icono{animation:app-anclar 10s var(--curva) infinite}@keyframes app-tocar{0%,74%{opacity:.55;transform:scale(1)}80%{opacity:.9;transform:scale(.82)}86%{opacity:.55;transform:scale(1)}to{opacity:.55;transform:scale(1)}}.app-pulgar{transform-box:fill-box;transform-origin:50%;animation:app-tocar 10s var(--curva) infinite}@keyframes app-pulsado{0%,76%{transform:scale(1)}81%{transform:scale(.94)}88%,to{transform:scale(1)}}.app-boton{transform-box:fill-box;transform-origin:50%;animation:app-pulsado 10s var(--curva) infinite}@keyframes web-trazar{0%{stroke-dashoffset:1200px}26%,to{stroke-dashoffset:0}}.web-marco{stroke-dasharray:1200;animation:web-trazar 12s var(--curva) infinite}@keyframes web-ciclo{0%{opacity:0}4%,93%{opacity:1}99%,to{opacity:0}}.web-ventana,.web-bloques,.web-medida{animation:12s linear infinite web-ciclo}@keyframes web-recorrer{0%{offset-distance:0%;opacity:0}4%{opacity:1}26%{offset-distance:100%;opacity:1}32%,to{offset-distance:100%;opacity:0}}@supports (offset-path:path('M0 0 H1')){.web-pluma{offset-path:path("M52 80 H368 V306 H52 Z");offset-rotate:0deg;animation:web-recorrer 12s var(--curva) infinite}}@keyframes web-componer{0%,28%{opacity:0;transform:translateY(10px)}40%,to{opacity:1;transform:translateY(0)}}.web-bloque,.web-boton{animation:web-componer 12s var(--curva) infinite both}.web-bloque--2{animation-delay:.35s}.web-bloque--3{animation-delay:.5s}.web-bloque--4{animation-delay:.65s}.web-bloque--5{animation-delay:.8s}.web-boton{animation-delay:1s}@keyframes web-medir{0%,48%{stroke-dashoffset:138px}64%,to{stroke-dashoffset:0}}.web-arco{stroke-dasharray:138;animation:web-medir 12s var(--curva) infinite}@keyframes web-clavar{0%,62%{opacity:0;transform:translateY(-46px)}70%{opacity:1;transform:translateY(0)}75%{transform:translateY(-8px)}80%,to{opacity:1;transform:translateY(0)}}.web-chincheta{animation:web-clavar 12s var(--curva) infinite}@keyframes nfc-acercar{0%{transform:translate(0)}28%,62%{transform:translate(-10px,36px)}88%,to{transform:translate(0)}}.nfc-movil{animation:nfc-acercar 10s var(--curva) infinite}@keyframes nfc-emitir{0%,24%{opacity:0}32%,50%{opacity:1}60%,to{opacity:0}}.nfc-onda{animation:nfc-emitir 10s var(--curva) infinite both}.nfc-onda--2{animation-delay:.3s}.nfc-onda--3{animation-delay:.6s}@keyframes nfc-abrir{0%,34%{opacity:0}44%,92%{opacity:1}to{opacity:0}}.nfc-contenido rect{animation:nfc-abrir 10s var(--curva) infinite both}.nfc-fila--2{animation-delay:.25s}.nfc-fila--3{animation-delay:.5s}.nfc-cta{animation-delay:.75s}@keyframes qr-leer{0%,8%{opacity:0;transform:translateY(0)}12%{opacity:1}28%{opacity:1;transform:translateY(65px)}32%,to{opacity:0;transform:translateY(65px)}}.qr-barrido{animation:qr-leer 11s var(--curva) infinite}@keyframes qr-antes{0%,40%{opacity:1}46%,to{opacity:0}}@keyframes qr-ahora{0%,40%{opacity:0}46%,to{opacity:1}}.qr-antes{animation:11s step-end infinite qr-antes}.qr-ahora{animation:11s step-end infinite qr-ahora}@keyframes qr-cambio{0%,40%{transform:scale(1)}46%{transform:scale(1.25)}54%,to{transform:scale(1)}}.qr-precio rect{transform-box:fill-box;transform-origin:50%;animation:qr-cambio 11s var(--curva) infinite}@keyframes vid-vuelo{0%,6%{transform:translate(-134px,250px)}20%{transform:translate(-78px,74px)}30%,70%{transform:translate(0)}82%{transform:translate(-78px,74px)}93%,to{transform:translate(-134px,250px)}}.vid-dron{animation:vid-vuelo 16s var(--curva) infinite}@keyframes vid-helice{0%{transform:scaleX(1)}50%{transform:scaleX(.2)}to{transform:scaleX(1)}}.vid-rotor{transform-box:fill-box;transform-origin:50%;animation:.26s linear infinite vid-helice}.vid-rotor--2{animation-delay:-65ms}.vid-rotor--3{animation-delay:-130ms}.vid-rotor--4{animation-delay:-195ms}@keyframes vid-grabar{0%,30%{opacity:0}36%,66%{opacity:1}72%,to{opacity:0}}.vid-vista{animation:16s linear infinite vid-grabar}@keyframes vid-parpadeo{0%,55%{opacity:1}56%,to{opacity:.15}}.vid-rec circle{animation:1.4s step-end infinite vid-parpadeo}@keyframes vid-enviar{0%,46%{opacity:0}52%,62%{opacity:1}68%,to{opacity:0}}.vid-onda{animation:vid-enviar 16s var(--curva) infinite both}.vid-onda--2{animation-delay:.35s}.vid-onda--3{animation-delay:.7s}@keyframes vid-emparejar{0%,44%{opacity:0}52%,74%{opacity:1}80%,to{opacity:0}}.vid-bluetooth{animation:16s linear infinite vid-emparejar}@keyframes vid-recibir{0%,56%{clip-path:inset(100% 0 0)}70%,to{clip-path:inset(0)}}.vid-clip{animation:vid-recibir 16s var(--curva) infinite}}
