/* Pack Claude Motion «a-medida» v4 (2026-11-06). Capas exportadas del maestro por capas ILUHEAD_A_MEDIDA_ES / _ENG
   (fichero oficial «2026 - WEB OFICIAL», 975 x 645): fondo difuminado, app, pastillas y personas delante.
   Linea de tiempo (s): el iPad cae suave desde arriba 0,2-1,4 · tarjeta verde sale de detras del iPad 1,5 · email automatico 2,0 · tarjeta de Maria 2,6 ·
   firma 3,2 (el trazo se dibuja a los 3,8) · clic en Lexcorp 5,1 · fin 6,1. */
.ps_banner .ps_banner--col .r2anim--a-medida .am-ring { left: calc(639 * var(--u)); top: calc(202 * var(--u)); width: calc(20 * var(--u)); height: calc(20 * var(--u)); border-radius: 50%; border: calc(1.6 * var(--u)) solid #5B2FB0; opacity: 0; box-sizing: border-box; }

/* Animacion */
.ps_banner .ps_banner--col .r2anim--a-medida .am-app { --drop: calc(-320 * var(--u)); animation: a-medida-drop 1.2s cubic-bezier(.22, .7, .3, 1) .2s both; }
.ps_banner .ps_banner--col .r2anim--a-medida .am-tarjeta { --dx: calc(40 * var(--u)); --dy: 0px; animation: a-medida-in .55s ease-out 1.5s both; }
.ps_banner .ps_banner--col .r2anim--a-medida .am-email { --dx: 0px; --dy: calc(-18 * var(--u)); animation: a-medida-in .45s ease-out 2s both; }
.ps_banner .ps_banner--col .r2anim--a-medida .am-maria { --dx: calc(-30 * var(--u)); --dy: 0px; animation: a-medida-in .5s ease-out 2.6s both; }
.ps_banner .ps_banner--col .r2anim--a-medida .am-firma, .ps_banner .ps_banner--col .r2anim--a-medida .am-sig { --dx: 0px; --dy: calc(18 * var(--u)); animation: a-medida-in .5s ease-out 3.2s both; }
.ps_banner .ps_banner--col .r2anim--a-medida .am-sig { --dx: 0px; --dy: calc(18 * var(--u)); animation: a-medida-in .5s ease-out 3.2s both, a-medida-sign 1.1s ease-in-out 3.8s backwards; }
.ps_banner .ps_banner--col .r2anim--a-medida .am-ring { animation: a-medida-click 1s ease-out 5.1s both; }

@keyframes a-medida-drop { from { opacity: 0; transform: translateY(var(--drop)); } 40% { opacity: 1; } to { opacity: 1; transform: none; } }
@keyframes a-medida-in { from { opacity: 0; transform: translate(var(--dx), var(--dy)) scale(.95); } 60% { opacity: 1; } to { opacity: 1; transform: none; } }
@keyframes a-medida-sign { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes a-medida-click { 0% { opacity: .9; transform: scale(.3); } 100% { opacity: 0; transform: scale(2.4); } }
