/* Pack Claude Motion «gdoc-app-orden» · Gestor documental · Desde la app, ordenando por importe (1000 x 612).
 * Contrato: claude-motion/README.md. Todo selector empieza por .ps_banner .ps_banner--col .r2anim--gdoc-app-orden;
 * toda animacion se llama gdoc-app-orden-*. Copia de gdoc-app con la ordenacion delante (resto +1,35 s).
 * Linea de tiempo (s): ventana se endereza 0-1,3, deriva y vuelve a su sitio a los 7,2 · cursor 0,45-1,05 a «Importe»,
 * clic 1,15 · flecha de orden 1,15 · filas se reordenan 1,25-1,85 (Soporte sube, Nexaris baja) · cursor 1,8-2,3 a la
 * fila, clic 2,45 · fila se levanta 2,5 · «Listo para revisar» 2,95 · firma 3,65 (trazo 4,2-4,9, clic 5,05) ·
 * email 5,3 (globo 5,75) · revision y aprobacion 5,95 (flechas 6,2-7,1). */

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-ui {
  inset: 0;
  transform-origin: 50% 55%;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-glass {
  background: rgba(255, 255, 255, 0.39);
  filter: blur(calc(11.6 * var(--u)));
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-glass-sign {
  left: calc(125.8 * var(--u));
  top: calc(458 * var(--u));
  width: calc(211.8 * var(--u));
  height: calc(139.2 * var(--u));
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-glass-mail {
  left: calc(687.4 * var(--u));
  top: calc(12.8 * var(--u));
  width: calc(312.6 * var(--u));
  height: calc(61.9 * var(--u));
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-sign {
  left: calc(128.1 * var(--u));
  top: calc(471.7 * var(--u));
  width: calc(199 * var(--u));
  height: calc(125.5 * var(--u));
  border-radius: calc(6.74 * var(--u));
  background: #FFFFFF;
  overflow: hidden;
  box-shadow: calc(3.69 * var(--u)) calc(5.53 * var(--u)) calc(6.21 * var(--u)) rgba(0, 0, 0, 0.1), calc(-4 * var(--u)) calc(-3 * var(--u)) calc(9.9 * var(--u)) rgba(0, 0, 0, 0.25);
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-pad {
  position: absolute;
  left: calc(14.2 * var(--u));
  top: calc(9.8 * var(--u));
  width: calc(170.7 * var(--u));
  height: calc(71.7 * var(--u));
  border-radius: calc(4.78 * var(--u));
  background: #1B1233;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-pad-t {
  position: absolute;
  left: calc(7.4 * var(--u));
  top: calc(1.3 * var(--u));
  color: #FFFFFF;
  font-family: "R2 Inter Anim", Inter, sans-serif;
  font-size: calc(9.8125 * var(--u));
  font-weight: 700;
  line-height: calc(19.42 * var(--u));
  white-space: nowrap;
  letter-spacing: 0;
  font-synthesis: none;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-wipe {
  position: absolute;
  left: calc(40.3 * var(--u));
  top: calc(16.8 * var(--u));
  width: calc(89.8 * var(--u));
  height: calc(39.7 * var(--u));
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-sig {
  display: block;
  width: 100%;
  height: 100%;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-btn {
  position: absolute;
  top: calc(90 * var(--u));
  height: calc(24.9 * var(--u));
  border-radius: calc(4.08 * var(--u));
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-no {
  left: calc(15 * var(--u));
  width: calc(59.4 * var(--u));
  background: #E6E4E4;
  color: #1B1233;
  font-weight: 500;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-yes {
  left: calc(85.6 * var(--u));
  width: calc(99.4 * var(--u));
  background: #5B980D;
  color: #FFFFFF;
  font-weight: 600;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-bt {
  position: absolute;
  top: calc(6.07 * var(--u));
  left: calc(var(--bx) * var(--u));
  width: calc(var(--bw) * var(--u));
  font-family: "R2 Inter Anim", Inter, sans-serif;
  font-size: calc(10.933 * var(--u));
  line-height: calc(13.07 * var(--u));
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0;
  font-synthesis: none;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-ring {
  position: absolute;
  inset: calc(-2 * var(--u));
  border-radius: calc(6 * var(--u));
  border: calc(2 * var(--u)) solid #5B980D;
  opacity: 0;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-rev {
  left: calc(786.2 * var(--u));
  top: calc(521.5 * var(--u));
  width: calc(183 * var(--u));
  height: calc(60 * var(--u));
  border-radius: calc(9.63 * var(--u));
  background: #FFE3E3;
  box-shadow: calc(-2 * var(--u)) calc(4 * var(--u)) calc(8.7 * var(--u)) rgba(0, 0, 0, 0.25);
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-arrows-box {
  position: absolute;
  left: calc(129.2 * var(--u));
  top: calc(12.3 * var(--u));
  width: calc(39.6 * var(--u));
  height: calc(36.5 * var(--u));
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-arrows {
  display: block;
  width: 100%;
  height: 100%;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-badge {
  transform-origin: 50% 50%;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-ui {
  animation: gdoc-app-orden-ui 7.2s linear both;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-cursor {
  animation: gdoc-app-orden-cursor 2.1s 0.45s both;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-row {
  animation: gdoc-app-orden-lift 0.55s 2.5s both;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-listo {
  animation: gdoc-app-orden-drop 0.6s 2.95s both;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-glass-sign, .ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-sign {
  animation: gdoc-app-orden-rise 0.6s 3.65s both;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-wipe {
  animation: gdoc-app-orden-wipe 0.7s ease-in-out 4.2s both;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-yes {
  animation: gdoc-app-orden-press 0.3s ease-out 5.05s both;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-ring {
  animation: gdoc-app-orden-ring 0.5s ease-out 5.1s forwards;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-glass-mail, .ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-mail {
  animation: gdoc-app-orden-slide 0.6s 5.3s both;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-badge {
  animation: gdoc-app-orden-pop 0.45s 5.75s both;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-rev {
  animation: gdoc-app-orden-pop 0.5s 5.95s both;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-arrows {
  animation: gdoc-app-orden-spin 0.9s ease-in-out 6.2s both;
}

@keyframes gdoc-app-orden-cursor {
  0% {
    opacity: 0;
    transform: translate(calc(150 * var(--u)), calc(110 * var(--u)));
    animation-timing-function: cubic-bezier(0.3, 0.7, 0.3, 1);
  }
  5% {
    opacity: 1;
  }
  28.6% {
    transform: translate(calc(125.8 * var(--u)), calc(-179.9 * var(--u)));
  }
  33.3% {
    transform: translate(calc(125.8 * var(--u)), calc(-179.9 * var(--u))) scale(0.8);
  }
  38% {
    transform: translate(calc(125.8 * var(--u)), calc(-179.9 * var(--u)));
    animation-timing-function: linear;
  }
  64.3% {
    transform: translate(calc(125.8 * var(--u)), calc(-179.9 * var(--u)));
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  88% {
    transform: none;
  }
  95% {
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes gdoc-app-orden-drop {
  from {
    opacity: 0;
    transform: translateY(calc(-26 * var(--u))) scale(0.92);
  }
  70% {
    opacity: 1;
    transform: translateY(calc(3 * var(--u)));
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes gdoc-app-orden-lift {
  from {
    opacity: 0;
    transform: scale(0.97);
  }
  60% {
    opacity: 1;
    transform: scale(1.02);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes gdoc-app-orden-pop {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
  60% {
    opacity: 1;
    transform: scale(1.12);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes gdoc-app-orden-press {
  from, to {
    transform: none;
  }
  35% {
    transform: scale(0.94);
  }
}

@keyframes gdoc-app-orden-ring {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: scale(1.2);
  }
}

@keyframes gdoc-app-orden-rise {
  from {
    opacity: 0;
    transform: translateY(calc(34 * var(--u))) scale(0.94);
  }
  70% {
    opacity: 1;
    transform: translateY(calc(-3 * var(--u)));
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes gdoc-app-orden-slide {
  from {
    opacity: 0;
    transform: translateX(calc(44 * var(--u)));
  }
  70% {
    opacity: 1;
    transform: translateX(calc(-3 * var(--u)));
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes gdoc-app-orden-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

@keyframes gdoc-app-orden-ui {
  0% {
    transform: perspective(1800px) rotateX(7deg) rotateY(-6deg) scale(0.95);
    opacity: 0.4;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1);
  }
  6.4% {
    opacity: 1;
  }
  17.8% {
    transform: perspective(1800px) rotateX(0deg) rotateY(0deg) scale(1);
    animation-timing-function: ease-in-out;
  }
  67% {
    transform: perspective(1800px) translate(calc(-6 * var(--u)), calc(-4 * var(--u))) scale(1.012);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: perspective(1800px) rotateX(0deg) rotateY(0deg) scale(1);
    opacity: 1;
  }
}

@keyframes gdoc-app-orden-wipe {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-rows {
  position: absolute;
  left: calc(234.1 * var(--u));
  top: calc(366 * var(--u));
  width: calc(707 * var(--u));
  height: calc(161.7 * var(--u));
  overflow: hidden;
  border-radius: 0 0 calc(8.77 * var(--u)) calc(8.77 * var(--u));
  z-index: 0; /* su propio contexto de apilado: el orden de las filas no tapa el cursor ni la fila levantada */
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-sort-down {
  z-index: 1;
  animation: gdoc-app-orden-down 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s both;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-sort-up {
  z-index: 2;
  animation: gdoc-app-orden-up 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s both, gdoc-app-orden-shadow 0.6s ease-in-out 1.25s both;
}

.ps_banner .ps_banner--col .r2anim--gdoc-app-orden .r2g-sortarrow {
  transform-origin: 50% 50%;
  animation: gdoc-app-orden-pop 0.35s 1.15s both;
}

@keyframes gdoc-app-orden-up {
  from {
    transform: translateY(calc(111.5 * var(--u)));
  }
  to {
    transform: none;
  }
}

@keyframes gdoc-app-orden-shadow {
  from, to {
    filter: none;
  }
  50% {
    filter: drop-shadow(0 calc(4 * var(--u)) calc(6 * var(--u)) rgba(0, 0, 0, 0.18));
  }
}

@keyframes gdoc-app-orden-down {
  from {
    transform: translateY(calc(-111.5 * var(--u)));
  }
  to {
    transform: none;
  }
}