/* Pack Claude Motion «compras» (pack del conector), con el estilo del pack de contratos. Frame PACK_COMPRAS_ES / _ENG del fichero oficial «2026 - WEB OFICIAL» (975 x 645). Fondo, persona y 19 papeles son capas; las 4 pastillas se animan en HTML. Linea de tiempo (s): fondo y persona 0 · papeles salen de detras de la persona (0,25-2,2) y flotan hasta el final · extrayendo factura 1,0 · proveedor validado 2,3 (campana; el redondel se pone rojo, se agranda y vuelve a normal a los 3,8-4,9) · creando orden 3,9 · factura registrada 5,4 (check verde a los 6,55) · fin 7,2. */
.ps_banner .ps_banner--col .r2anim--compras .r2p-p1 { left: calc(462.56 * var(--u)); top: calc(291.23 * var(--u)); display: flex; flex-direction: column; align-items: flex-start; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-p2 { left: calc(122 * var(--u)); top: calc(191 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-p3 { left: calc(39.98 * var(--u)); top: calc(270.94 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-p4 { left: calc(584 * var(--u)); top: calc(403 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-row { display: flex; align-items: center; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-pill { position: relative; display: flex; align-items: center; box-sizing: border-box; border-radius: calc(12 * var(--u)); font-family: 'R2 Inter Anim', Inter, sans-serif; white-space: nowrap; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-sp { display: inline-block; flex: none; line-height: 1; color: transparent; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spv { display: block; width: 0; font-size: calc(6.77 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-sph { font-size: calc(17.06 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spi { font-size: calc(15.62 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-t { position: relative; margin: 0; padding: 0; font-style: normal; letter-spacing: 0; white-space: nowrap; font-synthesis: none; font-kerning: normal; font-size: calc(21 * var(--u)); line-height: calc(26 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-ind { height: calc(62 * var(--u)); background: #FFFFFF; color: #1B1233; padding: 0 0 0 calc(37 * var(--u)); box-shadow: calc(-3 * var(--u)) calc(7 * var(--u)) calc(7.3 * var(--u)) rgba(0, 0, 0, .43); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-frame { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-strip { position: absolute; left: 0; top: calc(2 * var(--u)); width: calc(27 * var(--u)); height: calc(58 * var(--u)); background: #E3F0FE; border-radius: calc(10 * var(--u)) 0 0 calc(10 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-ib { position: relative; flex: none; width: calc(31.55 * var(--u)); height: calc(46.95 * var(--u)); margin-right: calc(9 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-doc { position: absolute; left: 0; top: 0; width: calc(31.55 * var(--u)); height: calc(38.69 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-gear { position: absolute; left: calc(5.88 * var(--u)); top: calc(26.43 * var(--u)); width: calc(20.74 * var(--u)); height: calc(20.51 * var(--u)); transform-origin: 50% 50%; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-t1 { font-weight: 700; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-light { height: calc(61.8 * var(--u)); background: #FFFFFF; color: #1B1233; padding: 0 0 0 calc(15.69 * var(--u)); box-shadow: calc(5.83 * var(--u)) calc(5.83 * var(--u)) calc(14.58 * var(--u)) rgba(0, 0, 0, .25); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-bw { position: relative; flex: none; width: calc(33.44 * var(--u)); height: calc(35.07 * var(--u)); margin-right: calc(8.89 * var(--u)); transform-origin: 50% 8%; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-bell, .ps_banner .ps_banner--col .r2anim--compras .r2p-dot { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-dot { transform-origin: 81.7% 17.4%; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-halo { position: absolute; left: calc(27.32 * var(--u)); top: calc(6.12 * var(--u)); width: calc(12.24 * var(--u)); height: calc(12.24 * var(--u)); margin: calc(-6.12 * var(--u)) 0 0 calc(-6.12 * var(--u)); border-radius: 50%; background: #E5383B; opacity: 0; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-t2 { font-weight: 600; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-dark { height: calc(60.8 * var(--u)); background: #1B1233; color: #FFFFFF; padding: 0 0 0 calc(12.33 * var(--u)); border-radius: calc(11.73 * var(--u)); box-shadow: calc(-6.85 * var(--u)) calc(6.85 * var(--u)) calc(12.29 * var(--u)) rgba(0, 0, 0, .42); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-sw { position: relative; flex: none; width: calc(40.86 * var(--u)); height: calc(40.86 * var(--u)); margin-right: calc(8.8 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spin { position: absolute; left: calc(2.57 * var(--u)); top: calc(2.56 * var(--u)); width: calc(35.75 * var(--u)); height: calc(35.75 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-t3 { font-weight: 700; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-fin { height: calc(62 * var(--u)); background: #1B1233; color: #FFFFFF; padding: 0; border-radius: calc(10.62 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-iv { position: relative; flex: none; width: calc(57.55 * var(--u)); height: calc(57.55 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-inv { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform-origin: 50% 50%; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-ok { position: absolute; right: calc(-11 * var(--u)); top: calc(-11 * var(--u)); width: calc(30 * var(--u)); height: calc(30 * var(--u)); transform-origin: 50% 50%; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-t4w { display: flex; flex-direction: column; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-t4 { font-weight: 600; font-size: calc(21 * var(--u)); line-height: calc(20.78 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spr1e { font-size: calc(25.45 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spr1n { font-size: calc(17.04 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spl2e { font-size: calc(0.01 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spl2n { font-size: calc(0.31 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spr2e { font-size: calc(18.44 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spr2n { font-size: calc(16.3 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spl3n { font-size: calc(5.67 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spr3e { font-size: calc(23.88 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spr3n { font-size: calc(18.74 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spl4e { font-size: calc(6.87 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spl4n { font-size: calc(7.25 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spm4e { font-size: calc(7.86 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spm4n { font-size: calc(4.69 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spr4e { font-size: calc(16.46 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spr4n { font-size: calc(15.01 * var(--u)); }

/* Animacion */
.ps_banner .ps_banner--col .r2anim--compras .r2p-bg { animation: compras-fade .5s ease-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-resto { animation: compras-fade .6s ease-out .3s both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-people { transform-origin: 50% 100%; animation: compras-zoom .75s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h1 { animation: compras-h1 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h2 { animation: compras-h2 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h3 { animation: compras-h3 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h4 { animation: compras-h4 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h5 { animation: compras-h5 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h6 { animation: compras-h6 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h7 { animation: compras-h7 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h8 { animation: compras-h8 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h9 { animation: compras-h9 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h10 { animation: compras-h10 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h11 { animation: compras-h11 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h12 { animation: compras-h12 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h13 { animation: compras-h13 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h14 { animation: compras-h14 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h15 { animation: compras-h15 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h16 { animation: compras-h16 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h17 { animation: compras-h17 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h18 { animation: compras-h18 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-h19 { animation: compras-h19 7.2s ease-in-out both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-p1 .r2p-pill { --dx: 0px; --dy: calc(14 * var(--u)); animation: compras-in .3s ease-out 1s both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-t1 { animation: compras-wipe .9s steps(33, end) 1.28s backwards; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-dash { animation: compras-march 2s cubic-bezier(.2, .7, .3, 1) 1s both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-gear { animation: compras-gear 1.9s cubic-bezier(.3, .6, .3, 1) 1.2s both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-doc { animation: compras-docpulse .6s ease-in-out 1.35s both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-p2 .r2p-pill { --dx: 0px; --dy: calc(14 * var(--u)); animation: compras-in .3s ease-out 2.3s both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-t2 { animation: compras-wipe .75s steps(23, end) 2.58s backwards; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-bw { animation: compras-ring .8s ease-out 2.55s both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-dot { animation: compras-alarm 7.2s linear both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-dotc { animation: compras-alarmcolor 7.2s linear both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-halo { animation: compras-halo 7.2s linear both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-p3 .r2p-pill { --dx: 0px; --dy: calc(14 * var(--u)); animation: compras-in .3s ease-out 3.9s both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-t3 { animation: compras-wipe .8s steps(23, end) 4.18s backwards; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-spin { animation: compras-spin 2.2s cubic-bezier(.35, .1, .3, 1) 4.1s both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-p4 .r2p-pill { --dx: 0px; --dy: calc(14 * var(--u)); animation: compras-in .3s ease-out 5.4s both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-t4a { animation: compras-wipe .5s steps(14, end) 5.68s backwards; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-t4b { animation: compras-wipe .45s steps(12, end) 6.12s backwards; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-inv { animation: compras-stamp .7s ease-out 5.5s both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-ok { animation: compras-okpop .55s ease-out 6.55s both; }
.ps_banner .ps_banner--col .r2anim--compras .r2p-okc { stroke-dasharray: 1; animation: compras-draw .4s ease-out 6.8s backwards; }

@keyframes compras-okpop { 0% { opacity: 0; transform: scale(.2); } 55% { opacity: 1; transform: scale(1.25); } 80% { transform: scale(.94); } 100% { opacity: 1; transform: none; } }
@keyframes compras-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes compras-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes compras-zoom { from { transform: scale(.96); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes compras-in { from { opacity: 0; transform: translate(var(--dx), var(--dy)) scale(.96); } 60% { opacity: 1; } to { opacity: 1; transform: none; } }
@keyframes compras-wipe { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes compras-march { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -160; } }
@keyframes compras-gear { from { transform: rotate(0); } to { transform: rotate(720deg); } }
@keyframes compras-docpulse { 0%, 100% { transform: scale(1); } 40% { transform: scale(1.08); } 70% { transform: scale(.97); } }
@keyframes compras-spin { from { transform: rotate(0); } to { transform: rotate(1080deg); } }
@keyframes compras-ring { from, to { transform: none; } 12% { transform: rotate(16deg); } 30% { transform: rotate(-12deg); } 48% { transform: rotate(8deg); } 66% { transform: rotate(-5deg); } 84% { transform: rotate(2deg); } }
@keyframes compras-stamp { 0% { opacity: 0; transform: scale(1.5); } 45% { opacity: 1; transform: scale(.92); } 70% { transform: scale(1.06); } 100% { opacity: 1; transform: scale(1); } }
@keyframes compras-alarm { 0% { transform: scale(1); } 50% { transform: scale(1); } 52.778% { transform: scale(2.25); } 54.444% { transform: scale(1.9); } 56.389% { transform: scale(2.25); } 61.111% { transform: scale(2.25); } 68.056% { transform: scale(1); } 100% { transform: scale(1); } }
@keyframes compras-alarmcolor { 0% { fill: #1B1233; } 50% { fill: #1B1233; } 52.778% { fill: #E5383B; } 61.111% { fill: #E5383B; } 68.056% { fill: #1B1233; } 100% { fill: #1B1233; } }
@keyframes compras-halo { 0% { opacity: 0; transform: scale(.6); } 52.778% { opacity: 0; transform: scale(.6); } 53.472% { opacity: .55; transform: scale(1); } 65.278% { opacity: 0; transform: scale(3.6); } 100% { opacity: 0; transform: scale(3.6); } }
@keyframes compras-h1 { 0% { opacity: 0; transform: translate(calc(126.5 * var(--u)), calc(111.26 * var(--u))) rotate(35deg) scale(.7); } 13.164% { opacity: 0; transform: translate(calc(126.5 * var(--u)), calc(111.26 * var(--u))) rotate(35deg) scale(.7); } 15.942% { opacity: 1; transform: translate(calc(94.88 * var(--u)), calc(83.45 * var(--u))) rotate(28deg) scale(.8); } 29.136% { opacity: 1; transform: translate(calc(-2.53 * var(--u)), calc(-2.23 * var(--u))) rotate(-1.75deg) scale(1.03); } 47.886% { opacity: 1; transform: translate(calc(6.23 * var(--u)), calc(-4.99 * var(--u))) rotate(1.4deg) scale(1); } 66.636% { opacity: 1; transform: translate(calc(-4.36 * var(--u)), calc(5.61 * var(--u))) rotate(-1.1deg) scale(1); } 85.386% { opacity: 1; transform: translate(calc(6.23 * var(--u)), calc(-4.99 * var(--u))) rotate(1.4deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h2 { 0% { opacity: 0; transform: translate(calc(75.08 * var(--u)), calc(100.8 * var(--u))) rotate(-23deg) scale(.7); } 21.34% { opacity: 0; transform: translate(calc(75.08 * var(--u)), calc(100.8 * var(--u))) rotate(-23deg) scale(.7); } 24.118% { opacity: 1; transform: translate(calc(56.31 * var(--u)), calc(75.6 * var(--u))) rotate(-18.4deg) scale(.8); } 37.312% { opacity: 1; transform: translate(calc(-1.5 * var(--u)), calc(-2.02 * var(--u))) rotate(1.15deg) scale(1.03); } 56.062% { opacity: 1; transform: translate(calc(-5.17 * var(--u)), calc(-4.13 * var(--u))) rotate(-1.4deg) scale(1); } 74.812% { opacity: 1; transform: translate(calc(3.62 * var(--u)), calc(4.65 * var(--u))) rotate(1.1deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h3 { 0% { opacity: 0; transform: translate(calc(124.85 * var(--u)), calc(62.44 * var(--u))) rotate(-32deg) scale(.7); } 6.339% { opacity: 0; transform: translate(calc(124.85 * var(--u)), calc(62.44 * var(--u))) rotate(-32deg) scale(.7); } 9.117% { opacity: 1; transform: translate(calc(93.64 * var(--u)), calc(46.83 * var(--u))) rotate(-25.6deg) scale(.8); } 22.311% { opacity: 1; transform: translate(calc(-2.5 * var(--u)), calc(-1.25 * var(--u))) rotate(1.6deg) scale(1.03); } 41.061% { opacity: 1; transform: translate(calc(-3.82 * var(--u)), calc(-3.05 * var(--u))) rotate(-1.4deg) scale(1); } 59.811% { opacity: 1; transform: translate(calc(2.67 * var(--u)), calc(3.44 * var(--u))) rotate(1.1deg) scale(1); } 78.561% { opacity: 1; transform: translate(calc(-3.82 * var(--u)), calc(-3.05 * var(--u))) rotate(-1.4deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h4 { 0% { opacity: 0; transform: translate(calc(69.16 * var(--u)), calc(47.14 * var(--u))) rotate(32deg) scale(.7); } 15.187% { opacity: 0; transform: translate(calc(69.16 * var(--u)), calc(47.14 * var(--u))) rotate(32deg) scale(.7); } 17.965% { opacity: 1; transform: translate(calc(51.87 * var(--u)), calc(35.35 * var(--u))) rotate(25.6deg) scale(.8); } 31.159% { opacity: 1; transform: translate(calc(-1.38 * var(--u)), calc(-0.94 * var(--u))) rotate(-1.6deg) scale(1.03); } 49.909% { opacity: 1; transform: translate(calc(-5.65 * var(--u)), calc(-4.52 * var(--u))) rotate(-1.4deg) scale(1); } 68.659% { opacity: 1; transform: translate(calc(3.96 * var(--u)), calc(5.09 * var(--u))) rotate(1.1deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h5 { 0% { opacity: 0; transform: translate(calc(124.03 * var(--u)), calc(5.17 * var(--u))) rotate(-34deg) scale(.7); } 22.466% { opacity: 0; transform: translate(calc(124.03 * var(--u)), calc(5.17 * var(--u))) rotate(-34deg) scale(.7); } 25.244% { opacity: 1; transform: translate(calc(93.02 * var(--u)), calc(3.88 * var(--u))) rotate(-27.2deg) scale(.8); } 38.439% { opacity: 1; transform: translate(calc(-2.48 * var(--u)), calc(-0.1 * var(--u))) rotate(1.7deg) scale(1.03); } 57.189% { opacity: 1; transform: translate(calc(-3.62 * var(--u)), calc(-2.9 * var(--u))) rotate(-1.4deg) scale(1); } 75.939% { opacity: 1; transform: translate(calc(2.54 * var(--u)), calc(3.26 * var(--u))) rotate(1.1deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h6 { 0% { opacity: 0; transform: translate(calc(82.78 * var(--u)), calc(-4.39 * var(--u))) rotate(-32deg) scale(.7); } 8.738% { opacity: 0; transform: translate(calc(82.78 * var(--u)), calc(-4.39 * var(--u))) rotate(-32deg) scale(.7); } 11.516% { opacity: 1; transform: translate(calc(62.08 * var(--u)), calc(-3.29 * var(--u))) rotate(-25.6deg) scale(.8); } 24.71% { opacity: 1; transform: translate(calc(-1.66 * var(--u)), calc(0.09 * var(--u))) rotate(1.6deg) scale(1.03); } 43.46% { opacity: 1; transform: translate(calc(-5.57 * var(--u)), calc(-4.45 * var(--u))) rotate(-1.4deg) scale(1); } 62.21% { opacity: 1; transform: translate(calc(3.9 * var(--u)), calc(5.01 * var(--u))) rotate(1.1deg) scale(1); } 80.96% { opacity: 1; transform: translate(calc(-5.57 * var(--u)), calc(-4.45 * var(--u))) rotate(-1.4deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h7 { 0% { opacity: 0; transform: translate(calc(124.03 * var(--u)), calc(-49.05 * var(--u))) rotate(-38deg) scale(.7); } 16.949% { opacity: 0; transform: translate(calc(124.03 * var(--u)), calc(-49.05 * var(--u))) rotate(-38deg) scale(.7); } 19.726% { opacity: 1; transform: translate(calc(93.02 * var(--u)), calc(-36.79 * var(--u))) rotate(-30.4deg) scale(.8); } 32.921% { opacity: 1; transform: translate(calc(-2.48 * var(--u)), calc(0.98 * var(--u))) rotate(1.9deg) scale(1.03); } 51.671% { opacity: 1; transform: translate(calc(-3.52 * var(--u)), calc(-2.81 * var(--u))) rotate(-1.4deg) scale(1); } 70.421% { opacity: 1; transform: translate(calc(2.46 * var(--u)), calc(3.16 * var(--u))) rotate(1.1deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h8 { 0% { opacity: 0; transform: translate(calc(29.15 * var(--u)), calc(81.34 * var(--u))) rotate(38deg) scale(.7); } 25.186% { opacity: 0; transform: translate(calc(29.15 * var(--u)), calc(81.34 * var(--u))) rotate(38deg) scale(.7); } 27.964% { opacity: 1; transform: translate(calc(21.86 * var(--u)), calc(61 * var(--u))) rotate(30.4deg) scale(.8); } 41.158% { opacity: 1; transform: translate(calc(-0.58 * var(--u)), calc(-1.63 * var(--u))) rotate(-1.9deg) scale(1.03); } 59.908% { opacity: 1; transform: translate(calc(-6.99 * var(--u)), calc(-5.59 * var(--u))) rotate(-1.4deg) scale(1); } 78.658% { opacity: 1; transform: translate(calc(4.89 * var(--u)), calc(6.29 * var(--u))) rotate(1.1deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h9 { 0% { opacity: 0; transform: translate(calc(-51.7 * var(--u)), calc(131.85 * var(--u))) rotate(28deg) scale(.7); } 11.819% { opacity: 0; transform: translate(calc(-51.7 * var(--u)), calc(131.85 * var(--u))) rotate(28deg) scale(.7); } 14.597% { opacity: 1; transform: translate(calc(-38.78 * var(--u)), calc(98.89 * var(--u))) rotate(22.4deg) scale(.8); } 27.791% { opacity: 1; transform: translate(calc(1.03 * var(--u)), calc(-2.64 * var(--u))) rotate(-1.4deg) scale(1.03); } 46.541% { opacity: 1; transform: translate(calc(-5.3 * var(--u)), calc(-4.24 * var(--u))) rotate(-1.4deg) scale(1); } 65.291% { opacity: 1; transform: translate(calc(3.71 * var(--u)), calc(4.77 * var(--u))) rotate(1.1deg) scale(1); } 84.041% { opacity: 1; transform: translate(calc(-5.3 * var(--u)), calc(-4.24 * var(--u))) rotate(-1.4deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h10 { 0% { opacity: 0; transform: translate(calc(-56.79 * var(--u)), calc(99.56 * var(--u))) rotate(-36deg) scale(.7); } 20.097% { opacity: 0; transform: translate(calc(-56.79 * var(--u)), calc(99.56 * var(--u))) rotate(-36deg) scale(.7); } 22.874% { opacity: 1; transform: translate(calc(-42.59 * var(--u)), calc(74.67 * var(--u))) rotate(-28.8deg) scale(.8); } 36.069% { opacity: 1; transform: translate(calc(1.14 * var(--u)), calc(-1.99 * var(--u))) rotate(1.8deg) scale(1.03); } 54.819% { opacity: 1; transform: translate(calc(4.9 * var(--u)), calc(-3.92 * var(--u))) rotate(1.4deg) scale(1); } 73.569% { opacity: 1; transform: translate(calc(-3.43 * var(--u)), calc(4.41 * var(--u))) rotate(-1.1deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h11 { 0% { opacity: 0; transform: translate(calc(-98.04 * var(--u)), calc(102.15 * var(--u))) rotate(20deg) scale(.7); } 6.25% { opacity: 0; transform: translate(calc(-98.04 * var(--u)), calc(102.15 * var(--u))) rotate(20deg) scale(.7); } 9.027% { opacity: 1; transform: translate(calc(-73.53 * var(--u)), calc(76.61 * var(--u))) rotate(16deg) scale(.8); } 22.222% { opacity: 1; transform: translate(calc(1.96 * var(--u)), calc(-2.04 * var(--u))) rotate(-1deg) scale(1.03); } 40.972% { opacity: 1; transform: translate(calc(-6.47 * var(--u)), calc(-5.17 * var(--u))) rotate(-1.4deg) scale(1); } 59.722% { opacity: 1; transform: translate(calc(4.53 * var(--u)), calc(5.82 * var(--u))) rotate(1.1deg) scale(1); } 78.472% { opacity: 1; transform: translate(calc(-6.47 * var(--u)), calc(-5.17 * var(--u))) rotate(-1.4deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h12 { 0% { opacity: 0; transform: translate(calc(-51.56 * var(--u)), calc(58.5 * var(--u))) rotate(-24deg) scale(.7); } 14.462% { opacity: 0; transform: translate(calc(-51.56 * var(--u)), calc(58.5 * var(--u))) rotate(-24deg) scale(.7); } 17.24% { opacity: 1; transform: translate(calc(-38.67 * var(--u)), calc(43.88 * var(--u))) rotate(-19.2deg) scale(.8); } 30.434% { opacity: 1; transform: translate(calc(1.03 * var(--u)), calc(-1.17 * var(--u))) rotate(1.2deg) scale(1.03); } 49.184% { opacity: 1; transform: translate(calc(3.68 * var(--u)), calc(-2.95 * var(--u))) rotate(1.4deg) scale(1); } 67.934% { opacity: 1; transform: translate(calc(-2.58 * var(--u)), calc(3.31 * var(--u))) rotate(-1.1deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h13 { 0% { opacity: 0; transform: translate(calc(-91.16 * var(--u)), calc(74.48 * var(--u))) rotate(31deg) scale(.7); } 21.302% { opacity: 0; transform: translate(calc(-91.16 * var(--u)), calc(74.48 * var(--u))) rotate(31deg) scale(.7); } 24.08% { opacity: 1; transform: translate(calc(-68.37 * var(--u)), calc(55.86 * var(--u))) rotate(24.8deg) scale(.8); } 37.275% { opacity: 1; transform: translate(calc(1.82 * var(--u)), calc(-1.49 * var(--u))) rotate(-1.55deg) scale(1.03); } 56.025% { opacity: 1; transform: translate(calc(5.7 * var(--u)), calc(-4.56 * var(--u))) rotate(1.4deg) scale(1); } 74.775% { opacity: 1; transform: translate(calc(-3.99 * var(--u)), calc(5.13 * var(--u))) rotate(-1.1deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h14 { 0% { opacity: 0; transform: translate(calc(-91.71 * var(--u)), calc(32.4 * var(--u))) rotate(20deg) scale(.7); } 7.533% { opacity: 0; transform: translate(calc(-91.71 * var(--u)), calc(32.4 * var(--u))) rotate(20deg) scale(.7); } 10.31% { opacity: 1; transform: translate(calc(-68.78 * var(--u)), calc(24.3 * var(--u))) rotate(16deg) scale(.8); } 23.505% { opacity: 1; transform: translate(calc(1.83 * var(--u)), calc(-0.65 * var(--u))) rotate(-1deg) scale(1.03); } 42.255% { opacity: 1; transform: translate(calc(3.55 * var(--u)), calc(-2.84 * var(--u))) rotate(1.4deg) scale(1); } 61.005% { opacity: 1; transform: translate(calc(-2.49 * var(--u)), calc(3.2 * var(--u))) rotate(-1.1deg) scale(1); } 79.755% { opacity: 1; transform: translate(calc(3.55 * var(--u)), calc(-2.84 * var(--u))) rotate(1.4deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h15 { 0% { opacity: 0; transform: translate(calc(-117.29 * var(--u)), calc(-30.6 * var(--u))) rotate(-22deg) scale(.7); } 15.688% { opacity: 0; transform: translate(calc(-117.29 * var(--u)), calc(-30.6 * var(--u))) rotate(-22deg) scale(.7); } 18.466% { opacity: 1; transform: translate(calc(-87.97 * var(--u)), calc(-22.95 * var(--u))) rotate(-17.6deg) scale(.8); } 31.661% { opacity: 1; transform: translate(calc(2.35 * var(--u)), calc(0.61 * var(--u))) rotate(1.1deg) scale(1.03); } 50.411% { opacity: 1; transform: translate(calc(-3.85 * var(--u)), calc(-3.08 * var(--u))) rotate(-1.4deg) scale(1); } 69.161% { opacity: 1; transform: translate(calc(2.7 * var(--u)), calc(3.47 * var(--u))) rotate(1.1deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h16 { 0% { opacity: 0; transform: translate(calc(-86.62 * var(--u)), calc(-81.79 * var(--u))) rotate(33deg) scale(.7); } 23.838% { opacity: 0; transform: translate(calc(-86.62 * var(--u)), calc(-81.79 * var(--u))) rotate(33deg) scale(.7); } 26.616% { opacity: 1; transform: translate(calc(-64.97 * var(--u)), calc(-61.34 * var(--u))) rotate(26.4deg) scale(.8); } 39.81% { opacity: 1; transform: translate(calc(1.73 * var(--u)), calc(1.64 * var(--u))) rotate(-1.65deg) scale(1.03); } 58.56% { opacity: 1; transform: translate(calc(5.46 * var(--u)), calc(-4.37 * var(--u))) rotate(1.4deg) scale(1); } 77.31% { opacity: 1; transform: translate(calc(-3.82 * var(--u)), calc(4.91 * var(--u))) rotate(-1.1deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h17 { 0% { opacity: 0; transform: translate(calc(-131.04 * var(--u)), calc(59.51 * var(--u))) rotate(-22deg) scale(.7); } 10.074% { opacity: 0; transform: translate(calc(-131.04 * var(--u)), calc(59.51 * var(--u))) rotate(-22deg) scale(.7); } 12.851% { opacity: 1; transform: translate(calc(-98.28 * var(--u)), calc(44.63 * var(--u))) rotate(-17.6deg) scale(.8); } 26.046% { opacity: 1; transform: translate(calc(2.62 * var(--u)), calc(-1.19 * var(--u))) rotate(1.1deg) scale(1.03); } 44.796% { opacity: 1; transform: translate(calc(4.84 * var(--u)), calc(-3.87 * var(--u))) rotate(1.4deg) scale(1); } 63.546% { opacity: 1; transform: translate(calc(-3.39 * var(--u)), calc(4.36 * var(--u))) rotate(-1.1deg) scale(1); } 82.296% { opacity: 1; transform: translate(calc(4.84 * var(--u)), calc(-3.87 * var(--u))) rotate(1.4deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h18 { 0% { opacity: 0; transform: translate(calc(-129.8 * var(--u)), calc(21.6 * var(--u))) rotate(24deg) scale(.7); } 17.64% { opacity: 0; transform: translate(calc(-129.8 * var(--u)), calc(21.6 * var(--u))) rotate(24deg) scale(.7); } 20.417% { opacity: 1; transform: translate(calc(-97.35 * var(--u)), calc(16.2 * var(--u))) rotate(19.2deg) scale(.8); } 33.612% { opacity: 1; transform: translate(calc(2.6 * var(--u)), calc(-0.43 * var(--u))) rotate(-1.2deg) scale(1.03); } 52.362% { opacity: 1; transform: translate(calc(6.53 * var(--u)), calc(-5.22 * var(--u))) rotate(1.4deg) scale(1); } 71.112% { opacity: 1; transform: translate(calc(-4.57 * var(--u)), calc(5.87 * var(--u))) rotate(-1.1deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }
@keyframes compras-h19 { 0% { opacity: 0; transform: translate(calc(-141.35 * var(--u)), calc(-75.38 * var(--u))) rotate(-24deg) scale(.7); } 3.784% { opacity: 0; transform: translate(calc(-141.35 * var(--u)), calc(-75.38 * var(--u))) rotate(-24deg) scale(.7); } 6.562% { opacity: 1; transform: translate(calc(-106.01 * var(--u)), calc(-56.53 * var(--u))) rotate(-19.2deg) scale(.8); } 19.757% { opacity: 1; transform: translate(calc(2.83 * var(--u)), calc(1.51 * var(--u))) rotate(1.2deg) scale(1.03); } 38.507% { opacity: 1; transform: translate(calc(-6.99 * var(--u)), calc(-5.59 * var(--u))) rotate(-1.4deg) scale(1); } 57.257% { opacity: 1; transform: translate(calc(4.89 * var(--u)), calc(6.29 * var(--u))) rotate(1.1deg) scale(1); } 76.007% { opacity: 1; transform: translate(calc(-6.99 * var(--u)), calc(-5.59 * var(--u))) rotate(-1.4deg) scale(1); } 95.139% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(1); } 100% { opacity: 1; transform: none; } }