/* ============================================================
   ASISTENTE-VIRTUAL.CSS
   ============================================================ */

.chat-mock{background:var(--panel); border:1px solid var(--panel-border); border-radius:16px; padding:20px; display:flex; flex-direction:column; gap:12px; max-width:420px;}
.bubble{padding:10px 14px; border-radius:12px; font-size:.85rem; max-width:80%;}
.bubble.bot{background:rgba(79,184,201,.12); align-self:flex-start; border:1px solid var(--panel-border);}
.bubble.user{background:var(--grad); color:#04211a; align-self:flex-end; font-weight:500;}

/* ============================================================
   RESPONSIVE — asistente-virtual.css
   ============================================================ */
@media (max-width:760px){
  .chat-mock{max-width:100%;}
}