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

Form analysis
1 forms found in the DOM

https://www.jetcost.com.co/vuelos/busqueda

<form autocomplete="off" action="https://www.jetcost.com.co/vuelos/busqueda"><input name="trips[0][date]" type="hidden"> <input name="trips[0][from_iata]" type="hidden"> <input name="trips[0][to_iata]" type="hidden"> <!----><input
    name="trips[1][date]" type="hidden"> <input name="trips[1][from_iata]" type="hidden"> <input name="trips[1][to_iata]" type="hidden"> <!----> <input name="type" type="hidden" value="roundTrip"> <input name="adults" type="hidden" value="1"> <input
    name="children" type="hidden" value="0"> <input name="infants" type="hidden" value="0"> <input name="cabin_class" type="hidden" value="0"> <input name="arel" type="hidden" value="0">
  <div class="flex bg-black/60 z-[60] items-center justify-center overflow-x-hidden fixed top-0 right-0 bottom-0 left-0" style="display: none;">
    <div class="max-w-sm w-full m-6">
      <div class="flex flex-wrap flex-col bg-white dark:bg-neutral rounded p-5 items-start">
        <div class="mb-4 w-full"> Las fechas seleccionadas podrían no ofrecer resultados debido a COVID-19. Le sugerimos que cambie las fechas. </div> <button type="button"
          class="px-4 py-1 text-base leading-8 bg-green hover:[&amp;:not([disabled])]:bg-green-600 active:[&amp;:not([disabled])]:bg-green-600 dark:hover:[&amp;:not([disabled])]:bg-green-400 dark:active:[&amp;:not([disabled])]:bg-green-400 text-white border-transparent focus:border-green-600 focus:ring-green-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 mb-2">
          Modificar búsqueda </button> <button type="button"
          class="px-4 py-1 text-base leading-8 bg-white/5 hover:[&amp;:not([disabled])]:bg-green-200 active:[&amp;:not([disabled])]:bg-green-200 dark:bg-white/5 text-green border-green focus:border-green-600 focus:ring-green-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">
          Seguir </button>
      </div>
    </div>
  </div>
  <div class="relative md:static">
    <div class="w-full mb-2">
      <div class="inline-flex text-sm bg-white dark:bg-neutral rounded text-primary dark:text-white p-1"><input data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
          data-ga-event-label="Click: Round Trip Tab" id="round-trip-979d194e-1f5b-4780-b0b2-50e661a2d7db" type="radio" class="hidden" value="true"> <label for="round-trip-979d194e-1f5b-4780-b0b2-50e661a2d7db" class="flex items-center"><span
            class="rounded cursor-pointer px-2 py-1 bg-primary-200 dark:bg-neutral-700"> Ida y vuelta </span></label> <input data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
          data-ga-event-label="Click: One Way Tab" id="one-way-979d194e-1f5b-4780-b0b2-50e661a2d7db" type="radio" class="hidden" value="false"> <label for="one-way-979d194e-1f5b-4780-b0b2-50e661a2d7db" class="flex items-center"><span
            class="rounded cursor-pointer px-2 py-1"> Solo ida </span></label></div>
    </div>
    <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 salida</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="Origen" id="originFrom" tabindex="-1" required="required" 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 class="flex z-10 absolute rotate-90 text-center top-0 right-0 md:mt-0 md:rotate-0 md:z-auto md:w-auto md:right-auto md:static group mt-16 pt-1 md:pt-0">
            <div data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click" data-ga-event-label="Click: Exchange Dep/Ret Button"
              class="w-9 h-9 mx-1 rounded-full flex items-center justify-center bg-primary-400 dark:bg-neutral-700 pointer-events-auto cursor-pointer"><span class="jc jc-exchange-alt text-lg text-white leading-none"></span></div>
          </div>
          <div class="w-full md:flex md:flex-1">
            <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 llegada</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="Destino" id="originTo" tabindex="-1" required="required" 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 class="inline-flex text-sm bg-white dark:bg-neutral rounded text-primary dark:text-white p-1"><input data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                          data-ga-event-label="Click: Round Trip Tab" id="round-trip-70abb060-271f-4dbf-9a3d-2d2777ec5f6b" type="radio" class="hidden" value="true"> <label for="round-trip-70abb060-271f-4dbf-9a3d-2d2777ec5f6b"
                          class="flex items-center"><span class="rounded cursor-pointer px-2 py-1 bg-primary-200 dark:bg-neutral-700"> Ida y vuelta </span></label> <input data-ga-event-click="" data-ga-event-category="SearchForm"
                          data-ga-event-action="SearchForm: Click" data-ga-event-label="Click: One Way Tab" id="one-way-70abb060-271f-4dbf-9a3d-2d2777ec5f6b" type="radio" class="hidden" value="false"> <label
                          for="one-way-70abb060-271f-4dbf-9a3d-2d2777ec5f6b" class="flex items-center"><span class="rounded cursor-pointer px-2 py-1"> Solo ida </span></label></div>
                    </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">mayo 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">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 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>
                      <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">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 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>
                      <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">13</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">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 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>
                      <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">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 class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div 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">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">junio 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-pointer">
                          <div 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-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 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 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-pointer">
                          <div 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 class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div 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>
                      <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">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 class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div 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>
                      <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">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 class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div 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>
                      <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">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 class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div 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>
                      <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">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 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 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-pointer">
                          <div 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">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-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>
                      <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">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>
                  <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 class="text-gray-500 dark:text-gray-300">Seleccionar fechas</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 class="flex items-end md:items-center inset-0 absolute z-[70] bg-black/20" style="display: none;">
                  <div class="w-full p-5 md:m-10 bg-white dark:bg-neutral rounded shadow"><span class="w-full inline-block text-center font-bold select-none mb-6 text-xl">¿Buscas un vuelo de ida?</span>
                    <div class="w-full">
                      <div class="flex flex-wrap flex-col md:flex-row-reverse -mx-5"><button type="button" tabindex="-1"
                          class="px-4 py-1 text-base leading-8 bg-green hover:[&amp;:not([disabled])]:bg-green-600 active:[&amp;:not([disabled])]:bg-green-600 dark:hover:[&amp;:not([disabled])]:bg-green-400 dark:active:[&amp;:not([disabled])]:bg-green-400 text-white border-transparent focus:border-green-600 focus:ring-green-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 flex-1 mx-5 mb-2 md:mb-0">
                          Sí, vuelo de ida </button> <button type="button" tabindex="-1"
                          class="px-4 py-1 text-base leading-8 bg-white/5 hover:[&amp;:not([disabled])]:bg-green-200 active:[&amp;:not([disabled])]:bg-green-200 dark:bg-white/5 text-green border-green focus:border-green-600 focus:ring-green-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 flex-1 mx-5">
                          No, un viaje de ida y vuelta </button></div>
                    </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="flex items-center">
                      <div class="w-full -mb-3 leading-none">
                        <div class="text-base p-2 font-bold text-gray-300 text-center"><span class="block">Ida y vuelta</span> <span class="inline-block text-md font-normal lowercase">Seleccionar fechas</span></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">Clase y pasajeros</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="flex md:flex w-full items-center bg-white dark:bg-neutral rounded border border-white 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 data-number="1" data-single="Viajero," data-plural="Viajero,"
                      class="output-pluralize"></span> <span data-option="0" data-option-0="Turista" data-option-1="Business" data-option-2="Primera" class="output-options"></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 pt-8 md:pt-0 overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible 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 md:min-w-[340px] md:-translate-x-1/2 md:left-1/2 hidden">
                <div class="flex items-stretch flex-wrap">
                  <div class="w-full md:mb-0 md:pb-0 pb-4 mb-4">
                    <div class="w-full mb-2 font-bold truncate px-4 md:pt-4">Clase</div>
                    <div class="px-4">
                      <div class="flex items-center relative cursor-pointer w-full border border-primary-300 dark:border-gray-300 rounded"><select
                          class="w-full focus:outline dark:focus:outline-none text-black dark:text-neutral-200 bg-white dark:bg-neutral appearance-none p-2 pr-6 cursor-pointer rounded">
                          <option value="0">Turista</option>
                          <option value="3"> Turista superior</option>
                          <option value="1">Business</option>
                          <option value="2">Primera</option>
                        </select> <span class="jc jc-caret-down px-2 pointer-events-none absolute pt-2 top-0 right-0"></span></div> <!---->
                    </div>
                  </div>
                  <div class="w-full mb-4 md:mb-0 md:pl-2">
                    <div class="pl-4 md:pl-2 pr-4 pb-2"><span class="inline-block w-full pb-2 font-bold truncate md:pt-8 border-b border-gray-200 dark:border-neutral-300">Número de pasajeros</span></div>
                    <div class="flex items-center text-base text-black dark:text-white flex-wrap pl-4 md:pl-2 pr-4 md:pr-4 md: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-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Adults Seats -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 md:w-6 text-center">1</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 Seats +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 mb-2">
                        <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 Seats -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 md:w-6 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 Seats +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">Bebés</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: Infants Seats -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 md:w-6 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: Infants Seats +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>
                <div class="hidden md:block 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> <button type="button" 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 Form Open"
              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 w-full md:min-w-[17.5rem]"
              style="display: none;"> Modificar búsqueda </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 block xl:hidden mb-2 w-full md:min-w-[17.5rem]">
              Búsqueda </button></div>
        </div>
      </div>
    </div>
    <div class="md:flex md:flex-row md:items-center">
      <div class="flex grow">
        <div class="w-full text-primary dark:text-primary-300 text-md md:text-white md:dark:text-black">
          <div>
            <ul class="text-white md:flex md:items-center md:flex-wrap p-0 -mb-2 md:text-white hidden"><!----> </ul>
            <div class="text-primary dark:text-primary-300 bg-white dark:bg-neutral absolute inset-0 z-20 rounded md:fixed md:bg-black/80 md:dark:bg-black/80 hidden">
              <div class="absolute inset-0 flex flex-col overflow-hidden overscroll-y-none overflow-y-auto rounded md:inset-1/2 md:bg-white md:dark:bg-neutral md:w-[400px] md:min-h-[400px] md:-translate-x-1/2 md:-translate-y-1/2">
                <div class="w-full bg-white dark:bg-neutral shadow-bottom p-3 sticky top-0 z-30 font-bold">
                  <div class="text-lg flex items-center"><span>Comparar socios</span></div>
                </div>
                <div class="grow p-3">
                  <div class="italic mb-3">
                    <p>Mejore su búsqueda añadiendo a nuestros socios prémium 🚀</p>
                  </div> <!---->
                </div>
                <div class="w-full bg-white dark:bg-neutral shadow-top p-3 sticky bottom-0 z-30">
                  <div class="-mx-1"><!---->
                    <div class="w-full p-1"><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 w-full">
                        Búsqueda </button></div>
                  </div>
                </div>
              </div>
            </div> <!---->
          </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 VUELOS BARATOS

Las fechas seleccionadas podrían no ofrecer resultados debido a COVID-19. Le
sugerimos que cambie las fechas.
Modificar búsqueda Seguir
Ida y vuelta Solo ida
Seleccionar salida



Seleccionar llegada


Ida y vuelta Solo ida
lun.
mar.
mié.
jue.
vie.
sáb.
dom.

mayo 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


junio 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

julio 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




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






Seleccionar fechas
Hecho
¿Buscas un vuelo de ida?
Sí, vuelo de ida No, un viaje de ida y vuelta
Ida y vuelta Seleccionar fechas
Hecho
Clase y pasajeros

Clase
Turista Turista superior Business Primera
Número de pasajeros
Adultos
1
Niños
0
Bebés
0
Hecho
Hecho
Buscar y Comparar Búsqueda Modificar búsqueda
Búsqueda
Comparar socios

Mejore su búsqueda añadiendo a nuestros socios prémium 🚀

Búsqueda



VUELOS BARATOS

¡No renuncies a viajar! Vuela a precios baratos. ¡Reserva al precio que muestra
la aerolínea o agencia de viajes sin costes adicionales!


BUSCA Y COMPARA

Introduce la ciudad de salida, la ciudad de destino y las fechas. Busca y
compara precios para encontrar billetes de avión baratos. ¡Te mostraremos el
mejor resultado entre miles de opciones!


BÚSQUEDA PERSONALIZADA

Encuentra rápidamente tu vuelo asequible filtrando la búsqueda por los criterios
que prefieras : duración del vuelo, aerolíneas, escalas, franja horaria y más.
¡Prepárate para viajar!


APLICACIÓN MÓVIL

Descarga nuestra aplicación y fija alertas de precios para reservar tus vuelos
baratos. ¡Descubre el mes o el día más baratos para viajar!


DESTINOS PRINCIPALES

Vuelos baratos a París, la Ciudad de la Luz
Buenos Aires
Vuelos a Londres
Vuelos baratos a Nueva York
Río de Janeiro
Vuelos a Miami



ÚLTIMOS VUELOS BUSCADOS POR LOS USUARIOS

Solo ida Medellin - Bogotá El 07/06/2024
COP 66.890
Vuelos Cartagena - Bogotá De 29/05/2024 a 31/05/2024
COP 207.940
Vuelos Pereira - Medellin De 05/06/2024 a 07/06/2024
COP 216.978
Vuelos Manizales - Quibdo De 07/06/2024 a 11/06/2024
COP 1.266.487
Solo ida Nueva York Newark - Vancouver El 08/06/2024
COP 801.487
Vuelos Cali - Medellin De 01/06/2024 a 04/06/2024
COP 323.742
Vuelos Bogotá - Cartagena De 29/06/2024 a 03/07/2024
COP 299.577
Solo ida Bogotá - Cartagena El 07/06/2024
COP 175.015
Vuelos Bogotá - Madrid De 07/06/2024 a 19/06/2024
COP 3.401.452
Solo ida San Cristobal - Valencia El 17/07/2024
COP 2.394.601
Vuelos Bogotá - Santa Marta De 12/07/2024 a 14/07/2024
COP 310.082
Solo ida Cartagena - Bogotá El 28/05/2024
COP 127.381
Solo ida Bogotá - Madrid El 04/06/2024
COP 2.409.578
Vuelos Bogotá - Ginebra De 01/06/2024 a 29/06/2024
COP 6.196.878
Vuelos Cartagena - Medellin De 25/05/2024 a 26/05/2024
COP 296.475
Descubre nuestra aplicación Descarga la aplicación gratis en Android o iOS



Rutas más populares
Principales aerolíneas
Ciudades más visitadas
Destinos más populares
 * Vuelos Bogotá - Pereira
 * Vuelos Cucuta - Bogotá
 * Vuelos Cartagena - Bogotá
 * Vuelos Barranquilla - Bogotá
 * Vuelos Medellin - Cartagena
 * Vuelos Medellin - Santa Marta
 * Vuelos Bogotá - Barranquilla
 * Vuelos Bogotá - Monteria
 * Vuelos Cali - Bogotá
 * Vuelos Bogotá - Cali
 * Vuelos Medellin - Bogotá
 * Vuelos Bogotá - Madrid
 * Vuelos Bogotá - Medellin
 * Vuelos Bogotá - Cartagena
 * Vuelos Bogotá - Santa Marta

 * DELTA
 * Air France
 * Air Canada
 * American Airlines
 * Volare Airlines
 * Iberia
 * United
 * Aeromexico
 * Wingo
 * Spirit Airlines
 * Air Europa
 * Copa Airlines
 * JetSMART
 * Avianca
 * LATAM

 * Vuelos Barcelona
 * Vuelos Bucaramanga
 * Vuelos Nueva York
 * Vuelos Pereira
 * Vuelos Cucuta
 * Vuelos Monteria
 * Vuelos Miami
 * Vuelos Barranquilla
 * Vuelos San Andres Island
 * Vuelos Cali
 * Vuelos Madrid
 * Vuelos Cartagena de Indias
 * Vuelos Santa Marta
 * Vuelos Medellin
 * Vuelos Bogotá

 * Vuelos baratos Perú
 * Vuelos baratos Panamá
 * Vuelos baratos Brasil
 * Vuelos baratos Canadá
 * Vuelos baratos Argentina
 * Vuelos baratos República Dominicana
 * Vuelos baratos México
 * Vuelos baratos España
 * Vuelos baratos Estados Unidos
 * Vuelos baratos Colombia




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