@property --wt-cuenta{syntax:"<integer>";inherits:false;initial-value:0}.wt-hud{--wt-inicio:.35s;--wt-paso:.26s;font-family:var(--font-mono,ui-monospace), ui-monospace, "SF Mono", Menlo, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--w-texto-2,#cfcdc6);border-block:1px solid var(--w-linea-2,#ffffff26);padding-block:20px;font-size:12px;font-weight:500;line-height:1.3}.wt-hud-cabecera{color:var(--w-texto-3,#a8a6a0);justify-content:space-between;gap:16px;display:flex}.wt-hud-cuenta{--wt-cuenta:var(--wt-total);counter-reset:wt-cuenta var(--wt-cuenta);color:var(--w-texto,#f4f2ec);font-variant-numeric:tabular-nums}.wt-hud-cuenta:before{content:counter(wt-cuenta)}.wt-hud-barra{grid-template-columns:repeat(var(--wt-total), minmax(0, 1fr));gap:4px;margin-top:14px;display:grid}.wt-hud-barra>i{background:var(--w-lima,#e5f975);border-radius:2px;height:10px}.wt-hud-fuentes{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;margin-top:18px;display:grid}.wt-hud-fuentes>li{border-top:1px solid var(--w-linea,#ffffff14);min-width:0;color:var(--w-texto,#f4f2ec);justify-content:space-between;align-items:center;gap:8px;padding-block:10px;display:flex}.wt-hud-fuentes>li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wt-hud-fuentes svg{width:14px;height:14px;color:var(--w-lima,#e5f975);flex:none}.wt-hud-pie{border-top:1px solid var(--w-linea,#ffffff14);margin-top:16px;padding-top:16px;font-weight:600;display:grid}.wt-hud-pie>span{grid-area:1/1;align-items:center;gap:10px;display:inline-flex}.wt-hud-conectando{opacity:0;color:var(--w-texto-3,#a8a6a0)}.wt-hud-listo{color:var(--w-lima,#e5f975)}.wt-hud-punto{background:var(--w-lima,#e5f975);border-radius:99px;flex:none;width:8px;height:8px;box-shadow:0 0 12px #e5f975cc}@keyframes wt-enciende{0%{color:var(--w-lima);text-shadow:0 0 14px #e5f9758c}}@keyframes wt-aclara{0%{color:#8a8880}}@keyframes wt-aparece{0%{opacity:0}}@keyframes wt-cuenta{0%{--wt-cuenta:0}}@keyframes wt-se-va{0%,92%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:no-preference){.wt-hud[data-revela=pendiente] .wt-hud-barra>i{background:#ffffff1a}.wt-hud[data-revela=pendiente] .wt-hud-fuentes>li{color:#8a8880}.wt-hud[data-revela=pendiente] .wt-hud-fuentes svg,.wt-hud[data-revela=pendiente] .wt-hud-listo{opacity:0}.wt-hud[data-revela=pendiente] .wt-hud-conectando{opacity:1}.wt-hud[data-revela=pendiente] .wt-hud-cuenta{--wt-cuenta:0}.wt-hud[data-revela=visto] .wt-hud-barra>i,.wt-hud[data-revela=visto] .wt-hud-fuentes svg{animation:wt-enciende .3s var(--w-ease) both;animation-delay:calc(var(--wt-inicio) + var(--n,0) * var(--wt-paso))}.wt-hud[data-revela=visto] .wt-hud-fuentes svg{animation-name:wt-aparece}.wt-hud[data-revela=visto] .wt-hud-fuentes>li{animation:wt-aclara .3s var(--w-ease) both;animation-delay:calc(var(--wt-inicio) + var(--n,0) * var(--wt-paso))}.wt-hud[data-revela=visto] .wt-hud-cuenta{animation:wt-cuenta calc(var(--wt-total) * var(--wt-paso)) steps(var(--wt-total), jump-start) var(--wt-inicio) both}.wt-hud[data-revela=visto] .wt-hud-conectando{animation:wt-se-va calc(var(--wt-inicio) + var(--wt-total) * var(--wt-paso)) linear both}.wt-hud[data-revela=visto] .wt-hud-listo{animation:wt-aparece .5s var(--w-ease) both;animation-delay:calc(var(--wt-inicio) + var(--wt-total) * var(--wt-paso) + .1s)}}@media (max-width:380px){.wt-hud{letter-spacing:.06em;font-size:11.5px}}.wt-esquinas{pointer-events:none;opacity:0;position:absolute;inset:-10px -14px -8px -12px}.wt-esquinas:before{content:"";border:2px solid var(--w-lima);border-radius:6px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) 0 0/16px 16px no-repeat,linear-gradient(#000 0 0) 100% 0/16px 16px no-repeat,linear-gradient(#000 0 0) 0 100%/16px 16px no-repeat,linear-gradient(#000 0 0) 100% 100%/16px 16px no-repeat;mask:linear-gradient(#000 0 0) 0 0/16px 16px no-repeat,linear-gradient(#000 0 0) 100% 0/16px 16px no-repeat,linear-gradient(#000 0 0) 0 100%/16px 16px no-repeat,linear-gradient(#000 0 0) 100% 100%/16px 16px no-repeat}.wt-haz{display:none}.wt-raya{transform-origin:0}@keyframes wt-visor{0%{opacity:0;transform:scale(1.35)}22%{opacity:1;transform:scale(1)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes wt-abre{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes wt-barre{0%{translate:0 -100%}92%{opacity:1}to{opacity:0;translate:0}}@keyframes wt-llega{0%{opacity:0;translate:10px}}@keyframes wt-raya{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:no-preference){.wt-esquinas{animation:wt-visor 2.2s var(--w-ease) .15s both}.wt-desdoble{animation:1.3s cubic-bezier(.65,0,.35,1) .6s both wt-abre}.wt-haz{z-index:2;pointer-events:none;background:linear-gradient(#0000 calc(100% - 120px),#e5f9751a calc(100% - 36px),#e5f9753d calc(100% - 4px),#e5f975 calc(100% - 2px) 100%),repeating-linear-gradient(#e5f97514 0 1px,#0000 1px 4px);animation:1.3s cubic-bezier(.65,0,.35,1) .6s both wt-barre;display:block;position:absolute;inset:0;-webkit-mask:linear-gradient(#0000 calc(100% - 120px),#000 100%);mask:linear-gradient(#0000 calc(100% - 120px),#000 100%)}.wt-lee{animation:wt-enciende .9s var(--w-ease) backwards;animation-delay:var(--t,1s)}.wt-fuente{animation:wt-llega .6s var(--w-ease-expo) backwards;animation-delay:calc(var(--t,1s) + 80ms)}.wt-raya{animation:wt-raya .45s var(--w-ease) 1.55s both}}
