/* Mascotas de los agentes de IA (template-parts/agentes-mascotas.php): fase 6 de MediaSnout y brochure. */
/* El muñequito: mascota blandita en el color del agente aclarado, orejas, patas y cola en su color, flota, parpadea y mueve la cola. */
.msn-muneco { display: block; width: 6.2em; height: auto; overflow: visible; animation: msn-flota-ag 3.2s ease-in-out infinite; animation-delay: calc(var(--i) * -.6s); }
.msn-agente[data-listo] .msn-muneco { animation: msn-salto .6s var(--rebote, cubic-bezier(.34, 1.56, .64, 1)), msn-flota-ag 3.2s ease-in-out .6s infinite; }
.msn-muneco .cuerpo { fill: color-mix(in srgb, var(--c) 34%, #fff); }
.msn-muneco .o, .msn-muneco .brazo, .msn-muneco .pie, .msn-muneco .cola, .msn-muneco .mancha { fill: color-mix(in srgb, var(--c) 62%, #fff); }
.msn-muneco .oi { fill: #FFC7DC; }
.msn-muneco .luz { fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; opacity: .55; }
.msn-muneco .panza, .msn-muneco .hocico { fill: #fff; opacity: .78; }
.msn-muneco .mechon { fill: none; stroke: color-mix(in srgb, var(--c) 62%, #fff); stroke-width: 2.6; stroke-linecap: round; }
.msn-muneco .dedos { fill: none; stroke: color-mix(in srgb, var(--c) 80%, #1A1A1A); stroke-width: 1.3; stroke-linecap: round; opacity: .45; }
.msn-muneco .pata-ave { fill: none; stroke: #FF9F43; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.msn-muneco .ojos { fill: #1A1A1A; transform-box: fill-box; transform-origin: center; animation: msn-parpadea 4.5s infinite; animation-delay: calc(var(--i) * .7s); }
.msn-muneco .brillo { fill: #fff; }
.msn-muneco .cachete { fill: #FF7AA8; opacity: .4; }
.msn-muneco .nariz { fill: #1A1A1A; }
.msn-muneco .nariz--rosa { fill: #FF6F91; }
.msn-muneco .boca, .msn-muneco .bigotes { fill: none; stroke: #1A1A1A; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.msn-muneco .boca--fina { stroke: rgba(26, 26, 26, .25); stroke-width: .8; }
.msn-muneco .bigotes { stroke: rgba(26, 26, 26, .4); stroke-width: 1.2; }
.msn-muneco .lengua { fill: #FF6F91; }
.msn-muneco .dientes { fill: #fff; stroke: rgba(26, 26, 26, .35); stroke-width: .8; }
.msn-muneco .pico { fill: #FF9F43; }
.msn-muneco .pico-linea { fill: none; stroke: #D9772B; stroke-width: 1; stroke-linecap: round; }
.msn-muneco .collar { fill: color-mix(in srgb, var(--c) 88%, #1A1A1A); }
.msn-muneco .argolla { fill: none; stroke: #E8B931; stroke-width: 1.6; }
.msn-muneco .placa { fill: #FFD84D; stroke: #E8B931; stroke-width: 1.4; }
.msn-muneco .icono { fill: #8A5A00; stroke: #8A5A00; stroke-width: 0; }
.msn-muneco .icono [fill="none"] { stroke-width: 2.3; }
.msn-muneco .sombra { fill: rgba(17, 17, 17, .1); }
.msn-muneco .cola--mueve { transform-box: view-box; transform-origin: 80px 100px; animation: msn-cola 1.1s ease-in-out infinite; }
@keyframes msn-cola { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(10deg); } }
@keyframes msn-flota-ag { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-.35em); } }
@keyframes msn-salto { 0% { transform: translateY(0); } 40% { transform: translateY(-1em) scale(1.04, .96); } 100% { transform: translateY(0); } }
@keyframes msn-parpadea { 0%, 92%, 100% { transform: scaleY(1); } 95% { transform: scaleY(.1); } }
@media (prefers-reduced-motion: reduce) { .msn-muneco, .msn-muneco .ojos, .msn-muneco .cola--mueve { animation: none !important; } }
/* Zorro (Rastro): orejas con la punta oscura y la cola con la punta blanca. */
.msn-muneco .oi--oscura { fill: color-mix(in srgb, var(--c) 70%, #3A1E0A); }
.msn-muneco .punta { fill: #fff; }
.msn-muneco--zorro .cola--mueve { transform-origin: 78px 102px; }