<turbo-stream action="replace" target="modal"><template>

<turbo-frame id="modal">
  <div
    data-controller="modal"
    data-modal-target="outer"
    
    data-action="keyup@document->modal#handleKeyup"
    class="fixed z-20 inset-0 overflow-y-auto"
    aria-labelledby="modal-title"
    role="dialog"
    aria-modal="true"
    style="margin-top: 30px"
  >
    <div class="flex items-start justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
      <div
        data-action="click->modal#close"
        data-modal-target="wrapper"
        data-transition-enter="ease-out duration-300"
        data-transition-enter-start="opacity-0"
        data-transition-enter-end="opacity-100"
        data-transition-leave="ease-in duration-200"
        data-transition-leave-start="opacity-100"
        data-transition-leave-end="opacity-0"
        class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
        aria-hidden="true"
      >
      </div>

      <!-- This element is to trick the browser into centering the modal contents. -->
      <span class="align-middle h-screen" aria-hidden="true">&#8203;</span>

      <div
        data-modal-target="body"
        data-transition-enter="ease-out duration-300"
        data-transition-enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
        data-transition-enter-end="opacity-100 translate-y-0 sm:scale-100"
        data-transition-leave="ease-in duration-200"
        data-transition-leave-start="opacity-100 translate-y-0 sm:scale-100"
        data-transition-leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
        class="inline-block bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:align-top  sm:p-6 sm:my-[10vh] md:my-0  sm:w-full sm:max-w-[70rem]"
      >
        <div>

          <turbo-frame id="modal-body">
            <div class="px-8 py-8 !p-0">
              
 <div data-controller="slider">
   <div class="swiper" data-slider-target="container" style="max-height: 73vh;">
     <div class="swiper-wrapper mb-4">
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NDcsInB1ciI6ImJsb2JfaWQifX0=--7eef3194c0e5376b6ad0c518847a4a0bccf0d135/watermarked_communal-pool-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NDgsInB1ciI6ImJsb2JfaWQifX0=--59bef279d349b41c661c22a00b8037591bb0b607/watermarked_2.JPG?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NDksInB1ciI6ImJsb2JfaWQifX0=--f736e2425cf50ff8035ce00758ed795965fa1d60/watermarked_3.JPG?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NTAsInB1ciI6ImJsb2JfaWQifX0=--0b26f9452abc872c4f4246443050028818a79176/watermarked_bathroom-1-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NTIsInB1ciI6ImJsb2JfaWQifX0=--55a952855a8f44bd9843f10d5d498a6d37370b30/watermarked_bathroom-1a-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NTEsInB1ciI6ImJsb2JfaWQifX0=--0581275e8c92336d2dea548b9c2908ac5d4a4b1f/watermarked_bathroom-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NTQsInB1ciI6ImJsb2JfaWQifX0=--3cf9f8dcc048ad3bf36ab35487b4e007ba8dd3a7/watermarked_bedroom-1-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NTMsInB1ciI6ImJsb2JfaWQifX0=--369111b82307899ee1297e20f69295fc0171b55d/watermarked_bedroom-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NTUsInB1ciI6ImJsb2JfaWQifX0=--bf54bb11c6e803f530ddf97742557987b919b3ce/watermarked_bedroom1a-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NTYsInB1ciI6ImJsb2JfaWQifX0=--1aa51319466be13c24fa1296aa9ebbcc492c56e9/watermarked_bedroom1b-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NTcsInB1ciI6ImJsb2JfaWQifX0=--e82092b6a2d0ad982797c0df46ea4322215878d5/watermarked_cabinet-under-tv-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NTgsInB1ciI6ImJsb2JfaWQifX0=--33efffcd7cb84aead54e13d4190706327da2562f/watermarked_dining-area-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NTksInB1ciI6ImJsb2JfaWQifX0=--0cadda7a6be955d287fa23b3ebd462e9d82ed0a9/watermarked_dining-space-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NjEsInB1ciI6ImJsb2JfaWQifX0=--e480c7709cef79512ecc25e38e888688dc49242f/watermarked_dining-table-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NjAsInB1ciI6ImJsb2JfaWQifX0=--b98e9f2b2c1d89a8365f0c32f56399c7f8523ebb/watermarked_dining-to-lounge-area-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NjIsInB1ciI6ImJsb2JfaWQifX0=--0e009fcf820ca64555b365be0e3180885dd593c9/watermarked_dressing-master-bedroom-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NjQsInB1ciI6ImJsb2JfaWQifX0=--046511b17841c33c5d5b5677ff5d538aecf3eade/watermarked_living-to-dining-area-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
         <div class="swiper-slide flex justify-center cursor-pointer">
           <img class="!object-cover md:h-[600px] sm:h-full mx-auto" loading="lazy" src="https://www.ibicasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg4NjMsInB1ciI6ImJsb2JfaWQifX0=--795249ccf85c57a6de150bd979528a2bc8c3bfef/watermarked_living-to-terrace-ibiza-now.jpg?locale=es" />
           <div class="swiper-lazy-preloader"></div>
         </div>
     </div>
     <div class="swiper-button-prev" data-slider-target="prev"></div>
     <div class="swiper-button-next" data-slider-target="next"></div>
     <div class="swiper-pagination"></div>
   </div>

   <div thumbsSlider="" class="swiper" data-slider-target="containerr">
     <div class="swiper-wrapper">
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1MzIsInB1ciI6ImJsb2JfaWQifX0=--85767e63f1e0a861949093c9394207275b4fe667/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/communal-pool-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTcwNDIsInB1ciI6ImJsb2JfaWQifX0=--e66b65b14363f0ee30ba58f52934be7feefcf777/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--144b1946ced9854072b1a33a50fb91d012a8667d/2.JPG?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTcwNDMsInB1ciI6ImJsb2JfaWQifX0=--c9443d9544966dff4edd813ac17bfbb295f8835b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--144b1946ced9854072b1a33a50fb91d012a8667d/3.JPG?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1MzMsInB1ciI6ImJsb2JfaWQifX0=--f23969c115749f8506579f6a6955aabdc20d95b0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/bathroom-1-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1MzQsInB1ciI6ImJsb2JfaWQifX0=--a629f2dbf7677d0def3626e76e598178ba813555/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/bathroom-1a-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1MzUsInB1ciI6ImJsb2JfaWQifX0=--1a439f3c6330b9b74be836294382adaf67844777/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/bathroom-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1MzYsInB1ciI6ImJsb2JfaWQifX0=--eaa6e1a642b445efd6d40d28fa94c690f8828c34/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/bedroom-1-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1MzcsInB1ciI6ImJsb2JfaWQifX0=--05228315a53748bf4eaf118a2186c0e5549cf1b4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/bedroom-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1MzgsInB1ciI6ImJsb2JfaWQifX0=--05c664e05647f19bddfb115f8f95b7c2fbf0c03f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/bedroom1a-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1MzksInB1ciI6ImJsb2JfaWQifX0=--20293ca17b61a696f542458d29d253704eb53707/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/bedroom1b-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1NDAsInB1ciI6ImJsb2JfaWQifX0=--613dec72b118122b85b04270aa7341b246814db8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/cabinet-under-tv-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1NDEsInB1ciI6ImJsb2JfaWQifX0=--a780f2d4affd33809877ca954f2e0591396d323d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/dining-area-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1NDIsInB1ciI6ImJsb2JfaWQifX0=--dabae844e6cd2c723330976035de43174b5e52f9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/dining-space-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1NDMsInB1ciI6ImJsb2JfaWQifX0=--86cfd737ff154e2bf40a0866e537310976f6ec08/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/dining-table-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1NDQsInB1ciI6ImJsb2JfaWQifX0=--188346b3595ddb90b8a5f2e7b4ab28b30ce9a925/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/dining-to-lounge-area-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1NDUsInB1ciI6ImJsb2JfaWQifX0=--d2781d85bf6a26ab4109240029a65e43995547d4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/dressing-master-bedroom-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1NDYsInB1ciI6ImJsb2JfaWQifX0=--dc426882013cd6df6438bc1838de9a57cc7c50c7/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/living-to-dining-area-ibiza-now.jpg?locale=es" />
         </div>
         <div class="swiper-slide flex justify-center !h-auto max-h-[120px] min-h-[120px]">
           <img class="opacity-40 object-contain !h-full mx-auto" src="https://www.ibicasa.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjU1NDcsInB1ciI6ImJsb2JfaWQifX0=--a00fd6309a0de46e0e7b56c843fce8e74a3524df/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzEwMCwxMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--33a1a31a72e6eab112b9208391d76eb02da6aa61/living-to-terrace-ibiza-now.jpg?locale=es" />
         </div>
     </div>
   </div>
 </div>

            </div>
</turbo-frame>        </div>
      </div>
    </div>
  </div>
</turbo-frame>
<style>
 .swiper-slide-thumb-active img {
   opacity: 1 !important;
 }

 .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .swiper-thumbs {
   margin-top: 10px;
   width: 100%;
   height: 120px;
   box-sizing: border-box;
 }

.swiper-thumbs .swiper-slide img {
  border-radius: 10px; /* Rounded corners only for thumbnails */
}

 .swiper-slide img {
   display: block;
   width: 100%;
   object-fit: cover;
 }

 .swiper-container.fullscreen {
   position: fixed !important;
   top: 0;
   left: 0;
   width: 100vw !important;
   height: 100vh !important;
   background: rgba(0, 0, 0, 0.9);
   z-index: 9999;
 }

 .swiper-container.fullscreen .swiper-wrapper {
   height: 100vh;
 }

 .swiper-container.fullscreen .swiper-slide {
   display: flex;
   align-items: center;
   justify-content: center;
   background: transparent;
 }

 .swiper-container.fullscreen .swiper-slide img {
   max-width: 90%;
   max-height: 90vh;
   width: auto;
   height: auto;
   object-fit: contain;
 }

 .swiper-container.fullscreen .swiper-button-prev,
 .swiper-container.fullscreen .swiper-button-next {
   color: white;
 }

 .swiper-container.fullscreen + [thumbsSlider] {
   display: none;
 }

.fullscreen-close {
  position: fixed;
  top: 20px;
  right: 20px;
  color: #3dbab3 !important;
  cursor: pointer;
  z-index: 10000;
  font-size: 24px;
  background: rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: none; /* Hidden by default */
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.fullscreen-close:hover {
  background: rgba(0, 0, 0, 0.7);
  transform: scale(1.1);
}

 /* Pagination styles */
 .swiper-pagination {
   position: absolute;
   bottom: 10px !important;
 }

 .swiper-pagination-bullet {
   width: 8px;
   height: 8px;
   background: rgba(255, 255, 255, 0.5);
   opacity: 0.5;
 }

 .swiper-pagination-bullet-active {
   background: #ffffff;
   opacity: 1;
 }

 .swiper-container.fullscreen .swiper-pagination {
   bottom: 20px !important;
 }

  .swiper-container.fullscreen .swiper-slide img {
    border-radius: 0 !important; /* Force no rounding for fullscreen images */
  }
</style></template></turbo-stream>