  <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/9702d0a8-c1a0-4940-a5fc-104247a03718/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=nathaly-vargas-castillo-488778c072"></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">
          Nathaly Vargas Castillo
        </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!">
          Account Director at <a class="not-italic font-text_font text-[18px] text-link_color cursor-pointer claimed" target="_blank" href="/companies/rebold">Rebold</a>
        </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">
        Professional in Advertising, Specialist in Marketing Management, with more than 8 years of experience in digital strategy, 360° communication, branding, and project management in sectors such as retail, technology, education, logistics, and entertainment. I have led multichannel full-funnel strategies, managing budgets in COP, USD, Euros, and GBP, with an approach based on data, audience research, and agile methodologies.

I am characterized by strategic vision, analytical capacity, leadership, and empathy, with experience in training and supporting clients in digital media and in structuring internal processes to optimize results. I have worked with brands such as Under Armour, ADDI, Gran Estación, Henkel, Starbucks, Domino’s, ETB, Páramo Presenta (Shakira, Festival Estéreo Picnic, among others), achieving brand growth, increasing sales, and generating project efficiency.
      </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=26677&amp;modal_id=guest-booking-login-modal-26677&amp;person_id=366009212&amp;redirect_url=%2Fpeople%2Fnathaly-vargas-castillo-b16b0883f2%3Fbi%3D26677%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=26678&amp;modal_id=guest-booking-login-modal-26678&amp;person_id=366009212&amp;redirect_url=%2Fpeople%2Fnathaly-vargas-castillo-b16b0883f2%3Fbi%3D26678&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=26679&amp;modal_id=guest-booking-login-modal-26679&amp;person_id=366009212&amp;redirect_url=%2Fpeople%2Fnathaly-vargas-castillo-b16b0883f2%3Fbi%3D26679&amp;type=social">Book</a></div>
  </div>
</li>

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

</template></turbo-stream>