<div class="flex-1 overflow-hidden">
<div class="h-full">
<div class="react-scroll-to-bottom--css-kolow-79elbk h-full">
<div class="react-scroll-to-bottom--css-kolow-1n7m0yu">
<div class="flex flex-col text-sm">
<div class="w-full text-token-text-primary" dir="auto" data-testid="conversation-turn-3" data-scroll-anchor="true">
<div class="py-2 juice:py-[18px] px-3 text-base md:px-4 m-auto md:px-5 lg:px-1 xl:px-5">
<div class="mx-auto flex flex-1 gap-3 text-base juice:gap-4 juice:md:gap-5 juice:lg:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]">
<div class="flex-shrink-0 flex flex-col relative items-end">
<div>
<div class="pt-0.5 juice:pt-0">
<div class="gizmo-bot-avatar flex h-6 w-6 items-center justify-center overflow-hidden rounded-full juice:h-8 juice:w-8">&nbsp;</div>
</div>
</div>
</div>
<div class="group/conversation-turn relative flex w-full min-w-0 flex-col agent-turn">
<div class="flex-col gap-1 md:gap-3">
<div class="flex flex-grow flex-col max-w-full">
<div class="min-h-[20px] text-message flex flex-col items-start whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 juice:w-full juice:items-end overflow-x-auto gap-3" dir="auto" data-message-author-role="assistant" data-message-id="b5a4f98a-9542-4e8d-964d-dfd9580d5a94">
<div class="markdown prose w-full break-words dark:prose-invert light">
<h3 style="text-align: center;"><em><strong>&iexcl;No te pierdas el evento del a&ntilde;o! </strong></em></h3>
<p>Linda Yanecita, Magda, Agrupaci&oacute;n Aynis, Rosalinda, Florcita Villano, Rosita Coraz&oacute;n y m&aacute;s se presentar&aacute;n en el Primer Saclayazo en el Complejo Santa Rosa.</p>
<p>Disfruta de un d&iacute;a llena de m&uacute;sica, diversi&oacute;n y buen ambiente.</p>
<p>&iexcl;&Uacute;nete a nosotros para una experiencia inolvidable!</p>
</div>
</div>
</div>
<div class="mt-1 flex gap-3 empty:hidden juice:-ml-3">
<div class="-ml-1 mt-0 flex h-7 items-center justify-center gap-[2px] self-end text-gray-400 lg:justify-start lg:self-center visible">&nbsp;</div>
</div>
<div class="pr-2 lg:pr-0">&nbsp;</div>
<div class="mt-3 w-full empty:hidden">
<div class="text-center">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-full md:pt-0 dark:border-white/20 md:border-transparent md:dark:border-transparent md:w-[calc(100%-.5rem)] juice:w-full">
<div class="px-3 text-base md:px-4 m-auto md:px-5 lg:px-1 xl:px-5">
<div class="mx-auto flex flex-1 gap-3 text-base juice:gap-4 juice:md:gap-5 juice:lg:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]"><form class="w-full" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:r1:" data-state="closed">
<div class="relative flex h-full max-w-full flex-1 flex-col">
<div class="absolute bottom-full left-0 right-0 z-20">
<div class="relative h-full w-full">
<div class="flex flex-col gap-3.5 pb-3.5 pt-2">
<div class="text-sm rounded-xl p-4 text-token-text-secondary flex items-center gap-3 fruit:rounded-2xl border border-token-border-light bg-token-main-surface-primary">&nbsp;</div>
</div>
</div>
</div>
</div>
</form></div>
</div>
</div>