body.tv{--u: min(1vw, 1.7778vh);overflow:hidden;cursor:none;height:100vh;background:var(--campo-3);background-image:radial-gradient(circle at 50% 0%,var(--campo-2),var(--campo) 45%,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}.fs:focus-visible{outline:3px solid var(--papel);outline-offset:2px;opacity:1}.screen{position:absolute;inset:0;margin:auto;width:calc(var(--u) * 100);height:calc(var(--u) * 56.25);display:grid;grid-template-rows:auto 1fr auto auto;padding:calc(var(--u) * 1.6) calc(var(--u) * 2.2) 0;gap:calc(var(--u) * 1.2);overflow:hidden}.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:calc(var(--u) * 2)}.titulo{text-align:center;display:flex;flex-direction:column;align-items:center}.titulo .kicker{font-weight:700;font-size:calc(var(--u) * 1.05);letter-spacing:.3em;text-transform:uppercase;color:var(--hoja)}.titulo h1{margin:0;font-family:var(--precio);font-weight:400;font-size:calc(var(--u) * 4.6);line-height:1;text-transform:uppercase;color:var(--amarillo);letter-spacing:.01em}.titulo h1.swap{animation:tituloIn .6s cubic-bezier(.2,.8,.2,1) both}.der{justify-self:end;text-align:right;display:flex;flex-direction:column;gap:calc(var(--u) * .3)}.der .kg{font-family:var(--mano);font-size:calc(var(--u) * 2);color:var(--amarillo);line-height:1}.der #fecha{font-size:calc(var(--u) * 1.15);font-weight:600;color:#fffaf0bf}.grid{display:grid;gap:calc(var(--u) * 1.4);min-height:0;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));grid-template-rows:repeat(var(--rows, 2),minmax(0,1fr))}.card{position:relative;background:var(--papel);color:var(--tinta);border-radius:calc(var(--u) * 1.1);overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;box-shadow:0 calc(var(--u) * .5) calc(var(--u) * 1.4) #00000059;animation:cardIn .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 90ms)}.card .foto{position:relative;overflow:hidden;min-height:0;background:var(--campo-2)}.card .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;animation:kb 18s ease-in-out infinite alternate}.card.sinfoto .foto{display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--campo-2) 0 calc(var(--u) * 1.2),var(--campo) calc(var(--u) * 1.2) calc(var(--u) * 2.4))}.card.sinfoto .foto span{font-family:var(--precio);font-size:calc(var(--u) * 3.4);color:var(--papel);text-transform:uppercase;text-align:center;padding:0 calc(var(--u) * 1.5);line-height:1.05;opacity:.9}.card .pie{padding:calc(var(--u) * .9) calc(var(--u) * 1.2) calc(var(--u) * 1);min-height:calc(var(--u) * 4.6);display:flex;align-items:center}.card h3{margin:0;font-weight:800;font-size:calc(var(--u) * 1.75);line-height:1.05;text-transform:uppercase;letter-spacing:.01em;max-width:52%;text-wrap:balance}.rows-1 .card h3{font-size:calc(var(--u) * 2.1)}.sticker{position:absolute;right:calc(var(--u) * .9);bottom:calc(var(--u) * 1);background:var(--amarillo);color:var(--tinta);border-radius:calc(var(--u) * .6);padding:calc(var(--u) * .5) calc(var(--u) * 1) calc(var(--u) * .6);transform:rotate(-3deg);display:flex;flex-direction:column;align-items:flex-end;line-height:1;box-shadow:0 calc(var(--u) * .3) calc(var(--u) * .8) #00000040}.sticker b{font-family:var(--precio);font-weight:400;font-size:calc(var(--u) * 3.6);letter-spacing:.01em;font-variant-numeric:tabular-nums}.rows-1 .sticker b{font-size:calc(var(--u) * 4.4)}.sticker small{font-weight:800;font-size:calc(var(--u) * 1);text-transform:uppercase;letter-spacing:.08em;margin-top:calc(var(--u) * .2)}.sticker .antes{font-weight:700;font-size:calc(var(--u) * 1.25);text-decoration:line-through;text-decoration-thickness:.14em;opacity:.85;margin-bottom:calc(var(--u) * .15)}.card.lit .sticker{animation:pop .9s cubic-bezier(.3,1.6,.5,1)}.card.oferta{outline:calc(var(--u) * .45) solid var(--rojo);outline-offset:calc(var(--u) * -.45)}.card.oferta .sticker{background:var(--rojo);color:var(--papel)}.card.oferta .sticker b{color:var(--amarillo)}.ribbon{position:absolute;top:calc(var(--u) * 1.4);left:calc(var(--u) * -3.2);width:calc(var(--u) * 13);transform:rotate(-38deg);text-align:center;background:var(--rojo);color:var(--amarillo);font-family:var(--precio);font-size:calc(var(--u) * 1.5);letter-spacing:.12em;padding:calc(var(--u) * .3) 0;z-index:2}.pager{display:flex;justify-content:center;gap:calc(var(--u) * .6);height:calc(var(--u) * .6)}.pager i{width:calc(var(--u) * 3);height:100%;border-radius:99px;background:#fffaf033;overflow:hidden}.pager i.on:after{content:"";display:block;height:100%;background:var(--amarillo);animation:fill var(--dur, 14s) linear both}.cinta{margin:0 calc(var(--u) * -2.2);background:var(--rojo);height:calc(var(--u) * 3.6);overflow:hidden;display:flex;align-items:center}.cinta .track{display:flex;align-items:center;white-space:nowrap;animation:corre 40s linear infinite}.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)}.cinta i{font-style:normal;color:var(--amarillo);font-size:calc(var(--u) * 1.2)}@keyframes cardIn{0%{opacity:0;transform:translateY(calc(var(--u) * 2)) scale(.97)}to{opacity:1;transform:none}}@keyframes tituloIn{0%{opacity:0;transform:translateY(calc(var(--u) * -1))}to{opacity:1;transform:none}}@keyframes kb{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes pop{0%{transform:rotate(-3deg) scale(1)}40%{transform:rotate(2deg) scale(1.16)}to{transform:rotate(-3deg) scale(1)}}@keyframes fill{0%{width:0}to{width:100%}}@keyframes corre{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.card,.card .foto img,.card.lit .sticker,.titulo h1.swap,.cinta .track{animation:none!important}}
