/* =========================================================
   Evi — mascota de marca evertel
   Cabeza flotante con auriculares de teleoperador · 100% CSS
   Base 220×230. Escala con .evi{transform:scale(x)}.
   Markup: ver #evi-tpl (inyectado por app.js en [data-evi]).
   ========================================================= */
.evi{--cyan:#22C8EA;--teal:#16B89C;--green:#23C16B;
  position:relative;width:220px;height:230px;flex:none;transform-origin:center bottom}
.evi *{box-sizing:border-box}
.evi .e-glow{position:absolute;left:50%;top:42%;width:200px;height:200px;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(34,200,234,.34),rgba(55,227,127,.16) 46%,transparent 70%);filter:blur(7px);z-index:0;animation:e-breathe 6s ease-in-out infinite}
.evi .grp{position:absolute;left:50%;top:30px;width:160px;height:150px;transform:translateX(-50%);animation:e-float 5s ease-in-out infinite;z-index:2}
.evi .band{position:absolute;left:50%;top:-2px;width:168px;height:150px;transform:translateX(-50%);border:8px solid #2b3650;border-bottom-color:transparent;border-radius:50%;z-index:1}
.evi .head{position:absolute;left:50%;top:8px;width:150px;height:138px;transform:translateX(-50%);z-index:2;border-radius:47% 47% 45% 45%/51% 51% 49% 49%;
  background:radial-gradient(120% 110% at 35% 26%,#fff 0%,#eef4fb 52%,#d8e3ef 100%);
  box-shadow:inset 0 14px 22px -12px #fff,inset 0 -20px 30px -16px rgba(110,132,165,.5),0 26px 46px -22px rgba(20,30,55,.4)}
.evi .ear{position:absolute;top:70px;width:22px;height:38px;border-radius:13px;background:linear-gradient(#3a455c,#1b2436);z-index:4;box-shadow:inset 0 0 6px rgba(34,200,234,.55)}
.evi .ear.l{left:-4px}.evi .ear.r{right:-4px}
.evi .mic{position:absolute;left:34px;top:108px;width:6px;height:42px;border-radius:5px;background:linear-gradient(#2b3650,#1b2436);transform-origin:top center;transform:rotate(-44deg);z-index:5}
.evi .mic::after{content:'';position:absolute;bottom:-7px;left:50%;width:14px;height:14px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 38% 32%,#3a455c,#10182b);box-shadow:0 0 7px rgba(34,200,234,.5)}
.evi .visor{position:absolute;left:50%;top:42px;width:104px;height:80px;transform:translateX(-50%);z-index:3;border-radius:50% 50% 48% 48%/54% 54% 46% 46%;overflow:hidden;
  background:linear-gradient(155deg,#12203a,#1c2c4a 48%,#0a1426);box-shadow:inset 0 4px 9px -2px rgba(120,170,220,.4),inset 0 -8px 15px -5px #000}
.evi .visor::before{content:'';position:absolute;left:-18%;top:-32%;width:82%;height:120%;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.32),transparent 55%);transform:rotate(-12deg)}
.evi .veye{position:absolute;top:28px;width:19px;height:23px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#eafff8,var(--cyan) 70%,var(--teal));box-shadow:0 0 11px rgba(34,200,234,.85);animation:e-blink 4.6s infinite;z-index:2}
.evi .veye.l{left:24px}.evi .veye.r{right:24px}
.evi .vsm{position:absolute;left:50%;top:54px;width:28px;height:12px;transform:translateX(-50%);border-bottom:3px solid rgba(122,240,200,.92);border-radius:0 0 28px 28px;z-index:2}
.evi .ant{position:absolute;left:50%;top:-20px;width:4px;height:18px;transform:translateX(-50%);background:#cdd8e6;border-radius:4px;z-index:0}
.evi .ant::after{content:'';position:absolute;left:50%;top:-9px;width:12px;height:12px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#7ff0c0,var(--green));box-shadow:0 0 11px 2px rgba(55,227,127,.8);animation:e-blip 2.2s infinite}
.evi .e-shadow{position:absolute;left:50%;bottom:6px;width:120px;height:20px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(20,30,55,.26),transparent 70%);filter:blur(3px);z-index:0;animation:e-shadow 5s ease-in-out infinite}

@keyframes e-float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-13px)}}
@keyframes e-shadow{0%,100%{transform:translateX(-50%) scale(1);opacity:.5}50%{transform:translateX(-50%) scale(.82);opacity:.32}}
@keyframes e-breathe{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.78}50%{transform:translate(-50%,-50%) scale(1.07);opacity:1}}
@keyframes e-blink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
@keyframes e-blip{0%,100%{opacity:.7}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.evi .grp,.evi .e-glow,.evi .e-shadow,.evi .veye,.evi .ant::after{animation:none!important}}