<div class="flex-1 overflow-hidden">
<div class="react-scroll-to-bottom--css-pfyqv-79elbk h-full">
<div class="react-scroll-to-bottom--css-pfyqv-1n7m0yu">
<div class="flex flex-col text-sm">
<div class="w-full text-token-text-primary" dir="auto" data-testid="conversation-turn-21" 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="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="0be53e47-ea57-4b5e-a20e-9500e9ee2d30">
<div class="markdown prose w-full break-words dark:prose-invert light">
<p style="text-align: center;"><em><strong>&iexcl;Huancayo se prepara para una noche inolvidable!</strong></em></p>
<p>&Uacute;nete a nosotros en un evento espectacular donde la cumbia ser&aacute; la protagonista y celebraremos el D&iacute;a del amigo junto a El Lobo, Azucena Calvay y los Claveles de la Cumbia.</p>
<p>Disfruta de la m&uacute;sica contagiosa y los &eacute;xitos m&aacute;s emblem&aacute;ticos de estos grandes artistas en vivo.</p>
<p>Ven con tus amigos a bailar y celebrar en un ambiente lleno de alegr&iacute;a y buena vibra.</p>
<p>&iexcl;No puedes faltar!</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 class="absolute">
<div class="flex items-center justify-center">&nbsp;</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">
<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="flex w-full items-start gap-4 rounded-2xl border border-token-border-light bg-token-main-surface-primary py-4 pl-5 pr-3 text-sm text-token-text-primary [text-wrap:pretty] dark:border-transparent dark:bg-token-main-surface-secondary md:items-center lg:mx-auto shadow-xxs">
<div class="mt-1.5 flex grow flex-col items-start gap-4 md:mt-0 md:flex-row md:items-center md:justify-between md:gap-8">
<div class="flex max-w-md flex-col">
<div class="">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form></div>
</div>
</div>