/* Pack Claude Motion «contratos» (pack del conector). Frame PACK_CONTRATOS_ES / _ENG del fichero oficial
   «2026 - WEB OFICIAL» (962 x 645). Linea de tiempo (s): leyendo 0,1 · organizados 0,7 (cuenta 0,8-2,1) ·
   avisos 2,3 (campana 2,7) · firma 3,2 (trazo 3,6-4,4) · clic 4,6 · fin 5,1. Sale del pack retirado el 2026-10-10. */

@property --contratos-n {
	syntax: '<integer>';
	inherits: false;
	initial-value: 310;
}

.ps_banner .ps_banner--col .r2anim--contratos .r2c-photo { left: calc(75 * var(--u)); top: calc(22 * var(--u)); width: calc(800 * var(--u)); height: calc(533 * var(--u)); border-radius: calc(21 * var(--u)); overflow: hidden; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-photo-img { filter: blur(calc(4.5 * var(--u))); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-t { position: absolute; margin: 0; padding: 0; color: inherit; font-family: 'R2 Inter Anim', Inter, sans-serif; font-size: calc(21 * var(--u)); font-weight: 700; font-style: normal; letter-spacing: 0; text-transform: none; white-space: nowrap; font-synthesis: none; font-kerning: normal; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-card { box-sizing: border-box; height: calc(62 * var(--u)); border-radius: calc(12 * var(--u)); background: #FFFFFF; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-org { left: calc(38 * var(--u)); top: calc(202 * var(--u)); width: calc(375 * var(--u)); height: calc(62 * var(--u)); filter: drop-shadow(calc(-3 * var(--u)) calc(7 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, .3)); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-frame { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-strip { position: absolute; left: 0; top: calc(1 * var(--u)); width: calc(25 * var(--u)); height: calc(60 * var(--u)); background: #E3F0FE; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-doc { position: absolute; left: calc(37 * var(--u)); top: calc(8 * var(--u)); width: calc(32 * var(--u)); height: calc(39 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-gear { position: absolute; left: calc(43 * var(--u)); top: calc(34 * var(--u)); width: calc(21 * var(--u)); height: calc(21 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-org-t { left: calc(77.64 * var(--u)); top: calc(14.03 * var(--u)); line-height: calc(35.37 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-num { --contratos-n: 310; counter-reset: contratos-n var(--contratos-n); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-num::before { content: counter(contratos-n); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-lead { left: calc(129 * var(--u)); top: calc(98 * var(--u)); width: calc(275 * var(--u)); background: #1B1233; color: #FFFFFF; box-shadow: calc(-7 * var(--u)) calc(7 * var(--u)) calc(12 * var(--u)) rgba(0, 0, 0, .42); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-spin { position: absolute; left: calc(16 * var(--u)); top: calc(10 * var(--u)); width: calc(42 * var(--u)); height: calc(42 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-lead-t { left: calc(66.39 * var(--u)); top: calc(24.15 * var(--u)); line-height: calc(13.70 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-warn { left: calc(116 * var(--u)); top: calc(306 * var(--u)); width: calc(387 * var(--u)); box-shadow: calc(6 * var(--u)) calc(6 * var(--u)) calc(15 * var(--u)) rgba(0, 0, 0, .25); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-warn-t { left: calc(57 * var(--u)); top: calc(18.29 * var(--u)); line-height: calc(25.43 * var(--u)); font-weight: 600; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-bell { position: absolute; left: calc(15 * var(--u)); top: calc(13 * var(--u)); width: calc(34 * var(--u)); height: calc(36 * var(--u)); transform-origin: 50% 8%; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-sign { left: calc(599 * var(--u)); top: calc(393 * var(--u)); width: calc(324 * var(--u)); height: calc(182 * var(--u)); border-radius: calc(11 * var(--u)); background: #FFFFFF; box-shadow: calc(6 * var(--u)) calc(9 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, .1); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-pad { position: absolute; left: calc(23 * var(--u)); top: calc(16 * var(--u)); width: calc(278 * var(--u)); height: calc(95 * var(--u)); border-radius: calc(8 * var(--u)); background: #1B1233; box-shadow: 0 calc(6 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, .1), 0 calc(16 * var(--u)) calc(20 * var(--u)) rgba(0, 0, 0, .1); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-pad-t { position: absolute; left: calc(12.03 * var(--u)); top: calc(1.88 * var(--u)); margin: 0; padding: 0; color: #FFFFFF; font-family: 'R2 Inter Anim', Inter, sans-serif; font-size: calc(15.9556 * var(--u)); font-weight: 700; line-height: calc(31.57 * var(--u)); letter-spacing: 0; white-space: nowrap; font-synthesis: none; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-wipe { position: absolute; left: calc(67 * var(--u)); top: calc(24 * var(--u)); width: calc(146 * var(--u)); height: calc(59 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-sig { display: block; width: 100%; height: 100%; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-btn { position: absolute; top: calc(126 * var(--u)); height: calc(41 * var(--u)); border-radius: calc(6.6 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-bt { position: absolute; top: calc(9.05 * var(--u)); font-family: 'R2 Inter Anim', Inter, sans-serif; font-size: calc(17.7775 * var(--u)); line-height: calc(21.254 * var(--u)); letter-spacing: 0; text-align: center; white-space: nowrap; font-synthesis: none; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-no .r2c-bt { left: calc(10.03 * var(--u)); width: calc(76 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-yes .r2c-bt { left: calc(10.73 * var(--u)); width: calc(140 * var(--u)); }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-no { left: calc(24 * var(--u)); width: calc(97 * var(--u)); background: #E6E4E4; font-weight: 500; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-yes { left: calc(139 * var(--u)); width: calc(162 * var(--u)); background: #5B980D; color: #FFFFFF; font-weight: 600; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-ring { position: absolute; inset: calc(-3 * var(--u)); border-radius: calc(9 * var(--u)); border: calc(3 * var(--u)) solid #5B980D; opacity: 0; }

.ps_banner .ps_banner--col .r2anim--contratos .r2c-lead { --dx: 0px; --dy: calc(18 * var(--u)); animation: contratos-in .6s ease-out .1s both; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-spin { animation: contratos-spin 4.4s cubic-bezier(.35, .15, .45, 1) .1s both; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-org { --dx: calc(-44 * var(--u)); --dy: 0px; animation: contratos-in .6s ease-out .7s both, contratos-bump .35s ease-in-out 2.1s; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-num { animation: contratos-count 1.3s cubic-bezier(.2, .7, .3, 1) .8s both; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-dash { animation: contratos-march 1.9s cubic-bezier(.2, .7, .3, 1) .7s both; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-gear { animation: contratos-turn 1.3s cubic-bezier(.2, .7, .3, 1) .8s both; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-warn { --dx: calc(-44 * var(--u)); --dy: 0px; animation: contratos-in .6s ease-out 2.3s both; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-bell { animation: contratos-ring .9s ease-out 2.7s both; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-sign { --dx: calc(24 * var(--u)); --dy: calc(40 * var(--u)); animation: contratos-in .6s ease-out 3.2s both; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-wipe { animation: contratos-wipe .8s ease-in-out 3.6s both; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-yes { animation: contratos-press .35s ease-out 4.6s both; }
.ps_banner .ps_banner--col .r2anim--contratos .r2c-ring { animation: contratos-pulse .5s ease-out 4.65s forwards; }

@keyframes contratos-in { from { opacity: 0; transform: translate(var(--dx), var(--dy)) scale(.9); } 40% { opacity: 1; } 75% { transform: translate(0, 0) scale(1.015); } to { opacity: 1; transform: none; } }
@keyframes contratos-bump { 50% { transform: scale(1.03); } }
@keyframes contratos-spin { from { transform: rotate(0deg); } to { transform: rotate(1800deg); } }
@keyframes contratos-count { from { --contratos-n: 140; font-variant-numeric: tabular-nums; } 99.9% { font-variant-numeric: tabular-nums; } to { --contratos-n: 310; font-variant-numeric: normal; } }
@keyframes contratos-march { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -160; } }
@keyframes contratos-turn { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes contratos-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 contratos-wipe { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes contratos-press { from, to { transform: none; } 30% { transform: scale(.95); } }
@keyframes contratos-pulse { from { opacity: 1; transform: none; } to { opacity: 0; transform: scale(1.18); } }