/* ---------- Hermanos de la nube: Sol, Luna y Tormenta ---------- */
.mascot[data-kind="sun"] .m-glow { fill: #ffb627; opacity: .4; }
.mascot[data-kind="sun"] .m-cloud { filter: drop-shadow(0 2px 4px rgba(230, 140, 20, .35)); }
.mascot[data-kind="sun"] .m-cheek { fill: #ff7a59; }
.m-rays path { fill: #ffb627; stroke: #ffd56b; stroke-width: 3; stroke-linejoin: round; }
.m-rays path { animation: m-ray 2.4s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.m-rays path:nth-child(odd) { animation-delay: 1.2s; }
.mascot[data-kind="moon"] .m-glow { fill: #a5b4fc; opacity: .14; }
.mascot[data-kind="moon"] .m-cloud { filter: drop-shadow(0 2px 4px rgba(90, 100, 170, .3)); }
.m-craters circle { fill: #c3cbe0; opacity: .8; }
.m-stars path { fill: #fde68a; animation: m-twinkle 2.6s ease-in-out infinite; }
.m-stars path:nth-child(2) { animation-delay: .7s; } .m-stars path:nth-child(3) { animation-delay: 1.3s; } .m-stars path:nth-child(4) { animation-delay: 1.9s; }
.mascot[data-kind="storm"] .m-glow { fill: #7c8bb8; opacity: .35; }
.mascot[data-kind="storm"] .m-cloud { filter: drop-shadow(0 2px 4px rgba(40, 50, 90, .4)); }
.m-rain path { stroke: #7dd3fc; stroke-width: 2.6; stroke-linecap: round; animation: m-rain 1s linear infinite; }
.m-bolt { fill: #fde047; stroke: #f59e0b; stroke-width: 1; animation: m-flash 3.4s ease-in-out infinite; }
@keyframes m-ray { 0%, 100% { opacity: .55; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.1); } }
@keyframes m-twinkle { 0%, 100% { opacity: .35; transform: scale(.85); } 50% { opacity: 1; transform: scale(1.1); } }
@keyframes m-rain { 0% { transform: translateY(-4px); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateY(10px); opacity: 0; } }
@keyframes m-flash { 0%, 86%, 100% { opacity: 0; } 88%, 92% { opacity: 1; } 90% { opacity: .3; } }
.m-stars path { transform-box: fill-box; transform-origin: center; }
@media (prefers-reduced-motion: reduce) { .m-rays path, .m-stars path, .m-rain path, .m-bolt { animation: none; } .m-bolt { opacity: 1; } }
/* Hermano usado como avatar de un agente: sin círculo de color detrás, la mascota ocupa la caja */
.bot-av.bot-kin { background: none !important; box-shadow: none !important; overflow: visible; display: inline-grid; place-items: center; }
.bot-av.bot-kin svg { width: 128%; height: 128%; margin: -14%; }
.bot-av.bot-kin .m-shadow, .bot-av.bot-kin .m-dots, .bot-av.bot-kin .m-zzz, .bot-av.bot-kin .m-fx { display: none; }

/* Luna creciente: el brazo derecho se acerca al cuerpo */
.mascot[data-kind="moon"] .m-arm.r { transform: translate(-10px, 0); }
.mascot[data-kind="sun"] .m-arm-line, .mascot[data-kind="sun"] .m-hand { stroke: #ffe9a8; fill: #ffe9a8; }

/* Estrella (Escritor) */
.mascot[data-kind="star"] .m-glow { fill: #ffb3c7; opacity: .32; }
.mascot[data-kind="star"] .m-cloud { filter: drop-shadow(0 2px 4px rgba(230, 120, 140, .35)); }
.mascot[data-kind="star"] .m-cheek { fill: #ff7aa2; }
.mascot[data-kind="star"] .m-arm-line { stroke: #ffe3b0; } .mascot[data-kind="star"] .m-hand { fill: #ffe3b0; }

/* Solo las nubes tienen brazos: el sol, la luna y la estrella no. */
.mascot[data-kind="sun"] .m-arm, .mascot[data-kind="moon"] .m-arm, .mascot[data-kind="star"] .m-arm { display: none; }