body.tv{--u: min(1vw, 1.7778vh);overflow:hidden;cursor:none;height:100vh;background:var(--campo-3)}body.tv.mouse{cursor:auto}.fs{position:fixed;top:14px;right:14px;z-index:10;font:700 15px var(--texto);text-transform:uppercase;letter-spacing:.05em;background:var(--amarillo);color:var(--tinta);border:0;border-radius:8px;padding:10px 16px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}body.mouse .fs{opacity:1;pointer-events:auto}.of-screen{position:absolute;inset:0;margin:auto;width:calc(var(--u) * 100);height:calc(var(--u) * 56.25);overflow:hidden;background:var(--campo)}.stage{position:absolute;inset:0}.slide{position:absolute;inset:0;display:grid;grid-template-columns:56% 44%}.slide.in{animation:slideIn .9s cubic-bezier(.2,.8,.2,1) both}.slide.out{animation:slideOut .7s ease both}.slide .foto{position:relative;overflow:hidden;background:var(--campo-2);clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.slide .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;animation:kb 10s ease-out both}.slide .foto.sinfoto{background:repeating-linear-gradient(135deg,var(--campo-2) 0 calc(var(--u) * 2),var(--campo) calc(var(--u) * 2) calc(var(--u) * 4))}.slide .info{position:relative;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u) * 1);padding:calc(var(--u) * 7) calc(var(--u) * 4) calc(var(--u) * 6) calc(var(--u) * 1);color:var(--papel)}.burst{position:absolute;top:calc(var(--u) * 7.2);left:calc(var(--u) * -12);width:calc(var(--u) * 13);height:calc(var(--u) * 13);display:grid;place-items:center;background:var(--rojo);color:var(--amarillo);font-family:var(--precio);font-size:calc(var(--u) * 1.9);letter-spacing:.04em;line-height:.95;text-align:center;clip-path:polygon(50% 0,61% 12%,77% 6%,80% 22%,96% 25%,89% 40%,100% 52%,88% 62%,94% 78%,78% 80%,73% 96%,59% 88%,46% 100%,36% 87%,20% 94%,18% 78%,3% 72%,11% 58%,0 46%,12% 36%,6% 20%,22% 18%,27% 3%,40% 11%);animation:spin 1s cubic-bezier(.3,1.5,.5,1) .35s both;z-index:3}.info .kicker{font-family:var(--mano);font-size:calc(var(--u) * 3);color:var(--amarillo);line-height:1}.info h2{margin:0;font-family:var(--precio);font-weight:400;font-size:calc(var(--u) * 6);line-height:.98;text-transform:uppercase;text-wrap:balance}.info .detalle{font-size:calc(var(--u) * 1.9);font-weight:600;color:#fffaf0d1;max-width:30ch}.tag{margin-top:calc(var(--u) * 1.2);align-self:flex-start;background:var(--amarillo);color:var(--tinta);border-radius:calc(var(--u) * 1);padding:calc(var(--u) * 1) calc(var(--u) * 2) calc(var(--u) * 1.2);transform:rotate(-3deg);box-shadow:0 calc(var(--u) * .6) calc(var(--u) * 1.6) #00000059;display:flex;flex-direction:column;line-height:1;animation:tagIn .8s cubic-bezier(.3,1.6,.5,1) .55s both}.tag .antes{font-weight:800;font-size:calc(var(--u) * 1.9);color:var(--rojo-osc);text-decoration:line-through;text-decoration-thickness:.12em}.tag .antes small{font-size:.7em;text-decoration:none;display:inline-block;margin-right:.3em;letter-spacing:.08em;text-transform:uppercase}.tag b{font-family:var(--precio);font-weight:400;font-size:calc(var(--u) * 9.5);color:var(--rojo);letter-spacing:.01em;font-variant-numeric:tabular-nums}.tag .u{font-weight:800;font-size:calc(var(--u) * 1.6);text-transform:uppercase;letter-spacing:.08em}.ahorro{align-self:flex-start;margin-top:calc(var(--u) * .4);font-weight:800;font-size:calc(var(--u) * 1.6);letter-spacing:.06em;text-transform:uppercase;color:var(--hoja)}.of-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(var(--u) * 1.4) calc(var(--u) * 2.2);background:linear-gradient(to bottom,#0a2c1dd9,#0a2c1d00);z-index:4}.of-top #fecha{font-size:calc(var(--u) * 1.15);font-weight:600;color:#fffaf0d9}.of-pager{position:absolute;bottom:calc(var(--u) * 4.6);right:calc(var(--u) * 3);display:flex;gap:calc(var(--u) * .6);z-index:4;height:calc(var(--u) * .6)}.of-pager i{width:calc(var(--u) * 3);height:100%;border-radius:99px;background:#fffaf040;overflow:hidden}.of-pager i.on:after{content:"";display:block;height:100%;background:var(--amarillo);animation:fill var(--dur, 9s) linear both}.of-cinta{position:absolute;left:0;right:0;bottom:0;background:var(--rojo);height:calc(var(--u) * 3.6);overflow:hidden;display:flex;align-items:center;z-index:4}.of-cinta .track{display:flex;align-items:center;white-space:nowrap;animation:corre 40s linear infinite}.of-cinta span{font-weight:800;font-size:calc(var(--u) * 1.45);letter-spacing:.06em;text-transform:uppercase;color:var(--papel);padding:0 calc(var(--u) * 1.6)}.of-cinta i{font-style:normal;color:var(--amarillo);font-size:calc(var(--u) * 1.2)}.vacio{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-family:var(--precio);font-size:calc(var(--u) * 4);color:var(--amarillo);text-transform:uppercase}@keyframes slideIn{0%{opacity:0;transform:translate(calc(var(--u) * 6))}to{opacity:1;transform:none}}@keyframes slideOut{to{opacity:0;transform:translate(calc(var(--u) * -6))}}@keyframes kb{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(-120deg) scale(0)}to{transform:rotate(-12deg) scale(1)}}@keyframes tagIn{0%{transform:rotate(-12deg) scale(.4);opacity:0}to{transform:rotate(-3deg) scale(1);opacity:1}}@keyframes fill{0%{width:0}to{width:100%}}@keyframes corre{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.slide.in,.slide.out,.slide .foto img,.burst,.tag,.of-cinta .track{animation:none!important}}
