  <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/92a1657c-f3f8-46cf-90bb-c22069e36fda/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=natalia-torrijos-aa45cbe450"></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">
          Natalia Torrijos
        </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!">
          Creative Director + ADS Manager at <span class="not-italic font-text_font text-[18px] font-bold claimed">HAIRATIN</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">
        Creative Director with a background in Advertising and Public Relations and a Master’s Degree in Digital Marketing, Advertising, and Graphic Design. Strong experience leading marketing projects, brand positioning, digital content, email and SMS marketing campaigns, CRM management, ecommerce, and creative team leadership. Currently coordinates strategies and creative teams for two international brands in the ecommerce and renewable energy sectors.
      </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">$9</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)]">This service provides a quick, personalized response to kickstart your journey, ensuring we align on expectations and next steps.</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=15520&amp;modal_id=guest-booking-login-modal-15520&amp;person_id=366005268&amp;redirect_url=%2Fpeople%2Fnatalia-torrijos-6f336f8467%3Fbi%3D15520%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 Minute Meeting</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">$22</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)]">This short session for brief, yet impactful discussions. Whether it&#39;s answering a quick question or outlining a project.</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=15521&amp;modal_id=guest-booking-login-modal-15521&amp;person_id=366005268&amp;redirect_url=%2Fpeople%2Fnatalia-torrijos-6f336f8467%3Fbi%3D15521&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 Meeting</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">$85</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)]">In this one-hour meeting, we’ll discuss in-depth strategies, goals, and action plans tailored to your needs. Ideal for clients looking.</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=15522&amp;modal_id=guest-booking-login-modal-15522&amp;person_id=366005268&amp;redirect_url=%2Fpeople%2Fnatalia-torrijos-6f336f8467%3Fbi%3D15522&amp;type=social">Book</a></div>
  </div>
</li>

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

</template></turbo-stream>