www.jetcost.com.co Open in urlscan Pro
104.18.27.154 Public Scan

Back to summary

Submitted URL:
https://hotel.jetcost.com.co/
Effective URL:
https://www.jetcost.com.co/hoteles
Submission: On August 14 via api (August 14th 2024, 5:28:36 am UTC) from US — Scanned from DE

Form analysis
1 forms found in the DOM

https://www.jetcost.com.co/hoteles/search

<form autocomplete="off" action="https://www.jetcost.com.co/hoteles/search"><input type="hidden" name="date_from" value="2024-08-21"> <input type="hidden" name="date_to" value="2024-08-22"> <input type="hidden" name="place[id]"> <input type="hidden"
    name="place[name]"> <input type="hidden" name="rooms[0][adults]" value="2"> <input type="hidden" name="rooms[0][children]" value="0">
  <div class="relative md:static">
    <div class="lg:flex lg:flex-row lg:items-start">
      <div class="block xl:flex md:grow lg:mr-2">
        <div class="block md:flex flex-1 items-center mb-2 xl:mb-0 xl:mr-2">
          <div class="w-full md:flex md:flex-1 mb-2 md:mb-0">
            <div tabindex="0" class="w-full w-full" autocomplete="off">
              <div class="md:hidden shadow-bottom p-4 w-full z-[60] mb-4" style="display: none;">
                <div class="flex items-center justify-between"><span class="font-bold text-lg truncate">Seleccionar destino</span> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer"></span></div>
              </div>
              <div class="relative flex items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent p-2">
                <div class="cursor-text z-10 inset-0 absolute"></div>
                <div class="shrink-0 w-8 mr-4 md:mr-3" style="display: none;">
                  <div class="flex items-center justify-center"><span class="jc jc-search text-primary dark:text-primary-300 text-xl leading-none"></span></div>
                </div> <input type="text" autocomplete="off" placeholder="Ciudad" id="place" tabindex="-1" class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none">
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="w-8 inline-block" style="display: none;"><span class="jc jc-times text-primary dark:text-primary-300 md:hidden cursor-pointer leading-none" style="display: none;"></span>
                      <span class="jc jc-circle-notch jc-spin jc-fw text-primary dark:text-primary-300 inline-block leading-none" style="display: none;"></span></span>
                    <div class="v-popover inline-block w-8 text-center" style="display: none;">
                      <div class="trigger" style="display: inline-block;"><span aria-hidden="true" class="jc jc-exclamation-circle text-red"></span> </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="border-t border-gray-200 dark:border-neutral-300 min-h-0 grow overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible bg-white dark:bg-neutral inset-0 z-50 md:px-3 md:-ml-3 md:box-content md:border-t-0 md:absolute md:rounded md:inset-auto md:-mt-8 md:pt-16 md:shadow-md w-full md:min-w-[340px] lg:min-w-[448px] hidden">
                <ul class="md:border-t md:border-gray-200 md:dark:border-neutral-300 md:-mx-3 md:box-border" style="display: none;"></ul>
              </div>
            </div>
          </div>
        </div>
        <div class="block md:flex flex-1 items-center mb-2 xl:mb-0">
          <div class="w-full md:w-1/2 mb-2 md:mb-0 md:mr-2">
            <div tabindex="0" class="w-full w-full">
              <div class="md:hidden shadow-bottom p-4 pb-0 w-full z-[60]" style="display: none;">
                <div class="block">
                  <div class="flex flex-wrap items-center justify-between">
                    <div class="w-auto truncate"></div> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer"></span>
                  </div>
                  <div class="w-full pb-px pt-3">
                    <div class="flex items-center text-md -mx-4">
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="flex md:flex w-full items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent cursor-pointer p-2"><input type="text" autocomplete="off" readonly="readonly" tabindex="-1" placeholder="Período"
                  required="required" class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none cursor-pointer">
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="jc jc-calendar-alt inline-block w-8 text-center"></span>
                    <div class="v-popover inline-block w-8 text-center" style="display: none;">
                      <div class="trigger" style="display: inline-block;"><span aria-hidden="true" class="jc jc-exclamation-circle text-red"></span> </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="p-4 overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible md:z-50 min-h-0 grow bg-white dark:bg-neutral inset-0 md:absolute md:rounded md:inset-auto md:-ml-3 md:-mt-8 md:shadow-md w-full md:min-w-[624px] md:p-3 md:box-content xl:-translate-x-1/2 xl:left-1/2"
                style="display: none;">
                <div class="z-50 bg-white dark:bg-neutral">
                  <div class="block md:flex md:flex-wrap md:items-stretch -mx-4 select-none md:p-1 md:box-border" style="display: none;">
                    <div class="hidden md:block w-full md:-mb-6 z-10">
                      <div class="flex justify-between px-4 text-primary dark:text-primary-300"><span class="jc jc-chevron-left px-2 cursor-pointer" style="display: none;"></span> <span
                          class="jc jc-chevron-right px-2 cursor-pointer ml-auto mr-0"></span></div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">agosto 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">4</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">11</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer bg-primary-400 text-white rounded-l pointer-events-none">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white bg-primary text-white font-bold">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer bg-primary-400 text-white rounded-r">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white bg-primary text-white font-bold">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">septiembre 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">octubre 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">noviembre 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">diciembre 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">enero 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">febrero 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">marzo 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">abril 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">mayo 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">junio 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">julio 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">agosto 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mié. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jue. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> vie. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sáb. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dom. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">17</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">24</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">31</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="hidden md:block z-10 p-3 mt-3 -mb-3 border-t border-gray-200 dark:border-neutral-300 -mx-3">
                    <div class="flex items-center justify-between">
                      <div class="text-md truncate"><span>21 de agosto</span> <span class="inline-block jc jc-minus mx-1 text-xs"></span> <span>22 de agosto</span> <span> (<span>1 noche</span>) </span></div> <button type="button" tabindex="-1"
                        class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition">
                        Hecho </button>
                    </div>
                  </div>
                </div>
              </div>
              <div class="shadow-top z-[60] md:hidden" style="display: none;">
                <div class="flex items-center justify-between">
                  <div class="w-full">
                    <div class="w-full text-center mb-1"><span>1 noche</span></div>
                    <div class="flex items-center leading-none">
                      <div class="flex-1 px-4 py-2 -mb-3">
                        <div class="flex items-center justify-center leading-none">
                          <div class="text-4xl">21</div>
                          <div class="text-md pl-2 pt-[2px]">
                            <p>agosto</p>
                            <p class="font-bold">miércoles</p>
                          </div>
                        </div>
                      </div>
                      <div class="flex-1 border-l border-gray-200 dark:border-neutral-300 px-4 py-2 -mb-3">
                        <div class="flex items-center justify-center leading-none">
                          <div class="text-4xl">22</div>
                          <div class="text-md pl-2 pt-[2px]">
                            <p>agosto</p>
                            <p class="font-bold">jueves</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="p-4"><button type="button" tabindex="-1"
                        class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
                        Hecho </button></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="w-full md:w-1/2 mb-2 md:mb-0">
            <div tabindex="0" class="w-full w-full">
              <div class="md:hidden shadow-bottom p-4 mb-2 w-full z-[60]" style="display: none;">
                <div class="flex items-center justify-between"><span class="font-bold text-lg truncate">Habitaciones y Huéspedes</span> <span class="jc jc-times text-lg text-primary-400 dark:text-primary-300 p-2 -m-2 cursor-pointer"></span></div>
              </div>
              <div class="flex md:flex w-full items-center bg-white dark:bg-neutral rounded border border-primary dark:border-transparent md:border-white md:dark:border-transparent cursor-pointer p-2">
                <div class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none"><span class="w-full truncate"><span class="w-full truncate"><span>2 <span>Adultos</span></span> <!----> <span>, 1
                        <span>Habitación</span></span></span></span></div>
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="w-8 inline-block text-center"><span class="jc jc-caret-down px-2"></span></span></div>
                </div>
              </div>
              <div
                class="-mt-2 overflow-y-auto md:overscroll-y-auto md:overflow-y-visible md:overflow-x-hidden min-h-0 grow bg-white dark:bg-neutral inset-0 z-50 md:absolute md:rounded md:inset-auto md:-mt-8 md:shadow-md w-full lg:min-w-[420px] md:-translate-x-1/2 md:left-1/2 sm:max-h-[55rem] hidden">
                <div class="flex items-stretch flex-wrap">
                  <div class="min-h-[11rem] w-full">
                    <div class="flex items-center justify-between p-4"><span class="inline-block w-full font-bold truncate border-b border-gray-200 dark:border-neutral-300 pb-2"> Habitación 1 </span> <!----></div>
                    <div class="flex items-center text-base text-black dark:text-neutral-200 flex-wrap px-4 pb-4">
                      <div class="w-full mb-2">
                        <div class="flex items-center justify-between h-12"><span class="w-auto truncate pr-1">Adultos</span>
                          <div class="w-auto">
                            <div class="flex justify-between items-center w-full max-w-[8rem]"><button type="button" tabindex="-1" data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Adults Guests -1"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-minus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                              <span class="w-12 text-center">2</span> <button type="button" tabindex="-1" data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Adults Guests +1"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-plus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="w-full">
                        <div class="flex items-center justify-between h-12"><span class="w-auto truncate pr-1">Niños</span>
                          <div class="w-auto">
                            <div class="flex justify-between items-center w-full max-w-[8rem]"><button type="button" tabindex="-1" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Children Guests -1" disabled="disabled"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-minus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                              <span class="w-12 text-center">0</span> <button type="button" tabindex="-1" data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Children Guests +1"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-plus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                            </div>
                          </div>
                        </div>
                      </div> <!---->
                    </div>
                  </div>
                  <div data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click" data-ga-event-label="Click: Add Room"
                    class="w-full rounded mx-4 mt-4 mb-4 md:mb-2 p-2 border border-primary-200 dark:border-neutral-300 text-primary dark:text-primary-300 cursor-pointer flex items-center justify-center"><span>Añadir otra habitación</span></div>
                  <div class="w-full min-h-14 cursor-pointer flex flex-col text-center rounded mx-4 mb-4 p-2 border border-primary-200 dark:border-neutral-300"><span class="pb-1 text-black dark:text-neutral-200"> ¿Necesitas 5 o más habitaciones?
                    </span> <span class="text-primary dark:text-primary-300"> Ir a HotelPlanner </span></div>
                </div>
                <div class="hidden md:block sticky bottom-0 bg-white dark:bg-neutral w-full z-10 p-3 pr-4 border-t border-gray-200 dark:border-neutral-300">
                  <div class="flex items-center justify-end"><button type="button" tabindex="-1"
                      class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition">
                      Hecho </button></div>
                </div>
              </div>
              <div class="shadow-top z-[60] md:hidden" style="display: none;">
                <div class="flex items-center justify-between">
                  <div class="w-full">
                    <div class="p-4"><button type="button" tabindex="-1"
                        class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
                        Hecho </button></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="grow-0">
        <div class="flex flex-col md:flex-row-reverse lg:flex-col md:-mx-1 lg:mx-0">
          <div class="md:flex-1 md:px-1 lg:px-0"><button type="submit" data-prevent-eu="data-prevent-eu" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
              data-ga-event-label="Click: Search"
              class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full md:min-w-[17.5rem]"><span
                style="display: none;"> Buscar y Comparar </span> <span> Búsqueda </span></button></div>
          <div class="md:flex-1 md:px-1 mt-2 md:mt-0 lg:mt-2 lg:px-0" style="display: none;"><button type="button" data-prevent-eu="data-prevent-eu" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm"
              data-ga-event-action="SearchForm: Click" data-ga-event-label="Click: Search"
              class="px-4 py-1 text-base leading-8 bg-white hover:[&amp;:not([disabled])]:bg-primary-200 active:[&amp;:not([disabled])]:bg-primary-200 dark:bg-white/5 dark:hover:[&amp;:not([disabled])]:bg-primary-600 dark:active:[&amp;:not([disabled])]:bg-primary-600 text-primary dark:text-primary-300 border-primary dark:border-primary-300 focus:border-primary-600 focus:ring-primary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition inline-flex xl:hidden mb-2 w-full md:min-w-[17.5rem]">
              Búsqueda </button></div>
        </div>
      </div>
    </div>
    <div class="flex flex-row items-center mt-1">
      <div class="flex grow">
        <div class="w-full text-primary dark:text-primary-300 text-md md:text-white md:dark:text-black"></div>
      </div>
      <div class="flex pl-2 ml-auto mr-0">
        <div class="text-white dark:text-black text-base ml-auto mr-0">
          <div class="flex flex-col"><span class="text-white text-xs">powered by</span> <svg width="98.8px" height="13px" viewBox="0 0 152 20" role="img" alt="hotelscan">
              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                <g>
                  <g transform="translate(2.000000, 0.000000)">
                    <polyline stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" points="0 5.22729505 8.7756312 1.43939394 17.5648703 5.32828283" class="stroke-current text-white"></polyline>
                    <path d="M0,11.4393939 C0,11.4393939 4.39121756,9.00582444 8.78243513,9.00582444 C13.1736527,9.00582444 17.5648703,11.4393939 17.5648703,11.4393939" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"
                      class="stroke-current text-white"></path>
                    <path d="M0,18.6616162 C0,18.6616162 4.39121756,15.3322104 8.78243513,15.3322104 C13.1736527,15.3322104 17.5648703,18.6616162 17.5648703,18.6616162" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"
                      class="stroke-current text-white"></path>
                    <path
                      d="M145.513978,19.6400592 L145.513978,10.8744131 C145.513978,8.8633516 144.469589,8.17283232 142.858483,8.17283232 C141.367109,8.17283232 140.203239,9.01294724 139.576908,9.8834369 L139.576908,19.6400592 L135.788734,19.6400592 L135.788734,5.14092618 L139.576908,5.14092618 L139.576908,7.03175427 C140.502068,5.92155721 142.262084,4.78047916 144.6185,4.78047916 C147.780342,4.78047916 149.301397,6.58220799 149.301397,9.40300963 L149.301397,19.6400592 L145.513978,19.6400592 L145.513978,19.6400592 L145.513978,19.6400592 Z M129.45373,17.8590865 C128.499643,19.0469923 127.071658,19.8871072 125.179332,19.9703846 C120.742188,20.1665549 117.542615,16.8184982 117.542615,12.3759381 C117.542615,7.93236556 120.742188,4.58456203 125.179332,4.78047916 C127.071658,4.86426284 128.499643,5.70437776 129.45373,6.89203043 L129.45373,5.14092618 L133.242659,5.14092618 L133.242659,19.6400592 L129.45373,19.6400592 L129.45373,17.8590865 L129.45373,17.8590865 L129.45373,17.8590865 Z M125.503817,8.00956805 C123.067915,8.00956805 121.289033,9.79661575 121.289033,12.3749256 C121.289033,14.9537418 123.067915,16.7410426 125.503817,16.7410426 C126.867408,16.7410426 128.493103,15.9993925 129.45373,13.9627656 L129.45373,10.7875919 C128.493103,8.75096503 126.867408,8.00956805 125.503817,8.00956805 L125.503817,8.00956805 L125.503817,8.00956805 Z M111.65711,16.6081531 C112.96964,16.6081531 114.014029,16.0074924 114.700478,15.0471441 L117.176374,17.3584094 C116.222036,18.7090732 114.431834,20 111.478518,20 C107.033828,20 103.841549,16.8476074 103.841549,12.3759381 C103.841549,7.93236556 107.033828,4.78047916 111.478518,4.78047916 C114.431834,4.78047916 116.222036,6.07140597 117.176374,7.39169504 L114.700478,9.73333502 C114.014029,8.7129966 112.96964,8.17283232 111.65711,8.17283232 C109.36031,8.17283232 107.749455,9.85382152 107.749455,12.3759381 C107.749455,14.8967891 109.36031,16.6081531 111.65711,16.6081531 L111.65711,16.6081531 L111.65711,16.6081531 Z M96.7458918,20 C94.2395595,20 91.8240325,19.1598851 90.3024745,17.7487249 L91.9427589,15.0770126 C92.9871479,16.0674826 95.1347859,17.0579525 96.9252389,17.0579525 C98.5655232,17.0579525 99.3412688,16.397808 99.3412688,15.497956 C99.3412688,13.0955666 90.7796436,15.0471441 90.7796436,9.34327263 C90.7796436,6.91228026 92.8973486,4.78047916 96.6862771,4.78047916 C99.1324917,4.78047916 101.070849,5.62160657 102.503614,6.76141901 L100.982056,9.37364737 C100.116763,8.44266133 98.4759754,7.6918988 96.7157072,7.6918988 C95.3440662,7.6918988 94.4490912,8.32268108 94.4490912,9.13318062 C94.4490912,11.2945971 102.980783,9.49362763 102.980783,15.3468417 C102.980783,17.9894448 100.743597,20 96.7458918,20 L96.7458918,20 L96.7458918,20 Z M84.9723679,2.32139015 L88.7610449,0 L88.7610449,19.6400592 L84.9723679,19.6400592 L84.9723679,2.32139015 L84.9723679,2.32139015 L84.9723679,2.32139015 Z M76.6175076,16.9680939 C77.8407407,16.9680939 79.5416458,16.4279296 80.4657993,15.5273183 L82.1362683,17.9894448 C80.7047611,19.3097338 78.4381452,20 76.2004563,20 C71.8153809,20 68.5041245,17.028084 68.5041245,12.3759381 C68.5041245,8.17283232 71.5764191,4.78047916 75.9619975,4.78047916 C80.2577767,4.78047916 83.1806573,8.02273044 83.1806573,12.7652412 L83.1806573,13.6058623 L72.471897,13.6058623 C72.7103558,15.4374597 74.1717961,16.9680939 76.6175076,16.9680939 L76.6175076,16.9680939 L76.6175076,16.9680939 Z M79.5112096,11.0242618 C79.4219133,9.64297014 78.4673237,7.8123853 75.9619975,7.8123853 C73.6045762,7.8123853 72.5906233,9.58348626 72.4117793,11.0242618 L79.5112096,11.0242618 L79.5112096,11.0242618 L79.5112096,11.0242618 Z M66.2644233,16.6081531 C66.8311401,16.6081531 67.3674207,16.397808 67.5764494,16.1879691 L68.3818766,19.0700265 C67.8154113,19.5800691 66.8007038,20 65.2195312,20 C62.5647909,20 61.1330323,18.6197208 61.1330323,16.0381203 L61.1330323,2.9309101 L64.9513909,0.591548226 L64.9513909,5.14092618 L67.875026,5.14092618 L67.875026,8.47252984 L64.9513909,8.47252984 L64.9513909,15.0175288 C64.9513909,15.9176338 65.4285599,16.6081531 66.2644233,16.6081531 L66.2644233,16.6081531 L66.2644233,16.6081531 Z M51.4902934,20 C46.7472783,20 43.8832578,16.5182945 43.8832578,12.3759381 C43.8832578,8.26269095 46.7472783,4.78047916 51.4902934,4.78047916 C56.2632416,4.78047916 59.1270106,8.26269095 59.1270106,12.3759381 C59.1270106,16.5182945 56.2632416,20 51.4902934,20 L51.4902934,20 L51.4902934,20 Z M51.4902934,8.17283232 C49.1333751,8.17283232 47.8208457,10.1236505 47.8208457,12.3759381 C47.8208457,14.6568286 49.1333751,16.6081531 51.4902934,16.6081531 C53.8467086,16.6081531 55.1889195,14.6568286 55.1889195,12.3759381 C55.1889195,10.1236505 53.8467086,8.17283232 51.4902934,8.17283232 L51.4902934,8.17283232 L51.4902934,8.17283232 Z M38.2978393,10.8144229 C38.2978393,8.80285523 37.2534504,8.17283232 35.6126629,8.17283232 C34.1512227,8.17283232 32.9881074,9.01294724 32.3310881,9.8834369 L32.3310881,19.6400592 L28.5429142,19.6400592 L28.5429142,2.32139015 L32.3310881,0 L32.3310881,7.03175427 C33.2562477,5.92155721 35.0456945,4.78047916 37.4023613,4.78047916 C40.5649583,4.78047916 42.0860132,6.52120537 42.0860132,9.34327263 L42.0860132,19.6400592 L38.2978393,19.6400592 L38.2978393,10.8144229 L38.2978393,10.8144229 L38.2978393,10.8144229 Z"
                      class="fill-current text-white"></path>
                  </g>
                </g>
              </g>
            </svg></div>
        </div>
      </div> <!---->
    </div>
  </div>
</form>

Text Content

¡TU NAVEGADOR ESTÁ OBSOLETO!

Actualiza tu navegador para ver esta página correctamente.

Actualizar mi navegador ahora
Vuelos
Hoteles
Carros
Argentina Australia Bolivia Brasil Canada (en) Canada (fr) Chile Colombia
Danmark Deutschland España Estados Unidos (es) France Hong Kong India Indonesia
Ireland Italia Magyarország Malaysia México Nederland New Zealand Norge
Österreich Perú Philippines Polska Portugal România Россия Singapore South
Africa 한국 Suomi Sverige Thailand United Kingdom United States (en) Uruguay
Venezuela
Luz Oscuro Automático
Búsqueda
Vuelos Hoteles Carros
Inspírate
Vuelos por país

Compañías aéreas

 * Copa Airlines
 * American Airlines
 * Condor
 * Jetblue Airways
 * Avianca

Ciudades y Aeropuertos

 * Medellin
 * Bogotá
 * Cartagena
 * Cali
 * Santa Marta

Rutas populares

 * Bogotá - Medellin
 * Bogotá - Cartagena
 * Cali - Bogotá
 * Medellin - Bogotá
 * Bogotá - Cali

Ofertas y consejos

 * ¿Qué aerolíneas han suspendido sus operaciones?
 * Restricciones de viaje y cierre de fronteras por país
 * ¿Qué precauciones debo tomar para viajar con seguridad?
 * Prepare su futuro viaje cuando las fronteras se reabran

Información
Quiénes somos

Contacto

Política de privacidad

Política de cookies

Información legal

Sea nuestro socio

App

Términos y condiciones

Trabaja con nosotros

CO
 * Argentina
 * Australia
 * Bolivia
 * Brasil
 * Canada (en)
 * Canada (fr)
 * Chile
 * Colombia
 * Danmark
 * Deutschland
 * España
 * Estados Unidos (es)
 * France
 * Hong Kong
 * India
 * Indonesia
 * Ireland
 * Italia
 * Magyarország
 * Malaysia
 * México

 * Nederland
 * New Zealand
 * Norge
 * Österreich
 * Perú
 * Philippines
 * Polska
 * Portugal
 * România
 * Россия
 * Singapore
 * South Africa
 * 한국
 * Suomi
 * Sverige
 * Thailand
 * United Kingdom
 * United States (en)
 * Uruguay
 * Venezuela




BUSCADOR DE HOTELES AL MEJOR PRECIO

Seleccionar destino


lun.
mar.
mié.
jue.
vie.
sáb.
dom.

agosto 2024
lun.
mar.
mié.
jue.
vie.
sáb.
dom.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

septiembre 2024
lun.
mar.
mié.
jue.
vie.
sáb.
dom.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30






octubre 2024
lun.
mar.
mié.
jue.
vie.
sáb.
dom.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31



noviembre 2024
lun.
mar.
mié.
jue.
vie.
sáb.
dom.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

diciembre 2024
lun.
mar.
mié.
jue.
vie.
sáb.
dom.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31





enero 2025
lun.
mar.
mié.
jue.
vie.
sáb.
dom.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


febrero 2025
lun.
mar.
mié.
jue.
vie.
sáb.
dom.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28


marzo 2025
lun.
mar.
mié.
jue.
vie.
sáb.
dom.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31






abril 2025
lun.
mar.
mié.
jue.
vie.
sáb.
dom.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30




mayo 2025
lun.
mar.
mié.
jue.
vie.
sáb.
dom.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

junio 2025
lun.
mar.
mié.
jue.
vie.
sáb.
dom.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30






julio 2025
lun.
mar.
mié.
jue.
vie.
sáb.
dom.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31



agosto 2025
lun.
mar.
mié.
jue.
vie.
sáb.
dom.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

21 de agosto 22 de agosto (1 noche)
Hecho
1 noche
21

agosto

miércoles

22

agosto

jueves

Hecho
Habitaciones y Huéspedes
2 Adultos , 1 Habitación

Habitación 1
Adultos
2
Niños
0
Añadir otra habitación
¿Necesitas 5 o más habitaciones? Ir a HotelPlanner
Hecho
Hecho
Buscar y Comparar Búsqueda
Búsqueda
powered by


¿BUSCAS INSPIRACIÓN?

Échale un vistazo a las recomendaciones que te damos de los destinos
vacacionales alrededor del mundo.

Santa Marta
Cartagena
Orlando
Punta Cana


LOS DESTINOS MÁS POPULARES

Descubre cuáles son los hoteles, apartamentos y hostales más buscados por otros
viajeros.

Mayva Aprtahotel
Ibis Cartagena Marbella
Grand Bavaro Princess - All Inclusive
Broadwaysuites Downtown By Rocketstay


ENCUENTRA LAS MEJORES OFERTAS

Compara hoteles por precio, ubicación o calificación y ahorra dinero encontrando
la mejor oferta para tus vacaciones.

Aruba
Miami
Tampa
Cancún



INFO

Quiénes somos
Contacto
Política de privacidad
Política de cookies
Gestionar las cookies
Información legal
Sea nuestro socio
App
Términos y condiciones
Trabaja con nosotros

VUELOS

Vuelos por país
Compañías aéreas

 * Copa Airlines
 * American Airlines
 * Condor
 * Jetblue Airways
 * Avianca

Ciudades y Aeropuertos

 * Medellin
 * Bogotá
 * Cartagena
 * Cali
 * Santa Marta

Rutas populares

 * Bogotá - Medellin
 * Bogotá - Cartagena
 * Cali - Bogotá
 * Medellin - Bogotá
 * Bogotá - Cali

Ofertas y consejos

 * ¿Qué aerolíneas han suspendido sus operaciones?
 * Restricciones de viaje y cierre de fronteras por país
 * ¿Qué precauciones debo tomar para viajar con seguridad?
 * Prepare su futuro viaje cuando las fronteras se reabran

ASPECTO


Luz

Oscuro

Automático

JETCOST INTERNACIONAL

Argentina Australia Bolivia Brasil Canada (en) Canada (fr) Chile Colombia
Danmark Deutschland España Estados Unidos (es) France Hong Kong India Indonesia
Ireland Italia Magyarország Malaysia México Nederland New Zealand Norge
Österreich Perú Philippines Polska Portugal România Россия Singapore South
Africa 한국 Suomi Sverige Thailand United Kingdom United States (en) Uruguay
Venezuela
© 2006-2024 Jetcost

×


TU PRIVACIDAD ES IMPORTANTE PARA NOSOTROS

Nosotros y los terceros seleccionados de la UE y de fuera de la UE utilizamos
cookies y otras tecnologías de seguimiento similares con fines técnicos y, con
tu consentimiento, para realizar mediciones y ofrecer anuncios personalizados,
tal y como se especifica en nuestra Política de cookies. Con su consentimiento,
nosotros y nuestros terceros seleccionados podemos escanear activamente las
características del dispositivo para identificarlas con el fin de
almacenar/acceder a información en un dispositivo y procesar datos personales,
como sus datos de uso para anuncios personalizados, medición de anuncios,
información de audiencia y desarrollo de servicios. Puedes conceder o denegar
libremente tu consentimiento a las cookies no esenciales haciendo clic en
"Aceptar todo" o "Denegar todo", y cambiarlo o retirarlo en cualquier momento a
través del panel "Gestionar cookies".
Pulse de nuevo el botón para continuar 0/1
Gestionar cookies
Denegar todoAceptar todo

www.jetcost.com.co Open in urlscan Pro 104.18.27.154 Public Scan

Form analysis 1 forms found in the DOM

https://www.jetcost.com.co/hoteles/search

Text Content

www.jetcost.com.co Open in urlscan Pro
104.18.27.154 Public Scan

Form analysis
1 forms found in the DOM