<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/eyJfcmFpbHMiOnsiZGF0YSI6NjE2MzEsInB1ciI6ImJsb2JfaWQifX0=--a57c696a2de3c106d92f754eeb69efa81cff5df2/watermarked_6.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwMzcsInB1ciI6ImJsb2JfaWQifX0=--792478ed01a3c70709a98bf196a563d9fedaa3ff/watermarked_01.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwMzgsInB1ciI6ImJsb2JfaWQifX0=--3164ecee51f1e191419e08c8a2c7c58d2776e5d8/watermarked_22.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwMzksInB1ciI6ImJsb2JfaWQifX0=--8ef8dc8be3602c162e0af1802f2df4931fbc7cd3/watermarked_Foto20.01.25130509.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNDAsInB1ciI6ImJsb2JfaWQifX0=--a17d659f1e640f98dff1ba7138d61533090ae802/watermarked_Foto20.01.25130530.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNDEsInB1ciI6ImJsb2JfaWQifX0=--921204895d4850cb0fdd45c3999c730dcc06b8b1/watermarked_Foto20.01.25130913.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNDIsInB1ciI6ImJsb2JfaWQifX0=--0a96bd96d7f7225af292d6aa9f9662624b9dcefc/watermarked_Foto20.01.25130939.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNDMsInB1ciI6ImJsb2JfaWQifX0=--13892e6a2db3b531f4c848cb1882a2c9d9eecaec/watermarked_Foto20.01.25131147.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNDQsInB1ciI6ImJsb2JfaWQifX0=--e22878a4f4e1ad2f2501f894d686d67c9af6499d/watermarked_Foto20.01.25131223.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNDUsInB1ciI6ImJsb2JfaWQifX0=--aa574904f346c28e2234e91ed01bcc154391e5e1/watermarked_Foto20.01.25131426.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNDYsInB1ciI6ImJsb2JfaWQifX0=--81ea62620a9b4cad4179ec3db830158308b6860d/watermarked_Foto20.01.25131507.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNDcsInB1ciI6ImJsb2JfaWQifX0=--9192e47cb0720c7914db7982105edcaabe6254b7/watermarked_Foto20.01.25131719.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNDgsInB1ciI6ImJsb2JfaWQifX0=--dede1154e2c2856de3c16696340f3b90828e28fc/watermarked_Foto20.01.25131726.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNDksInB1ciI6ImJsb2JfaWQifX0=--f3067fc6b0b0541aa70090cd1a0aee1eb7080801/watermarked_Foto20.01.25132029.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNTAsInB1ciI6ImJsb2JfaWQifX0=--5b3ff07dab20c4f80dcdd036abf8b759ca5ae25c/watermarked_Foto20.01.25132203.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNTEsInB1ciI6ImJsb2JfaWQifX0=--283fac4cfbd719c43dd2821e008fdd489bd22a0d/watermarked_Foto20.01.25132647.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNTIsInB1ciI6ImJsb2JfaWQifX0=--f0fd528aa9bfda13d500b111c045d94e794efea0/watermarked_Foto20.01.25133019.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjIwNTMsInB1ciI6ImJsb2JfaWQifX0=--7ac790b231a58f2d913590017d78ba7b3b76684a/watermarked_Foto20.01.25133120.jpeg?locale=de" />
           <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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyOTIsInB1ciI6ImJsb2JfaWQifX0=--3d267e1773fdbb7a796e09a8359fbc63893d1a79/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/6.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyOTMsInB1ciI6ImJsb2JfaWQifX0=--0ccbe021dbaf441391117bf1d393f90f720d6846/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/01.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyOTQsInB1ciI6ImJsb2JfaWQifX0=--7aea6b7e0c7f187db730d234d8fff4ee6eb04798/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/22.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyOTUsInB1ciI6ImJsb2JfaWQifX0=--4254c3b11708be5a5985c0efaceb67cc44cb895e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25130509.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyOTYsInB1ciI6ImJsb2JfaWQifX0=--70f7b3c66413383f7765f5e0b2c64a8d8f80522f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25130530.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyOTcsInB1ciI6ImJsb2JfaWQifX0=--b2afb5ad72c90b0cef7c025a7a1821427aa7695d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25130913.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyOTgsInB1ciI6ImJsb2JfaWQifX0=--0958340749234dc5b504087816585f52d6bf8723/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25130939.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEyOTksInB1ciI6ImJsb2JfaWQifX0=--a38c872a7ca878ea9b9372fa1ebbf4f7de017f20/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25131147.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEzMDAsInB1ciI6ImJsb2JfaWQifX0=--e2e3cc6ed88c062e1a137ecf97d8ed69480c37ed/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25131223.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEzMDEsInB1ciI6ImJsb2JfaWQifX0=--efd7e4dbd95fdfee82c382d331f7fd3eafed9528/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25131426.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEzMDIsInB1ciI6ImJsb2JfaWQifX0=--9eb5805f3a01ff37e8d47a82d7d7ab0f84c384d5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25131507.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEzMDMsInB1ciI6ImJsb2JfaWQifX0=--9589b19c5bfc4d19a1723d8b4b277c89a643ae04/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25131719.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEzMDQsInB1ciI6ImJsb2JfaWQifX0=--ecbbfa6fdcc73ccf8d3fd961c037e29db4db57a9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25131726.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEzMDUsInB1ciI6ImJsb2JfaWQifX0=--6ba435c30fa9b7c45e2df23ca65ab67dbaaf5e56/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25132029.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEzMDYsInB1ciI6ImJsb2JfaWQifX0=--b8fb27d016f0f8078008419dafc9f0b603bd2df3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25132203.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEzMDcsInB1ciI6ImJsb2JfaWQifX0=--f9889d221461255089e9a22e7cfc84b90d44c03f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25132647.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEzMDgsInB1ciI6ImJsb2JfaWQifX0=--39aac7802f33e0571eb33b1e463290412a531317/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25133019.jpeg?locale=de" />
         </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/eyJfcmFpbHMiOnsiZGF0YSI6NjEzMDksInB1ciI6ImJsb2JfaWQifX0=--1cb16aa8d6ca2c00db88ea9c19bbd1ff0936173a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlsxMDAsMTAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--1e522004a33ad27897c7be3457cd61ffec317768/Foto20.01.25133120.jpeg?locale=de" />
         </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>