.demo{margin-top:32px}.demo-ventana{position:relative;aspect-ratio:1720/920;background:#0e2233;border:1px solid var(--linea);border-radius:10px;overflow:hidden;box-shadow:0 24px 48px -28px rgba(14,34,51,.45)}.demo-ventana img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.demo-ventana img.activa{opacity:1}.demo-barra{position:absolute;left:0;bottom:0;height:3px;background:var(--acento);animation:demo-barra linear forwards}@keyframes demo-barra{0%{width:0}to{width:100%}}.demo-pie{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.demo-pie h3{margin:4px 0}.demo-pie p{color:var(--tinta-2);max-width:62ch}.demo-n{font-size:12px;color:var(--acento)!important;font-weight:600}.demo-controles{display:flex;gap:8px}.demo-controles .btn{min-width:46px;padding:0 14px}.demo-puntos{list-style:none;padding:0;display:flex;gap:6px;margin-top:14px}.demo-puntos button{width:28px;height:28px;border:none;background:none;cursor:pointer;position:relative;padding:0}.demo-puntos button:after{content:"";position:absolute;left:4px;right:4px;top:12px;height:4px;border-radius:2px;background:var(--linea)}.demo-puntos button[aria-current=true]:after{background:var(--tinta)}.demo-nota{margin-top:8px;font-size:13px;color:var(--gris)}@media (prefers-reduced-motion:reduce){.demo-ventana img{transition:none}}@media (min-width:900px){.demo-pie{grid-template-columns:1fr auto;align-items:end}}.et{background:#fff;color:#0e2233;border-radius:var(--troquel);padding:20px 18px 14px;box-shadow:0 1px 0 var(--linea),0 24px 48px -24px rgba(14,34,51,.35);position:relative;width:100%;max-width:500px;margin:0}.et:after,.et:before{content:"";position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--papel);transform:translateY(-50%)}.et:before{left:-7px}.et:after{right:-7px}.et-sello{position:absolute;right:18px;top:-13px;background:#0e2233;color:#f5f2ea;font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;letter-spacing:.06em}.et-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:2px solid #0e2233;padding-bottom:10px}.et-nom{font:800 23px/1 var(--f-titulo),sans-serif;font-stretch:78%;letter-spacing:.01em}.et-cie{font:italic 400 15px/1.3 var(--f-texto),sans-serif;margin-top:4px}.et-fao{font-size:13px;font-weight:600;border:1.5px solid #0e2233;border-radius:4px;padding:3px 6px}.et-g{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #0e2233;margin:0}.et-c{padding:9px 0 8px;border-top:1px solid #d9d3c5;min-height:52px}.et-c:nth-child(odd){padding-right:10px;border-right:1px solid #d9d3c5}.et-c:nth-child(2n){padding-left:10px}.et-c:nth-child(-n+2){border-top:none}.et-k{font-size:10px;font-weight:500;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.et-v{font:600 14px/1.3 var(--f-texto),sans-serif;margin:5px 0 0}.et-v.dato{font:500 13.5px/1.3 var(--f-dato),monospace}.et-al{margin-top:10px;font:700 13px var(--f-texto),sans-serif}.et-pie{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.et-oval{width:104px;height:56px;border:2px solid #0e2233;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:10px;font-weight:600;line-height:1.15;flex:none}.et-peso{font-size:20px;font-weight:600}.et-qr{width:58px;height:58px;flex:none;background:linear-gradient(#0e2233,#0e2233) 0 0 /17px 17px no-repeat,linear-gradient(#0e2233,#0e2233) 100% 0 /17px 17px no-repeat,linear-gradient(#0e2233,#0e2233) 0 100% /17px 17px no-repeat,repeating-conic-gradient(#0e2233 0 25%,transparent 0 50%) 0 0 /11px 11px;border-radius:2px}.et-nota{margin-top:12px;font-size:12px;color:#8a8478}.et-llenar{opacity:0;transform:translateY(3px);animation:et-llenar .35s ease-out forwards}@keyframes et-llenar{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.et-llenar{animation:none;opacity:1;transform:none}}@media (min-width:560px){.et{padding:22px 24px 16px}.et-nom{font-size:26px}.et-v{font-size:15px}}.impresora{position:relative;width:100%;max-width:500px}.impresora-ranura{position:relative;z-index:2;height:38px;background:linear-gradient(#1b3247,#0e2233);border-radius:10px 10px 4px 4px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#8fa0b0;font:500 11px var(--f-dato),monospace;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 10px 20px -12px rgba(14,34,51,.6)}.impresora-ranura:after{content:"";position:absolute;left:14px;right:14px;bottom:-3px;height:6px;background:#061422;border-radius:3px}.impresora-estado{display:flex;align-items:center;gap:10px;color:#c9cfd6}.impresora-led{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:led 1.6s ease-in-out infinite}@keyframes led{50%{opacity:.35;box-shadow:none}}.impresora .et{margin-top:10px}@media (prefers-reduced-motion:no-preference){.impresora-cuerpo{-webkit-clip-path:inset(0 -40px -60px -40px);clip-path:inset(0 -40px -60px -40px)}.impresora .et{animation:salir .9s cubic-bezier(.2,.7,.2,1) both}@keyframes salir{0%{transform:translateY(-105%)}to{transform:none}}.impresora .et-llenar{animation-delay:calc(var(--d, 0s) + .8s)!important}}