  <turbo-stream action="update" target="portal_modals"><template></template></turbo-stream>
  <turbo-stream action="update" target="portal_booking_modal"><template>
    <div id="new-time-popup" class="modal flex hidden" style="display: flex; opacity: 1; transition: opacity 0.3s;">
  <div class="relative max-w-[700px] m-auto w-full pointer-events-auto shadow-xl bg-white rounded-lg overflow-hidden">
    <div class="flex justify-between items-center p-[10px] sm:p-[16px_20px] border-b border-solid border-border_color gap-[10px]">
      <div class="flex flex-col">
        <h6 class="font-medium text-[16px] leading-6 font-text_font text-heading_color">Booking Packages</h6>
        <span class="text-[16px] leading-5 font-normal font-text_font text-text_color">
          Single project with no long-term commitment
        </span>
      </div>
      <span data-action="click->credits#closePortalBookingModal" class="block cursor-pointer close-modal h-[20px] w-[20px]">
        <i class="icon-x text-[20px] text-text_color"></i>
      </span>
    </div>
    <div class="flex sm:flex-row flex-col h-full" data-controller="portal--booking--client-accordion">
      <div class="w-full max-w-[300px] p-5 after-gradient border-b-1 border-b-border_color md:border-b-0 md:border-r md:border-r-border_color">
        <div class="flex flex-col gap-[20px] relative">
  <figure class="w-full h-[150px] overflow-hidden rounded-[10px] relative flex-none [&_img]:object-cover [&_>div]:h-[150px] ">
    <img src="https://media.videoask.com/transcoded/b0d814d7-4208-4e66-b43d-5ebbcb60132a/thumbnails/preview.gif" class="w-full h-full rounded-[8px]" onerror="this.onerror=null; this.src=&#39;https://topline.com/assets/default_profile-4667468e.svg&#39;;"></img><a data-turbo-stream="true" data-autoplay="true" data-vbtype="video" class="w-full h-full rounded-[8px]" href="/search/show_videoask?key=jorge-ivan-segura-4126d695ef"></a>
  </figure>
  <div class="flex flex-col">
    <div class="flex items-start justify-between gap-1.5">
      <div class="flex flex-col">
        <h6 class="text-[rgba(5,18,55,0.76)] text-base font-medium leading-6 font-text_font relative cursor-pointer">
          Jorge Ivan Segura Michel
        </h6>
        <span class="text-[rgba(5,18,55,0.60)] text-sm font-normal leading-5 font-text_font -mt-[2px] [&_span]:text-sm! [&_span]:font-normal!">
          Remote Director of Marketing & Social Strategy at <span class="not-italic font-text_font text-[18px] font-bold claimed">BNC BUILDERS</span>
        </span>
      </div>
<!--        <span data-id="" data-controller="portal--shortlist" data-action="click->portal--shortlist#assignShortlist" role="button" aria-label="Add to shortlist" title="Add to shortlist" class="cursor-pointer grid place-items-center rounded-[50%] h-[30px] w-[30px] bg-[#051237]/[0.02]">-->
<!--          <i data-id="" data-action="click->portal--shortlist#assignShortlist" class="icon-bookmark text-[#051237]/[0.32] text-[15px]" aria-hidden="true"></i>-->
<!--        </span>-->
    </div>
      <ul class="flex flex-none flex-wrap mt-1 mr-[5px] gap-[2px]">
        <li class="3 list-none block! z-1">
          <span class="block cursor-pointer" data-controller="tippy" data-tippy-global-badge="Rising Star" data-tippy-view="list" data-total-badges="[100]">
            <img src="https://topline.com/assets/Star4-eeae359d.svg" />
          </span>
        </li>
</ul>

  </div>

      <p class="description text-[rgba(5,18,55,0.76)] text-sm font-normal leading-5 font-text_font" data-profile-target="description">
        Strategic Social Media Strategist and Psychologist with a Master&#39;s in Digital Humanities. 8+ years of experience managing high-volume, global social media programs. Proven track record in growing brands from scratch through behavioral psychology and data-driven storytelling. Certified in Human-Centric AI by Tecnológico de Monterrey, focusing on the ethical and efficient automation of digital workflows. Highly familiar with the US Market cultural nuances, international trends, and reputation management for cross-border audiences.
      </p>
</div>
<div class="mt-5">
  <ul class="bg-[#05123705] rounded-[10px] [&>li~li]:border-t [&>li~li]:border-border_color w-full">
</ul>

</div>

      </div>
      <div class="w-full sm:pr-[6px] flex-1">
        <div data-portal--booking--client-accordion-target="tabContent" data-tab-id="bookingPackageOneTimeConsult" class="block">
          <ul data-controller="portal--booking--client-accordion" class="flex flex-col sm:overflow-auto chatbox sm:overflow-x-hidden sm:max-h-[491px] [&_>li+li]:border-t [&_>li+li]:border-solid [&_>li+li]:border-border_color">
              <li data-portal--booking--client-accordion-target="item" class="accordion-wrapper w-full flex flex-col gap-2 py-5">
  <div class="transition p-[0_20px_0_20px]">
    <button type="button" data-action="click->portal--booking--client-accordion#toggle" aria-expanded="true" data-portal--booking--client-accordion-target="button" class="w-full flex sm:items-center justify-between text-left gap-[10px] flex-col sm:flex-row">
      <div class="flex items-center gap-2.5">
        <i class="anron-plus bg-[rgba(5,18,55,0.04)] rounded-[50%] text-[#05123752] w-[20px] h-[20px] items-center justify-center accordion-icon inline-flex" data-portal--booking--client-accordion-target="icon"></i>
        <span class="text-[rgba(5,18,55,0.76)] text-[16px] leading-[24px] font-normal font-text_font">Intro Response</span>
      </div>
      <div class="flex items-center gap-1">
        <i class="anron-info text-[14px] font-semibold! text-[#051237]/[0.6]" data-tippy-content="&lt;div style='text-align: center; font-size: 12px; line-height: 1.25; color: #fff; max-width:122px;'&gt;10% of topline rate&lt;/div&gt;" aria-expanded="false"></i>
          <span class="text-[#051237] text-sm font-medium leading-5 font-text_font">$1</span>
        <em class="border bg-[rgba(5,18,55,0.02)] rounded-[20px] border-solid border-border_color not-italic pt-[4px] pb-1 px-2 text-[rgba(5,18,55,0.76)] text-[11px] font-medium leading-[1] tracking-[0.2px]">
          One Time
        </em>
      </div>
    </button>
  </div>
  <div data-portal--booking--client-accordion-target="body" class="p-[0_11px_0_20px]">
    <p class="mb-4 text-[14px] leading-5 font-normal pl-[30px] font-text_font text-[rgba(5,18,55,0.60)]">Offer a financial incentive to encourage a quick, personalized response to your inquiry. Payments are held in escrow until accepted.</p>
    <div class="w-full"><a class="db-secondary-button font-medium! h-[36px]! text-[13px]! leading-6 w-full p-[10px_16px]! rounded-[6px]!" data-turbo-stream="true" href="/booking-login-modal?booking_package_id=32751&amp;modal_id=guest-booking-login-modal-32751&amp;person_id=366011026&amp;redirect_url=%2Fpeople%2Fjorge-ivan-segura-c5e53b1949%3Fbi%3D32751%26open_guaranteed_response%3Dtrue&amp;type=social">Quick Intro</a></div>
  </div>
</li>

              <li data-portal--booking--client-accordion-target="item" class="accordion-wrapper w-full flex flex-col gap-2 py-5">
  <div class="transition p-[0_20px_0_20px]">
    <button type="button" data-action="click->portal--booking--client-accordion#toggle" aria-expanded="true" data-portal--booking--client-accordion-target="button" class="w-full flex sm:items-center justify-between text-left gap-[10px] flex-col sm:flex-row">
      <div class="flex items-center gap-2.5">
        <i class="anron-plus bg-[rgba(5,18,55,0.04)] rounded-[50%] text-[#05123752] w-[20px] h-[20px] items-center justify-center accordion-icon inline-flex" data-portal--booking--client-accordion-target="icon"></i>
        <span class="text-[rgba(5,18,55,0.76)] text-[16px] leading-[24px] font-normal font-text_font">15 Min Chat</span>
      </div>
      <div class="flex items-center gap-1">
        <i class="anron-info text-[14px] font-semibold! text-[#051237]/[0.6]" data-tippy-content="&lt;div style='text-align: center; font-size: 12px; line-height: 1.25; color: #fff; max-width:122px;'&gt;10% of topline rate&lt;/div&gt;" aria-expanded="false"></i>
          <span class="text-[#051237] text-sm font-medium leading-5 font-text_font">$2</span>
        <em class="border bg-[rgba(5,18,55,0.02)] rounded-[20px] border-solid border-border_color not-italic pt-[4px] pb-1 px-2 text-[rgba(5,18,55,0.76)] text-[11px] font-medium leading-[1] tracking-[0.2px]">
          One Time
        </em>
      </div>
    </button>
  </div>
  <div data-portal--booking--client-accordion-target="body" class="p-[0_11px_0_20px]">
    <p class="mb-4 text-[14px] leading-5 font-normal pl-[30px] font-text_font text-[rgba(5,18,55,0.60)]">Sponsor a brief session. A paid offer increases the likelihood of connecting for a short, impactful discussion.</p>
    <div class="w-full"><a class="db-primary-button font-medium! h-[36px]! text-[13px]! leading-6 w-full p-[10px_16px]! rounded-[6px]! static-click" data-turbo-stream="true" href="/booking-login-modal?booking_package_id=32752&amp;modal_id=guest-booking-login-modal-32752&amp;person_id=366011026&amp;redirect_url=%2Fpeople%2Fjorge-ivan-segura-c5e53b1949%3Fbi%3D32752&amp;type=social">Book</a></div>
  </div>
</li>

              <li data-portal--booking--client-accordion-target="item" class="accordion-wrapper w-full flex flex-col gap-2 py-5">
  <div class="transition p-[0_20px_0_20px]">
    <button type="button" data-action="click->portal--booking--client-accordion#toggle" aria-expanded="true" data-portal--booking--client-accordion-target="button" class="w-full flex sm:items-center justify-between text-left gap-[10px] flex-col sm:flex-row">
      <div class="flex items-center gap-2.5">
        <i class="anron-plus bg-[rgba(5,18,55,0.04)] rounded-[50%] text-[#05123752] w-[20px] h-[20px] items-center justify-center accordion-icon inline-flex" data-portal--booking--client-accordion-target="icon"></i>
        <span class="text-[rgba(5,18,55,0.76)] text-[16px] leading-[24px] font-normal font-text_font">1 Hour Strategy</span>
      </div>
      <div class="flex items-center gap-1">
        <i class="anron-info text-[14px] font-semibold! text-[#051237]/[0.6]" data-tippy-content="&lt;div style='text-align: center; font-size: 12px; line-height: 1.25; color: #fff; max-width:122px;'&gt;10% of topline rate&lt;/div&gt;" aria-expanded="false"></i>
          <span class="text-[#051237] text-sm font-medium leading-5 font-text_font">$5</span>
        <em class="border bg-[rgba(5,18,55,0.02)] rounded-[20px] border-solid border-border_color not-italic pt-[4px] pb-1 px-2 text-[rgba(5,18,55,0.76)] text-[11px] font-medium leading-[1] tracking-[0.2px]">
          One Time
        </em>
      </div>
    </button>
  </div>
  <div data-portal--booking--client-accordion-target="body" class="p-[0_11px_0_20px]">
    <p class="mb-4 text-[14px] leading-5 font-normal pl-[30px] font-text_font text-[rgba(5,18,55,0.60)]">Request an in-depth strategy session. This amount is held in escrow and only transferred if they accept your meeting request.</p>
    <div class="w-full"><a class="db-primary-button font-medium! h-[36px]! text-[13px]! leading-6 w-full p-[10px_16px]! rounded-[6px]! static-click" data-turbo-stream="true" href="/booking-login-modal?booking_package_id=32753&amp;modal_id=guest-booking-login-modal-32753&amp;person_id=366011026&amp;redirect_url=%2Fpeople%2Fjorge-ivan-segura-c5e53b1949%3Fbi%3D32753&amp;type=social">Book</a></div>
  </div>
</li>

          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

</template></turbo-stream>