/* Asistente Mirá: estilos aislados de la interfaz existente */
#asistente-mira{position:fixed;right:18px;bottom:18px;z-index:9999;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#311047}
#asistente-mira *{box-sizing:border-box}
#asistente-mira .mira-launch{display:flex;align-items:center;gap:9px;border:0;background:#fff;border-radius:55px;padding:7px 13px 7px 7px;box-shadow:0 5px 25px #32104839;cursor:pointer;color:#311047;font-weight:700;font-size:14px;max-width:205px}
#asistente-mira .mira-avatar{height:53px;width:53px;object-fit:contain;border-radius:50%;background:#fff4e9}
#asistente-mira .mira-figura{font-size:39px;line-height:1}
#asistente-mira .mira-panel{display:none;width:min(350px,calc(100vw - 28px));max-height:min(550px,calc(100dvh - 105px));overflow:hidden;flex-direction:column;border-radius:19px;background:#fff;box-shadow:0 8px 34px #32104840;border:1px solid #f2dfea;margin-bottom:11px}
#asistente-mira.mira-abierto .mira-panel{display:flex}
#asistente-mira .mira-cabecera{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(110deg,#ff4d65,#ff9414);color:#fff}
#asistente-mira .mira-cabecera strong{font-size:17px}
#asistente-mira .mira-cerrar{background:transparent;border:0;color:white;cursor:pointer;font-size:25px;padding:0 5px}
#asistente-mira .mira-contenido{overflow-y:auto;padding:16px;line-height:1.45;font-size:14px}
#asistente-mira .mira-intro{background:#f6f1fa;padding:13px;border-radius:13px;margin:0 0 14px}
#asistente-mira .mira-opciones{display:grid;gap:8px}
#asistente-mira .mira-opciones button{background:#fff;border:1px solid #ecdcea;border-radius:11px;padding:11px;text-align:left;cursor:pointer;color:#321048;font:inherit}
#asistente-mira .mira-opciones button:hover,#asistente-mira .mira-opciones button:focus-visible{background:#faf1ff;border-color:#8b3da3}
#asistente-mira .mira-respuesta{margin-top:14px;border-left:3px solid #ff811a;padding:8px 12px;background:#fff7f0;border-radius:5px}
#asistente-mira .mira-respuesta a{font-weight:700;color:#642188}
#asistente-mira .mira-volver{border:0;background:transparent;color:#642188;font-weight:700;cursor:pointer;margin-top:12px}
@media(max-width:480px){#asistente-mira{bottom:12px;right:12px}#asistente-mira .mira-panel{max-height:calc(100dvh - 90px)}}
@media(prefers-reduced-motion:no-preference){#asistente-mira .mira-avatar{animation:mira-flotar 3.2s ease-in-out infinite}@keyframes mira-flotar{50%{transform:translateY(-3px)}}}

/* Los ojos miran alrededor y vuelven al centro, sin consumir datos */
#asistente-mira .mira-figura{display:inline-flex;align-items:center;justify-content:center;width:65px;height:70px}
#asistente-mira .mira-figura svg{width:65px;height:70px;overflow:visible;filter:drop-shadow(0 2px 3px #6d2b3c25)}
#asistente-mira .mira-pupilas{transform-box:fill-box;transform-origin:center}
@media(prefers-reduced-motion:no-preference){
 #asistente-mira .mira-pupilas{animation:mira-mirar 6s ease-in-out infinite}
 @keyframes mira-mirar{0%,14%,38%,64%,100%{transform:translate(0,0)}20%,30%{transform:translate(-3px,0)}46%,57%{transform:translate(3px,0)}72%,79%{transform:translate(0,-2px)}}
}

#asistente-mira [hidden]{display:none!important}
#asistente-mira .mira-figura{width:68px;height:68px}
#asistente-mira .mira-avatar{width:68px;height:68px;object-fit:contain;border-radius:0;background:transparent}
@media(prefers-reduced-motion:no-preference){#asistente-mira .mira-avatar{animation:mira-flotar 3.2s ease-in-out infinite}}

/* Mirá más visible y diálogo en globitos */
#asistente-mira .mira-launch{max-width:245px;min-height:86px;padding:6px 17px 6px 5px;gap:12px}
#asistente-mira .mira-figura{width:84px;height:84px;flex:none}
#asistente-mira .mira-avatar{width:84px;height:84px;object-fit:contain}
#asistente-mira .mira-conversacion{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
#asistente-mira .mira-conversacion:empty{display:none}
#asistente-mira .mira-burbuja{max-width:94%;padding:11px 13px;border-radius:15px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#asistente-mira .mira-burbuja-usuario{align-self:flex-end;background:#eee1f5;color:#38154d;border-bottom-right-radius:4px}
#asistente-mira .mira-burbuja-mira{align-self:flex-start;background:#fff3e9;color:#38154d;border-bottom-left-radius:4px}
#asistente-mira .mira-burbuja a{color:#69218d;font-weight:700}
@media(max-width:480px){#asistente-mira .mira-launch{max-width:220px}}

/* Parpadeo sobre los ojos de la mascota 3D original */
#asistente-mira .mira-figura{position:relative}
#asistente-mira .mira-parpado{position:absolute;display:block;pointer-events:none;background:linear-gradient(180deg,#ffad1c,#f58a0d);border-bottom:1px solid #a8460a;border-radius:50% 50% 45% 45%;height:14px;transform:scaleY(0);transform-origin:top;opacity:0}
#asistente-mira .mira-parpado-izq{left:30px;top:31px;width:13px;transform:rotate(-8deg) scaleY(0)}
#asistente-mira .mira-parpado-der{left:47px;top:34px;width:12px;transform:rotate(10deg) scaleY(0)}
@media(prefers-reduced-motion:no-preference){
 #asistente-mira .mira-parpado-izq{animation:mira-parpadeo-izq 7s infinite}
 #asistente-mira .mira-parpado-der{animation:mira-parpadeo-der 7s infinite}
 #asistente-mira.mira-saludo .mira-avatar{animation:mira-saludar .7s ease-in-out 1,mira-flotar 3.2s ease-in-out .7s infinite}
 @keyframes mira-parpadeo-izq{0%,43%,46%,100%{transform:rotate(-8deg) scaleY(0);opacity:0}44%,45%{transform:rotate(-8deg) scaleY(1);opacity:1}}
 @keyframes mira-parpadeo-der{0%,43%,46%,100%{transform:rotate(10deg) scaleY(0);opacity:0}44%,45%{transform:rotate(10deg) scaleY(1);opacity:1}}
 @keyframes mira-saludar{0%,100%{transform:rotate(0)}30%{transform:rotate(-9deg)}65%{transform:rotate(7deg)}}
}

/* Corrección: mantener la mascota 3D quieta; la imagen plana no permite animar pupilas independientes */
#asistente-mira .mira-avatar{animation:none!important;transform:none!important}
#asistente-mira .mira-parpado{display:none!important}

/* Ojos independientes: imagen 3D fija y pupilas móviles por encima */
#asistente-mira .mira-figura{position:relative;isolation:isolate}
#asistente-mira .mira-ojo{position:absolute;display:block;overflow:hidden;border-radius:50%;background:radial-gradient(ellipse at 42% 35%,#fff 0%,#fff 58%,#f2e7da 100%);box-shadow:inset 0 0 1px #44201470;pointer-events:none}
#asistente-mira .mira-ojo-izq{left:30.5px;top:31px;width:11px;height:12px;transform:rotate(-7deg)}
#asistente-mira .mira-ojo-der{left:46.4px;top:34px;width:12.5px;height:12.5px;transform:rotate(8deg)}
#asistente-mira .mira-pupila{position:absolute;left:27%;top:23%;width:66%;height:69%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0 10%,#27150f 13% 38%,#6b351b 65%,#351710 95%);box-shadow:0 0 1px #24110c;transform:translate(0,0)}
@media(prefers-reduced-motion:no-preference){
 #asistente-mira .mira-ojo .mira-pupila{animation:mira-mirar-3d 7s ease-in-out infinite}
 #asistente-mira .mira-ojo{animation:mira-cerrar-3d 7s ease-in-out infinite;transform-origin:center}
 @keyframes mira-mirar-3d{0%,13%,37%,61%,100%{translate:0 0}18%,30%{translate:-2px 0}43%,55%{translate:1.5px 0}68%,78%{translate:0 -1px}}
 @keyframes mira-cerrar-3d{0%,84%,87%,100%{clip-path:inset(0 0 0 0)}85%,86%{clip-path:inset(47% 0 47% 0)}}
}

/* Evitar mirada bizca: pupilas centradas y desplazamiento sincronizado */
#asistente-mira .mira-pupila{left:19%;top:19%;width:62%;height:66%}
@media(prefers-reduced-motion:no-preference){
 #asistente-mira .mira-ojo .mira-pupila{animation:mira-mirada-sincronizada 8s ease-in-out infinite}
 @keyframes mira-mirada-sincronizada{
  0%,15%,35%,55%,75%,100%{translate:0 0}
  20%,30%{translate:-1.5px 0}
  40%,50%{translate:1.5px 0}
  60%,70%{translate:0 -1px}
 }
}

/* Flotación visible de Mirá: se mueve la figura completa, no el botón ni el chat */
#asistente-mira .mira-ojo{display:none!important}
#asistente-mira .mira-figura{position:relative;overflow:visible;transform-origin:center 80%;will-change:transform}
#asistente-mira .mira-figura::after{content:"";position:absolute;left:22%;right:22%;bottom:-5px;height:9px;border-radius:50%;background:rgba(91,45,61,.22);filter:blur(4px);z-index:-1;pointer-events:none}
#asistente-mira .mira-avatar{animation:none!important;transform:none!important}
@media(prefers-reduced-motion:no-preference){
 #asistente-mira .mira-figura{animation:mira-flotacion-visible 2.8s ease-in-out infinite}
 #asistente-mira .mira-figura::after{animation:mira-sombra-flotante 2.8s ease-in-out infinite}
 @keyframes mira-flotacion-visible{0%,100%{transform:translateY(1px) rotate(-2deg)}50%{transform:translateY(-11px) rotate(2deg)}}
 @keyframes mira-sombra-flotante{0%,100%{transform:scaleX(1);opacity:.55}50%{transform:scaleX(.7);opacity:.22}}
}
@media(prefers-reduced-motion:reduce){#asistente-mira .mira-figura{animation:none}}

/* Tiko animado: el movimiento viene del video, no del contenedor */
#asistente-mira .mira-avatar-video{display:block;width:84px;height:84px;object-fit:contain;background:transparent;border:0}
#asistente-mira .mira-figura:has(.mira-avatar-video){animation:none!important;transform:none!important}
#asistente-mira .mira-figura:has(.mira-avatar-video)::after{display:none}

/* Tiko un poquito más grande sin agrandar el panel del chat */
#asistente-mira .mira-figura{width:102px;height:102px}
#asistente-mira .mira-avatar,#asistente-mira .mira-avatar-video{width:102px;height:102px}
#asistente-mira .mira-launch{min-height:106px;max-width:265px}
@media(max-width:480px){#asistente-mira .mira-launch{max-width:245px}}