.il-callcenter .llamada,.il-callcenter .llamada-viva{opacity:0}.il-callcenter .barra,.il-callcenter .estado,.il-callcenter .libre{transform-box:fill-box;transform-origin:50%}html[data-anim] .il-callcenter:not([data-visto]) .monitor,html[data-anim] .il-callcenter:not([data-visto]) .estado,html[data-anim] .il-callcenter:not([data-visto]) .libre,html[data-anim] .il-callcenter:not([data-visto]) .diadema{opacity:0}html[data-anim] .il-callcenter:not([data-visto]) .barra{transform:scaleY(.12)}.il-callcenter .puesto,.il-callcenter .llamada{--llega:calc(.4s + min(var(--t), 1) * 2.24s + max(var(--t) - 1, 0) * .26s)}html[data-anim] .il-callcenter[data-visto] .llamada{animation:llamada-entra 1.05s cubic-bezier(.55, .1, .35, 1) var(--llega) both}@keyframes llamada-entra{0%{opacity:0;transform:translate(0)scale(.6)}8%{opacity:1;transform:translate(0)scale(1)}42%{transform:translate(var(--ax), 0)}68%{transform:translate(var(--ax), var(--ay))}90%{opacity:1;transform:translate(var(--dx), var(--dy)) scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(2.2)}}html[data-anim] .il-callcenter[data-visto] .monitor{animation:enciende .35s var(--ease-salida) calc(var(--llega) + .95s) both}html[data-anim] .il-callcenter[data-visto] .diadema{animation:enciende .35s var(--ease-salida) calc(var(--llega) + .95s) both, cc-diadema var(--ritmo) ease-in-out calc(6.8s + var(--fase)) infinite}html[data-anim] .il-callcenter[data-visto] .estado{animation:estado-entra .6s var(--ease-resorte) calc(var(--llega) + .95s) both, cc-ocupado var(--ritmo) ease-in-out calc(6.8s + var(--fase)) infinite}html[data-anim] .il-callcenter[data-visto] .libre{animation:.3s linear 6.8s both enciende}@keyframes enciende{0%{opacity:0}}@keyframes estado-entra{0%{opacity:0;transform:scale(.2)}}@keyframes cc-ocupado{0%,60%{opacity:1;transform:none}64%,90%{opacity:0;transform:scale(.4)}95%,to{opacity:1;transform:none}}@keyframes cc-diadema{0%,60%{opacity:1}64%,90%{opacity:.25}95%,to{opacity:1}}html[data-anim] .il-callcenter[data-visto] .llamada-viva{animation:cc-llamada-viva var(--ciclo) linear 7.2s infinite}.il-callcenter .llamada-viva+.llamada-viva{animation-delay:8.9s}.il-callcenter .llamada-viva+.llamada-viva+.llamada-viva{animation-delay:10.4s}.il-callcenter .llamada-viva+.llamada-viva+.llamada-viva+.llamada-viva{animation-delay:12.1s}@keyframes cc-llamada-viva{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.1,.35,1);transform:translate(0)scale(.6)}1.5%{opacity:1;transform:translate(0)scale(1)}6.5%{transform:translate(var(--ax), 0)}10%{transform:translate(var(--ax), var(--ay))}13%{opacity:1;transform:translate(var(--dx), var(--dy)) scale(1)}15%,to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(2.2)}}html[data-anim] .il-callcenter[data-visto] .barra{animation:voz calc(.62s + var(--k) * 90ms) cubic-bezier(.45, 0, .55, 1) calc(1.35s + var(--k) * 70ms) infinite alternate both}@keyframes voz{0%{transform:scaleY(.14)}to{transform:scaleY(1)}}html[data-anim] .il-callcenter[data-visto] .enLinea{animation:2.4s ease-in-out 1.35s infinite en-linea}@keyframes en-linea{50%{opacity:.35}}