.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
body { font-family: 'Outfit', 'Inter', sans-serif; background-color: #050505; color: #ffffff; }
.glass-overlay { background: rgba(5, 5, 5, 0.8); backdrop-filter: blur(24px); }
.btn-primary { background: linear-gradient(135deg, #00FFCC 0%, #33FF99 100%); color: #000000; font-weight: 600; box-shadow: 0 0 10px rgba(0, 255, 204, 0.2); transition: all 0.3s ease; }
.btn-primary:hover { box-shadow: 0 0 15px rgba(0, 255, 204, 0.4); }
*, ::before, ::after { border-color: transparent; outline: none; }

/* Global Chat Drawer Styles */
#kroni-drawer { transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
#kroni-drawer.hidden-drawer { transform: translateX(100%); }
.prose-chat { line-height: 1.5; font-size: 13px; }
.prose-chat strong { font-weight: 700; }
.prose-chat ul { list-style-type: disc; padding-left: 20px; margin: 8px 0; }
.chat-bubble-bot { background: #111111; border: 1px solid rgba(0, 255, 204, 0.2); box-shadow: 0 4px 15px rgba(0,255,204,0.05); color: #ffffff; }
.chat-bubble-user { background: linear-gradient(135deg, #00FFCC 0%, #33FF99 100%); color: #000000; font-weight: 600; }

/* Push Content Logic */
@media (min-width: 1200px) {
    body.drawer-open main#main-content {
        margin-right: 450px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    body.drawer-open main#main-content {
        margin-right: 380px;
    }
}
main#main-content { transition: margin-right 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
#global-fabs { transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

/* Living Avatar Animations */
@keyframes floatRobot {
    0% { transform: translateY(0px) rotate(-2deg); }
    50% { transform: translateY(-12px) rotate(2deg); }
    100% { transform: translateY(0px) rotate(-2deg); }
}
@keyframes thinkingPulse {
    0% { filter: drop-shadow(0 0 0 rgba(0, 255, 204, 0.4)); }
    50% { filter: drop-shadow(0 0 15px rgba(0, 255, 204, 0.8)); }
    100% { filter: drop-shadow(0 0 0 rgba(0, 255, 204, 0)); }
}
@keyframes glintRobot {
    0% { left: -150%; }
    30% { left: 150%; }
    100% { left: 150%; }
}

.avatar-float { animation: floatRobot 3.5s ease-in-out infinite; }
.avatar-container { position: relative; overflow: visible; display: flex; align-items: center; justify-content: center; }

.avatar-glint-layer {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    overflow: hidden;
    pointer-events: none;
    z-index: 5;
}
.avatar-glint-layer::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.7), transparent);
    animation: glintRobot 5s infinite;
}

.avatar-thinking { animation: thinkingPulse 2s infinite; border-radius: 50% !important; }
.kroni-avatar-img { 
    width: 100%; 
    height: 100%; 
    object-fit: contain; 
    mix-blend-mode: screen; /* Para ocultar el fondo negro de la imagen IA */
    transform: scale(1.05);
}