.tn{--tn-ease:cubic-bezier(.2,.8,.2,1);position:relative;display:block;width:20em;max-width:100%;aspect-ratio:20/42;margin-inline:auto;font-size:12.5px;font-family:var(--font-inter),system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff}.tn-s{font-size:9px}.tn-m{font-size:12.5px}.tn-l{font-size:15px}.tn-piso{position:absolute;left:8%;right:8%;bottom:-1.6em;height:3em;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.75),transparent 70%);filter:blur(.9em);opacity:.85}.tn-marco{position:absolute;inset:0;padding:.34em;border-radius:3.3em;background:linear-gradient(142deg,#d9d6e6,#7d7a90 12%,#25242f 30%,#0b0a10 52%,#34333f 74%,#b8b5c9 90%,#6c6a7d);box-shadow:inset 0 0 0 .07em rgba(255,255,255,.3),inset 0 .12em .2em rgba(255,255,255,.35),0 0 0 .05em #000,0 1.4em 2em -.9em rgba(0,0,0,.7),0 3.2em 5em -1.2em rgba(0,0,0,.65),0 0 7em -.5em rgba(177,93,255,.3),0 0 4em rgba(34,211,238,.12)}.tn-bisel{position:relative;width:100%;height:100%;padding:.26em;border-radius:2.98em;background:#000}.tn-bt{position:absolute;width:.24em;border-radius:.12em;background:linear-gradient(180deg,#8e8ba2,#2b2a36 50%,#6f6d82);box-shadow:0 0 .2em rgba(0,0,0,.6)}.tn-bt-a{left:-.2em;top:7.4em;height:1.5em}.tn-bt-b{top:10em}.tn-bt-b,.tn-bt-c{left:-.2em;height:2.9em}.tn-bt-c{top:13.4em}.tn-bt-d{right:-.2em;top:11em;height:4.6em}.tn-pant{position:relative;width:100%;height:100%;overflow:hidden;border-radius:2.72em;background:#120a2c;isolation:isolate}.tn-fondo{position:absolute;inset:-10%;z-index:-1;background:radial-gradient(ellipse 70% 40% at 20% 14%,rgba(177,93,255,.55),transparent 70%),radial-gradient(ellipse 80% 45% at 90% 52%,rgba(34,211,238,.3),transparent 70%),radial-gradient(ellipse 70% 40% at 12% 96%,rgba(94,230,208,.22),transparent 70%),linear-gradient(168deg,#2a1470,#190d45 42%,#0c2a63)}.tn-vivo .tn-fondo{animation:tn-ondea 14s ease-in-out infinite alternate}@keyframes tn-ondea{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-3%,2%,0) scale(1.06)}}.tn-isla{position:absolute;top:1em;left:50%;width:6.2em;height:1.85em;transform:translateX(-50%);border-radius:1em;background:#000;box-shadow:0 0 0 .05em rgba(255,255,255,.05);z-index:4}.tn-isla:after{content:"";position:absolute;right:.55em;top:50%;width:.62em;height:.62em;margin-top:-.31em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3b4a7a,#0a0d1a 70%)}.tn-candado{position:absolute;top:3.7em;left:50%;width:1.25em;height:1.25em;transform:translateX(-50%);color:rgba(255,255,255,.85)}.tn-fecha{top:5.14em;font:500 1.08em/1 var(--font-inter),system-ui,sans-serif;letter-spacing:.01em;color:rgba(255,255,255,.86)}.tn-fecha,.tn-hora{position:absolute;left:0;right:0;margin:0;text-align:center}.tn-hora{top:1.03em;font:300 6.4em/1 var(--font-satoshi),var(--font-inter),system-ui,sans-serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.62));-webkit-background-clip:text;background-clip:text;color:transparent}.tn-lista{--alto:5.9em;position:absolute;left:.95em;right:.95em;top:13.6em;height:22em;transition:opacity .6s ease}.tn-pant.tn-apaga .tn-lista{opacity:0}.tn-noti{position:absolute;left:0;right:0;top:0;height:var(--alto);padding:.72em .9em;border-radius:1.44em;transform-origin:50% 0;z-index:calc(10 - var(--p));transform:translateY(calc(var(--p) * (var(--alto) + .8em)));background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.17));backdrop-filter:blur(1.6em) saturate(1.6);box-shadow:0 .9em 1.7em -.8em rgba(0,0,0,.55),0 0 0 .06em rgba(255,255,255,.16),inset 0 .07em 0 rgba(255,255,255,.34);transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .5s ease}.tn-vivo .tn-noti{animation:tn-entra .55s cubic-bezier(.34,1.56,.64,1) backwards}.tn-bucle.tn-lista .tn-noti:not([style*="--p: 0"]){animation:none}@keyframes tn-entra{0%{opacity:0;transform:translateY(-4.5em) scale(.94)}}.tn-pila .tn-noti{transform:translateY(calc(var(--p) * .85em)) scale(calc(1 - var(--p) * .05));opacity:calc(1 - var(--p) * .3)}.tn-noti[style*="--p: 3"],.tn-noti[style*="--p: 4"],.tn-noti[style*="--p: 5"],.tn-noti[style*="--p: 6"],.tn-noti[style*="--p: 7"]{opacity:0!important}.tn-noti p{margin:0;transition:opacity .35s ease}.tn-pila .tn-noti:not([style*="--p: 0"]) p{opacity:0}.tn-n-cab{display:flex;align-items:center;gap:.55em}.tn-ic{display:grid;place-items:center;flex:none;width:1.6em;height:1.6em;border-radius:.4em;box-shadow:0 .12em .35em -.1em rgba(0,0,0,.5),inset 0 .06em 0 rgba(255,255,255,.45)}.tn-ic svg{width:1em;height:1em}.tn-ic-insc{background:linear-gradient(140deg,#6d28d9,#b15dff)}.tn-ic-pago{background:linear-gradient(140deg,#15a050,#4ade80)}.tn-ic-venta{background:linear-gradient(140deg,#1d4ed8,#4F8BFF)}.tn-ic-pedido{background:linear-gradient(140deg,#0e9bb5,#22D3EE)}.tn-ic-aviso{background:linear-gradient(140deg,#d97706,#FFB020)}.tn-ic-stock{background:linear-gradient(140deg,#be185d,#f472b6)}.tn-bucle .tn-noti[style*="--p: 3"]{transition:transform .9s cubic-bezier(.4,0,.6,1),opacity .7s ease}.tn-n-cab b{font:500 .84em/1 var(--font-inter),system-ui,sans-serif;color:rgba(255,255,255,.7)}.tn-n-cab small{margin-left:auto;font:400 .82em/1 var(--font-inter),system-ui,sans-serif;color:rgba(255,255,255,.62)}.tn-n-t{margin-top:.5em!important;font:600 1.04em/1.2 var(--font-inter),system-ui,sans-serif}.tn-n-d,.tn-n-t{white-space:nowrap}.tn-n-d{margin-top:.12em!important;font:400 .92em/1.25 var(--font-inter),system-ui,sans-serif;color:rgba(255,255,255,.82)}.tn-barra{position:absolute;bottom:.75em;left:50%;width:6.6em;height:.3em;transform:translateX(-50%);border-radius:.2em;background:rgba(255,255,255,.75)}.tn-vidrio{position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.16),rgba(255,255,255,.05) 22%,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 70%,rgba(255,255,255,.06))}.tn-vidrio:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.13) 50%,transparent 60%);transform:translateX(-120%)}.tn-vivo .tn-vidrio:after{animation:tn-destello 9s var(--tn-ease) 2s infinite}@keyframes tn-destello{0%,60%{transform:translateX(-120%)}to{transform:translateX(120%)}}@media (prefers-reduced-motion:reduce){.tn-fondo,.tn-noti,.tn-vidrio:after{animation:none!important}.tn-lista,.tn-noti{transition:none!important}}