/* Pack Claude Motion «auditoria» (2026-11-06). Capas de ILUHEAD_AUDITORIA_ES / _ENG («2026 - WEB OFICIAL», 975 x 645).
   Linea de tiempo (s): pastilla de la auditoria asignada a Maria 0,4 · sube el formulario 1,0 · se escribe «Arocas» 1,7 ·
   se rellenan Norma 2,4 y Evidencia 2,8 · clic en Enviar 3,4: el boton se pone verde y sale volando un avion de papel ·
   «Creando certificado» con el spinner cargando 4,2-5,8, que se cambia por un check verde 5,8 · fin 6,3. */
/* Animacion */
.ps_banner .ps_banner--col .r2anim--auditoria .au-maria { --dx: 0px; --dy: calc(-18 * var(--u)); animation: auditoria-in .5s ease-out .4s both; }
.ps_banner .ps_banner--col .r2anim--auditoria .au-form, .ps_banner .ps_banner--col .r2anim--auditoria .au-arocas, .ps_banner .ps_banner--col .r2anim--auditoria .au-bar1, .ps_banner .ps_banner--col .r2anim--auditoria .au-bar2 { --dx: 0px; --dy: calc(30 * var(--u)); animation: auditoria-in .55s ease-out 1s both; }
.ps_banner .ps_banner--col .r2anim--auditoria .au-arocas { animation: auditoria-in .55s ease-out 1s both, auditoria-type .6s steps(6, end) 1.7s backwards; }
.ps_banner .ps_banner--col .r2anim--auditoria .au-bar1 { animation: auditoria-in .55s ease-out 1s both, auditoria-wipe .45s ease-out 2.4s backwards; }
.ps_banner .ps_banner--col .r2anim--auditoria .au-bar2 { animation: auditoria-in .55s ease-out 1s both, auditoria-wipe .45s ease-out 2.8s backwards; }
.ps_banner .ps_banner--col .r2anim--auditoria .au-btn { transform-origin: 50% 50%; animation: auditoria-press .35s ease-out 3.4s both; }
.ps_banner .ps_banner--col .r2anim--auditoria .au-plane { --fx: calc(120 * var(--u)); --fy: calc(-95 * var(--u)); opacity: 0; animation: auditoria-fly 1.1s cubic-bezier(.4, 0, .7, .4) 3.5s both; }
.ps_banner .ps_banner--col .r2anim--auditoria .au-creando, .ps_banner .ps_banner--col .r2anim--auditoria .au-spin { --dx: calc(30 * var(--u)); --dy: 0px; animation: auditoria-in .5s ease-out 4.2s both; }
.ps_banner .ps_banner--col .r2anim--auditoria .au-spin { transform-origin: 50% 50%; animation: auditoria-in .5s ease-out 4.2s both, auditoria-spin 1.6s linear 4.2s both, auditoria-out .2s ease-in 5.7s forwards; }
.ps_banner .ps_banner--col .r2anim--auditoria .au-check { transform-origin: 50% 50%; animation: auditoria-pop .45s cubic-bezier(.2, .8, .3, 1.4) 5.8s both; }

@keyframes auditoria-out { to { opacity: 0; } }
@keyframes auditoria-pop { from { opacity: 0; transform: scale(.3); } to { opacity: 1; transform: none; } }
@keyframes auditoria-in { from { opacity: 0; transform: translate(var(--dx), var(--dy)) scale(.95); } 60% { opacity: 1; } to { opacity: 1; transform: none; } }
@keyframes auditoria-type { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes auditoria-wipe { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes auditoria-press { from { opacity: 0; transform: scale(.92); } 60% { opacity: 1; transform: scale(1.03); } to { opacity: 1; transform: none; } }
@keyframes auditoria-fly { 0% { opacity: 0; transform: translate(0, 0) scale(.6); } 15% { opacity: 1; transform: translate(0, 0) scale(1.1); } 75% { opacity: 1; } 100% { opacity: 0; transform: translate(var(--fx), var(--fy)) rotate(-10deg) scale(.9); } }
@keyframes auditoria-spin { from { transform: rotate(0deg); } to { transform: rotate(1080deg); } }