/* Utilities para contenido enriquecido de mensajes */
.messages-inline { display: grid; gap: 12px; }
.message-card { background: var(--glass-bg-light, rgba(255,255,255,0.03)); border: 1px solid var(--glass-border, rgba(255,255,255,0.08)); border-radius: 12px; padding: 16px; }

/* Tipografía */
.font-sans { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, Arial, sans-serif; }
.font-serif { font-family: Georgia, 'Times New Roman', serif; }
.font-mono { font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; }
.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.bold { font-weight: 700; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

/* Colores y efectos */
.highlight { background: rgba(255, 255, 255, 0.06); padding: 2px 6px; border-radius: 6px; }
.shadow { box-shadow: 0 10px 30px rgba(0,0,0,0.25); }

/* Animaciones sencillas */
.fade-in { animation: msgFadeIn .6s cubic-bezier(0.4,0,0.2,1) both; }
.pulse { animation: msgPulse 1.6s ease-in-out infinite; }
@keyframes msgFadeIn { from { opacity:0; transform: translateY(8px);} to { opacity:1; transform: translateY(0);} }
@keyframes msgPulse { 0%,100% { transform: scale(1);} 50% { transform: scale(1.02);} }