.asist{display:flex;flex-direction:column;height:calc(100vh - 11rem);min-height:380px;max-width:820px}
@supports(height:100dvh){.asist{height:calc(100dvh - 11rem)}}
.as-msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding:.2rem .1rem .8rem}
.burbuja{max-width:88%;padding:.6rem .8rem;border-radius:14px;border:1px solid var(--linea);background:var(--tarjeta);box-shadow:var(--sombra)}
.burbuja.yo{align-self:flex-end;background:var(--acento);color:var(--sobre);border-color:var(--acento)}
.burbuja.ia{align-self:flex-start}
.burbuja.error{border-color:var(--mal)}
.b-texto{white-space:pre-wrap;overflow-wrap:anywhere}
.as-acciones{margin-top:.6rem;justify-content:flex-start}
.as-nota{display:block;margin-top:.4rem}
.as-form{display:flex;gap:.6rem;align-items:flex-end;padding-top:.6rem;border-top:1px solid var(--linea)}
.as-form textarea{flex:1;resize:none}
.as-pie{margin:.4rem 0 0;font-size:.78rem}
.as-inicio{padding:.4rem 0}
.as-inicio h2{font-size:1.2rem;margin-bottom:.3rem}
.as-grupo{margin-top:.8rem}
.as-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.as-chip{text-align:left}
@media(max-width:899px){
  .asist{height:calc(100vh - 14rem)}
  .burbuja{max-width:94%}
  .lateral nav{overflow-x:auto}
  .lateral nav a{flex:none}
}
@supports(height:100dvh){@media(max-width:899px){.asist{height:calc(100dvh - 14rem)}}}