1 2 3<!DOCTYPE html> 4<html lang="es"> 5<head> 6 <meta charset="UTF-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <title>Venta de Apartamentos en Pereira Risaralda Colombia - Inmobiliaria y finca ra&iacute;z en Pereira</title> 9 <meta name="description" content="<br /> 10<b>Warning</b>: Use of undefined constant descripcion - assumed 'descripcion' (this will throw an Error in a future version of PHP) in <b>/home/casasyap/public_html/include/common/nuevo_encabezado.php</b> on line <b>4</b><br /> 11descripcion"> 12 13 <!-- Tailwind CSS CDN --> 14
14<script src="/tailwindcss-v4.js"></script>
14 15 <!-- Alpine.js CDN --> 16
16<script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
16 17 <!-- FontAwesome CDN --> 18 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 19 <link rel="icon" type="image/png" href="https://www.casasyapartamentospereira.com/favicon.png"> 20 <meta property="og:description" content="" /> 21 <meta property="og:title" content=">Casas y Apartamentos Pereira" /> 22 <meta property="og:type" content="website" /> 23 <meta property="og:url" content="https://www.casasyapartamentospereira.com"/> 24 <meta property="og:site_name" content="casasyapartamentospereira.com" /> 25 <style> 26 .bg-grid-dots { 27 background-color: #f8fafc; 28 background-image: radial-gradient(#cbd5e1 1px, transparent 1px); 29 background-size: 24px 24px; 30 } 31 </style>
32<script type="text/javascript"> 33var _gaq = _gaq || []; 34_gaq.push(['_setAccount', 'UA-27379772-38']); 35_gaq.push(['_trackPageview']); 36(function() { 37var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 38ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 39var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 40})(); 41</script>
41 42<meta name="p:domain_verify" content="75b36f8341f7a9bdbb7f38897b07d42b"/> 43<!-- Global site tag (gtag.js) - AdWords: 863622616 -->
vendor: 65 bytes, lines 43-44
43 44<script async src="https://www.googletagmanager.com/gtag/js?id=
44AW-863622616
vendor: 13 bytes, line 44
44"></script>
45<script> 46
vendor: 138 bytes, lines 46-50
46window.dataLayer = window.dataLayer || []; 47 function gtag(){dataLayer.push(arguments);} 48 gtag('js', new Date()); 49 50 gtag('config', '
50AW-863622616
vendor: 5 bytes, line 50
50');
51</script>
51
52<script>(function (d, s, id) { 53var js, fjs = d.getElementsByTagName(s)[0]; 54if (d.getElementById(id)) return; 55js = d.createElement(s); 56js.id = id; 57js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1"; 58fjs.parentNode.insertBefore(js, fjs); 59}(document, 'script', 'facebook-jssdk'));</script>
59</head> 60<body class="bg-slate-100 text-slate-700 antialiased font-sans flex flex-col min-h-screen" x-data="mainPage()"> 61 62 <!-- FRANJA SUPERIOR (TOP BAR) --> 63 <div class="bg-slate-200/70 border-b border-slate-300/50 text-slate-600 text-sm py-2 px-4 sm:px-6 lg:px-8"> 64 <div class="max-w-7xl mx-auto flex justify-end items-center gap-6"> 65 <button @click="showOtherSites = true" class="font-medium text-slate-700 hover:text-[#0a3866] flex items-center gap-1.5 transition"> 66 <i class="fa-solid fa-globe text-[#0a3866]"></i> 67 <span>Colombia</span> 68 <i class="fa-solid fa-chevron-down text-xs text-slate-400"></i> 69 </button> 70 71 <div class="flex items-center gap-3 text-base border-l border-slate-300/70 pl-4"> 72 <a href="https://www.youtube.com/channel/UC0kB97yIOs6C5BeVrN5gUyQ" class="text-slate-600 hover:text-blue-600 transition"><i class="fa-brands fa-square-youtube"></i></a> 73 <a href="https://www.linkedin.com/company/casas-y-apartamentos-pereira" class="text-slate-600 hover:text-sky-700 transition"><i class="fa-brands fa-linkedin"></i></a> 74 <a href="https://x.com/casasyaptospei" class="text-slate-600 hover:text-slate-900 transition"><i class="fa-brands fa-square-x-twitter"></i></a> 75 <a href="https://casasyapartamentospereira.blogspot.com/" class="text-slate-600 hover:text-slate-900 transition"><i class="fa-brands fa-square-blogger"></i></a> 76 <a href="https://www.instagram.com/casasyapartamentospereira/" class="text-slate-600 hover:text-pink-600 transition"><i class="fa-brands fa-square-instagram"></i></a> 77 </div> 78 </div> 79 </div> 80 81 <header class="bg-white border-b border-slate-200 relative z-20 shadow-sm"> 82 83<!-- CABECERA DE LOGOS Y CONTACTO --> 84<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex items-center justify-between gap-6"> 85 86 <!-- LOGO IZQUIERDA --> 87 <a href="https://www.casasyapartamentospereira.com/" class="flex items-center shrink-0"> 88 <img src="images/logo_pereira_by.jpg" alt="Casas y Apartamentos Pereira - Finca Raiz" class="h-14 sm:h-16 lg:h-20 max-w-[260px] w-auto object-contain"> 89 </a> 90 91 <!-- Botones Centrales de Contacto --> 92 <div class="hidden md:flex items-center gap-3"> 93 <a href="https://api.whatsapp.com/send?phone=573113052872&text=Hola.%20Necesito%20asesor%C3%ADa%20inmobiliaria%20en%20Pereira." class="bg-[#0a3866] hover:bg-[#072849] text-white text-sm font-medium px-4 py-2.5 rounded-xl flex items-center gap-2 shadow-sm transition"> 94 <i class="fa-solid fa-phone text-xs"></i> Contactar Asesor 95 </a> 96 <a href="https://wa.me/573113052872" target="_blank" class="bg-emerald-600 hover:bg-emerald-700 text-white text-sm font-medium px-4 py-2.5 rounded-xl flex items-center gap-2 shadow-sm transition"> 97 <i class="fa-brands fa-whatsapp text-base"></i> WhatsApp 98 </a> 99 </div> 100 101 <!-- LOGO DERECHA --> 102 <div class="flex items-center shrink-0"> 103 <img src="images/casa_habitat.jpg" alt="Casas y Apartamentos Pereira" class="h-12 sm:h-14 lg:h-16 max-w-[220px] w-auto object-contain"> 104 </div> 105 106</div> 107 108<!-- NAV CON MEGA MENà Y NAVEGACIÃN COMPLETA --> 109<nav class="bg-[#0a3866] text-white relative z-50 shadow-md w-full" 110 x-data="{ openVenta: false, openArriendo: false, openZonas: false, openFase: false, mobileMenu: false }"> 111 112 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 113 <div class="flex items-center justify-between h-16"> 114 115 <!-- Botón Menú Móvil --> 116 <div class="flex md:hidden"> 117 <button type="button" @click="mobileMenu = !mobileMenu" class="text-slate-200 hover:text-white p-2 rounded-lg hover:bg-sky-900/50 transition"> 118 <i class="fa-solid" :class="mobileMenu ? 'fa-xmark text-xl' : 'fa-bars text-xl'"></i> 119 </button> 120 </div> 121 122 <!-- Menú Principal Desktop --> 123 <div class="hidden md:flex items-center space-x-1 lg:space-x-3 text-xs lg:text-sm font-medium"> 124 125 <!-- Home --> 126 <a href="https://www.casasyapartamentospereira.com/" class="px-3 py-2 rounded-lg hover:bg-sky-900/60 transition whitespace-nowrap"> 127 Inicio 128 </a> 129 130 <!-- Dropdown VENTA --> 131 <div class="relative py-2" @mouseenter="openVenta = true" @mouseleave="openVenta = false"> 132 <button type="button" class="px-3 py-2 rounded-lg hover:bg-sky-900/60 transition whitespace-nowrap flex items-center gap-1.5 focus:outline-none" :class="openVenta ? 'bg-sky-900/80 text-amber-400' : ''">
133 <span>Venta</span> 134 <i class="fa-solid fa-chevron-down text-[10px] transition-transform duration-200" :class="openVenta ? 'rotate-180' : ''"></i> 135 </button> 136 137 <div x-show="openVenta" 138 x-transition:enter="transition ease-out duration-150" 139 x-transition:enter-start="opacity-0 scale-95" 140 x-transition:enter-end="opacity-100 scale-100" 141 x-transition:leave="transition ease-in duration-100" 142 x-transition:leave-start="opacity-100 scale-100" 143 x-transition:leave-end="opacity-0 scale-95" 144 x-cloak 145 class="absolute left-0 top-full w-56 bg-white rounded-xl shadow-2xl border border-slate-200 py-2 text-slate-800 z-50"> 146 147 <div class="px-3 py-1 text-[10px] font-bold uppercase tracking-wider text-slate-400 border-b border-slate-100 mb-1"> 148 Inmuebles en Venta 149 </div> 150 151 <a href="https://www.casasyapartamentospereira.com/venta-de-apartamentos-en-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Apartamentos</a> 152 <a href="https://www.casasyapartamentospereira.com/venta-de-apartaestudios-en-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Apartaestudios</a> 153 <a href="https://www.casasyapartamentospereira.com/venta-de-bodegas-en-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Bodegas</a> 154 <a href="https://www.casasyapartamentospereira.com/venta-de-casas-en-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Casas</a> 155 <a href="https://www.casasyapartamentospereira.com/venta-de-casas-campestres-en-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Casas Campestres</a> 156 <a href="https://www.casasyapartamentospereira.com/venta-de-edificios-en-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Edificios</a> 157 <a href="https://www.casasyapartamentospereira.com/venta-de-fincas-en-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Fincas</a> 158 <a href="https://www.casasyapartamentospereira.com/venta-de-locales-en-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Locales</a> 159 <a href="https://www.casasyapartamentospereira.com/venta-de-lotes-en-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Lotes</a> 160 <a href="https://www.casasyapartamentospereira.com/venta-de-oficinas-en-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Oficinas</a> 161 </div> 162 </div> 163 164 <!-- Dropdown ARRIENDO --> 165 <div class="relative py-2" @mouseenter="openArriendo = true" @mouseleave="openArriendo = false"> 166 <button type="button" class="px-3 py-2 rounded-lg hover:bg-sky-900/60 transition whitespace-nowrap flex items-center gap-1.5 focus:outline-none" :class="openArriendo ? 'bg-sky-900/80 text-amber-400' : ''"> 167 <span>Arriendo</span> 168 <i class="fa-solid fa-chevron-down text-[10px] transition-transform duration-200" :class="openArriendo ? 'rotate-180' : ''"></i> 169 </button> 170 171 <div x-show="openArriendo" 172 x-transition:enter="transition ease-out duration-150" 173 x-transition:enter-start="opacity-0 scale-95" 174 x-transition:enter-end="opacity-100 scale-100" 175 x-transition:leave="transition ease-in duration-100" 176 x-transition:leave-start="opacity-100 scale-100" 177 x-transition:leave-end="opacity-0 scale-95" 178 x-cloak 179 class="absolute left-0 top-full w-56 bg-white rounded-xl shadow-2xl border border-slate-200 py-2 text-slate-800 z-50"> 180 181 <div class="px-3 py-1 text-[10px] font-bold uppercase tracking-wider text-slate-400 border-b border-slate-100 mb-1"> 182 Inmuebles en Arriendo 183 </div> 184 185 <a href="https://www.casasyapartamentospereira.com/arriendos-pereira-alquileres" class="block px-4 py-1.5 text-xs font-semibold text-[#0a3866] hover:bg-slate-50">Arriendos en Pereira</a> 186 <a href="https://www.casasyapartamentospereira.com/apartaestudios-en-arriendo-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Apartaestudios</a> 187 <a href="https://www.casasyapartamentospereira.com/apartamentos-en-arriendo-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Apartamentos</a> 188 <a href="https://www.casasyapartamentospereira.com/casas-en-arriendo-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Casas</a> 189 <a href="https://www.casasyapartamentospereira.com/casas-campestres-en-arriendo-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Casas Campestres</a> 190 <a href="https://www.casasyapartamentospereira.com/locales-en-arriendo-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Locales</a> 191 <a href="https://www.casasyapartamentospereira.com/oficinas-en-arriendo-pereira" class="block px-4 py-1.5 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]">Oficinas</a> 192 </div> 193 </div> 194 195 <!-- MEGA MENÃ: Zonas Populares (Dinámico) --> 196 <div class="relative py-2" @mouseenter="openZonas = true" @mouseleave="openZonas = false"> 197 <button type="button" class="px-3 py-2 rounded-lg hover:bg-sky-900/60 transition whitespace-nowrap flex items-center gap-1.5 focus:outline-none" :class="openZonas ? 'bg-sky-900/80 text-amber-400' : ''">
198 <span>Zonas Populares</span> 199 <i class="fa-solid fa-chevron-down text-[10px] transition-transform duration-200" :class="openZonas ? 'rotate-180' : ''"></i> 200 </button> 201 202 <div x-show="openZonas" 203 x-transition 204 class="absolute left-1/2 -translate-x-1/2 top-full w-[720px] bg-white rounded-2xl shadow-2xl border border-slate-200 p-5 text-slate-800 z-50" 205 style="display: none;"> 206 207 <div class="border-b border-slate-100 pb-2 mb-3 flex items-center justify-between"> 208 <span class="text-xs font-bold uppercase tracking-wider text-slate-400"> 209 Explorar Sectores de Pereira 210 </span> 211 <span class="text-[11px] text-sky-700 bg-sky-50 px-2.5 py-0.5 rounded-full font-semibold"> 212 6 Sectores 213 </span> 214 </div> 215 216 <div class="grid grid-cols-3 gap-x-4 gap-y-1 text-xs"> 217 <div class="space-y-1"> 218 <a href="/casas-en-alquiler-en-apia-pereira" 219 class="block p-1.5 rounded-lg hover:bg-slate-50 hover:text-[#0a3866] transition font-medium"> 220 Apia </a> 221 <a href="/casas-en-alquiler-en-dosquebradas-pereira" 222 class="block p-1.5 rounded-lg hover:bg-slate-50 hover:text-[#0a3866] transition font-medium"> 223 Dosquebradas </a> 224 </div> 225 <div class="space-y-1"> 226 <a href="/casas-en-alquiler-en-marsella-pereira" 227 class="block p-1.5 rounded-lg hover:bg-slate-50 hover:text-[#0a3866] transition font-medium"> 228 Marsella </a> 229 <a href="/casas-en-alquiler-en-pereira-pereira" 230 class="block p-1.5 rounded-lg hover:bg-slate-50 hover:text-[#0a3866] transition font-medium"> 231 Pereira </a> 232 </div> 233 <div class="space-y-1"> 234 <a href="/casas-en-alquiler-en-santa-rosa-de-cabal-pereira" 235 class="block p-1.5 rounded-lg hover:bg-slate-50 hover:text-[#0a3866] transition font-medium"> 236 Santa Rosa de Cabal </a> 237 <a href="/casas-en-alquiler-en-santuario-pereira" 238 class="block p-1.5 rounded-lg hover:bg-slate-50 hover:text-[#0a3866] transition font-medium"> 239 Santuario </a> 240 </div> 241 </div> 242 243 </div> 244 </div> 245 246 <!-- Dropdown Fase --> 247 <div class="relative py-2" @mouseenter="openFase = true" @mouseleave="openFase = false"> 248 <button type="button" class="px-3 py-2 rounded-lg hover:bg-sky-900/60 transition whitespace-nowrap flex items-center gap-1.5 focus:outline-none" :class="openFase ? 'bg-sky-900/80 text-amber-400' : ''">
249 <span>Fase</span> 250 <i class="fa-solid fa-chevron-down text-[10px] transition-transform duration-200" :class="openFase ? 'rotate-180' : ''"></i> 251 </button> 252 253 <div x-show="openFase" x-transition class="absolute left-0 top-full w-56 bg-white rounded-xl shadow-2xl border border-slate-200 py-2 text-slate-800 z-50" style="display: none;"> 254 <a href="/casas-en-arriendo-proyectos-en-construccion-pereira" class="flex items-center gap-2 px-4 py-2 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]"> 255 <i class="fa-solid fa-compass-drafting text-slate-400 w-4"></i> Proyectos / En Construcción 256 </a> 257 <a href="/casas-en-arriendo-nuevos-pereira" class="flex items-center gap-2 px-4 py-2 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]"> 258 <i class="fa-solid fa-key text-slate-400 w-4"></i> Nuevos 259 </a> 260 <a href="/casas-en-arriendo-usados-pereira" class="flex items-center gap-2 px-4 py-2 text-xs font-medium hover:bg-slate-50 hover:text-[#0a3866]"> 261 <i class="fa-solid fa-building-circle-check text-slate-400 w-4"></i> Usados 262 </a> 263 </div> 264 </div> 265 266 <a href="https://www.casasyapartamentospereira.com/nosotros" class="px-3 py-2 rounded-lg hover:bg-sky-900/60 transition whitespace-nowrap">Nosotros</a> 267 <a href="https://www.casasyapartamentospereira.com/contacto" class="px-3 py-2 rounded-lg hover:bg-sky-900/60 transition whitespace-nowrap">Contacto</a> 268 </div> 269 270 </div> 271 272 <!-- MENà MÃVIL --> 273 <div x-show="mobileMenu" x-transition class="md:hidden border-t border-sky-900/80 py-3 px-2 space-y-1 text-sm font-medium bg-[#082d52]" style="display: none;"> 274 <a href="https://www.casasyapartamentospereira.com/" class="block px-3 py-2 rounded-lg hover:bg-sky-900/60">Inicio</a> 275 276 <!-- Venta Móvil --> 277 <div> 278 <button type="button" @click="openVenta = !openVenta" class="w-full flex items-center justify-between px-3 py-2 rounded-lg hover:bg-sky-900/60 text-left"> 279 <span>Venta</span> 280 <i class="fa-solid fa-chevron-down text-xs transition-transform" :class="openVenta ? 'rotate-180' : ''"></i> 281 </button> 282 <div x-show="openVenta" class="pl-4 pr-2 py-2 space-y-1 bg-sky-950/40 rounded-lg my-1 text-xs"> 283 <a href="https://www.casasyapartamentospereira.com/venta-de-apartamentos-en-pereira" class="block py-1 text-slate-200 hover:text-white">Apartamentos</a> 284 <a href="https://www.casasyapartamentospereira.com/venta-de-apartaestudios-en-pereira" class="block py-1 text-slate-200 hover:text-white">Apartaestudios</a> 285 <a href="https://www.casasyapartamentospereira.com/venta-de-bodegas-en-pereira" class="block py-1 text-slate-200 hover:text-white">Bodegas</a> 286 <a href="https://www.casasyapartamentospereira.com/venta-de-casas-en-pereira" class="block py-1 text-slate-200 hover:text-white">Casas</a> 287 <a href="https://www.casasyapartamentospereira.com/venta-de-casas-campestres-en-pereira" class="block py-1 text-slate-200 hover:text-white">Casas Campestres</a> 288 <a href="https://www.casasyapartamentospereira.com/venta-de-edificios-en-pereira" class="block py-1 text-slate-200 hover:text-white">Edificios</a> 289 <a href="https://www.casasyapartamentospereira.com/venta-de-fincas-en-pereira" class="block py-1 text-slate-200 hover:text-white">Fincas</a> 290 <a href="https://www.casasyapartamentospereira.com/venta-de-locales-en-pereira" class="block py-1 text-slate-200 hover:text-white">Locales</a> 291 <a href="https://www.casasyapartamentospereira.com/venta-de-lotes-en-pereira" class="block py-1 text-slate-200 hover:text-white">Lotes</a> 292 <a href="https://www.casasyapartamentospereira.com/venta-de-oficinas-en-pereira" class="block py-1 text-slate-200 hover:text-white">Oficinas</a> 293 </div> 294 </div> 295 296 <!-- Arriendo Móvil --> 297 <div> 298 <button type="button" @click="openArriendo = !openArriendo" class="w-full flex items-center justify-between px-3 py-2 rounded-lg hover:bg-sky-900/60 text-left">
299 <span>Arriendo</span> 300 <i class="fa-solid fa-chevron-down text-xs transition-transform" :class="openArriendo ? 'rotate-180' : ''"></i> 301 </button> 302 <div x-show="openArriendo" class="pl-4 pr-2 py-2 space-y-1 bg-sky-950/40 rounded-lg my-1 text-xs"> 303 <a href="https://www.casasyapartamentospereira.com/arriendos-pereira-alquileres" class="block py-1 font-semibold text-amber-300 hover:text-white">Arriendos en Pereira</a> 304 <a href="https://www.casasyapartamentospereira.com/apartaestudios-en-arriendo-pereira" class="block py-1 text-slate-200 hover:text-white">Apartaestudios</a> 305 <a href="https://www.casasyapartamentospereira.com/apartamentos-en-arriendo-pereira" class="block py-1 text-slate-200 hover:text-white">Apartamentos</a> 306 <a href="https://www.casasyapartamentospereira.com/casas-en-arriendo-pereira" class="block py-1 text-slate-200 hover:text-white">Casas</a> 307 <a href="https://www.casasyapartamentospereira.com/casas-campestres-en-arriendo-pereira" class="block py-1 text-slate-200 hover:text-white">Casas Campestres</a> 308 <a href="https://www.casasyapartamentospereira.com/locales-en-arriendo-pereira" class="block py-1 text-slate-200 hover:text-white">Locales</a> 309 <a href="https://www.casasyapartamentospereira.com/oficinas-en-arriendo-pereira" class="block py-1 text-slate-200 hover:text-white">Oficinas</a> 310 </div> 311 </div> 312 313 <!-- Zonas Populares Móvil --> 314 <div> 315 <button type="button" @click="openZonas = !openZonas" class="w-full flex items-center justify-between px-3 py-2 rounded-lg hover:bg-sky-900/60 text-left"> 316 <span>Zonas Populares</span> 317 <i class="fa-solid fa-chevron-down text-xs transition-transform" :class="openZonas ? 'rotate-180' : ''"></i> 318 </button> 319 <div x-show="openZonas" class="pl-4 pr-2 py-2 space-y-1 bg-sky-950/40 rounded-lg my-1 max-h-60 overflow-y-auto text-xs"> 320 <a href="/casas-en-alquiler-en-apia-pereira" class="block py-1 text-slate-200 hover:text-white"> 321 Apia </a> 322 <a href="/casas-en-alquiler-en-dosquebradas-pereira" class="block py-1 text-slate-200 hover:text-white"> 323 Dosquebradas </a> 324 <a href="/casas-en-alquiler-en-marsella-pereira" class="block py-1 text-slate-200 hover:text-white"> 325 Marsella </a> 326 <a href="/casas-en-alquiler-en-pereira-pereira" class="block py-1 text-slate-200 hover:text-white"> 327 Pereira </a> 328 <a href="/casas-en-alquiler-en-santa-rosa-de-cabal-pereira" class="block py-1 text-slate-200 hover:text-white"> 329 Santa Rosa de Cabal </a> 330 <a href="/casas-en-alquiler-en-santuario-pereira" class="block py-1 text-slate-200 hover:text-white"> 331 Santuario </a> 332 </div> 333 </div> 334 335 <!-- Fase Móvil --> 336 <div> 337 <button type="button" @click="openFase = !openFase" class="w-full flex items-center justify-between px-3 py-2 rounded-lg hover:bg-sky-900/60 text-left"> 338 <span>Fase</span> 339 <i class="fa-solid fa-chevron-down text-xs transition-transform" :class="openFase ? 'rotate-180' : ''"></i> 340 </button> 341 <div x-show="openFase" class="pl-4 pr-2 py-2 space-y-1 bg-sky-950/40 rounded-lg my-1 text-xs"> 342 <a href="/casas-en-arriendo-proyectos-en-construccion-pereira" class="block py-1 text-slate-200 hover:text-white">Proyectos / En Construcción</a> 343 <a href="/casas-en-arriendo-nuevos-pereira" class="block py-1 text-slate-200 hover:text-white">Nuevos</a> 344 <a href="/casas-en-arriendo-usados-pereira" class="block py-1 text-slate-200 hover:text-white">
344Usados</a> 345 </div> 346 </div> 347 348 <a href="https://www.casasyapartamentospereira.com/nosotros" class="block px-3 py-2 rounded-lg hover:bg-sky-900/60">Nosotros</a> 349 <a href="https://www.casasyapartamentospereira.com/contacto" class="block px-3 py-2 rounded-lg hover:bg-sky-900/60">Contacto</a> 350 </div> 351 352 </div> 353</nav> </header> 354 355 <!-- HERO SECTION --> 356 <div class="relative bg-grid-dots overflow-hidden border-b border-slate-200/80"> 357 <div class="absolute top-0 inset-x-0 h-64 bg-gradient-to-b from-[#0a3866]/5 via-transparent to-transparent pointer-events-none z-0"></div> 358 359 <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 lg:py-14 relative z-10"> 360 <div class="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-10 items-center"> 361 362 <div class="lg:col-span-7"> 363 <div> 364 <h1 class="text-3xl sm:text-4xl lg:text-4xl font-bold tracking-tight mt-3 text-slate-900 leading-snug"> 365 Apartamentos en Venta en Pereira </h1> 366 <p class="text-slate-500 font-normal text-sm sm:text-base mt-2"> 367 Encuentra las mejores ofertas de apartamentos en venta en Pereira. Inmuebles con excelente ubicación. </p> 368 </div> 369 370 <form action="buscar_index.php" method="GET" class="mt-6 bg-white rounded-2xl p-5 sm:p-6 shadow-lg border border-slate-200/80 space-y-4"> 371 372 <div class="flex items-center gap-2 border-b border-slate-100 pb-3.5"> 373 <input type="hidden" name="negocio" :value="opcionNegocio"> 374 375 <button type="button" 376 @click="opcionNegocio = 'Venta'" 377 :class="opcionNegocio === 'Venta' ? 'bg-[#0a3866] text-white shadow-sm' : 'bg-slate-100 text-slate-600 hover:bg-slate-200'" 378 class="px-5 py-2 rounded-xl text-xs sm:text-sm font-semibold uppercase tracking-wide transition"> 379 COMPRAR 380 </button> 381 382 <button type="button" 383 @click="opcionNegocio = 'Alquiler'" 384 :class="opcionNegocio === 'Alquiler' ? 'bg-[#0a3866] text-white shadow-sm' : 'bg-slate-100 text-slate-600 hover:bg-slate-200'" 385 class="px-5 py-2 rounded-xl text-xs sm:text-sm font-semibold uppercase tracking-wide transition"> 386 ARRENDAR 387 </button> 388 </div> 389 390 <div class="grid grid-cols-1 sm:grid-cols-12 gap-3 items-end"> 391 <div class="sm:col-span-4"> 392 <label class="block text-xs font-medium text-slate-500 uppercase mb-1">Ubicación</label> 393 <input type="text" name="palabra" placeholder="Ciudad o sector" class="w-full bg-slate-50 border border-slate-300 rounded-xl p-2.5 text-sm font-normal focus:ring-2 focus:ring-[#0a3866] focus:outline-none"> 394 </div> 395 396 <div class="sm:col-span-4"> 397 <label class="block text-xs font-medium text-slate-500 uppercase mb-1">Inmueble</label> 398 <select name="tipo_propiedad" class="w-full bg-slate-50 border border-slate-300 rounded-xl p-2.5 text-sm font-normal focus:ring-2 focus:ring-[#0a3866] focus:outline-none"> 399 <option value="">Todos los tipos</option> 400 <option value="1">Casas</option> 401 <option value="2">Apartamentos</option> 402 <option value="4">Oficinas</option> 403 <option value="3">Locales</option> 404 </select> 405 </div> 406 407 <div class="sm:col-span-2"> 408 <button type="button" 409 @click="showFilters = !showFilters" 410 :class="showFilters ? 'bg-slate-200 text-slate-900' : 'bg-slate-100 text-slate-600 hover:bg-slate-200'" 411 class="w-full font-medium p-2.5 rounded-xl border border-slate-300 text-xs sm:text-sm flex items-center justify-center gap-1.5 transition"> 412 <i class="fa-solid fa-sliders text-slate-400"></i> 413 FILTROS 414 </button> 415 </div> 416 417 <div class="sm:col-span-2"> 418 <button type="submit" class="w-full bg-amber-500 hover:bg-amber-600 text-slate-950 font-bold p-2.5 rounded-xl shadow-sm transition flex items-center justify-center gap-1.5 text-xs sm:text-sm tracking-wide"> 419 <i class="fa-solid fa-magnifying-glass"></i> 420 BUSCAR 421 </button> 422 </div> 423 </div> 424 425 <div x-show="showFilters" 426 x-transition 427 class="pt-3 border-t border-slate-100 grid grid-cols-2 sm:grid-cols-4 gap-3 bg-slate-50 p-4 rounded-xl border border-slate-200/80"> 428 <div> 429 <label class="block text-xs font-medium text-slate-500 uppercase mb-1">Código</label> 430 <input type="text" name="codigo" placeholder="Ej: 1024" class="w-full bg-white border border-slate-300 rounded-lg p-2 text-xs"> 431 </div> 432 <div> 433 <label class="block text-xs font-medium text-slate-500 uppercase mb-1">Precio MÃn.</label> 434 <input type="number" name="precio_min" placeholder="MÃnimo" class="w-full bg-white border border-slate-300 rounded-lg p-2 text-xs"> 435 </div> 436 <div> 437 <label class="block text-xs font-medium text-slate-500 uppercase mb-1">Precio Máx.</label> 438 <input type="number" name="precio_max" placeholder="Máximo" class="w-full bg-white border border-slate-300 rounded-lg p-2 text-xs"> 439 </div> 440 <div> 441 <label class="block text-xs font-medium text-slate-500 uppercase mb-1">Alcobas</label> 442 <select name="alcobas" class="w-full bg-white border border-slate-300 rounded-lg p-2 text-xs"> 443 <option value="">Todas</option> 444 <option value="1">1+</option> 445 <option value="2">2+</option> 446 <option value="3">3+</option> 447 </select> 448 </div> 449 </div> 450 </form> </div> 451 452 <div class="lg:col-span-5"> 453 <div class="relative rounded-2xl overflow-hidden shadow-xl border border-slate-200"> 454 <img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1000&q=80" 455 alt="Apartamentos en Venta en Pereira" 456 class="w-full h-[340px] lg:h-[400px] object-cover"> 457 <div class="absolute bottom-4 left-4 bg-slate-900/80 backdrop-blur-md text-white px-3.5 py-1.5 rounded-xl text-xs font-medium flex items-center gap-2">
458 <span class="w-2 h-2 rounded-full bg-emerald-400 animate-pulse"></span> 459 Inmuebles en Pereira 460 </div> 461 </div> 462 </div> 463 464 </div> 465 </section> 466 </div> 467 468 <!-- MAIN CONTENT --> 469 <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 flex-grow"> 470 471 472 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> 473 474 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 475 476 <!-- Imagen --> 477 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 478 <img src="https://images.wasi.co/inmuebles/35954320230331121508.jpeg" alt="VENTA EXCLUSIVO APARTAMENTO EN PINARES PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 479 480 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 481 Venta </span> 482 483 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35954320230331121508.jpeg', 'VENTA EXCLUSIVO APARTAMENTO EN PINARES PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 484 <i class="fa-regular fa-image"></i> 485 <span>Fotos</span> 486 </button> 487 </div> 488 489 <!-- Contenido --> 490 <div class="p-5 flex-1 flex flex-col justify-between"> 491 <div> 492 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$1.180.000.000</div> 493 494 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 495 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-2336665-venta-exclusivo-apartamento-en-pinares-pereira" class="after:absolute after:inset-0 focus:outline-none"> 496 VENTA EXCLUSIVO APARTAMENTO EN PINARES PEREIRA </a> 497 </h3> 498 499 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 500 <i class="fa-solid fa-location-dot text-slate-400"></i> 501 Pinares Pereira </p> 502 </div> 503 504 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 505 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 506 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 507 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 5 baños</span> 508 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 267 m²</span> 509 </div> 510 511 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 512 <span>Ver propiedad</span> 513 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 514 </div> 515 </div> 516 </div> 517 518 </div> 519 520 521 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 522 523 <!-- Imagen --> 524 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 525 <img src="https://images.wasi.co/inmuebles/35951520211214030122.png" alt="VENTA APARTAMENTOS TORRE 2 EXCLUSIVOS AV. SUR PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 526
527 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 528 Venta </span> 529 530 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951520211214030122.png', 'VENTA APARTAMENTOS TORRE 2 EXCLUSIVOS AV. SUR PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 531 <i class="fa-regular fa-image"></i> 532 <span>Fotos</span> 533 </button> 534 </div> 535 536 <!-- Contenido --> 537 <div class="p-5 flex-1 flex flex-col justify-between"> 538 <div> 539 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$587.186.732</div> 540 541 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 542 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-5475332-venta-apartamentos-torre-2-exclusivos-av-sur-pereira" class="after:absolute after:inset-0 focus:outline-none"> 543 VENTA APARTAMENTOS TORRE 2 EXCLUSIVOS AV. SUR PEREIRA </a> 544 </h3> 545 546 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 547 <i class="fa-solid fa-location-dot text-slate-400"></i> 548 Mercasa Pereira </p> 549 </div> 550 551 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 552 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 553 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 554 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 555 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 75.7 m²</span> 556 </div> 557 558 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 559 <span>Ver propiedad</span> 560 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 561 </div> 562 </div> 563 </div> 564 565 </div> 566 567 568 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 569 570 <!-- Imagen --> 571 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 572 <img src="https://images.wasi.co/inmuebles/35951120240508044313.jpeg" alt="VENTA APARTAMENTO SECTOR PINARES PEREIRA 2 HABITACIONES" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 573 574 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 575 Venta </span> 576 577 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951120240508044313.jpeg', 'VENTA APARTAMENTO SECTOR PINARES PEREIRA 2 HABITACIONES')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 578 <i class="fa-regular fa-image"></i>
579 <span>Fotos</span> 580 </button> 581 </div> 582 583 <!-- Contenido --> 584 <div class="p-5 flex-1 flex flex-col justify-between"> 585 <div> 586 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$637.598.930</div> 587 588 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 589 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-5584423-venta-apartamento-sector-pinares-pereira-2-habitaciones" class="after:absolute after:inset-0 focus:outline-none"> 590 VENTA APARTAMENTO SECTOR PINARES PEREIRA 2 HABITACIONES </a> 591 </h3> 592 593 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 594 <i class="fa-solid fa-location-dot text-slate-400"></i> 595 Pinares Pereira </p> 596 </div> 597 598 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 599 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 600 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 601 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 602 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 82.01 m²</span> 603 </div> 604 605 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 606 <span>Ver propiedad</span> 607 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 608 </div> 609 </div> 610 </div> 611 612 </div> 613 614 615 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 616 617 <!-- Imagen --> 618 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 619 <img src="https://images.wasi.co/inmuebles/35951320240117084033.jpg" alt="VENTA APARTAMENTOS EXCLUSIVOS AV. SUR PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 620 621 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 622 Venta </span> 623 624 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951320240117084033.jpg', 'VENTA APARTAMENTOS EXCLUSIVOS AV. SUR PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 625 <i class="fa-regular fa-image"></i> 626 <span>Fotos</span> 627 </button> 628 </div> 629 630 <!-- Contenido --> 631 <div class="p-5 flex-1 flex flex-col justify-between"> 632 <div> 633 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$688.201.091</div> 634 635 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 636 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-5600135-venta-apartamentos-exclusivos-av-sur-pereira" class="after:absolute after:inset-0 focus:outline-none"> 637 VENTA APARTAMENTOS EXCLUSIVOS AV. SUR PEREIRA </a> 638 </h3> 639 640 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 641 <i class="fa-solid fa-location-dot text-slate-400"></i> 642 Mercasa Pereira </p> 643 </div> 644 645 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 646 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
647 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 648 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 649 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 91.1 m²</span> 650 </div> 651 652 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 653 <span>Ver propiedad</span> 654 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 655 </div> 656 </div> 657 </div> 658 659 </div> 660 661 662 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 663 664 <!-- Imagen --> 665 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 666 <img src="https://images.wasi.co/inmuebles/35953020221028105854.png" alt="VENTA APARTAMENTOS EXCLUSIVOS CON AMPLIAS TERRAZAS CERRITOS PEREIRA " class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 667 668 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 669 Venta </span> 670 671 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35953020221028105854.png', 'VENTA APARTAMENTOS EXCLUSIVOS CON AMPLIAS TERRAZAS CERRITOS PEREIRA ')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 672 <i class="fa-regular fa-image"></i> 673 <span>Fotos</span> 674 </button> 675 </div> 676 677 <!-- Contenido --> 678 <div class="p-5 flex-1 flex flex-col justify-between"> 679 <div> 680 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$684.962.000</div> 681 682 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 683 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-5946534-venta-apartamentos-exclusivos-con-amplias-terrazas-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 684 VENTA APARTAMENTOS EXCLUSIVOS CON AMPLIAS TERRAZAS CERRITOS PEREIRA </a> 685 </h3> 686 687 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 688 <i class="fa-solid fa-location-dot text-slate-400"></i> 689 Cerritos Pereira </p> 690 </div> 691 692 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 693 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 694 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 695 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 696 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 100 m²</span> 697 </div> 698 699 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
700 <span>Ver propiedad</span> 701 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 702 </div> 703 </div> 704 </div> 705 706 </div> 707 708 709 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 710 711 <!-- Imagen --> 712 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 713 <img src="https://images.wasi.co/inmuebles/35952520260923050129.png" alt="VENTA APARTAMENTOS AV 30 AGOSTO CERCA A UNICENTRO PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 714 715 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 716 Venta </span> 717 718 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35952520260923050129.png', 'VENTA APARTAMENTOS AV 30 AGOSTO CERCA A UNICENTRO PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 719 <i class="fa-regular fa-image"></i> 720 <span>Fotos</span> 721 </button> 722 </div> 723 724 <!-- Contenido --> 725 <div class="p-5 flex-1 flex flex-col justify-between"> 726 <div> 727 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$530.000.000</div> 728 729 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 730 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-5948800-venta-apartamentos-av-30-agosto-cerca-a-unicentro-pereira" class="after:absolute after:inset-0 focus:outline-none"> 731 VENTA APARTAMENTOS AV 30 AGOSTO CERCA A UNICENTRO PEREIRA </a> 732 </h3> 733 734 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 735 <i class="fa-solid fa-location-dot text-slate-400"></i> 736 Avenida 30 De Agosto Pereira </p> 737 </div> 738 739 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 740 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 741 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 742 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 743 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 73.44 m²</span> 744 </div> 745 746 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 747 <span>Ver propiedad</span> 748 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 749 </div> 750 </div> 751 </div> 752 753 </div> 754 755 756 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 757 758 <!-- Imagen --> 759 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 760 <img src="https://images.wasi.co/inmuebles/35952920260923052229.png" alt="VENTA APARTAMENTOS AV 30 AGOSTO CERCA A UNICENTRO PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 761
762 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 763 Venta </span> 764 765 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35952920260923052229.png', 'VENTA APARTAMENTOS AV 30 AGOSTO CERCA A UNICENTRO PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 766 <i class="fa-regular fa-image"></i> 767 <span>Fotos</span> 768 </button> 769 </div> 770 771 <!-- Contenido --> 772 <div class="p-5 flex-1 flex flex-col justify-between"> 773 <div> 774 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$470.000.000</div> 775 776 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 777 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-6149730-venta-apartamentos-av-30-agosto-cerca-a-unicentro-pereira" class="after:absolute after:inset-0 focus:outline-none"> 778 VENTA APARTAMENTOS AV 30 AGOSTO CERCA A UNICENTRO PEREIRA </a> 779 </h3> 780 781 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 782 <i class="fa-solid fa-location-dot text-slate-400"></i> 783 Avenida 30 De Agosto Pereira </p> 784 </div> 785 786 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 787 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 788 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 789 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 790 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 73 m²</span> 791 </div> 792 793 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 794 <span>Ver propiedad</span> 795 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 796 </div> 797 </div> 798 </div> 799 800 </div> 801 802 803 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 804 805 <!-- Imagen --> 806 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 807 <img src="https://images.wasi.co/inmuebles/35952520230217042005.jpg" alt="VENTA APARTAMENTOS 2 HAB EN EL MEJOR SECTOR DE DOSQUEBRADAS" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 808 809 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 810 Venta </span> 811 812 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35952520230217042005.jpg', 'VENTA APARTAMENTOS 2 HAB EN EL MEJOR SECTOR DE DOSQUEBRADAS')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 813 <i class="fa-regular fa-image"></i>
814 <span>Fotos</span> 815 </button> 816 </div> 817 818 <!-- Contenido --> 819 <div class="p-5 flex-1 flex flex-col justify-between"> 820 <div> 821 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$323.147.000</div> 822 823 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 824 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-6277546-venta-apartamentos-2-hab-en-el-mejor-sector-de dosquebradas" class="after:absolute after:inset-0 focus:outline-none"> 825 VENTA APARTAMENTOS 2 HAB EN EL MEJOR SECTOR DE DOSQUEBRADAS </a> 826 </h3> 827 828 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 829 <i class="fa-solid fa-location-dot text-slate-400"></i> 830 Servientrega Dosquebradas </p> 831 </div> 832 833 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 834 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 835 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 1 habs</span> 836 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 837 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 63.06 m²</span> 838 </div> 839 840 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 841 <span>Ver propiedad</span> 842 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 843 </div> 844 </div> 845 </div> 846 847 </div> 848 849 850 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 851 852 <!-- Imagen --> 853 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 854 <img src="https://images.wasi.co/inmuebles/35952620231002120850.jpeg" alt="VENTA ESPECTACULAR APARTAMENTO LUJOSO PARA ESTRENAR AV SUR PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 855 856 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 857 Venta </span> 858 859 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35952620231002120850.jpeg', 'VENTA ESPECTACULAR APARTAMENTO LUJOSO PARA ESTRENAR AV SUR PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 860 <i class="fa-regular fa-image"></i> 861 <span>Fotos</span> 862 </button> 863 </div> 864 865 <!-- Contenido --> 866 <div class="p-5 flex-1 flex flex-col justify-between"> 867 <div> 868 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$900.000.000</div> 869 870 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 871 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-635
8715047-venta-espectacular-apartamento-lujoso-para-estrenar-av-sur-pereira" class="after:absolute after:inset-0 focus:outline-none"> 872 VENTA ESPECTACULAR APARTAMENTO LUJOSO PARA ESTRENAR AV SUR PEREIRA </a> 873 </h3> 874 875 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 876 <i class="fa-solid fa-location-dot text-slate-400"></i> 877 Avenida Sur Pereira </p> 878 </div> 879 880 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 881 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 882 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 883 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 884 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 120 m²</span> 885 </div> 886 887 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 888 <span>Ver propiedad</span> 889 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 890 </div> 891 </div> 892 </div> 893 894 </div> 895 896 897 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 898 899 <!-- Imagen --> 900 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 901 <img src="https://images.wasi.co/inmuebles/35951420260706052905.jpg" alt="VENTA APARTAMENTOS EN CONJUNTO CERRADO DOSQUEBRADAS " class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 902 903 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 904 Venta </span> 905 906 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951420260706052905.jpg', 'VENTA APARTAMENTOS EN CONJUNTO CERRADO DOSQUEBRADAS ')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 907 <i class="fa-regular fa-image"></i> 908 <span>Fotos</span> 909 </button> 910 </div> 911 912 <!-- Contenido --> 913 <div class="p-5 flex-1 flex flex-col justify-between"> 914 <div> 915 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$303.680.000</div> 916 917 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 918 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-6435995-venta-apartamentos-en-conjunto-cerrado dosquebradas" class="after:absolute after:inset-0 focus:outline-none"> 919 VENTA APARTAMENTOS EN CONJUNTO CERRADO DOSQUEBRADAS </a> 920 </h3> 921 922 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 923 <i class="fa-solid fa-location-dot text-slate-400"></i> 924 La Acuarela Dosquebradas </p> 925 </div> 926 927 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 928 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
929 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 930 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 931 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 53.98 m²</span> 932 </div> 933 934 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 935 <span>Ver propiedad</span> 936 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 937 </div> 938 </div> 939 </div> 940 941 </div> 942 943 944 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 945 946 <!-- Imagen --> 947 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 948 <img src="https://images.wasi.co/inmuebles/35952420250804111102.jpg" alt="VENTA APARTAMENTOS EDIFICIO MAS EXCLUSIVO DE CERRITOS PEREIRA " class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 949 950 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 951 Venta </span> 952 953 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35952420250804111102.jpg', 'VENTA APARTAMENTOS EDIFICIO MAS EXCLUSIVO DE CERRITOS PEREIRA ')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 954 <i class="fa-regular fa-image"></i> 955 <span>Fotos</span> 956 </button> 957 </div> 958 959 <!-- Contenido --> 960 <div class="p-5 flex-1 flex flex-col justify-between"> 961 <div> 962 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$1.211.908.926</div> 963 964 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 965 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-6694535-venta-apartamentos-edificio-mas-exclusivo-de-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 966 VENTA APARTAMENTOS EDIFICIO MAS EXCLUSIVO DE CERRITOS PEREIRA </a> 967 </h3> 968 969 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 970 <i class="fa-solid fa-location-dot text-slate-400"></i> 971 Cerritos Pereira </p> 972 </div> 973 974 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 975 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 976 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 1 habs</span> 977 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 978 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 91.85 m²</span> 979 </div> 980 981 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
982 <span>Ver propiedad</span> 983 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 984 </div> 985 </div> 986 </div> 987 988 </div> 989 990 991 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 992 993 <!-- Imagen --> 994 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 995 <img src="https://images.wasi.co/inmuebles/35952420250804111753.jpg" alt="VENTA APARTAMENTOS EDIFICIO MAS EXCLUSIVO DE CERRITOS PEREIRA " class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 996 997 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 998 Venta </span> 999 1000 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35952420250804111753.jpg', 'VENTA APARTAMENTOS EDIFICIO MAS EXCLUSIVO DE CERRITOS PEREIRA ')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1001 <i class="fa-regular fa-image"></i> 1002 <span>Fotos</span> 1003 </button> 1004 </div> 1005 1006 <!-- Contenido --> 1007 <div class="p-5 flex-1 flex flex-col justify-between"> 1008 <div> 1009 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$4.464.032.937</div> 1010 1011 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1012 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-6694605-venta-apartamentos-edificio-mas-exclusivo-de-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1013 VENTA APARTAMENTOS EDIFICIO MAS EXCLUSIVO DE CERRITOS PEREIRA </a> 1014 </h3> 1015 1016 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1017 <i class="fa-solid fa-location-dot text-slate-400"></i> 1018 Cerritos Pereira </p> 1019 </div> 1020 1021 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1022 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1023 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 1024 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 5 baños</span> 1025 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 294.89 m²</span> 1026 </div> 1027 1028 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1029 <span>Ver propiedad</span> 1030 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1031 </div> 1032 </div> 1033 </div> 1034 1035 </div> 1036 1037 1038 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1039 1040 <!-- Imagen --> 1041 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1042 <img src="https://images.wasi.co/inmuebles/35952020230613035539.jpg" alt="VENTA APARTAMENTO EN EL EDIFICIO MAS EXCLUSIVO DE CERRITOS PEREIRA " class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1043
1044 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1045 Venta </span> 1046 1047 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35952020230613035539.jpg', 'VENTA APARTAMENTO EN EL EDIFICIO MAS EXCLUSIVO DE CERRITOS PEREIRA ')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1048 <i class="fa-regular fa-image"></i> 1049 <span>Fotos</span> 1050 </button> 1051 </div> 1052 1053 <!-- Contenido --> 1054 <div class="p-5 flex-1 flex flex-col justify-between"> 1055 <div> 1056 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$823.002.013</div> 1057 1058 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1059 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-6694648-venta-apartamento-en-el-edificio-mas-exclusivo-de-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1060 VENTA APARTAMENTO EN EL EDIFICIO MAS EXCLUSIVO DE CERRITOS PEREIRA </a> 1061 </h3> 1062 1063 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1064 <i class="fa-solid fa-location-dot text-slate-400"></i> 1065 Cerritos Pereira </p> 1066 </div> 1067 1068 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1069 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1070 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 1 habs</span> 1071 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 1072 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 60.51 m²</span> 1073 </div> 1074 1075 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1076 <span>Ver propiedad</span> 1077 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1078 </div> 1079 </div> 1080 </div> 1081 1082 </div> 1083 1084 1085 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1086 1087 <!-- Imagen --> 1088 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1089 <img src="https://images.wasi.co/inmuebles/35952220230615102348.jpeg" alt="VENTA SUITE EXCLUSIVA HOTEL ESTELAR CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1090 1091 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1092 Venta </span> 1093 1094 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35952220230615102348.jpeg', 'VENTA SUITE EXCLUSIVA HOTEL ESTELAR CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1095 <i class="fa-regular fa-image"></i>
1096 <span>Fotos</span> 1097 </button> 1098 </div> 1099 1100 <!-- Contenido --> 1101 <div class="p-5 flex-1 flex flex-col justify-between"> 1102 <div> 1103 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$1.067.000.000</div> 1104 1105 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1106 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-6703847-venta-suite-exclusiva-hotel-estelar-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1107 VENTA SUITE EXCLUSIVA HOTEL ESTELAR CERRITOS PEREIRA </a> 1108 </h3> 1109 1110 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1111 <i class="fa-solid fa-location-dot text-slate-400"></i> 1112 Cerritos Pereira </p> 1113 </div> 1114 1115 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1116 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1117 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 1 habs</span> 1118 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 1119 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 61.47 m²</span> 1120 </div> 1121 1122 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1123 <span>Ver propiedad</span> 1124 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1125 </div> 1126 </div> 1127 </div> 1128 1129 </div> 1130 1131 1132 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1133 1134 <!-- Imagen --> 1135 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1136 <img src="https://images.wasi.co/inmuebles/3595420230615103634.jpeg" alt="VENTA SUITES HOTELERAS SECTOR EXCLUSIVO CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1137 1138 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1139 Venta </span> 1140 1141 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595420230615103634.jpeg', 'VENTA SUITES HOTELERAS SECTOR EXCLUSIVO CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1142 <i class="fa-regular fa-image"></i> 1143 <span>Fotos</span> 1144 </button> 1145 </div> 1146 1147 <!-- Contenido --> 1148 <div class="p-5 flex-1 flex flex-col justify-between"> 1149 <div> 1150 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$1.326.500.000</div> 1151 1152 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1153 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-6705416-venta-suites-hoteleras-sector-exclusivo-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1154 VENTA SUITES HOTELERAS SECTOR EXCLUSIVO CERRITOS PEREIRA </a> 1155 </h3> 1156 1157 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1158 <i class="fa-solid fa-location-dot text-slate-400"></i> 1159 Cerritos Pereira </p> 1160 </div> 1161 1162 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1163 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
1164 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 1 habs</span> 1165 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 1 baños</span> 1166 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 76.42 m²</span> 1167 </div> 1168 1169 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1170 <span>Ver propiedad</span> 1171 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1172 </div> 1173 </div> 1174 </div> 1175 1176 </div> 1177 1178 1179 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1180 1181 <!-- Imagen --> 1182 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1183 <img src="https://images.wasi.co/inmuebles/3595520230621090235.jpeg" alt="VENTA APARTAMENTO ESQUINERO EN EL CENTRO DE PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1184 1185 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1186 Venta </span> 1187 1188 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595520230621090235.jpeg', 'VENTA APARTAMENTO ESQUINERO EN EL CENTRO DE PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1189 <i class="fa-regular fa-image"></i> 1190 <span>Fotos</span> 1191 </button> 1192 </div> 1193 1194 <!-- Contenido --> 1195 <div class="p-5 flex-1 flex flex-col justify-between"> 1196 <div> 1197 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$290.000.000</div> 1198 1199 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1200 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-6723433-venta-apartamento-esquinero-en-el-centro-de-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1201 VENTA APARTAMENTO ESQUINERO EN EL CENTRO DE PEREIRA </a> 1202 </h3> 1203 1204 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1205 <i class="fa-solid fa-location-dot text-slate-400"></i> 1206 Centro Pereira </p> 1207 </div> 1208 1209 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1210 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1211 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 5 habs</span> 1212 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 3 baños</span> 1213 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 162 m²</span> 1214 </div> 1215 1216 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
1217 <span>Ver propiedad</span> 1218 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1219 </div> 1220 </div> 1221 </div> 1222 1223 </div> 1224 1225 1226 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1227 1228 <!-- Imagen --> 1229 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1230 <img src="https://images.wasi.co/inmuebles/35953320231009021155.jpg" alt="VENTA APARTAMENTOS SOBRE PLANOS AV. SUR PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1231 1232 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1233 Venta </span> 1234 1235 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35953320231009021155.jpg', 'VENTA APARTAMENTOS SOBRE PLANOS AV. SUR PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1236 <i class="fa-regular fa-image"></i> 1237 <span>Fotos</span> 1238 </button> 1239 </div> 1240 1241 <!-- Contenido --> 1242 <div class="p-5 flex-1 flex flex-col justify-between"> 1243 <div> 1244 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$629.833.000</div> 1245 1246 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1247 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7008473-venta-apartamentos-sobre-planos-av-sur-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1248 VENTA APARTAMENTOS SOBRE PLANOS AV. SUR PEREIRA </a> 1249 </h3> 1250 1251 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1252 <i class="fa-solid fa-location-dot text-slate-400"></i> 1253 Avenida Sur Pereira </p> 1254 </div> 1255 1256 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1257 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1258 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 1259 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 1260 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 80.60 m²</span> 1261 </div> 1262 1263 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1264 <span>Ver propiedad</span> 1265 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1266 </div> 1267 </div> 1268 </div> 1269 1270 </div> 1271 1272 1273 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1274 1275 <!-- Imagen --> 1276 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1277 <img src="https://images.wasi.co/inmuebles/35952820231009024050.jpg" alt="VENTA APARTAMENTOS SOBRE PLANOS AV. SUR PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1278
1279 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1280 Venta </span> 1281 1282 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35952820231009024050.jpg', 'VENTA APARTAMENTOS SOBRE PLANOS AV. SUR PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1283 <i class="fa-regular fa-image"></i> 1284 <span>Fotos</span> 1285 </button> 1286 </div> 1287 1288 <!-- Contenido --> 1289 <div class="p-5 flex-1 flex flex-col justify-between"> 1290 <div> 1291 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$716.500.000</div> 1292 1293 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1294 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7008545-venta-apartamentos-sobre-planos-av-sur-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1295 VENTA APARTAMENTOS SOBRE PLANOS AV. SUR PEREIRA </a> 1296 </h3> 1297 1298 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1299 <i class="fa-solid fa-location-dot text-slate-400"></i> 1300 Avenida Sur Pereira </p> 1301 </div> 1302 1303 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1304 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1305 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 1306 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 1307 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 90.27 m²</span> 1308 </div> 1309 1310 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1311 <span>Ver propiedad</span> 1312 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1313 </div> 1314 </div> 1315 </div> 1316 1317 </div> 1318 1319 1320 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1321 1322 <!-- Imagen --> 1323 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1324 <img src="https://images.wasi.co/inmuebles/35951220231122044245.jpg" alt="VENTA APARTAMENTOS SOBRE PLANOS AV. 30 DE AGOSTO PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1325 1326 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1327 Venta </span> 1328 1329 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951220231122044245.jpg', 'VENTA APARTAMENTOS SOBRE PLANOS AV. 30 DE AGOSTO PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1330 <i class="fa-regular fa-image"></i>
1331 <span>Fotos</span> 1332 </button> 1333 </div> 1334 1335 <!-- Contenido --> 1336 <div class="p-5 flex-1 flex flex-col justify-between"> 1337 <div> 1338 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$624.752.009</div> 1339 1340 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1341 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7108664-venta-apartamentos-sobre-planos-av-30-de-agosto-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1342 VENTA APARTAMENTOS SOBRE PLANOS AV. 30 DE AGOSTO PEREIRA </a> 1343 </h3> 1344 1345 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1346 <i class="fa-solid fa-location-dot text-slate-400"></i> 1347 Avenida 30 De Agosto Pereira </p> 1348 </div> 1349 1350 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1351 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1352 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 1353 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 1354 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 81.78 m²</span> 1355 </div> 1356 1357 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1358 <span>Ver propiedad</span> 1359 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1360 </div> 1361 </div> 1362 </div> 1363 1364 </div> 1365 1366 1367 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1368 1369 <!-- Imagen --> 1370 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1371 <img src="https://images.wasi.co/inmuebles/35951320231122044828.jpg" alt="VENTA APARTAMENTOS SOBRE PLANOS AV. 30 DE AGOSTO PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1372 1373 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1374 Venta </span> 1375 1376 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951320231122044828.jpg', 'VENTA APARTAMENTOS SOBRE PLANOS AV. 30 DE AGOSTO PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1377 <i class="fa-regular fa-image"></i> 1378 <span>Fotos</span> 1379 </button> 1380 </div> 1381 1382 <!-- Contenido --> 1383 <div class="p-5 flex-1 flex flex-col justify-between"> 1384 <div> 1385 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$761.014.000</div> 1386 1387 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1388 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7108698-venta-apartamentos-sobre-planos-av-30-de-agosto-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1389 VENTA APARTAMENTOS SOBRE PLANOS AV. 30 DE AGOSTO PEREIRA </a> 1390 </h3> 1391 1392 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1393 <i class="fa-solid fa-location-dot text-slate-400"></i> 1394 Avenida 30 De Agosto Pereira </p> 1395 </div> 1396 1397 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1398 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
1399 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 1400 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 3 baños</span> 1401 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 98.32 m²</span> 1402 </div> 1403 1404 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1405 <span>Ver propiedad</span> 1406 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1407 </div> 1408 </div> 1409 </div> 1410 1411 </div> 1412 1413 1414 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1415 1416 <!-- Imagen --> 1417 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1418 <img src="https://images.wasi.co/inmuebles/35957420231127051202.jpg" alt="VENTA APARTAMENTOS SOBRE PLANOS CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1419 1420 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1421 Venta </span> 1422 1423 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35957420231127051202.jpg', 'VENTA APARTAMENTOS SOBRE PLANOS CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1424 <i class="fa-regular fa-image"></i> 1425 <span>Fotos</span> 1426 </button> 1427 </div> 1428 1429 <!-- Contenido --> 1430 <div class="p-5 flex-1 flex flex-col justify-between"> 1431 <div> 1432 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$556.209.200</div> 1433 1434 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1435 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7117563-venta-apartamentos-sobre-planos cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1436 VENTA APARTAMENTOS SOBRE PLANOS CERRITOS PEREIRA </a> 1437 </h3> 1438 1439 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1440 <i class="fa-solid fa-location-dot text-slate-400"></i> 1441 Cerritos Pereira </p> 1442 </div> 1443 1444 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1445 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1446 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 1447 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 1448 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 66.80 m²</span> 1449 </div> 1450 1451 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
1452 <span>Ver propiedad</span> 1453 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1454 </div> 1455 </div> 1456 </div> 1457 1458 </div> 1459 1460 1461 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1462 1463 <!-- Imagen --> 1464 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1465 <img src="https://images.wasi.co/inmuebles/35954320231127052629.jpg" alt="VENTA APARTAMENTOS SOBRE PLANOS CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1466 1467 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1468 Venta </span> 1469 1470 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35954320231127052629.jpg', 'VENTA APARTAMENTOS SOBRE PLANOS CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1471 <i class="fa-regular fa-image"></i> 1472 <span>Fotos</span> 1473 </button> 1474 </div> 1475 1476 <!-- Contenido --> 1477 <div class="p-5 flex-1 flex flex-col justify-between"> 1478 <div> 1479 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$532.097.500</div> 1480 1481 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1482 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7117600-venta-apartamentos-sobre-planos cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1483 VENTA APARTAMENTOS SOBRE PLANOS CERRITOS PEREIRA </a> 1484 </h3> 1485 1486 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1487 <i class="fa-solid fa-location-dot text-slate-400"></i> 1488 Cerritos Pereira </p> 1489 </div> 1490 1491 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1492 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1493 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 1494 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 1495 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 72.10 m²</span> 1496 </div> 1497 1498 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1499 <span>Ver propiedad</span> 1500 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1501 </div> 1502 </div> 1503 </div> 1504 1505 </div> 1506 1507 1508 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1509 1510 <!-- Imagen --> 1511 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1512 <img src="https://images.wasi.co/inmuebles/3595220231211095127.jpg" alt="VENTA PROYECTO DE APARTAMENTOS PARA RENTA CORTA MARAYA PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1513
1514 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1515 Venta </span> 1516 1517 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595220231211095127.jpg', 'VENTA PROYECTO DE APARTAMENTOS PARA RENTA CORTA MARAYA PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1518 <i class="fa-regular fa-image"></i> 1519 <span>Fotos</span> 1520 </button> 1521 </div> 1522 1523 <!-- Contenido --> 1524 <div class="p-5 flex-1 flex flex-col justify-between"> 1525 <div> 1526 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$576.560.000</div> 1527 1528 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1529 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7146275-venta-proyecto-de-apartamentos-para-renta-corta-maraya-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1530 VENTA PROYECTO DE APARTAMENTOS PARA RENTA CORTA MARAYA PEREIRA </a> 1531 </h3> 1532 1533 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1534 <i class="fa-solid fa-location-dot text-slate-400"></i> 1535 Maraya Pereira </p> 1536 </div> 1537 1538 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1539 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1540 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 1541 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 1542 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 72.07 m²</span> 1543 </div> 1544 1545 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1546 <span>Ver propiedad</span> 1547 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1548 </div> 1549 </div> 1550 </div> 1551 1552 </div> 1553 1554 1555 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1556 1557 <!-- Imagen --> 1558 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1559 <img src="https://images.wasi.co/inmuebles/3595220231211121829.jpg" alt="VENTA PROYECTO DE APARTAMENTOS PARA RENTA CORTA MARAYA PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1560 1561 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1562 Venta </span> 1563 1564 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595220231211121829.jpg', 'VENTA PROYECTO DE APARTAMENTOS PARA RENTA CORTA MARAYA PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1565 <i class="fa-regular fa-image"></i>
1566 <span>Fotos</span> 1567 </button> 1568 </div> 1569 1570 <!-- Contenido --> 1571 <div class="p-5 flex-1 flex flex-col justify-between"> 1572 <div> 1573 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$556.880.000</div> 1574 1575 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1576 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7146651-venta-proyecto-de-apartamentos-para-renta-corta-maraya-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1577 VENTA PROYECTO DE APARTAMENTOS PARA RENTA CORTA MARAYA PEREIRA </a> 1578 </h3> 1579 1580 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1581 <i class="fa-solid fa-location-dot text-slate-400"></i> 1582 Maraya Pereira </p> 1583 </div> 1584 1585 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1586 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1587 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 1588 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 1589 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 65.54 m²</span> 1590 </div> 1591 1592 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1593 <span>Ver propiedad</span> 1594 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1595 </div> 1596 </div> 1597 </div> 1598 1599 </div> 1600 1601 1602 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1603 1604 <!-- Imagen --> 1605 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1606 <img src="https://images.wasi.co/inmuebles/35951020231213095355.jpg" alt="VENTA SUITES SENIOR´S CLUB CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1607 1608 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1609 Venta </span> 1610 1611 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951020231213095355.jpg', 'VENTA SUITES SENIOR´S CLUB CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1612 <i class="fa-regular fa-image"></i> 1613 <span>Fotos</span> 1614 </button> 1615 </div> 1616 1617 <!-- Contenido --> 1618 <div class="p-5 flex-1 flex flex-col justify-between"> 1619 <div> 1620 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$482.400.000</div> 1621 1622 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1623 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7150317-venta-suites-seniors-club-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1624 VENTA SUITES SENIOR´S CLUB CERRITOS PEREIRA </a> 1625 </h3> 1626 1627 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1628 <i class="fa-solid fa-location-dot text-slate-400"></i> 1629 Cerritos Pereira </p> 1630 </div> 1631 1632 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1633 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
1634 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 1 habs</span> 1635 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 1 baños</span> 1636 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 44 m²</span> 1637 </div> 1638 1639 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1640 <span>Ver propiedad</span> 1641 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1642 </div> 1643 </div> 1644 </div> 1645 1646 </div> 1647 1648 1649 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1650 1651 <!-- Imagen --> 1652 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1653 <img src="https://images.wasi.co/inmuebles/35951220231213095807.jpg" alt="VENTA SUITES SENIOR´S CLUB CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1654 1655 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1656 Venta </span> 1657 1658 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951220231213095807.jpg', 'VENTA SUITES SENIOR´S CLUB CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1659 <i class="fa-regular fa-image"></i> 1660 <span>Fotos</span> 1661 </button> 1662 </div> 1663 1664 <!-- Contenido --> 1665 <div class="p-5 flex-1 flex flex-col justify-between"> 1666 <div> 1667 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$1.062.883.000</div> 1668 1669 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1670 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7150331-venta-suites-seniors-club-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1671 VENTA SUITES SENIOR´S CLUB CERRITOS PEREIRA </a> 1672 </h3> 1673 1674 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1675 <i class="fa-solid fa-location-dot text-slate-400"></i> 1676 Cerritos Pereira </p> 1677 </div> 1678 1679 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1680 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1681 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 1682 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 1683 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 103.39 m²</span> 1684 </div> 1685 1686 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
1687 <span>Ver propiedad</span> 1688 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1689 </div> 1690 </div> 1691 </div> 1692 1693 </div> 1694 1695 1696 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1697 1698 <!-- Imagen --> 1699 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1700 <img src="https://images.wasi.co/inmuebles/3595120231214040016.jpg" alt="VENTA PROYECTO ORIGEN SENIOR LIVING SECTOR CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1701 1702 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1703 Venta </span> 1704 1705 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595120231214040016.jpg', 'VENTA PROYECTO ORIGEN SENIOR LIVING SECTOR CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1706 <i class="fa-regular fa-image"></i> 1707 <span>Fotos</span> 1708 </button> 1709 </div> 1710 1711 <!-- Contenido --> 1712 <div class="p-5 flex-1 flex flex-col justify-between"> 1713 <div> 1714 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$779.512.240</div> 1715 1716 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1717 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7153511-venta-proyecto-origen-senior-living-sector-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1718 VENTA PROYECTO ORIGEN SENIOR LIVING SECTOR CERRITOS PEREIRA </a> 1719 </h3> 1720 1721 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1722 <i class="fa-solid fa-location-dot text-slate-400"></i> 1723 Cerritos Pereira </p> 1724 </div> 1725 1726 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1727 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1728 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 1 habs</span> 1729 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 1730 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 76.6 m²</span> 1731 </div> 1732 1733 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1734 <span>Ver propiedad</span> 1735 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1736 </div> 1737 </div> 1738 </div> 1739 1740 </div> 1741 1742 1743 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1744 1745 <!-- Imagen --> 1746 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1747 <img src="https://images.wasi.co/inmuebles/3595820231214040323.jpg" alt="VENTA PROYECTO ORIGEN SENIOR LIVING SECTOR CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1748
1749 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1750 Venta </span> 1751 1752 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595820231214040323.jpg', 'VENTA PROYECTO ORIGEN SENIOR LIVING SECTOR CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1753 <i class="fa-regular fa-image"></i> 1754 <span>Fotos</span> 1755 </button> 1756 </div> 1757 1758 <!-- Contenido --> 1759 <div class="p-5 flex-1 flex flex-col justify-between"> 1760 <div> 1761 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$1.157.870.792</div> 1762 1763 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1764 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7153529-venta-proyecto-origen-senior-living-sector-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1765 VENTA PROYECTO ORIGEN SENIOR LIVING SECTOR CERRITOS PEREIRA </a> 1766 </h3> 1767 1768 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1769 <i class="fa-solid fa-location-dot text-slate-400"></i> 1770 Cerritos Pereira </p> 1771 </div> 1772 1773 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1774 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1775 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 1776 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 1777 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 113.78 m²</span> 1778 </div> 1779 1780 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1781 <span>Ver propiedad</span> 1782 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1783 </div> 1784 </div> 1785 </div> 1786 1787 </div> 1788 1789 1790 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1791 1792 <!-- Imagen --> 1793 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1794 <img src="https://images.wasi.co/inmuebles/54741120231227034810.jpg" alt="Apartamento para estrenarð¥ en conjunto, sector Alamos, Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1795 1796 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1797 Venta </span> 1798 1799 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741120231227034810.jpg', 'Apartamento para estrenarð¥ en conjunto, sector Alamos, Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1800 <i class="fa-regular fa-image"></i>
1801 <span>Fotos</span> 1802 </button> 1803 </div> 1804 1805 <!-- Contenido --> 1806 <div class="p-5 flex-1 flex flex-col justify-between"> 1807 <div> 1808 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$630.000.000</div> 1809 1810 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1811 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7169860-apartamento-para-estrenar-en-conjunto-sector-alamos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1812 Apartamento para estrenarð¥ en conjunto, sector Alamos, Pereira </a> 1813 </h3> 1814 1815 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1816 <i class="fa-solid fa-location-dot text-slate-400"></i> 1817 Alamos Pereira </p> 1818 </div> 1819 1820 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1821 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1822 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 1823 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 1824 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 89 m²</span> 1825 </div> 1826 1827 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1828 <span>Ver propiedad</span> 1829 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1830 </div> 1831 </div> 1832 </div> 1833 1834 </div> 1835 1836 1837 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1838 1839 <!-- Imagen --> 1840 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1841 <img src="https://images.wasi.co/inmuebles/54741220240105042252.jpg" alt="Apartamento de lujo en Los Alpes, Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1842 1843 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1844 Venta </span> 1845 1846 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741220240105042252.jpg', 'Apartamento de lujo en Los Alpes, Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1847 <i class="fa-regular fa-image"></i> 1848 <span>Fotos</span> 1849 </button> 1850 </div> 1851 1852 <!-- Contenido --> 1853 <div class="p-5 flex-1 flex flex-col justify-between"> 1854 <div> 1855 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$800.000.000</div> 1856 1857 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1858 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7180554-apartamento-de-lujo-en-los-alpes-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1859 Apartamento de lujo en Los Alpes, Pereira </a> 1860 </h3> 1861 1862 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1863 <i class="fa-solid fa-location-dot text-slate-400"></i> 1864 Los Alpes Pereira </p> 1865 </div> 1866 1867 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1868 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
1869 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 1870 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 3 baños</span> 1871 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 198 m²</span> 1872 </div> 1873 1874 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1875 <span>Ver propiedad</span> 1876 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1877 </div> 1878 </div> 1879 </div> 1880 1881 </div> 1882 1883 1884 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1885 1886 <!-- Imagen --> 1887 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1888 <img src="https://images.wasi.co/inmuebles/35951020240215110419.jpeg" alt="VENTA APARTASUITES PARA RENTAS CORTAS CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1889 1890 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1891 Venta </span> 1892 1893 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951020240215110419.jpeg', 'VENTA APARTASUITES PARA RENTAS CORTAS CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1894 <i class="fa-regular fa-image"></i> 1895 <span>Fotos</span> 1896 </button> 1897 </div> 1898 1899 <!-- Contenido --> 1900 <div class="p-5 flex-1 flex flex-col justify-between"> 1901 <div> 1902 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$354.233.250</div> 1903 1904 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1905 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7194036-venta-apartasuites-para-rentas-cortas-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1906 VENTA APARTASUITES PARA RENTAS CORTAS CERRITOS PEREIRA </a> 1907 </h3> 1908 1909 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1910 <i class="fa-solid fa-location-dot text-slate-400"></i> 1911 Cerritos Pereira </p> 1912 </div> 1913 1914 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1915 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1916 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 1 habs</span> 1917 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 1 baños</span> 1918 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 44.10 m²</span> 1919 </div> 1920 1921 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
1922 <span>Ver propiedad</span> 1923 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1924 </div> 1925 </div> 1926 </div> 1927 1928 </div> 1929 1930 1931 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1932 1933 <!-- Imagen --> 1934 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1935 <img src="https://images.wasi.co/inmuebles/3595920240119110633.jpg" alt="VENTA APARTAMENTO ENTREGA INMEDIATA EN CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1936 1937 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1938 Venta </span> 1939 1940 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595920240119110633.jpg', 'VENTA APARTAMENTO ENTREGA INMEDIATA EN CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1941 <i class="fa-regular fa-image"></i> 1942 <span>Fotos</span> 1943 </button> 1944 </div> 1945 1946 <!-- Contenido --> 1947 <div class="p-5 flex-1 flex flex-col justify-between"> 1948 <div> 1949 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$950.603.200</div> 1950 1951 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1952 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7204503-venta-apartamento-entrega-inmediata-en-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 1953 VENTA APARTAMENTO ENTREGA INMEDIATA EN CERRITOS PEREIRA </a> 1954 </h3> 1955 1956 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 1957 <i class="fa-solid fa-location-dot text-slate-400"></i> 1958 Cerritos Pereira </p> 1959 </div> 1960 1961 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 1962 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 1963 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 1964 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 3 baños</span> 1965 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 126.41 m²</span> 1966 </div> 1967 1968 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 1969 <span>Ver propiedad</span> 1970 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 1971 </div> 1972 </div> 1973 </div> 1974 1975 </div> 1976 1977 1978 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 1979 1980 <!-- Imagen --> 1981 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 1982 <img src="https://images.wasi.co/inmuebles/35951020240119112323.jpg" alt="VENTA ULTIMO APARTAMENTO ENTREGA INMEDIATA EN CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1983
1984 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 1985 Venta </span> 1986 1987 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951020240119112323.jpg', 'VENTA ULTIMO APARTAMENTO ENTREGA INMEDIATA EN CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 1988 <i class="fa-regular fa-image"></i> 1989 <span>Fotos</span> 1990 </button> 1991 </div> 1992 1993 <!-- Contenido --> 1994 <div class="p-5 flex-1 flex flex-col justify-between"> 1995 <div> 1996 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$719.625.000</div> 1997 1998 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 1999 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7204609-venta-ultimo-apartamento-entrega-inmediata-en-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2000 VENTA ULTIMO APARTAMENTO ENTREGA INMEDIATA EN CERRITOS PEREIRA </a> 2001 </h3> 2002 2003 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2004 <i class="fa-solid fa-location-dot text-slate-400"></i> 2005 Cerritos Pereira </p> 2006 </div> 2007 2008 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2009 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2010 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2011 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2012 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 95.95 m²</span> 2013 </div> 2014 2015 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2016 <span>Ver propiedad</span> 2017 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2018 </div> 2019 </div> 2020 </div> 2021 2022 </div> 2023 2024 2025 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2026 2027 <!-- Imagen --> 2028 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2029 <img src="https://images.wasi.co/inmuebles/547412120240124035040.jpg" alt="Apartamento en conjunto, sector La Villa, Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2030 2031 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2032 Venta </span> 2033 2034 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/547412120240124035040.jpg', 'Apartamento en conjunto, sector La Villa, Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2035 <i class="fa-regular fa-image"></i>
2036 <span>Fotos</span> 2037 </button> 2038 </div> 2039 2040 <!-- Contenido --> 2041 <div class="p-5 flex-1 flex flex-col justify-between"> 2042 <div> 2043 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$350.000.000</div> 2044 2045 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2046 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7215084-apartamento-en-conjunto-sector-la-villa-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2047 Apartamento en conjunto, sector La Villa, Pereira </a> 2048 </h3> 2049 2050 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2051 <i class="fa-solid fa-location-dot text-slate-400"></i> 2052 La Villa Pereira </p> 2053 </div> 2054 2055 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2056 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2057 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2058 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2059 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 72 m²</span> 2060 </div> 2061 2062 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2063 <span>Ver propiedad</span> 2064 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2065 </div> 2066 </div> 2067 </div> 2068 2069 </div> 2070 2071 2072 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2073 2074 <!-- Imagen --> 2075 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2076 <img src="https://images.wasi.co/inmuebles/54741520240205120519.jpg" alt="Apartamento en conjunto, Frailes, Dosquebradas" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2077 2078 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2079 Venta </span> 2080 2081 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741520240205120519.jpg', 'Apartamento en conjunto, Frailes, Dosquebradas')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2082 <i class="fa-regular fa-image"></i> 2083 <span>Fotos</span> 2084 </button> 2085 </div> 2086 2087 <!-- Contenido --> 2088 <div class="p-5 flex-1 flex flex-col justify-between"> 2089 <div> 2090 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$230.000.000</div> 2091 2092 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2093 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7239139-apartamento-en-conjunto-frailes-dosquebradas" class="after:absolute after:inset-0 focus:outline-none"> 2094 Apartamento en conjunto, Frailes, Dosquebradas </a> 2095 </h3> 2096 2097 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2098 <i class="fa-solid fa-location-dot text-slate-400"></i> 2099 Frailes Dosquebradas </p> 2100 </div> 2101 2102 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2103 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
2104 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2105 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2106 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 53 m²</span> 2107 </div> 2108 2109 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2110 <span>Ver propiedad</span> 2111 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2112 </div> 2113 </div> 2114 </div> 2115 2116 </div> 2117 2118 2119 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2120 2121 <!-- Imagen --> 2122 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2123 <img src="https://images.wasi.co/inmuebles/106292120240206122255.jpeg" alt="Se Vende Apartamento, Pereira, Pinares" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2124 2125 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2126 Venta </span> 2127 2128 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/106292120240206122255.jpeg', 'Se Vende Apartamento, Pereira, Pinares')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2129 <i class="fa-regular fa-image"></i> 2130 <span>Fotos</span> 2131 </button> 2132 </div> 2133 2134 <!-- Contenido --> 2135 <div class="p-5 flex-1 flex flex-col justify-between"> 2136 <div> 2137 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$650.000.000</div> 2138 2139 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2140 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7242802-se-vende-apartamento-pereira-pinares" class="after:absolute after:inset-0 focus:outline-none"> 2141 Se Vende Apartamento, Pereira, Pinares </a> 2142 </h3> 2143 2144 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2145 <i class="fa-solid fa-location-dot text-slate-400"></i> 2146 Pinares Pereira </p> 2147 </div> 2148 2149 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2150 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2151 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2152 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 3 baños</span> 2153 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 140 m²</span> 2154 </div> 2155 2156 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
2157 <span>Ver propiedad</span> 2158 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2159 </div> 2160 </div> 2161 </div> 2162 2163 </div> 2164 2165 2166 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2167 2168 <!-- Imagen --> 2169 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2170 <img src="https://images.wasi.co/inmuebles/35951220240208120026.jpg" alt="VENTA EXCUSIVOS APARTAMENTOS SOBRE PLANOS ETAPA 3 CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2171 2172 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2173 Venta </span> 2174 2175 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951220240208120026.jpg', 'VENTA EXCUSIVOS APARTAMENTOS SOBRE PLANOS ETAPA 3 CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2176 <i class="fa-regular fa-image"></i> 2177 <span>Fotos</span> 2178 </button> 2179 </div> 2180 2181 <!-- Contenido --> 2182 <div class="p-5 flex-1 flex flex-col justify-between"> 2183 <div> 2184 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$959.987.148</div> 2185 2186 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2187 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7249317-venta-excusivos-apartamentos-sobre-planos-etapa-3-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2188 VENTA EXCUSIVOS APARTAMENTOS SOBRE PLANOS ETAPA 3 CERRITOS PEREIRA </a> 2189 </h3> 2190 2191 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2192 <i class="fa-solid fa-location-dot text-slate-400"></i> 2193 Cerritos Pereira </p> 2194 </div> 2195 2196 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2197 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2198 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2199 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2200 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 122.27 m²</span> 2201 </div> 2202 2203 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2204 <span>Ver propiedad</span> 2205 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2206 </div> 2207 </div> 2208 </div> 2209 2210 </div> 2211 2212 2213 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2214 2215 <!-- Imagen --> 2216 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2217 <img src="https://images.wasi.co/inmuebles/106291320240212093825.jpeg" alt="VENTA APARTAMENTO CENTRO PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2218
2219 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2220 Venta </span> 2221 2222 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/106291320240212093825.jpeg', 'VENTA APARTAMENTO CENTRO PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2223 <i class="fa-regular fa-image"></i> 2224 <span>Fotos</span> 2225 </button> 2226 </div> 2227 2228 <!-- Contenido --> 2229 <div class="p-5 flex-1 flex flex-col justify-between"> 2230 <div> 2231 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$490.000.000</div> 2232 2233 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2234 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7261639-venta-apartamento-centro-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2235 VENTA APARTAMENTO CENTRO PEREIRA </a> 2236 </h3> 2237 2238 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2239 <i class="fa-solid fa-location-dot text-slate-400"></i> 2240 Centro Pereira </p> 2241 </div> 2242 2243 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2244 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2245 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 4 habs</span> 2246 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 4 baños</span> 2247 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 210 m²</span> 2248 </div> 2249 2250 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2251 <span>Ver propiedad</span> 2252 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2253 </div> 2254 </div> 2255 </div> 2256 2257 </div> 2258 2259 2260 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2261 2262 <!-- Imagen --> 2263 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2264 <img src="https://images.wasi.co/inmuebles/35954420260915032019.png" alt="VENTA PROYECTO APARTAMENTOS SOBRE PLANOS SECTOR VILLA VERDE PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2265 2266 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2267 Venta </span> 2268 2269 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35954420260915032019.png', 'VENTA PROYECTO APARTAMENTOS SOBRE PLANOS SECTOR VILLA VERDE PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2270 <i class="fa-regular fa-image"></i>
2271 <span>Fotos</span> 2272 </button> 2273 </div> 2274 2275 <!-- Contenido --> 2276 <div class="p-5 flex-1 flex flex-col justify-between"> 2277 <div> 2278 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$535.311.000</div> 2279 2280 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2281 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7276986-venta-proyecto-apartamentos-sobre-planos-sector-villa-verde-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2282 VENTA PROYECTO APARTAMENTOS SOBRE PLANOS SECTOR VILLA VERDE PEREIRA </a> 2283 </h3> 2284 2285 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2286 <i class="fa-solid fa-location-dot text-slate-400"></i> 2287 Villa Verde Pereira </p> 2288 </div> 2289 2290 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2291 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2292 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2293 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2294 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 73.6 m²</span> 2295 </div> 2296 2297 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2298 <span>Ver propiedad</span> 2299 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2300 </div> 2301 </div> 2302 </div> 2303 2304 </div> 2305 2306 2307 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2308 2309 <!-- Imagen --> 2310 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2311 <img src="https://images.wasi.co/inmuebles/35952720260915032321.png" alt="VENTA PROYECTO APARTAMENTOS SOBRE PLANOS SECTOR VILLA VERDE PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2312 2313 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2314 Venta </span> 2315 2316 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35952720260915032321.png', 'VENTA PROYECTO APARTAMENTOS SOBRE PLANOS SECTOR VILLA VERDE PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2317 <i class="fa-regular fa-image"></i> 2318 <span>Fotos</span> 2319 </button> 2320 </div> 2321 2322 <!-- Contenido --> 2323 <div class="p-5 flex-1 flex flex-col justify-between"> 2324 <div> 2325 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$550.871.000</div> 2326 2327 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2328 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7277016-venta-proyecto-apartamentos-sobre-planos-sector-villa-verde-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2329 VENTA PROYECTO APARTAMENTOS SOBRE PLANOS SECTOR VILLA VERDE PEREIRA </a> 2330 </h3> 2331 2332 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2333 <i class="fa-solid fa-location-dot text-slate-400"></i> 2334 Villa Verde Pereira </p> 2335 </div> 2336 2337 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2338 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
2339 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2340 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2341 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 75.67 m²</span> 2342 </div> 2343 2344 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2345 <span>Ver propiedad</span> 2346 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2347 </div> 2348 </div> 2349 </div> 2350 2351 </div> 2352 2353 2354 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2355 2356 <!-- Imagen --> 2357 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2358 <img src="https://images.wasi.co/inmuebles/35951420240308023425.jpg" alt="VENTA PROYECTO SOBRE PLANOS DE APARTAMENTOS EL POBLADO PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2359 2360 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2361 Venta </span> 2362 2363 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951420240308023425.jpg', 'VENTA PROYECTO SOBRE PLANOS DE APARTAMENTOS EL POBLADO PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2364 <i class="fa-regular fa-image"></i> 2365 <span>Fotos</span> 2366 </button> 2367 </div> 2368 2369 <!-- Contenido --> 2370 <div class="p-5 flex-1 flex flex-col justify-between"> 2371 <div> 2372 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$397.652.402</div> 2373 2374 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2375 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7333281-venta-proyecto-sobre-planos-de-apartamentos-el-poblado-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2376 VENTA PROYECTO SOBRE PLANOS DE APARTAMENTOS EL POBLADO PEREIRA </a> 2377 </h3> 2378 2379 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2380 <i class="fa-solid fa-location-dot text-slate-400"></i> 2381 Poblado Pereira </p> 2382 </div> 2383 2384 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2385 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2386 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2387 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2388 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 60.40 m²</span> 2389 </div> 2390 2391 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
2392 <span>Ver propiedad</span> 2393 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2394 </div> 2395 </div> 2396 </div> 2397 2398 </div> 2399 2400 2401 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2402 2403 <!-- Imagen --> 2404 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2405 <img src="https://images.wasi.co/inmuebles/35952720240308025355.jpg" alt="VENTA PROYECTO SOBRE PLANOS DE APARTAMENTOS EL POBLADO PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2406 2407 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2408 Venta </span> 2409 2410 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35952720240308025355.jpg', 'VENTA PROYECTO SOBRE PLANOS DE APARTAMENTOS EL POBLADO PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2411 <i class="fa-regular fa-image"></i> 2412 <span>Fotos</span> 2413 </button> 2414 </div> 2415 2416 <!-- Contenido --> 2417 <div class="p-5 flex-1 flex flex-col justify-between"> 2418 <div> 2419 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$463.657.290</div> 2420 2421 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2422 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7333290-venta-proyecto-sobre-planos-de-apartamentos-el-poblado-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2423 VENTA PROYECTO SOBRE PLANOS DE APARTAMENTOS EL POBLADO PEREIRA </a> 2424 </h3> 2425 2426 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2427 <i class="fa-solid fa-location-dot text-slate-400"></i> 2428 Poblado Pereira </p> 2429 </div> 2430 2431 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2432 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2433 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2434 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2435 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 70.49 m²</span> 2436 </div> 2437 2438 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2439 <span>Ver propiedad</span> 2440 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2441 </div> 2442 </div> 2443 </div> 2444 2445 </div> 2446 2447 2448 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2449 2450 <!-- Imagen --> 2451 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2452 <img src="https://images.wasi.co/inmuebles/54741120240408110619.jpg" alt="Apartamento remodelado en Maraya, Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2453
2454 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2455 Venta </span> 2456 2457 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741120240408110619.jpg', 'Apartamento remodelado en Maraya, Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2458 <i class="fa-regular fa-image"></i> 2459 <span>Fotos</span> 2460 </button> 2461 </div> 2462 2463 <!-- Contenido --> 2464 <div class="p-5 flex-1 flex flex-col justify-between"> 2465 <div> 2466 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$353.000.000</div> 2467 2468 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2469 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7388477-apartamento-remodelado-en-maraya-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2470 Apartamento remodelado en Maraya, Pereira </a> 2471 </h3> 2472 2473 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2474 <i class="fa-solid fa-location-dot text-slate-400"></i> 2475 Maraya Pereira </p> 2476 </div> 2477 2478 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2479 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2480 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2481 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2482 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 79 m²</span> 2483 </div> 2484 2485 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2486 <span>Ver propiedad</span> 2487 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2488 </div> 2489 </div> 2490 </div> 2491 2492 </div> 2493 2494 2495 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2496 2497 <!-- Imagen --> 2498 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2499 <img src="https://images.wasi.co/inmuebles/54741720240411034012.jpg" alt="Apartamento en conjunto, sector Unicentro, Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2500 2501 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2502 Venta </span> 2503 2504 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741720240411034012.jpg', 'Apartamento en conjunto, sector Unicentro, Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2505 <i class="fa-regular fa-image"></i>
2506 <span>Fotos</span> 2507 </button> 2508 </div> 2509 2510 <!-- Contenido --> 2511 <div class="p-5 flex-1 flex flex-col justify-between"> 2512 <div> 2513 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$250.000.000</div> 2514 2515 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2516 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7397238-apartamento-en-conjunto-sector-unicentro-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2517 Apartamento en conjunto, sector Unicentro, Pereira </a> 2518 </h3> 2519 2520 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2521 <i class="fa-solid fa-location-dot text-slate-400"></i> 2522 Unicentro Pereira </p> 2523 </div> 2524 2525 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2526 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2527 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2528 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2529 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 63 m²</span> 2530 </div> 2531 2532 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2533 <span>Ver propiedad</span> 2534 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2535 </div> 2536 </div> 2537 </div> 2538 2539 </div> 2540 2541 2542 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2543 2544 <!-- Imagen --> 2545 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2546 <img src="https://images.wasi.co/inmuebles/35951120240412053205.jpg" alt="VENTA PROYECTO DE APARTAMENTOS PARA RENTA CORTA ALAMOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2547 2548 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2549 Venta </span> 2550 2551 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951120240412053205.jpg', 'VENTA PROYECTO DE APARTAMENTOS PARA RENTA CORTA ALAMOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2552 <i class="fa-regular fa-image"></i> 2553 <span>Fotos</span> 2554 </button> 2555 </div> 2556 2557 <!-- Contenido --> 2558 <div class="p-5 flex-1 flex flex-col justify-between"> 2559 <div> 2560 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$326.636.080</div> 2561 2562 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2563 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7399992-venta-proyecto-de-apartamentos-para-renta-corta-alamos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2564 VENTA PROYECTO DE APARTAMENTOS PARA RENTA CORTA ALAMOS PE
2564REIRA </a> 2565 </h3> 2566 2567 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2568 <i class="fa-solid fa-location-dot text-slate-400"></i> 2569 Alamos Pereira </p> 2570 </div> 2571 2572 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2573 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2574 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 1 habs</span> 2575 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 1 baños</span> 2576 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 30.44 m²</span> 2577 </div> 2578 2579 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2580 <span>Ver propiedad</span> 2581 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2582 </div> 2583 </div> 2584 </div> 2585 2586 </div> 2587 2588 2589 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2590 2591 <!-- Imagen --> 2592 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2593 <img src="https://images.wasi.co/inmuebles/3595720240412053325.jpg" alt="VENTA PROYECTO DE APARTAMENTOS PARA RENTA CORTA ALAMOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2594 2595 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2596 Venta </span> 2597 2598 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595720240412053325.jpg', 'VENTA PROYECTO DE APARTAMENTOS PARA RENTA CORTA ALAMOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2599 <i class="fa-regular fa-image"></i> 2600 <span>Fotos</span> 2601 </button> 2602 </div> 2603 2604 <!-- Contenido --> 2605 <div class="p-5 flex-1 flex flex-col justify-between"> 2606 <div> 2607 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$400.894.360</div> 2608 2609 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2610 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7399993-venta-proyecto-de-apartamentos-para-renta-corta-alamos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2611 VENTA PROYECTO DE APARTAMENTOS PARA RENTA CORTA ALAMOS PEREIRA </a> 2612 </h3> 2613 2614 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2615 <i class="fa-solid fa-location-dot text-slate-400"></i> 2616 Pinares Pereira </p> 2617 </div> 2618 2619 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2620 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
2621 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 1 habs</span> 2622 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 1 baños</span> 2623 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 37.78 m²</span> 2624 </div> 2625 2626 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2627 <span>Ver propiedad</span> 2628 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2629 </div> 2630 </div> 2631 </div> 2632 2633 </div> 2634 2635 2636 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2637 2638 <!-- Imagen --> 2639 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2640 <img src="https://images.wasi.co/inmuebles/35952420240726050748.jpeg" alt="VENTA APARTAMENTO EN EDIFICIO ALAMOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2641 2642 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2643 Venta </span> 2644 2645 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35952420240726050748.jpeg', 'VENTA APARTAMENTO EN EDIFICIO ALAMOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2646 <i class="fa-regular fa-image"></i> 2647 <span>Fotos</span> 2648 </button> 2649 </div> 2650 2651 <!-- Contenido --> 2652 <div class="p-5 flex-1 flex flex-col justify-between"> 2653 <div> 2654 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$380.000.000</div> 2655 2656 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2657 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7400766-venta-apartamento-en-edificio-alamos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2658 VENTA APARTAMENTO EN EDIFICIO ALAMOS PEREIRA </a> 2659 </h3> 2660 2661 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2662 <i class="fa-solid fa-location-dot text-slate-400"></i> 2663 Alamos Pereira </p> 2664 </div> 2665 2666 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2667 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2668 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2669 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2670 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 81.52 m²</span> 2671 </div> 2672 2673 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
2674 <span>Ver propiedad</span> 2675 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2676 </div> 2677 </div> 2678 </div> 2679 2680 </div> 2681 2682 2683 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2684 2685 <!-- Imagen --> 2686 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2687 <img src="https://images.wasi.co/inmuebles/54741420240416103224.jpg" alt="Apartamento en conjunto, sector Makro, Dosquebradas" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2688 2689 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2690 Venta </span> 2691 2692 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741420240416103224.jpg', 'Apartamento en conjunto, sector Makro, Dosquebradas')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2693 <i class="fa-regular fa-image"></i> 2694 <span>Fotos</span> 2695 </button> 2696 </div> 2697 2698 <!-- Contenido --> 2699 <div class="p-5 flex-1 flex flex-col justify-between"> 2700 <div> 2701 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$205.000.000</div> 2702 2703 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2704 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7405484-apartamento-en-conjunto-sector-makro-dosquebradas" class="after:absolute after:inset-0 focus:outline-none"> 2705 Apartamento en conjunto, sector Makro, Dosquebradas </a> 2706 </h3> 2707 2708 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2709 <i class="fa-solid fa-location-dot text-slate-400"></i> 2710 Makro Dosquebradas </p> 2711 </div> 2712 2713 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2714 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2715 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 2716 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 1 baños</span> 2717 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 52 m²</span> 2718 </div> 2719 2720 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2721 <span>Ver propiedad</span> 2722 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2723 </div> 2724 </div> 2725 </div> 2726 2727 </div> 2728 2729 2730 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2731 2732 <!-- Imagen --> 2733 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2734 <img src="https://images.wasi.co/inmuebles/54741220240416123539.jpg" alt="Apartamento en conjunto, Dosquebradas" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2735
2736 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2737 Venta </span> 2738 2739 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741220240416123539.jpg', 'Apartamento en conjunto, Dosquebradas')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2740 <i class="fa-regular fa-image"></i> 2741 <span>Fotos</span> 2742 </button> 2743 </div> 2744 2745 <!-- Contenido --> 2746 <div class="p-5 flex-1 flex flex-col justify-between"> 2747 <div> 2748 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$180.000.000</div> 2749 2750 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2751 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7406021-apartamento-en-conjunto-dosquebradas" class="after:absolute after:inset-0 focus:outline-none"> 2752 Apartamento en conjunto, Dosquebradas </a> 2753 </h3> 2754 2755 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2756 <i class="fa-solid fa-location-dot text-slate-400"></i> 2757 La Badea Dosquebradas </p> 2758 </div> 2759 2760 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2761 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2762 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 2763 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2764 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 59 m²</span> 2765 </div> 2766 2767 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2768 <span>Ver propiedad</span> 2769 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2770 </div> 2771 </div> 2772 </div> 2773 2774 </div> 2775 2776 2777 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2778 2779 <!-- Imagen --> 2780 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2781 <img src="https://images.wasi.co/inmuebles/35951720240419092121.jpeg" alt="VENTA APARTAMENTOS SOBRE PLANOS LA VILLA PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2782 2783 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2784 Venta </span> 2785 2786 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951720240419092121.jpeg', 'VENTA APARTAMENTOS SOBRE PLANOS LA VILLA PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2787 <i class="fa-regular fa-image"></i>
2788 <span>Fotos</span> 2789 </button> 2790 </div> 2791 2792 <!-- Contenido --> 2793 <div class="p-5 flex-1 flex flex-col justify-between"> 2794 <div> 2795 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$696.434.400</div> 2796 2797 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2798 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7412655-venta-apartamentos-sobre-planos la-villa-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2799 VENTA APARTAMENTOS SOBRE PLANOS LA VILLA PEREIRA </a> 2800 </h3> 2801 2802 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2803 <i class="fa-solid fa-location-dot text-slate-400"></i> 2804 La Villa Pereira </p> 2805 </div> 2806 2807 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2808 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2809 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2810 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2811 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 88.38 m²</span> 2812 </div> 2813 2814 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2815 <span>Ver propiedad</span> 2816 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2817 </div> 2818 </div> 2819 </div> 2820 2821 </div> 2822 2823 2824 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2825 2826 <!-- Imagen --> 2827 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2828 <img src="https://images.wasi.co/inmuebles/35954020260915103851.png" alt="VENTA PROYECTO DE APARTAMENTOS PRADERA VIVA DOSQUEBRADAS" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2829 2830 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2831 Venta </span> 2832 2833 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35954020260915103851.png', 'VENTA PROYECTO DE APARTAMENTOS PRADERA VIVA DOSQUEBRADAS')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2834 <i class="fa-regular fa-image"></i> 2835 <span>Fotos</span> 2836 </button> 2837 </div> 2838 2839 <!-- Contenido --> 2840 <div class="p-5 flex-1 flex flex-col justify-between"> 2841 <div> 2842 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$474.205.414</div> 2843 2844 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2845 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7454486-venta-proyecto-de-apartamentos-pradera-viva-dosquebradas" class="after:absolute after:inset-0 focus:outline-none"> 2846 VENTA PROYECTO DE APARTAMENTOS PRADERA VIVA DOSQUEBRADAS </a> 2847 </h3> 2848 2849 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2850 <i class="fa-solid fa-location-dot text-slate-400"></i> 2851 Lago La Pradera Dosquebradas </p> 2852 </div> 2853 2854 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2855 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
2856 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2857 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2858 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 58.94 m²</span> 2859 </div> 2860 2861 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2862 <span>Ver propiedad</span> 2863 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2864 </div> 2865 </div> 2866 </div> 2867 2868 </div> 2869 2870 2871 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2872 2873 <!-- Imagen --> 2874 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2875 <img src="https://images.wasi.co/inmuebles/35952320260308040946.jpg" alt="VENTA APARTASUITES COMPLEJO EMPRESARIAL WORLD TRADE CENTER PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2876 2877 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2878 Venta </span> 2879 2880 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35952320260308040946.jpg', 'VENTA APARTASUITES COMPLEJO EMPRESARIAL WORLD TRADE CENTER PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2881 <i class="fa-regular fa-image"></i> 2882 <span>Fotos</span> 2883 </button> 2884 </div> 2885 2886 <!-- Contenido --> 2887 <div class="p-5 flex-1 flex flex-col justify-between"> 2888 <div> 2889 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$734.018.033</div> 2890 2891 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2892 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7457762-venta-apartasuites-complejo-empresarial-world-trade-center-pereira" class="after:absolute after:inset-0 focus:outline-none"> 2893 VENTA APARTASUITES COMPLEJO EMPRESARIAL WORLD TRADE CENTER PEREIRA </a> 2894 </h3> 2895 2896 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2897 <i class="fa-solid fa-location-dot text-slate-400"></i> 2898 La Villa Pereira </p> 2899 </div> 2900 2901 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2902 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2903 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 0 habs</span> 2904 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 0 baños</span> 2905 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 60.05 m²</span> 2906 </div> 2907 2908 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
2909 <span>Ver propiedad</span> 2910 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2911 </div> 2912 </div> 2913 </div> 2914 2915 </div> 2916 2917 2918 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2919 2920 <!-- Imagen --> 2921 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2922 <img src="https://images.wasi.co/inmuebles/3595620260725030643.jpg" alt="VENTA APARTAMENTO 3 HABITACIONES MACARENA DOSQUEBRADAS" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2923 2924 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2925 Venta </span> 2926 2927 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595620260725030643.jpg', 'VENTA APARTAMENTO 3 HABITACIONES MACARENA DOSQUEBRADAS')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2928 <i class="fa-regular fa-image"></i> 2929 <span>Fotos</span> 2930 </button> 2931 </div> 2932 2933 <!-- Contenido --> 2934 <div class="p-5 flex-1 flex flex-col justify-between"> 2935 <div> 2936 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$440.000.000</div> 2937 2938 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2939 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7465503-venta-apartamento-3-habitaciones-macarena-dosquebradas" class="after:absolute after:inset-0 focus:outline-none"> 2940 VENTA APARTAMENTO 3 HABITACIONES MACARENA DOSQUEBRADAS </a> 2941 </h3> 2942 2943 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2944 <i class="fa-solid fa-location-dot text-slate-400"></i> 2945 Servientrega Dosquebradas </p> 2946 </div> 2947 2948 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2949 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2950 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2951 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2952 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 69.95 m²</span> 2953 </div> 2954 2955 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 2956 <span>Ver propiedad</span> 2957 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 2958 </div> 2959 </div> 2960 </div> 2961 2962 </div> 2963 2964 2965 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 2966 2967 <!-- Imagen --> 2968 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 2969 <img src="https://images.wasi.co/inmuebles/3595220240514050127.jpg" alt="VENTA APARTAMENTO PARA ESTRENAR SANTA ROSA RISARALDA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2970
2971 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 2972 Venta </span> 2973 2974 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595220240514050127.jpg', 'VENTA APARTAMENTO PARA ESTRENAR SANTA ROSA RISARALDA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 2975 <i class="fa-regular fa-image"></i> 2976 <span>Fotos</span> 2977 </button> 2978 </div> 2979 2980 <!-- Contenido --> 2981 <div class="p-5 flex-1 flex flex-col justify-between"> 2982 <div> 2983 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$290.000.000</div> 2984 2985 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 2986 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7465876-venta-apartamento-para-estrenar-santa-rosa-risaralda" class="after:absolute after:inset-0 focus:outline-none"> 2987 VENTA APARTAMENTO PARA ESTRENAR SANTA ROSA RISARALDA </a> 2988 </h3> 2989 2990 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 2991 <i class="fa-solid fa-location-dot text-slate-400"></i> 2992 Santa Rosa De Cabal Santa Rosa de Cabal </p> 2993 </div> 2994 2995 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 2996 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 2997 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 2998 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 2999 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 63 m²</span> 3000 </div> 3001 3002 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3003 <span>Ver propiedad</span> 3004 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3005 </div> 3006 </div> 3007 </div> 3008 3009 </div> 3010 3011 3012 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3013 3014 <!-- Imagen --> 3015 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3016 <img src="https://images.wasi.co/inmuebles/54741220240520011646.jpg" alt="Apartamento en conjunto, Frailes, Dosquebradas" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3017 3018 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3019 Venta </span> 3020 3021 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741220240520011646.jpg', 'Apartamento en conjunto, Frailes, Dosquebradas')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3022 <i class="fa-regular fa-image"></i>
3023 <span>Fotos</span> 3024 </button> 3025 </div> 3026 3027 <!-- Contenido --> 3028 <div class="p-5 flex-1 flex flex-col justify-between"> 3029 <div> 3030 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$230.000.000</div> 3031 3032 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3033 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7479540-apartamento-en-conjunto-frailes-dosquebradas" class="after:absolute after:inset-0 focus:outline-none"> 3034 Apartamento en conjunto, Frailes, Dosquebradas </a> 3035 </h3> 3036 3037 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3038 <i class="fa-solid fa-location-dot text-slate-400"></i> 3039 Frailes Dosquebradas </p> 3040 </div> 3041 3042 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3043 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3044 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 3045 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 1 baños</span> 3046 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 48 m²</span> 3047 </div> 3048 3049 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3050 <span>Ver propiedad</span> 3051 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3052 </div> 3053 </div> 3054 </div> 3055 3056 </div> 3057 3058 3059 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3060 3061 <!-- Imagen --> 3062 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3063 <img src="https://images.wasi.co/inmuebles/3595520240520100913.jpg" alt="VENTA APARTAMENTO NUEVO Y EXCLUSIVO EN CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3064 3065 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3066 Venta </span> 3067 3068 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595520240520100913.jpg', 'VENTA APARTAMENTO NUEVO Y EXCLUSIVO EN CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3069 <i class="fa-regular fa-image"></i> 3070 <span>Fotos</span> 3071 </button> 3072 </div> 3073 3074 <!-- Contenido --> 3075 <div class="p-5 flex-1 flex flex-col justify-between"> 3076 <div> 3077 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$630.000.000</div> 3078 3079 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3080 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7481016-venta-apartamento-nuevo-y-exclusivo-en-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3081 VENTA APARTAMENTO NUEVO Y EXCLUSIVO EN CERRITOS PEREIRA </a> 3082 </h3> 3083 3084 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3085 <i class="fa-solid fa-location-dot text-slate-400"></i> 3086 Cerritos Pereira </p> 3087 </div> 3088 3089 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3090 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
3091 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 3092 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 3093 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 98 m²</span> 3094 </div> 3095 3096 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3097 <span>Ver propiedad</span> 3098 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3099 </div> 3100 </div> 3101 </div> 3102 3103 </div> 3104 3105 3106 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3107 3108 <!-- Imagen --> 3109 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3110 <img src="https://images.wasi.co/inmuebles/35951520240527040723.jpg" alt="VENTA APARTAMENTOS SOBRE PLANOS CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3111 3112 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3113 Venta </span> 3114 3115 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951520240527040723.jpg', 'VENTA APARTAMENTOS SOBRE PLANOS CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3116 <i class="fa-regular fa-image"></i> 3117 <span>Fotos</span> 3118 </button> 3119 </div> 3120 3121 <!-- Contenido --> 3122 <div class="p-5 flex-1 flex flex-col justify-between"> 3123 <div> 3124 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$1.370.262.000</div> 3125 3126 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3127 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7494937-venta-apartamentos-sobre-planos-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3128 VENTA APARTAMENTOS SOBRE PLANOS CERRITOS PEREIRA </a> 3129 </h3> 3130 3131 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3132 <i class="fa-solid fa-location-dot text-slate-400"></i> 3133 Cerritos Pereira </p> 3134 </div> 3135 3136 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3137 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3138 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 3139 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 4 baños</span> 3140 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 147.34 m²</span> 3141 </div> 3142 3143 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
3144 <span>Ver propiedad</span> 3145 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3146 </div> 3147 </div> 3148 </div> 3149 3150 </div> 3151 3152 3153 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3154 3155 <!-- Imagen --> 3156 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3157 <img src="https://images.wasi.co/inmuebles/35951720240527040725.jpg" alt="VENTA APARTAMENTOS SOBRE PLANOS CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3158 3159 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3160 Venta </span> 3161 3162 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/35951720240527040725.jpg', 'VENTA APARTAMENTOS SOBRE PLANOS CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3163 <i class="fa-regular fa-image"></i> 3164 <span>Fotos</span> 3165 </button> 3166 </div> 3167 3168 <!-- Contenido --> 3169 <div class="p-5 flex-1 flex flex-col justify-between"> 3170 <div> 3171 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$1.179.000.000</div> 3172 3173 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3174 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7494941-venta-apartamentos-sobre-planos-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3175 VENTA APARTAMENTOS SOBRE PLANOS CERRITOS PEREIRA </a> 3176 </h3> 3177 3178 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3179 <i class="fa-solid fa-location-dot text-slate-400"></i> 3180 Cerritos Pereira </p> 3181 </div> 3182 3183 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3184 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3185 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 3186 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 4 baños</span> 3187 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 154.92 m²</span> 3188 </div> 3189 3190 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3191 <span>Ver propiedad</span> 3192 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3193 </div> 3194 </div> 3195 </div> 3196 3197 </div> 3198 3199 3200 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3201 3202 <!-- Imagen --> 3203 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3204 <img src="https://images.wasi.co/inmuebles/54741120240704124833.jpg" alt="Oportunidad únicað¨ Apartamento de lujo en Alamos, Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3205
3206 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3207 Venta </span> 3208 3209 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741120240704124833.jpg', 'Oportunidad únicað¨ Apartamento de lujo en Alamos, Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3210 <i class="fa-regular fa-image"></i> 3211 <span>Fotos</span> 3212 </button> 3213 </div> 3214 3215 <!-- Contenido --> 3216 <div class="p-5 flex-1 flex flex-col justify-between"> 3217 <div> 3218 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$800.000.000</div> 3219 3220 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3221 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7619670-oportunidad-unica-apartamento-de-lujo-en-alamos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3222 Oportunidad únicað¨ Apartamento de lujo en Alamos, Pereira </a> 3223 </h3> 3224 3225 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3226 <i class="fa-solid fa-location-dot text-slate-400"></i> 3227 Alamos Pereira </p> 3228 </div> 3229 3230 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3231 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3232 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 3233 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 4 baños</span> 3234 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 205 m²</span> 3235 </div> 3236 3237 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3238 <span>Ver propiedad</span> 3239 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3240 </div> 3241 </div> 3242 </div> 3243 3244 </div> 3245 3246 3247 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3248 3249 <!-- Imagen --> 3250 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3251 <img src="https://images.wasi.co/inmuebles/54741520240705114035.jpg" alt="Apartamentos para estrenarð¥ en Santa Rosa de Cabal" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3252 3253 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3254 Venta </span> 3255 3256 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741520240705114035.jpg', 'Apartamentos para estrenarð¥ en Santa Rosa de Cabal')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3257 <i class="fa-regular fa-image"></i>
3258 <span>Fotos</span> 3259 </button> 3260 </div> 3261 3262 <!-- Contenido --> 3263 <div class="p-5 flex-1 flex flex-col justify-between"> 3264 <div> 3265 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$180.000.000</div> 3266 3267 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3268 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7622014-apartamentos-para-estrenar-en-santa-rosa-de-cabal" class="after:absolute after:inset-0 focus:outline-none"> 3269 Apartamentos para estrenarð¥ en Santa Rosa de Cabal </a> 3270 </h3> 3271 3272 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3273 <i class="fa-solid fa-location-dot text-slate-400"></i> 3274 Santa Rosa de Cabal </p> 3275 </div> 3276 3277 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3278 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3279 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 3280 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 3281 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 63 m²</span> 3282 </div> 3283 3284 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3285 <span>Ver propiedad</span> 3286 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3287 </div> 3288 </div> 3289 </div> 3290 3291 </div> 3292 3293 3294 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3295 3296 <!-- Imagen --> 3297 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3298 <img src="https://images.wasi.co/inmuebles/54741120240719030423.jpg" alt="Apartamento en conjunto, Providencia, Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3299 3300 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3301 Venta </span> 3302 3303 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741120240719030423.jpg', 'Apartamento en conjunto, Providencia, Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3304 <i class="fa-regular fa-image"></i> 3305 <span>Fotos</span> 3306 </button> 3307 </div> 3308 3309 <!-- Contenido --> 3310 <div class="p-5 flex-1 flex flex-col justify-between"> 3311 <div> 3312 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$360.000.000</div> 3313 3314 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3315 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7743049-apartamento-en-conjunto-providencia-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3316 Apartamento en conjunto, Providencia, Pereira </a> 3317 </h3> 3318 3319 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3320 <i class="fa-solid fa-location-dot text-slate-400"></i> 3321 Providencia Pereira </p> 3322 </div> 3323 3324 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3325 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
3326 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 3327 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 3 baños</span> 3328 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 77 m²</span> 3329 </div> 3330 3331 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3332 <span>Ver propiedad</span> 3333 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3334 </div> 3335 </div> 3336 </div> 3337 3338 </div> 3339 3340 3341 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3342 3343 <!-- Imagen --> 3344 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3345 <img src="https://images.wasi.co/inmuebles/54741120240730123420.jpg" alt="Apartamento sector Alamos, Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3346 3347 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3348 Venta </span> 3349 3350 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741120240730123420.jpg', 'Apartamento sector Alamos, Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3351 <i class="fa-regular fa-image"></i> 3352 <span>Fotos</span> 3353 </button> 3354 </div> 3355 3356 <!-- Contenido --> 3357 <div class="p-5 flex-1 flex flex-col justify-between"> 3358 <div> 3359 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$380.000.000</div> 3360 3361 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3362 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7810736-apartamento-sector-alamos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3363 Apartamento sector Alamos, Pereira </a> 3364 </h3> 3365 3366 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3367 <i class="fa-solid fa-location-dot text-slate-400"></i> 3368 Alamos Pereira </p> 3369 </div> 3370 3371 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3372 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3373 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 3374 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 3375 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 81.5 m²</span> 3376 </div> 3377 3378 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
3379 <span>Ver propiedad</span> 3380 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3381 </div> 3382 </div> 3383 </div> 3384 3385 </div> 3386 3387 3388 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3389 3390 <!-- Imagen --> 3391 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3392 <img src="https://images.wasi.co/inmuebles/54741320240808013836.png" alt="Cesiónâ Apartamento en Pradera Viva, Dosquebradas" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3393 3394 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3395 Venta </span> 3396 3397 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741320240808013836.png', 'Cesiónâ Apartamento en Pradera Viva, Dosquebradas')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3398 <i class="fa-regular fa-image"></i> 3399 <span>Fotos</span> 3400 </button> 3401 </div> 3402 3403 <!-- Contenido --> 3404 <div class="p-5 flex-1 flex flex-col justify-between"> 3405 <div> 3406 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$352.000.000</div> 3407 3408 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3409 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-7965254-cesion-apartamento-en-pradera-viva-dosquebradas" class="after:absolute after:inset-0 focus:outline-none"> 3410 Cesiónâ Apartamento en Pradera Viva, Dosquebradas </a> 3411 </h3> 3412 3413 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3414 <i class="fa-solid fa-location-dot text-slate-400"></i> 3415 La Pradera Dosquebradas </p> 3416 </div> 3417 3418 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3419 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3420 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 3421 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 3422 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 66 m²</span> 3423 </div> 3424 3425 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3426 <span>Ver propiedad</span> 3427 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3428 </div> 3429 </div> 3430 </div> 3431 3432 </div> 3433 3434 3435 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3436 3437 <!-- Imagen --> 3438 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3439 <img src="https://images.wasi.co/inmuebles/_venta_apartamento_para_estrena_1725049515-2234_8561.jpeg" alt="VENTA APARTAMENTO 77M2 4to PISO EN CERRITOS CON
3439DOMINIO TIPO CLUB" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3440 3441 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3442 Venta </span> 3443 3444 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_venta_apartamento_para_estrena_1725049515-2234_8561.jpeg', 'VENTA APARTAMENTO 77M2 4to PISO EN CERRITOS CONDOMINIO TIPO CLUB')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3445 <i class="fa-regular fa-image"></i> 3446 <span>Fotos</span> 3447 </button> 3448 </div> 3449 3450 <!-- Contenido --> 3451 <div class="p-5 flex-1 flex flex-col justify-between"> 3452 <div> 3453 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$550.000.000</div> 3454 3455 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3456 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8020246-venta-apartamento-77m2-4to-piso-en-cerritos-condominio-tipo-club" class="after:absolute after:inset-0 focus:outline-none"> 3457 VENTA APARTAMENTO 77M2 4to PISO EN CERRITOS CONDOMINIO TIPO CLUB </a> 3458 </h3> 3459 3460 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3461 <i class="fa-solid fa-location-dot text-slate-400"></i> 3462 Cerritos Pereira </p> 3463 </div> 3464 3465 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3466 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3467 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 3468 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 3469 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 77 m²</span> 3470 </div> 3471 3472 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3473 <span>Ver propiedad</span> 3474 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3475 </div> 3476 </div> 3477 </div> 3478 3479 </div> 3480 3481 3482 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3483 3484 <!-- Imagen --> 3485 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3486 <img src="https://images.wasi.co/inmuebles/547411920240918024358.jpg" alt="Apartamento piso 7 en conjunto, Cerritos" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3487 3488 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3489 Venta </span> 3490 3491 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/547411920240918024358.jpg', 'Apartamento piso 7 en conjunto, Cerritos')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3492 <i class="fa-regular fa-image"></i>
3493 <span>Fotos</span> 3494 </button> 3495 </div> 3496 3497 <!-- Contenido --> 3498 <div class="p-5 flex-1 flex flex-col justify-between"> 3499 <div> 3500 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$670.000.000</div> 3501 3502 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3503 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8099383-apartamento-piso-7-en-conjunto-cerritos" class="after:absolute after:inset-0 focus:outline-none"> 3504 Apartamento piso 7 en conjunto, Cerritos </a> 3505 </h3> 3506 3507 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3508 <i class="fa-solid fa-location-dot text-slate-400"></i> 3509 Cerritos Pereira </p> 3510 </div> 3511 3512 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3513 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3514 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 3515 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 3516 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 100 m²</span> 3517 </div> 3518 3519 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3520 <span>Ver propiedad</span> 3521 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3522 </div> 3523 </div> 3524 </div> 3525 3526 </div> 3527 3528 3529 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3530 3531 <!-- Imagen --> 3532 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3533 <img src="https://images.wasi.co/inmuebles/3595920241010103513.jpeg" alt="VENTA APARTAMENTO AMPLIO Y CON EXCELENTE UBICACION PINARES PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3534 3535 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3536 Venta </span> 3537 3538 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595920241010103513.jpeg', 'VENTA APARTAMENTO AMPLIO Y CON EXCELENTE UBICACION PINARES PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3539 <i class="fa-regular fa-image"></i> 3540 <span>Fotos</span> 3541 </button> 3542 </div> 3543 3544 <!-- Contenido --> 3545 <div class="p-5 flex-1 flex flex-col justify-between"> 3546 <div> 3547 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$730.000.000</div> 3548 3549 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3550 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8144021-venta-apartamento-amplio-y-con-excelente-ubicacion-pinares-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3551 VENTA APARTAMENTO AMPLIO Y CON EXCELENTE UBICACION PINARES PEREIRA </a> 3552 </h3> 3553 3554 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3555 <i class="fa-solid fa-location-dot text-slate-400"></i> 3556 Pinares Pereira </p> 3557 </div> 3558 3559 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3560 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
3561 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 5 habs</span> 3562 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 4 baños</span> 3563 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 197 m²</span> 3564 </div> 3565 3566 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3567 <span>Ver propiedad</span> 3568 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3569 </div> 3570 </div> 3571 </div> 3572 3573 </div> 3574 3575 3576 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3577 3578 <!-- Imagen --> 3579 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3580 <img src="https://images.wasi.co/inmuebles/3595720241009064919.jpg" alt="VENTA APARTAMENTO EXCLUSIVO CON JACUZZI EN LA TERRAZA CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3581 3582 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3583 Venta </span> 3584 3585 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595720241009064919.jpg', 'VENTA APARTAMENTO EXCLUSIVO CON JACUZZI EN LA TERRAZA CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3586 <i class="fa-regular fa-image"></i> 3587 <span>Fotos</span> 3588 </button> 3589 </div> 3590 3591 <!-- Contenido --> 3592 <div class="p-5 flex-1 flex flex-col justify-between"> 3593 <div> 3594 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$800.000.000</div> 3595 3596 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3597 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8162849-venta-apartamento-exclusivo-con-jacuzzi-en-la-terraza-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3598 VENTA APARTAMENTO EXCLUSIVO CON JACUZZI EN LA TERRAZA CERRITOS PEREIRA </a> 3599 </h3> 3600 3601 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3602 <i class="fa-solid fa-location-dot text-slate-400"></i> 3603 Cerritos Pereira </p> 3604 </div> 3605 3606 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3607 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3608 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 3609 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 3 baños</span> 3610 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 130 m²</span> 3611 </div> 3612 3613 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
3614 <span>Ver propiedad</span> 3615 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3616 </div> 3617 </div> 3618 </div> 3619 3620 </div> 3621 3622 3623 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3624 3625 <!-- Imagen --> 3626 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3627 <img src="https://images.wasi.co/inmuebles/547411020241012100911.jpg" alt="Apartamento penthouse en el centro de Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3628 3629 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3630 Venta </span> 3631 3632 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/547411020241012100911.jpg', 'Apartamento penthouse en el centro de Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3633 <i class="fa-regular fa-image"></i> 3634 <span>Fotos</span> 3635 </button> 3636 </div> 3637 3638 <!-- Contenido --> 3639 <div class="p-5 flex-1 flex flex-col justify-between"> 3640 <div> 3641 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$500.000.000</div> 3642 3643 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3644 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8170218-apartamento-penthouse-en-el-centro-de-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3645 Apartamento penthouse en el centro de Pereira </a> 3646 </h3> 3647 3648 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3649 <i class="fa-solid fa-location-dot text-slate-400"></i> 3650 Centro Pereira </p> 3651 </div> 3652 3653 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3654 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3655 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 4 habs</span> 3656 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 3 baños</span> 3657 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 180 m²</span> 3658 </div> 3659 3660 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3661 <span>Ver propiedad</span> 3662 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3663 </div> 3664 </div> 3665 </div> 3666 3667 </div> 3668 3669 3670 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3671 3672 <!-- Imagen --> 3673 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3674 <img src="https://images.wasi.co/inmuebles/54741120241112113027.jpg" alt="Apartamento en conjunto, Alamos, Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3675
3676 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3677 Venta </span> 3678 3679 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741120241112113027.jpg', 'Apartamento en conjunto, Alamos, Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3680 <i class="fa-regular fa-image"></i> 3681 <span>Fotos</span> 3682 </button> 3683 </div> 3684 3685 <!-- Contenido --> 3686 <div class="p-5 flex-1 flex flex-col justify-between"> 3687 <div> 3688 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$530.000.000</div> 3689 3690 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3691 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8253392-apartamento-en-conjunto-alamos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3692 Apartamento en conjunto, Alamos, Pereira </a> 3693 </h3> 3694 3695 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3696 <i class="fa-solid fa-location-dot text-slate-400"></i> 3697 Alamos Pereira </p> 3698 </div> 3699 3700 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3701 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3702 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 3703 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 3 baños</span> 3704 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 121 m²</span> 3705 </div> 3706 3707 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3708 <span>Ver propiedad</span> 3709 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3710 </div> 3711 </div> 3712 </div> 3713 3714 </div> 3715 3716 3717 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3718 3719 <!-- Imagen --> 3720 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3721 <img src="https://images.wasi.co/inmuebles/3595820241125092308.jpg" alt="VENTA APARTASUITE AMOBLADA CERRITOS PEREIRA CON CUARTO UTIL" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3722 3723 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3724 Venta </span> 3725 3726 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595820241125092308.jpg', 'VENTA APARTASUITE AMOBLADA CERRITOS PEREIRA CON CUARTO UTIL')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3727 <i class="fa-regular fa-image"></i>
3728 <span>Fotos</span> 3729 </button> 3730 </div> 3731 3732 <!-- Contenido --> 3733 <div class="p-5 flex-1 flex flex-col justify-between"> 3734 <div> 3735 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$580.000.000</div> 3736 3737 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3738 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8291407-venta-apartasuite-amoblada-cerritos-pereira-con-cuarto-util" class="after:absolute after:inset-0 focus:outline-none"> 3739 VENTA APARTASUITE AMOBLADA CERRITOS PEREIRA CON CUARTO UTIL </a> 3740 </h3> 3741 3742 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3743 <i class="fa-solid fa-location-dot text-slate-400"></i> 3744 Cerritos Pereira </p> 3745 </div> 3746 3747 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3748 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3749 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 1 habs</span> 3750 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 3751 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 61 m²</span> 3752 </div> 3753 3754 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3755 <span>Ver propiedad</span> 3756 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3757 </div> 3758 </div> 3759 </div> 3760 3761 </div> 3762 3763 3764 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3765 3766 <!-- Imagen --> 3767 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3768 <img src="https://images.wasi.co/inmuebles/3595420250114023522.jpeg" alt="VENTA HERMOSO APARTAMENTO EN PINARES PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3769 3770 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3771 Venta </span> 3772 3773 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595420250114023522.jpeg', 'VENTA HERMOSO APARTAMENTO EN PINARES PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3774 <i class="fa-regular fa-image"></i> 3775 <span>Fotos</span> 3776 </button> 3777 </div> 3778 3779 <!-- Contenido --> 3780 <div class="p-5 flex-1 flex flex-col justify-between"> 3781 <div> 3782 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$620.000.000</div> 3783 3784 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3785 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8394713-venta-hermoso-apartamento-en-pinares-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3786 VENTA HERMOSO APARTAMENTO EN PINARES PEREIRA </a> 3787 </h3> 3788 3789 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3790 <i class="fa-solid fa-location-dot text-slate-400"></i> 3791 Pinares Pereira </p> 3792 </div> 3793 3794 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3795 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
3796 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 3797 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 3798 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 78 m²</span> 3799 </div> 3800 3801 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3802 <span>Ver propiedad</span> 3803 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3804 </div> 3805 </div> 3806 </div> 3807 3808 </div> 3809 3810 3811 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3812 3813 <!-- Imagen --> 3814 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3815 <img src="https://images.wasi.co/inmuebles/3595720250131023458.jpeg" alt="VENTA DE APARTASUITE AMOBLADO PARA RENTAS CORTAS EN CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3816 3817 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3818 Venta </span> 3819 3820 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/3595720250131023458.jpeg', 'VENTA DE APARTASUITE AMOBLADO PARA RENTAS CORTAS EN CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3821 <i class="fa-regular fa-image"></i> 3822 <span>Fotos</span> 3823 </button> 3824 </div> 3825 3826 <!-- Contenido --> 3827 <div class="p-5 flex-1 flex flex-col justify-between"> 3828 <div> 3829 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$560.000.000</div> 3830 3831 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3832 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8444924-venta-de-apartasuite-amoblado-para-rentas-cortas-en-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3833 VENTA DE APARTASUITE AMOBLADO PARA RENTAS CORTAS EN CERRITOS PEREIRA </a> 3834 </h3> 3835 3836 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3837 <i class="fa-solid fa-location-dot text-slate-400"></i> 3838 Cerritos Pereira </p> 3839 </div> 3840 3841 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3842 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3843 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 1 habs</span> 3844 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 3845 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 63.7 m²</span> 3846 </div> 3847 3848 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
3849 <span>Ver propiedad</span> 3850 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3851 </div> 3852 </div> 3853 </div> 3854 3855 </div> 3856 3857 3858 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3859 3860 <!-- Imagen --> 3861 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3862 <img src="https://images.wasi.co/inmuebles/_venta_espectacular_apartamento_1738942842-111_1855.jpeg" alt="VENTA ESPECTACULAR APARTAMENTO CLUB HOUSE EXCLUSIVO PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3863 3864 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3865 Venta </span> 3866 3867 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_venta_espectacular_apartamento_1738942842-111_1855.jpeg', 'VENTA ESPECTACULAR APARTAMENTO CLUB HOUSE EXCLUSIVO PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3868 <i class="fa-regular fa-image"></i> 3869 <span>Fotos</span> 3870 </button> 3871 </div> 3872 3873 <!-- Contenido --> 3874 <div class="p-5 flex-1 flex flex-col justify-between"> 3875 <div> 3876 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$540.000.000</div> 3877 3878 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3879 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8460711-venta-espectacular-apartamento-club-house-exclusivo-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3880 VENTA ESPECTACULAR APARTAMENTO CLUB HOUSE EXCLUSIVO PEREIRA </a> 3881 </h3> 3882 3883 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3884 <i class="fa-solid fa-location-dot text-slate-400"></i> 3885 Av. Sur Pereira </p> 3886 </div> 3887 3888 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3889 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3890 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 3891 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 3892 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 75 m²</span> 3893 </div> 3894 3895 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3896 <span>Ver propiedad</span> 3897 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3898 </div> 3899 </div> 3900 </div> 3901 3902 </div> 3903 3904 3905 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3906 3907 <!-- Imagen --> 3908 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3909 <img src="https://images.wasi.co/inmuebles/54741220250210101125.jpg" alt="Apartamento en conjunto, Condina, Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3910
3911 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3912 Venta </span> 3913 3914 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741220250210101125.jpg', 'Apartamento en conjunto, Condina, Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3915 <i class="fa-regular fa-image"></i> 3916 <span>Fotos</span> 3917 </button> 3918 </div> 3919 3920 <!-- Contenido --> 3921 <div class="p-5 flex-1 flex flex-col justify-between"> 3922 <div> 3923 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$320.000.000</div> 3924 3925 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3926 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8476169-apartamento-en-conjunto-condina-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3927 Apartamento en conjunto, Condina, Pereira </a> 3928 </h3> 3929 3930 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3931 <i class="fa-solid fa-location-dot text-slate-400"></i> 3932 Condina Pereira </p> 3933 </div> 3934 3935 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3936 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3937 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 3938 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 3939 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 59 m²</span> 3940 </div> 3941 3942 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3943 <span>Ver propiedad</span> 3944 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3945 </div> 3946 </div> 3947 </div> 3948 3949 </div> 3950 3951 3952 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 3953 3954 <!-- Imagen --> 3955 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 3956 <img src="https://images.wasi.co/inmuebles/54741720250305093151.jpg" alt="Apartamento en conjunto, sector Mercasa, Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3957 3958 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 3959 Venta </span> 3960 3961 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741720250305093151.jpg', 'Apartamento en conjunto, sector Mercasa, Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 3962 <i class="fa-regular fa-image"></i>
3963 <span>Fotos</span> 3964 </button> 3965 </div> 3966 3967 <!-- Contenido --> 3968 <div class="p-5 flex-1 flex flex-col justify-between"> 3969 <div> 3970 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$430.000.000</div> 3971 3972 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 3973 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8575894-apartamento-en-conjunto-sector-mercasa-pereira" class="after:absolute after:inset-0 focus:outline-none"> 3974 Apartamento en conjunto, sector Mercasa, Pereira </a> 3975 </h3> 3976 3977 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 3978 <i class="fa-solid fa-location-dot text-slate-400"></i> 3979 Mercasa Pereira </p> 3980 </div> 3981 3982 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 3983 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 3984 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 3985 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 3986 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 74 m²</span> 3987 </div> 3988 3989 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 3990 <span>Ver propiedad</span> 3991 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 3992 </div> 3993 </div> 3994 </div> 3995 3996 </div> 3997 3998 3999 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4000 4001 <!-- Imagen --> 4002 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4003 <img src="https://images.wasi.co/inmuebles/547412620250307102423.jpg" alt="Apartamento piso 17 en conjunto, Cerritos, Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4004 4005 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4006 Venta </span> 4007 4008 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/547412620250307102423.jpg', 'Apartamento piso 17 en conjunto, Cerritos, Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4009 <i class="fa-regular fa-image"></i> 4010 <span>Fotos</span> 4011 </button> 4012 </div> 4013 4014 <!-- Contenido --> 4015 <div class="p-5 flex-1 flex flex-col justify-between"> 4016 <div> 4017 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$650.000.000</div> 4018 4019 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4020 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8583285-apartamento-piso-17-en-conjunto-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 4021 Apartamento piso 17 en conjunto, Cerritos, Pereira </a> 4022 </h3> 4023 4024 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4025 <i class="fa-solid fa-location-dot text-slate-400"></i> 4026 Cerritos Pereira </p> 4027 </div> 4028 4029 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4030 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
4031 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 4032 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4033 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 76 m²</span> 4034 </div> 4035 4036 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4037 <span>Ver propiedad</span> 4038 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4039 </div> 4040 </div> 4041 </div> 4042 4043 </div> 4044 4045 4046 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4047 4048 <!-- Imagen --> 4049 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4050 <img src="https://images.wasi.co/inmuebles/547411520250210110502.jpg" alt="Apartamento en Bonanza de La Pradera, Dosquebradas" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4051 4052 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4053 Venta </span> 4054 4055 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/547411520250210110502.jpg', 'Apartamento en Bonanza de La Pradera, Dosquebradas')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4056 <i class="fa-regular fa-image"></i> 4057 <span>Fotos</span> 4058 </button> 4059 </div> 4060 4061 <!-- Contenido --> 4062 <div class="p-5 flex-1 flex flex-col justify-between"> 4063 <div> 4064 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$250.000.000</div> 4065 4066 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4067 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8589428-apartamento-en-bonanza-de-la-pradera-dosquebradas" class="after:absolute after:inset-0 focus:outline-none"> 4068 Apartamento en Bonanza de La Pradera, Dosquebradas </a> 4069 </h3> 4070 4071 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4072 <i class="fa-solid fa-location-dot text-slate-400"></i> 4073 La Pradera Dosquebradas </p> 4074 </div> 4075 4076 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4077 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4078 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 4079 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4080 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 54 m²</span> 4081 </div> 4082 4083 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
4084 <span>Ver propiedad</span> 4085 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4086 </div> 4087 </div> 4088 </div> 4089 4090 </div> 4091 4092 4093 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4094 4095 <!-- Imagen --> 4096 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4097 <img src="https://images.wasi.co/inmuebles/54741120250311103124.jpg" alt="Apartamento penthouse en el centro de Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4098 4099 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4100 Venta </span> 4101 4102 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741120250311103124.jpg', 'Apartamento penthouse en el centro de Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4103 <i class="fa-regular fa-image"></i> 4104 <span>Fotos</span> 4105 </button> 4106 </div> 4107 4108 <!-- Contenido --> 4109 <div class="p-5 flex-1 flex flex-col justify-between"> 4110 <div> 4111 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$900.000.000</div> 4112 4113 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4114 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8592111-apartamento-penthouse-en-el-centro-de-pereira" class="after:absolute after:inset-0 focus:outline-none"> 4115 Apartamento penthouse en el centro de Pereira </a> 4116 </h3> 4117 4118 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4119 <i class="fa-solid fa-location-dot text-slate-400"></i> 4120 Centro Pereira </p> 4121 </div> 4122 4123 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4124 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4125 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 4126 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 5 baños</span> 4127 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 330 m²</span> 4128 </div> 4129 4130 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4131 <span>Ver propiedad</span> 4132 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4133 </div> 4134 </div> 4135 </div> 4136 4137 </div> 4138 4139 4140 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4141 4142 <!-- Imagen --> 4143 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4144 <img src="https://images.wasi.co/inmuebles/547411420240822050800.jpg" alt="Amplio apartamento en Alamos, Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4145
4146 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4147 Venta </span> 4148 4149 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/547411420240822050800.jpg', 'Amplio apartamento en Alamos, Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4150 <i class="fa-regular fa-image"></i> 4151 <span>Fotos</span> 4152 </button> 4153 </div> 4154 4155 <!-- Contenido --> 4156 <div class="p-5 flex-1 flex flex-col justify-between"> 4157 <div> 4158 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$480.000.000</div> 4159 4160 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4161 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8596722-amplio-apartamento-en-alamos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 4162 Amplio apartamento en Alamos, Pereira </a> 4163 </h3> 4164 4165 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4166 <i class="fa-solid fa-location-dot text-slate-400"></i> 4167 Alamos Pereira </p> 4168 </div> 4169 4170 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4171 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4172 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 4173 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 3 baños</span> 4174 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 98 m²</span> 4175 </div> 4176 4177 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4178 <span>Ver propiedad</span> 4179 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4180 </div> 4181 </div> 4182 </div> 4183 4184 </div> 4185 4186 4187 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4188 4189 <!-- Imagen --> 4190 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4191 <img src="https://images.wasi.co/inmuebles/_se_vende_apartamento_en_pereir_1742419235-8364_9967.jpeg" alt="Se VENDE APARTAMENTO en PEREIRA LA LORENA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4192 4193 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4194 Venta </span> 4195 4196 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_se_vende_apartamento_en_pereir_1742419235-8364_9967.jpeg', 'Se VENDE APARTAMENTO en PEREIRA LA LORENA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4197 <i class="fa-regular fa-image"></i>
4198 <span>Fotos</span> 4199 </button> 4200 </div> 4201 4202 <!-- Contenido --> 4203 <div class="p-5 flex-1 flex flex-col justify-between"> 4204 <div> 4205 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$320.000.000</div> 4206 4207 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4208 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8621168-se-vende-apartamento-en-pereira-la-lorena" class="after:absolute after:inset-0 focus:outline-none"> 4209 Se VENDE APARTAMENTO en PEREIRA LA LORENA </a> 4210 </h3> 4211 4212 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4213 <i class="fa-solid fa-location-dot text-slate-400"></i> 4214 Providencia Pereira </p> 4215 </div> 4216 4217 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4218 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4219 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 4 habs</span> 4220 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 3 baños</span> 4221 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 85 m²</span> 4222 </div> 4223 4224 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4225 <span>Ver propiedad</span> 4226 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4227 </div> 4228 </div> 4229 </div> 4230 4231 </div> 4232 4233 4234 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4235 4236 <!-- Imagen --> 4237 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4238 <img src="https://images.wasi.co/inmuebles/_se_vende_apartamento_senderos_1742856693-215_720.jpeg" alt="SE VENDE APARTAMENTO SENDEROS SAN SILVESTRE PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4239 4240 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4241 Venta </span> 4242 4243 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_se_vende_apartamento_senderos_1742856693-215_720.jpeg', 'SE VENDE APARTAMENTO SENDEROS SAN SILVESTRE PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4244 <i class="fa-regular fa-image"></i> 4245 <span>Fotos</span> 4246 </button> 4247 </div> 4248 4249 <!-- Contenido --> 4250 <div class="p-5 flex-1 flex flex-col justify-between"> 4251 <div> 4252 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$460.000.000</div> 4253 4254 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4255 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8709959-se-vende-apartamento-senderos-san-silvestre-pereira" class="after:absolute after:inset-0 focus:outline-none"> 4256 SE VENDE APARTAMENTO SENDEROS SAN SILVESTRE PEREIRA </a> 4257 </h3> 4258 4259 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4260 <i class="fa-solid fa-location-dot text-slate-400"></i> 4261 Avenida Sur Pereira </p> 4262 </div> 4263 4264 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4265 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
4266 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 4267 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4268 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 74 m²</span> 4269 </div> 4270 4271 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4272 <span>Ver propiedad</span> 4273 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4274 </div> 4275 </div> 4276 </div> 4277 4278 </div> 4279 4280 4281 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4282 4283 <!-- Imagen --> 4284 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4285 <img src="https://images.wasi.co/inmuebles/_se_vende_apartamento_en_av_sur_1742916667-2005_5039.jpeg" alt="SE VENDE APARTAMENTO EN AV. SUR PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4286 4287 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4288 Venta </span> 4289 4290 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_se_vende_apartamento_en_av_sur_1742916667-2005_5039.jpeg', 'SE VENDE APARTAMENTO EN AV. SUR PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4291 <i class="fa-regular fa-image"></i> 4292 <span>Fotos</span> 4293 </button> 4294 </div> 4295 4296 <!-- Contenido --> 4297 <div class="p-5 flex-1 flex flex-col justify-between"> 4298 <div> 4299 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$640.000.000</div> 4300 4301 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4302 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8757345-se-vende-apartamento-en-av-sur-pereira" class="after:absolute after:inset-0 focus:outline-none"> 4303 SE VENDE APARTAMENTO EN AV. SUR PEREIRA </a> 4304 </h3> 4305 4306 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4307 <i class="fa-solid fa-location-dot text-slate-400"></i> 4308 Avenida Sur Pereira </p> 4309 </div> 4310 4311 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4312 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4313 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 4314 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4315 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 94 m²</span> 4316 </div> 4317 4318 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
4319 <span>Ver propiedad</span> 4320 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4321 </div> 4322 </div> 4323 </div> 4324 4325 </div> 4326 4327 4328 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4329 4330 <!-- Imagen --> 4331 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4332 <img src="https://images.wasi.co/inmuebles/54741720250328052630.jpg" alt="Apartamento sector San Andresito, centro de Pereira " class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4333 4334 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4335 Venta </span> 4336 4337 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/54741720250328052630.jpg', 'Apartamento sector San Andresito, centro de Pereira ')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4338 <i class="fa-regular fa-image"></i> 4339 <span>Fotos</span> 4340 </button> 4341 </div> 4342 4343 <!-- Contenido --> 4344 <div class="p-5 flex-1 flex flex-col justify-between"> 4345 <div> 4346 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$300.000.000</div> 4347 4348 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4349 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8940074-apartamento-sector-san-andresito-centro-de-pereira" class="after:absolute after:inset-0 focus:outline-none"> 4350 Apartamento sector San Andresito, centro de Pereira </a> 4351 </h3> 4352 4353 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4354 <i class="fa-solid fa-location-dot text-slate-400"></i> 4355 Centro Pereira </p> 4356 </div> 4357 4358 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4359 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4360 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 5 habs</span> 4361 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 3 baños</span> 4362 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 105 m²</span> 4363 </div> 4364 4365 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4366 <span>Ver propiedad</span> 4367 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4368 </div> 4369 </div> 4370 </div> 4371 4372 </div> 4373 4374 4375 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4376 4377 <!-- Imagen --> 4378 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4379 <img src="https://images.wasi.co/inmuebles/_se_vende_apartamento_la_prader_1743702085-8335_7367.jpeg" alt="Se vende apartamento La Pradera Dosquebradas" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4380
4381 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4382 Venta </span> 4383 4384 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_se_vende_apartamento_la_prader_1743702085-8335_7367.jpeg', 'Se vende apartamento La Pradera Dosquebradas')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4385 <i class="fa-regular fa-image"></i> 4386 <span>Fotos</span> 4387 </button> 4388 </div> 4389 4390 <!-- Contenido --> 4391 <div class="p-5 flex-1 flex flex-col justify-between"> 4392 <div> 4393 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$320.000.000</div> 4394 4395 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4396 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-8960081-se-vende-apartamento-la-pradera-dosquebradas" class="after:absolute after:inset-0 focus:outline-none"> 4397 Se vende apartamento La Pradera Dosquebradas </a> 4398 </h3> 4399 4400 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4401 <i class="fa-solid fa-location-dot text-slate-400"></i> 4402 La pradera Dosquebradas </p> 4403 </div> 4404 4405 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4406 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4407 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 4408 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4409 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 77 m²</span> 4410 </div> 4411 4412 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4413 <span>Ver propiedad</span> 4414 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4415 </div> 4416 </div> 4417 </div> 4418 4419 </div> 4420 4421 4422 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4423 4424 <!-- Imagen --> 4425 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4426 <img src="https://images.wasi.co/inmuebles/547412120250415023935.jpg" alt="Apartamento en Acqua Hills, Frailes, Dosq" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4427 4428 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4429 Venta </span> 4430 4431 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/547412120250415023935.jpg', 'Apartamento en Acqua Hills, Frailes, Dosq')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4432 <i class="fa-regular fa-image"></i>
4433 <span>Fotos</span> 4434 </button> 4435 </div> 4436 4437 <!-- Contenido --> 4438 <div class="p-5 flex-1 flex flex-col justify-between"> 4439 <div> 4440 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$210.000.000</div> 4441 4442 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4443 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9000919-apartamento-en-acqua-hills-frailes-dosq" class="after:absolute after:inset-0 focus:outline-none"> 4444 Apartamento en Acqua Hills, Frailes, Dosq </a> 4445 </h3> 4446 4447 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4448 <i class="fa-solid fa-location-dot text-slate-400"></i> 4449 Frailes Dosquebradas </p> 4450 </div> 4451 4452 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4453 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4454 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 4455 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 1 baños</span> 4456 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 48 m²</span> 4457 </div> 4458 4459 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4460 <span>Ver propiedad</span> 4461 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4462 </div> 4463 </div> 4464 </div> 4465 4466 </div> 4467 4468 4469 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4470 4471 <!-- Imagen --> 4472 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4473 <img src="https://images.wasi.co/inmuebles/_se_vende_apartamento_en_cerrit_1745593179-1637_9900.jpeg" alt="Se vende apartamento en Cerritos Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4474 4475 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4476 Venta </span> 4477 4478 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_se_vende_apartamento_en_cerrit_1745593179-1637_9900.jpeg', 'Se vende apartamento en Cerritos Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4479 <i class="fa-regular fa-image"></i> 4480 <span>Fotos</span> 4481 </button> 4482 </div> 4483 4484 <!-- Contenido --> 4485 <div class="p-5 flex-1 flex flex-col justify-between"> 4486 <div> 4487 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$715.000.000</div> 4488 4489 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4490 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9025609-se-vende-apartamento-en-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 4491 Se vende apartamento en Cerritos Pereira </a> 4492 </h3> 4493 4494 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4495 <i class="fa-solid fa-location-dot text-slate-400"></i> 4496 Cerritos Pereira </p> 4497 </div> 4498 4499 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4500 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
4501 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 4502 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4503 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 80 m²</span> 4504 </div> 4505 4506 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4507 <span>Ver propiedad</span> 4508 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4509 </div> 4510 </div> 4511 </div> 4512 4513 </div> 4514 4515 4516 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4517 4518 <!-- Imagen --> 4519 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4520 <img src="https://images.wasi.co/inmuebles/111170920250508031042.jpeg" alt="VENTA HERMOSO APARTAMENTO VALHER DOSQUEBRADAS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4521 4522 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4523 Venta </span> 4524 4525 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/111170920250508031042.jpeg', 'VENTA HERMOSO APARTAMENTO VALHER DOSQUEBRADAS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4526 <i class="fa-regular fa-image"></i> 4527 <span>Fotos</span> 4528 </button> 4529 </div> 4530 4531 <!-- Contenido --> 4532 <div class="p-5 flex-1 flex flex-col justify-between"> 4533 <div> 4534 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$395.000.000</div> 4535 4536 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4537 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9066400-venta-hermoso-apartamento-valher-dosquebradas-pereira" class="after:absolute after:inset-0 focus:outline-none"> 4538 VENTA HERMOSO APARTAMENTO VALHER DOSQUEBRADAS PEREIRA </a> 4539 </h3> 4540 4541 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4542 <i class="fa-solid fa-location-dot text-slate-400"></i> 4543 Valher Dosquebradas </p> 4544 </div> 4545 4546 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4547 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4548 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 4549 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4550 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 74 m²</span> 4551 </div> 4552 4553 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
4554 <span>Ver propiedad</span> 4555 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4556 </div> 4557 </div> 4558 </div> 4559 4560 </div> 4561 4562 4563 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4564 4565 <!-- Imagen --> 4566 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4567 <img src="https://images.wasi.co/inmuebles/_se_vende_apto_dosquebradas_fra_1748131364-7324_8797.jpeg" alt="SE VENDE APARTAMENTO DOSQUEBRADAS FRAILES" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4568 4569 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4570 Venta </span> 4571 4572 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_se_vende_apto_dosquebradas_fra_1748131364-7324_8797.jpeg', 'SE VENDE APARTAMENTO DOSQUEBRADAS FRAILES')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4573 <i class="fa-regular fa-image"></i> 4574 <span>Fotos</span> 4575 </button> 4576 </div> 4577 4578 <!-- Contenido --> 4579 <div class="p-5 flex-1 flex flex-col justify-between"> 4580 <div> 4581 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$220.000.000</div> 4582 4583 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4584 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9076240-se-vende-apartamento-dosquebradas-frailes" class="after:absolute after:inset-0 focus:outline-none"> 4585 SE VENDE APARTAMENTO DOSQUEBRADAS FRAILES </a> 4586 </h3> 4587 4588 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4589 <i class="fa-solid fa-location-dot text-slate-400"></i> 4590 Frailes Dosquebradas </p> 4591 </div> 4592 4593 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4594 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4595 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 4596 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4597 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 48 m²</span> 4598 </div> 4599 4600 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4601 <span>Ver propiedad</span> 4602 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4603 </div> 4604 </div> 4605 </div> 4606 4607 </div> 4608 4609 4610 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4611 4612 <!-- Imagen --> 4613 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4614 <img src="https://images.wasi.co/inmuebles/_venta_apartamento_sector_condi_1747942481-5592_7926.jpeg" alt="Venta apartamento Condina Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4615
4616 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4617 Venta </span> 4618 4619 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_venta_apartamento_sector_condi_1747942481-5592_7926.jpeg', 'Venta apartamento Condina Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4620 <i class="fa-regular fa-image"></i> 4621 <span>Fotos</span> 4622 </button> 4623 </div> 4624 4625 <!-- Contenido --> 4626 <div class="p-5 flex-1 flex flex-col justify-between"> 4627 <div> 4628 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$270.000.000</div> 4629 4630 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4631 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9109087-venta-apartamento-condina-pereira" class="after:absolute after:inset-0 focus:outline-none"> 4632 Venta apartamento Condina Pereira </a> 4633 </h3> 4634 4635 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4636 <i class="fa-solid fa-location-dot text-slate-400"></i> 4637 Condina Pereira </p> 4638 </div> 4639 4640 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4641 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4642 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 4643 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4644 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 56 m²</span> 4645 </div> 4646 4647 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4648 <span>Ver propiedad</span> 4649 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4650 </div> 4651 </div> 4652 </div> 4653 4654 </div> 4655 4656 4657 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4658 4659 <!-- Imagen --> 4660 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4661 <img src="https://images.wasi.co/inmuebles/_venta_apartamento_cerritos_per_1748290323-8277_2976.jpeg" alt="Venta apartamento Cerritos Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4662 4663 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4664 Venta </span> 4665 4666 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_venta_apartamento_cerritos_per_1748290323-8277_2976.jpeg', 'Venta apartamento Cerritos Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4667 <i class="fa-regular fa-image"></i>
4668 <span>Fotos</span> 4669 </button> 4670 </div> 4671 4672 <!-- Contenido --> 4673 <div class="p-5 flex-1 flex flex-col justify-between"> 4674 <div> 4675 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$750.000.000</div> 4676 4677 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4678 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9124044-venta-apartamento-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 4679 Venta apartamento Cerritos Pereira </a> 4680 </h3> 4681 4682 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4683 <i class="fa-solid fa-location-dot text-slate-400"></i> 4684 Cerritos Pereira </p> 4685 </div> 4686 4687 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4688 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4689 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 4690 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4691 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 96 m²</span> 4692 </div> 4693 4694 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4695 <span>Ver propiedad</span> 4696 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4697 </div> 4698 </div> 4699 </div> 4700 4701 </div> 4702 4703 4704 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4705 4706 <!-- Imagen --> 4707 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4708 <img src="https://images.wasi.co/inmuebles/_venta_apartamento_piso_15_con_1749929963-2585_8500.jpeg" alt="VENTA APARTAMENTO PISO 15 CONJUNTO CERRADO ENTRADA CERRITOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4709 4710 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4711 Venta </span> 4712 4713 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_venta_apartamento_piso_15_con_1749929963-2585_8500.jpeg', 'VENTA APARTAMENTO PISO 15 CONJUNTO CERRADO ENTRADA CERRITOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4714 <i class="fa-regular fa-image"></i> 4715 <span>Fotos</span> 4716 </button> 4717 </div> 4718 4719 <!-- Contenido --> 4720 <div class="p-5 flex-1 flex flex-col justify-between"> 4721 <div> 4722 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$400.000.000</div> 4723 4724 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4725 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9184223-venta-apartamento-piso-15-conjunto-cerrado-entrada-cerritos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 4726 VENTA APARTAMENTO PISO 15 CONJUNTO CERRADO ENTRADA CERRITOS PEREIRA </a> 4727 </h3> 4728 4729 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4730 <i class="fa-solid fa-location-dot text-slate-400"></i> 4731 Av. Sur Pereira </p> 4732 </div> 4733 4734 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4735 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
4736 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 4737 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4738 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 65 m²</span> 4739 </div> 4740 4741 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4742 <span>Ver propiedad</span> 4743 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4744 </div> 4745 </div> 4746 </div> 4747 4748 </div> 4749 4750 4751 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4752 4753 <!-- Imagen --> 4754 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4755 <img src="https://images.wasi.co/inmuebles/_apartamento_en_venta_sector_la_1749912185-2797_7622.jpeg" alt="Apartamento en venta sector La Villa" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4756 4757 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4758 Venta </span> 4759 4760 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_apartamento_en_venta_sector_la_1749912185-2797_7622.jpeg', 'Apartamento en venta sector La Villa')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4761 <i class="fa-regular fa-image"></i> 4762 <span>Fotos</span> 4763 </button> 4764 </div> 4765 4766 <!-- Contenido --> 4767 <div class="p-5 flex-1 flex flex-col justify-between"> 4768 <div> 4769 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$330.000.000</div> 4770 4771 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4772 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9216482-apartamento-en-venta-sector-la-villa" class="after:absolute after:inset-0 focus:outline-none"> 4773 Apartamento en venta sector La Villa </a> 4774 </h3> 4775 4776 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4777 <i class="fa-solid fa-location-dot text-slate-400"></i> 4778 La villa Pereira </p> 4779 </div> 4780 4781 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4782 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4783 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 4784 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4785 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 70 m²</span> 4786 </div> 4787 4788 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
4789 <span>Ver propiedad</span> 4790 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4791 </div> 4792 </div> 4793 </div> 4794 4795 </div> 4796 4797 4798 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4799 4800 <!-- Imagen --> 4801 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4802 <img src="https://images.wasi.co/inmuebles/_se_vende_apartamento_alamos_pe_1750206645-0708_790.jpeg" alt="SE VENDE APARTAMENTO ALAMOS PEREIRA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4803 4804 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4805 Venta </span> 4806 4807 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_se_vende_apartamento_alamos_pe_1750206645-0708_790.jpeg', 'SE VENDE APARTAMENTO ALAMOS PEREIRA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4808 <i class="fa-regular fa-image"></i> 4809 <span>Fotos</span> 4810 </button> 4811 </div> 4812 4813 <!-- Contenido --> 4814 <div class="p-5 flex-1 flex flex-col justify-between"> 4815 <div> 4816 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$670.000.000</div> 4817 4818 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4819 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9225308-se-vende-apartamento-alamos-pereira" class="after:absolute after:inset-0 focus:outline-none"> 4820 SE VENDE APARTAMENTO ALAMOS PEREIRA </a> 4821 </h3> 4822 4823 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4824 <i class="fa-solid fa-location-dot text-slate-400"></i> 4825 Alamos Pereira </p> 4826 </div> 4827 4828 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4829 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4830 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 4831 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4832 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 137 m²</span> 4833 </div> 4834 4835 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4836 <span>Ver propiedad</span> 4837 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4838 </div> 4839 </div> 4840 </div> 4841 4842 </div> 4843 4844 4845 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4846 4847 <!-- Imagen --> 4848 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4849 <img src="https://images.wasi.co/inmuebles/_se_vende_apartamento_en_dosque_1750452113-1751_1603.jpeg" alt="Se vende apartamento en Dosquebradas" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4850
4851 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4852 Venta </span> 4853 4854 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_se_vende_apartamento_en_dosque_1750452113-1751_1603.jpeg', 'Se vende apartamento en Dosquebradas')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4855 <i class="fa-regular fa-image"></i> 4856 <span>Fotos</span> 4857 </button> 4858 </div> 4859 4860 <!-- Contenido --> 4861 <div class="p-5 flex-1 flex flex-col justify-between"> 4862 <div> 4863 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$210.000.000</div> 4864 4865 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4866 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9241215-se-vende-apartamento-en-dosquebradas" class="after:absolute after:inset-0 focus:outline-none"> 4867 Se vende apartamento en Dosquebradas </a> 4868 </h3> 4869 4870 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4871 <i class="fa-solid fa-location-dot text-slate-400"></i> 4872 Dos Quebradas Dosquebradas </p> 4873 </div> 4874 4875 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4876 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4877 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 4878 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 4879 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 45 m²</span> 4880 </div> 4881 4882 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4883 <span>Ver propiedad</span> 4884 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4885 </div> 4886 </div> 4887 </div> 4888 4889 </div> 4890 4891 4892 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4893 4894 <!-- Imagen --> 4895 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4896 <img src="https://images.wasi.co/inmuebles/_en_venta_apartamento_en_pinare_1753140653-0451_6180.jpeg" alt="En venta apartamento en pinares Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4897 4898 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4899 Venta </span> 4900 4901 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_en_venta_apartamento_en_pinare_1753140653-0451_6180.jpeg', 'En venta a
4901partamento en pinares Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4902 <i class="fa-regular fa-image"></i> 4903 <span>Fotos</span> 4904 </button> 4905 </div> 4906 4907 <!-- Contenido --> 4908 <div class="p-5 flex-1 flex flex-col justify-between"> 4909 <div> 4910 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$880.000.000</div> 4911 4912 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4913 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9329660-en-venta-apartamento-en-pinares-pereira" class="after:absolute after:inset-0 focus:outline-none"> 4914 En venta apartamento en pinares Pereira </a> 4915 </h3> 4916 4917 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4918 <i class="fa-solid fa-location-dot text-slate-400"></i> 4919 Pinares Pereira </p> 4920 </div> 4921 4922 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4923 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4924 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 4 habs</span> 4925 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 5 baños</span> 4926 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 182 m²</span> 4927 </div> 4928 4929 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4930 <span>Ver propiedad</span> 4931 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4932 </div> 4933 </div> 4934 </div> 4935 4936 </div> 4937 4938 4939 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4940 4941 <!-- Imagen --> 4942 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4943 <img src="https://images.wasi.co/inmuebles/_oportunidad_venta_hermoso_apar_1753553716-7694_5723.jpeg" alt="OPORTUNIDAD VENTA HERMOSO APARTAMENTO DOSQUEBRADAS CON PISCINA" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4944 4945 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4946 Venta </span> 4947 4948 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_oportunidad_venta_hermoso_apar_1753553716-7694_5723.jpeg', 'OPORTUNIDAD VENTA HERMOSO APARTAMENTO DOSQUEBRADAS CON PISCINA')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4949 <i class="fa-regular fa-image"></i>
4950 <span>Fotos</span> 4951 </button> 4952 </div> 4953 4954 <!-- Contenido --> 4955 <div class="p-5 flex-1 flex flex-col justify-between"> 4956 <div> 4957 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$240.000.000</div> 4958 4959 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 4960 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9341254-oportunidad-venta-hermoso-apartamento-dosquebradas-con-piscina" class="after:absolute after:inset-0 focus:outline-none"> 4961 OPORTUNIDAD VENTA HERMOSO APARTAMENTO DOSQUEBRADAS CON PISCINA </a> 4962 </h3> 4963 4964 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 4965 <i class="fa-solid fa-location-dot text-slate-400"></i> 4966 Dosquebradas </p> 4967 </div> 4968 4969 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 4970 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 4971 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 4972 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 1 baños</span> 4973 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 47 m²</span> 4974 </div> 4975 4976 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 4977 <span>Ver propiedad</span> 4978 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 4979 </div> 4980 </div> 4981 </div> 4982 4983 </div> 4984 4985 4986 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 4987 4988 <!-- Imagen --> 4989 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 4990 <img src="https://images.wasi.co/inmuebles/_venta_apartamento_el_poblado_p_1753799685-754_389.jpeg" alt="Venta apartamento El Poblado Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 4991 4992 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 4993 Venta </span> 4994 4995 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_venta_apartamento_el_poblado_p_1753799685-754_389.jpeg', 'Venta apartamento El Poblado Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 4996 <i class="fa-regular fa-image"></i> 4997 <span>Fotos</span> 4998 </button> 4999 </div> 5000 5001 <!-- Contenido --> 5002 <div class="p-5 flex-1 flex flex-col justify-between"> 5003 <div> 5004 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$215.000.000</div> 5005 5006 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 5007 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9346269-venta-apartamento-el-poblado-pereira" class="after:absolute after:inset-0 focus:outline-none"> 5008 Venta apartamento El Poblado Pereira </a> 5009 </h3> 5010 5011 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 5012 <i class="fa-solid fa-location-dot text-slate-400"></i> 5013 El poblado Pereira </p> 5014 </div> 5015 5016 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 5017 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium">
5018 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 5019 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 1 baños</span> 5020 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 47 m²</span> 5021 </div> 5022 5023 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 5024 <span>Ver propiedad</span> 5025 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 5026 </div> 5027 </div> 5028 </div> 5029 5030 </div> 5031 5032 5033 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 5034 5035 <!-- Imagen --> 5036 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 5037 <img src="https://images.wasi.co/inmuebles/_en_venta_moderno_apartamento_e_1753802516-2341_8416.jpeg" alt="En venta moderno apartamento El Poblado Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 5038 5039 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 5040 Venta </span> 5041 5042 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_en_venta_moderno_apartamento_e_1753802516-2341_8416.jpeg', 'En venta moderno apartamento El Poblado Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 5043 <i class="fa-regular fa-image"></i> 5044 <span>Fotos</span> 5045 </button> 5046 </div> 5047 5048 <!-- Contenido --> 5049 <div class="p-5 flex-1 flex flex-col justify-between"> 5050 <div> 5051 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$370.000.000</div> 5052 5053 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 5054 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9346415-en-venta-moderno-apartamento-el-poblado-pereira" class="after:absolute after:inset-0 focus:outline-none"> 5055 En venta moderno apartamento El Poblado Pereira </a> 5056 </h3> 5057 5058 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 5059 <i class="fa-solid fa-location-dot text-slate-400"></i> 5060 El poblado Pereira </p> 5061 </div> 5062 5063 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 5064 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 5065 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 3 habs</span> 5066 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 2 baños</span> 5067 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 73 m²</span> 5068 </div> 5069 5070 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1">
5071 <span>Ver propiedad</span> 5072 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 5073 </div> 5074 </div> 5075 </div> 5076 5077 </div> 5078 5079 5080 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 5081 5082 <!-- Imagen --> 5083 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 5084 <img src="https://images.wasi.co/inmuebles/_en_venta_amplisimo_apartamento_1753905033-0458_9568.jpeg" alt="En Venta Apartamento en Belmonte Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 5085 5086 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 5087 Venta </span> 5088 5089 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_en_venta_amplisimo_apartamento_1753905033-0458_9568.jpeg', 'En Venta Apartamento en Belmonte Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 5090 <i class="fa-regular fa-image"></i> 5091 <span>Fotos</span> 5092 </button> 5093 </div> 5094 5095 <!-- Contenido --> 5096 <div class="p-5 flex-1 flex flex-col justify-between"> 5097 <div> 5098 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$320.000.000</div> 5099 5100 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 5101 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9350109-en-venta-apartamento-en-belmonte-pereira" class="after:absolute after:inset-0 focus:outline-none"> 5102 En Venta Apartamento en Belmonte Pereira </a> 5103 </h3> 5104 5105 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 5106 <i class="fa-solid fa-location-dot text-slate-400"></i> 5107 Belmonte Pereira </p> 5108 </div> 5109 5110 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 5111 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 5112 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 4 habs</span> 5113 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 3 baños</span> 5114 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 75 m²</span> 5115 </div> 5116 5117 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 5118 <span>Ver propiedad</span> 5119 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 5120 </div> 5121 </div> 5122 </div> 5123 5124 </div> 5125 5126 5127 <div class="bg-white rounded-2xl overflow-hidden border border-slate-200/90 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 flex flex-col group relative"> 5128 5129 <!-- Imagen --> 5130 <div class="relative aspect-[16/10] bg-slate-100 overflow-hidden"> 5131 <img src="https://images.wasi.co/inmuebles/_en_venta_fabuloso_apartamentoe_1753919343-7671_9908.jpeg" alt="En venta a
5131partamento en el Poblado Pereira" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 5132 5133 <span class="absolute top-3 left-3 bg-[#0a3866] text-white text-[11px] font-semibold px-2.5 py-0.5 rounded-md uppercase tracking-wider shadow-sm z-10"> 5134 Venta </span> 5135 5136 <button type="button" @click.prevent.stop="openGallery('https://images.wasi.co/inmuebles/_en_venta_fabuloso_apartamentoe_1753919343-7671_9908.jpeg', 'En venta apartamento en el Poblado Pereira')" class="absolute bottom-3 right-3 bg-slate-900/80 hover:bg-slate-900 text-white text-xs px-2.5 py-1 rounded-lg backdrop-blur-sm transition font-normal z-10 flex items-center gap-1.5 shadow-sm"> 5137 <i class="fa-regular fa-image"></i> 5138 <span>Fotos</span> 5139 </button> 5140 </div> 5141 5142 <!-- Contenido --> 5143 <div class="p-5 flex-1 flex flex-col justify-between"> 5144 <div> 5145 <div class="text-xl font-bold text-[#0a3866] tracking-tight">$240.000.000</div> 5146 5147 <h3 class="font-semibold text-slate-800 text-base mt-1 leading-snug line-clamp-2 group-hover:text-[#0a3866] transition"> 5148 <a href="https://www.casasyapartamentospereira.com/venta-apartamentos-pereira-9350547-en-venta-apartamento-en-el-poblado-pereira" class="after:absolute after:inset-0 focus:outline-none"> 5149 En venta apartamento en el Poblado Pereira </a> 5150 </h3> 5151 5152 <p class="text-xs sm:text-sm text-slate-500 mt-2 flex items-center gap-1.5 font-normal"> 5153 <i class="fa-solid fa-location-dot text-slate-400"></i> 5154 El poblado Pereira </p> 5155 </div> 5156 5157 <div class="mt-4 pt-3.5 border-t border-slate-100 flex flex-col gap-3"> 5158 <div class="flex items-center justify-between text-xs sm:text-sm text-slate-500 font-medium"> 5159 <span title="Habitaciones"><i class="fa-solid fa-bed text-slate-400 mr-1"></i> 2 habs</span> 5160 <span title="Baños"><i class="fa-solid fa-bath text-slate-400 mr-1"></i> 1 baños</span> 5161 <span title="Ãrea construida"><i class="fa-solid fa-ruler-combined text-slate-400 mr-1"></i> 50 m²</span> 5162 </div> 5163 5164 <div class="w-full py-2 bg-slate-50 group-hover:bg-[#0a3866] text-slate-700 group-hover:text-white rounded-xl text-xs font-semibold text-center transition-colors duration-300 flex items-center justify-center gap-2 mt-1"> 5165 <span>Ver propiedad</span> 5166 <i class="fa-solid fa-arrow-right text-[11px] group-hover:translate-x-1 transition-transform duration-300"></i> 5167 </div> 5168 </div> 5169 </div> 5170 5171 </div> 5172 5173 </div> 5174 </main> 5175 5176 <!-- FOOTER --> 5177 <footer id="footer" class="bg-white border-t border-slate-200 mt-16 text-slate-600 text-sm"> 5178 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> 5179 <div class="grid grid-cols-1 md:grid-cols-3 gap-10"> 5180 5181 <!-- Columna 1: Info & Contacto --> 5182 <div class="space-y-4"> 5183 <a href="https://www.casasyapartamentospereira.com" class="inline-block"> 5184 <img src="images/logo_pereira_by.jpg" alt="Casas y Apartamentos Pereira - Finca Raiz" class="h-14 w-auto object-contain"> 5185 </a> 5186 <p class="font-medium text-slate-800"> 5187 <span itemprop="name">Inmobiliaria Casas y Apartamentos Pereira - Finca RaÃz</span> 5188 </p> 5189 5190 <div class="space-y-2 pt-1 text-xs sm:text-sm"> 5191 <div class="flex items-center gap-2 text-slate-600"> 5192 <i class="fa-regular fa-envelope text-[#0a3866]"></i> 5193 <a href="mailto:[email protected]" class="hover:text-[#0a3866] transition">[email protected]</a> 5194 </div> 5195 <div class="pt-2"> 5196 <a href="tel:573113052872" class="inline-flex items-center gap-2 bg-[#0a3866] text-white px-4 py-2 rounded-xl text-xs font-semibold hover:bg-[#072849] transition shadow-sm"> 5197 <i class="fa-solid fa-phone"></i> 5198 Llamar a Servicio al Cliente 5199 </a> 5200 </div> 5201 </div> 5202 </div> 5203 5204 <!-- Columna 2: Banners / Acciones Rápidas --> 5205 <div class="flex flex-col items-center justify-center space-y-4 bg-slate-50 p-6 rounded-2xl border border-slate-200/80 text-center"> 5206 5207
5208 <a href="https://api.whatsapp.com/send?phone=573113052872&text=Hola.%20Necesito%20de%20su%20asesor%C3%ADa%20inmobiliaria." target="_blank" class="w-full inline-flex items-center justify-center gap-2 bg-emerald-600 hover:bg-emerald-700 text-white font-medium px-5 py-2.5 rounded-xl transition text-xs shadow-sm"> 5209 <i class="fa-brands fa-whatsapp text-lg"></i> 5210 AsesorÃa por WhatsApp 5211 </a> 5212 5213 </div> 5214 5215 <!-- Columna 3: Enlaces de Interés & Publicar --> 5216 <div class="space-y-4"> 5217 <h4 class="font-bold text-slate-900 text-base">Enlaces Rápidos</h4> 5218 <ul class="space-y-2 text-xs sm:text-sm font-medium"> 5219 <li><a href="https://www.casasyapartamentospereira.com/" class="hover:text-[#0a3866] transition flex items-center gap-1.5"><i class="fa-solid fa-chevron-right text-[10px] text-slate-400"></i> 5220 Inmobiliarias en Pereira Colombia - Arrendamientos Compra y venta de casas y apartamentos</a></li> 5221 <li><a href="https://www.casasyapartamentospereira.com/busqueda-inmuebles-casas-apartamentos-pereira.php">Inmobiliarias en Pereira Colombia - Arrendamientos Compra y venta de casas y apartamentos</a></li> 5222 <li><a href="https://www.casasyapartamentospereira.com/contacto" class="hover:text-[#0a3866] transition flex items-center gap-1.5"><i class="fa-solid fa-chevron-right text-[10px] text-slate-400"></i> Contacto</a></li> 5223 </ul> 5224 5225 <!-- Redes Sociales PHP Inclusion --> 5226 <div class="pt-2"> 5227 <ul class="flex items-center gap-3 text-slate-500"> 5228 </ul> 5229 </div> 5230 5231 <!-- Botón Oferte Inmueble 5232 <div class="pt-2"> 5233 <a href="https://www.casasyapartamentospanama.com/publicar" class="block w-full bg-amber-500 hover:bg-amber-600 text-slate-950 font-bold text-center py-2.5 px-4 rounded-xl text-xs transition shadow-sm tracking-wide uppercase"> 5234 <i class="fa-solid fa-bullhorn mr-1"></i> Oferte su inmueble aquà 5235 </a> 5236 </div> 5237 --> 5238 </div> 5239 5240 </div> 5241 </div> 5242 5243 <!-- BARRA INFERIOR / SEO & DERECHOS --> 5244 <div class="bg-slate-900 text-slate-400 text-xs py-8 border-t border-slate-800"> 5245 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-6 text-center"> 5246 5247 <div> 5248 <p>© 2026 | <span class="font-semibold text-slate-200">Casas y Apartamentos Pereira</span> | Todos los derechos reservados</p> 5249 <div class="mt-3 flex justify-center"> 5250 <img src="images/casa_habitat.jpg" alt="Casa Habitat" class="h-8 w-auto object-contain brightness-90 contrast-125 opacity-80 hover:opacity-100 transition"> 5251 </div> 5252 </div> 5253 5254 <p class="text-slate-500 max-w-3xl mx-auto"> 5255 <!-- Texto SEO Inferior/Footer (si existe para la vista actual) --> 5256 </p> 5257 5258 5259 <div align="center"> 5260 <a href="https://www.casasyapartamentospereira.com/venta-de-apartamentos-en-pereira">Venta de Apartamentos en Pereira</a> - 5261 <a href="https://www.casasyapartamentospereira.com/venta-de-casas-en-pereira">Venta de Casas en pereira</a> - 5262 <a href="https://www.casasyapartamentospereira.com/venta-de-casas-campestres-en-pereira">Venta de Casas Campestres en Pereira</a> 5263 </div> 5264 <div align="center"> 5265 <a href="https://www.casasyapartamentospereira.com/casas-en-corales-pereira">Casas en Corales Pereira</a> - 5266 <a href="https://www.casasyapartamentospereira.com/casas-en-pinares-pereira">Pinares</a> - 5267 <a href="https://www.casasyapartamentospereira.com/casas-en-belmonte-pereira">Belmonte</a> - 5268 <a href="https://www.casasyapartamentospereira.com/casas-en-dosquebradas">Dosquebradas</a> - 5269 <a href="https://www.casasyapartamentospereira.com/casas-en-el-centro-pereira">El Centro</a> - 5270 <a href="https://www.casasyapartamentospereira.com/casas-en-los-alpes-pereira">Los Alpes</a> 5271 </div> 5272 5273 <div align="center"> 5274 <a href="https://www.casasyapartamentospereira.com/apartamentos-en-corales-pereira">Apartamentos en Corales Pereira</a> - 5275 <a href="https://www.casasyapartamentospereira.com/apartamentos-en-pinares-pereira">Pinares</a> - 5276 <a href="https://www.casasyapartamentospereira.com/apartamentos-en-belmonte-pereira">Belmonte</a> - 5277 <a href="https://www.casasyapartamentospereira.com/apartamentos-en-dosquebradas">Dosquebradas</a> - 5278 <a href="https://www.casasyapartamentospereira.com/apartamentos-en-el-centro-pereira">El Centro</a> - 5279 <a href="https://www.casasyapartamentospereira.com/apartamentos-en-los-alpes-pereira">Los Alpes</a> 5280 </div><br/> 5281 5282 <div align="center"> 5283 <a href="https://www.casasyapartamentospereira.com/arriendos-pereira-alquileres">Arriendos y alquileres Pereira</a> - 5284 <a href="https://www.casasyapartamentospereira.com/arriendo-de-apartaestudios-en-pereira">Alquiler de Apartaestudios</a> - 5285 <a href="https://www.casasyapartamentospereira.com/arriendo-de-apartamentos-en-pereira">Arrendamiento de Apartamentos</a> - 5286 <a href="https://www.casasyapartamentospereira.com/arriendo-de-casas-e
5286n-pereira">Arrendamientos de Casas</a> 5287 </div> 5288 5289 <div align="center"> 5290 <a href="https://www.casasyapartamentospereira.com/arriendo-de-casas-campestres-en-pereira">Alquiler de Casas Campestres</a> - 5291 <a href="https://www.casasyapartamentospereira.com/arriendo-de-locales-en-pereira">Arriendo de Locales</a> - 5292 <a href="https://www.casasyapartamentospereira.com/arriendo-de-oficinas-en-pereira">Alquiler de Oficinas</a> 5293 </div> 5294 5295 </div> 5296 </div> 5297 </footer> 5298 5299 <!-- MODAL RED DE PORTALES (Ancho Expandido) --> 5300 <div x-show="showOtherSites" 5301 x-transition.opacity 5302 class="fixed inset-0 z-50 bg-slate-950/60 backdrop-blur-sm flex items-center justify-center p-2 sm:p-4" 5303 style="display: none;" 5304 @keydown.escape.window="showOtherSites = false"> 5305 5306 <!-- Se cambia max-w-5xl por max-w-[95vw] para ocupar casi todo el ancho --> 5307 <div @click.away="showOtherSites = false" class="bg-white rounded-2xl max-w-[95vw] w-full shadow-2xl flex flex-col max-h-[90vh] overflow-hidden border border-slate-100"> 5308 5309 <!-- Header --> 5310 <div class="flex justify-between items-center border-b border-slate-100 p-4 sm:p-5 bg-slate-50/50"> 5311 <h3 class="text-base sm:text-lg font-semibold text-slate-900 flex items-center gap-2"> 5312 <i class="fa-solid fa-network-wired text-[#0a3866]"></i> 5313 Red de Portales Inmobiliarios 5314 </h3> 5315 <button @click="showOtherSites = false" class="text-slate-400 hover:text-slate-700 text-xl font-bold w-8 h-8 flex items-center justify-center rounded-lg hover:bg-slate-200/60 transition">×</button> 5316 </div> 5317 5318 <!-- Body (Scrollable) --> 5319 <div class="p-4 sm:p-6 overflow-y-auto space-y-6"> 5320 <div> 5321 <h4 class="text-xs font-bold uppercase tracking-wider text-slate-400 mb-3 flex items-center gap-2"> 5322 <span class="w-2 h-2 rounded-full bg-[#0a3866]"></span> 5323 Casas </h4> 5324 5325 <!-- Se agregan xl:grid-cols-5 y 2xl:grid-cols-6 para aprovechar el ancho --> 5326 <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-2.5"> 5327 <a href="https://www.casahabitatinmobiliario.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5328 <span class="truncate">Comprar casas en colombia</span> 5329 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5330 </a> <a href="https://www.casascampestresenventacolombia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5331 <span class="truncate">Casas en venta en colombia</span> 5332 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5333 </a> <a href="https://www.casascampestrespereira.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5334 <span class="truncate">Casas en venta en pereira</span> 5335 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5336 </a> <a href="https://www.casasenalquilerpanama.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs">
5337 <span class="truncate">Casas en alquiler panama</span> 5338 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5339 </a> <a href="https://www.casasenarriendopereira.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5340 <span class="truncate">Casas en arriendo pereira</span> 5341 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5342 </a> <a href="https://www.casasenventaarmenia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5343 <span class="truncate">Comprar casas en armenia</span> 5344 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5345 </a> <a href="https://www.casasenventaenbogota.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5346 <span class="truncate">Venta de casas en bogota</span> 5347 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5348 </a> <a href="https://www.casasenventaencali.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5349 <span class="truncate">Comprar casas en cali</span> 5350 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5351 </a> <a href="https://www.casasenventaencolombia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5352 <span class="truncate">Casas en venta en colombia</span> 5353 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5354 </a> <a href="https://www.casasenventamanizales.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5355 <span class="truncate">Casas en venta en manizales</span> 5356 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5357 </a> <a href="https://www.casasenventapereira.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5358 <span class="truncate">Comprar casas en pereira</span> 5359 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5360 </a> </div> 5361 </div> 5362 <div> 5363 <h4 class="text-xs font-bold uppercase tracking-wider text-slate-400 mb-3 flex items-center gap-2">
5364 <span class="w-2 h-2 rounded-full bg-[#0a3866]"></span> 5365 Apartamentos </h4> 5366 5367 <!-- Se agregan xl:grid-cols-5 y 2xl:grid-cols-6 para aprovechar el ancho --> 5368 <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-2.5"> 5369 <a href="https://www.apartamentosenventapanama.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5370 <span class="truncate">Venta de apartamentos en panama</span> 5371 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5372 </a> <a href="https://www.apartamentosenarriendopereira.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5373 <span class="truncate">Apartamentos en alquiler pereira</span> 5374 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5375 </a> <a href="https://www.apartamentosenventaarmenia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5376 <span class="truncate">Apartamentos en venta en armenia</span> 5377 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5378 </a> <a href="https://www.apartamentosenventacali.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5379 <span class="truncate">Venta de apartamentos en cali</span> 5380 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5381 </a> <a href="https://www.apartamentosenventacolombia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5382 <span class="truncate">Apartamentos en venta colombia</span> 5383 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5384 </a> <a href="https://www.apartamentosenventaenbogota.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5385 <span class="truncate">Venta de apartamentos en bogota</span> 5386 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5387 </a> <a href="https://www.apartamentosenventamanizales.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5388 <span class="truncate">Venta de apartamentos en manizales</span> 5389 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5390 </a> <a href="https://www.casasyapartamentospereira.com" class="p-2.5 bg-sky-50 text-[#0a3866] rounded-xl flex items-center justify-between border border-sky-200 text-xs font-semibold shadow-sm">
5391 <span class="truncate">Casas y apartamentos Pereira (Actual)</span> 5392 <i class="fa-solid fa-check text-[#0a3866] text-xs ml-1"></i> 5393 </a> <a href="https://www.apartamentosenventapereira.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5394 <span class="truncate">Apartamentos en venta en pereira</span> 5395 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5396 </a> <a href="https://www.casasyapartamentospereira.com" class="p-2.5 bg-sky-50 text-[#0a3866] rounded-xl flex items-center justify-between border border-sky-200 text-xs font-semibold shadow-sm"> 5397 <span class="truncate">Casas y apartamentos Pereira (Actual)</span> 5398 <i class="fa-solid fa-check text-[#0a3866] text-xs ml-1"></i> 5399 </a> <a href="https://www.casasyapartamentosarmenia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5400 <span class="truncate">Venta de apartamentos en armenia</span> 5401 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5402 </a> <a href="https://www.casasyapartamentosbarranquilla.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5403 <span class="truncate">Apartamentos en venta barranquilla</span> 5404 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5405 </a> <a href="https://www.casasyapartamentosbogota.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5406 <span class="truncate">Comprar apartamentos en bogota</span> 5407 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5408 </a> <a href="https://www.casasyapartamentosbucaramanga.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5409 <span class="truncate">Apartamentos en venta bucaramanga</span> 5410 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5411 </a> <a href="https://www.casasyapartamentoscali.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5412 <span class="truncate">Comprar apartamentos en cali</span> 5413 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5414 </a> <a href="https://www.casasyapartamentoscartagena.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs">
5415 <span class="truncate">Venta de apartamentos en cartagena</span> 5416 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5417 </a> <a href="https://www.casasyapartamentosflorida.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5418 <span class="truncate">Venta de apartamentos en florida</span> 5419 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5420 </a> <a href="https://www.casasyapartamentosmanizales.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5421 <span class="truncate">Comprar apartamentos en manizales</span> 5422 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5423 </a> <a href="https://www.casasyapartamentosmedellin.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5424 <span class="truncate">Apartamentos en venta medellin</span> 5425 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5426 </a> <a href="https://www.casasyapartamentosmiami.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5427 <span class="truncate">Venta de apartamentos en miami</span> 5428 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5429 </a> <a href="https://www.casasyapartamentospanama.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5430 <span class="truncate">Apartamentos en venta en panama</span> 5431 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5432 </a> <a href="https://www.casasyapartamentospereira.com" class="p-2.5 bg-sky-50 text-[#0a3866] rounded-xl flex items-center justify-between border border-sky-200 text-xs font-semibold shadow-sm"> 5433 <span class="truncate">Casas y apartamentos Pereira (Actual)</span> 5434 <i class="fa-solid fa-check text-[#0a3866] text-xs ml-1"></i> 5435 </a> <a href="https://www.casasyapartamentossantamarta.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5436 <span class="truncate">Comprar apartamentos en santamarta</span> 5437 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5438 </a> <a href="https://www.casasyapartamentosvillavicencio.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs">
5439 <span class="truncate">Venta de apartamentos en villavicencio</span> 5440 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5441 </a> <a href="https://www.casasyapartamentospereira.com" class="p-2.5 bg-sky-50 text-[#0a3866] rounded-xl flex items-center justify-between border border-sky-200 text-xs font-semibold shadow-sm"> 5442 <span class="truncate">Casas y apartamentos Pereira (Actual)</span> 5443 <i class="fa-solid fa-check text-[#0a3866] text-xs ml-1"></i> 5444 </a> </div> 5445 </div> 5446 <div> 5447 <h4 class="text-xs font-bold uppercase tracking-wider text-slate-400 mb-3 flex items-center gap-2"> 5448 <span class="w-2 h-2 rounded-full bg-[#0a3866]"></span> 5449 Propiedades Generales </h4> 5450 5451 <!-- Se agregan xl:grid-cols-5 y 2xl:grid-cols-6 para aprovechar el ancho --> 5452 <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-2.5"> 5453 <a href="https://www.arriendosbogota.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5454 <span class="truncate">Propiedades generales en arriendo bogota</span> 5455 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5456 </a> <a href="https://www.arriendosenpereira.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5457 <span class="truncate">Propiedades generales en arriendo pereira</span> 5458 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5459 </a> </div> 5460 </div> 5461 <div> 5462 <h4 class="text-xs font-bold uppercase tracking-wider text-slate-400 mb-3 flex items-center gap-2"> 5463 <span class="w-2 h-2 rounded-full bg-[#0a3866]"></span> 5464 Locales comerciales </h4> 5465 5466 <!-- Se agregan xl:grid-cols-5 y 2xl:grid-cols-6 para aprovechar el ancho --> 5467 <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-2.5"> 5468 <a href="https://www.localescolombia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5469 <span class="truncate">Venta de locales comerciales en colombia</span> 5470 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5471 </a> <a href="https://www.localesenarriendocolombia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5472 <span class="truncate">Arriendo de locales comerciales en colombia</span> 5473 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5474 </a> <a href="https://www.localesenarriendopereira.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs">
5475 <span class="truncate">Rentar locales comerciales en pereira</span> 5476 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5477 </a> <a href="https://www.localesenpereira.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5478 <span class="truncate">Locales comerciales en venta en pereira</span> 5479 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5480 </a> <a href="https://www.localesenventabogota.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5481 <span class="truncate">Comprar locales comerciales en bogota</span> 5482 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5483 </a> <a href="https://www.localesenventacali.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5484 <span class="truncate">Comprar locales comerciales en cali</span> 5485 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5486 </a> <a href="https://www.localesenventacolombia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5487 <span class="truncate">Locales comerciales en venta en colombia</span> 5488 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5489 </a> <a href="https://www.localesenventamedellin.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5490 <span class="truncate">Comprar locales comerciales en medellin</span> 5491 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5492 </a> <a href="https://www.localesenventapereira.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5493 <span class="truncate">Venta de locales comerciales en pereira</span> 5494 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5495 </a> </div> 5496 </div> 5497 <div> 5498 <h4 class="text-xs font-bold uppercase tracking-wider text-slate-400 mb-3 flex items-center gap-2"> 5499 <span class="w-2 h-2 rounded-full bg-[#0a3866]"></span> 5500 Bodegas </h4> 5501 5502 <!-- Se agregan xl:grid-cols-5 y 2xl:grid-cols-6 para aprovechar el ancho --> 5503 <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-2.5"> 5504 <a href="https://www.bodegasenarriendocolombia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs">
5505 <span class="truncate">Arriendo de bodegas en colombia</span> 5506 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5507 </a> <a href="https://www.bodegasencolombia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5508 <span class="truncate">Bodegas en venta colombia</span> 5509 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5510 </a> <a href="https://www.bodegasenventacolombia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5511 <span class="truncate">Comprar bodegas en colombia</span> 5512 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5513 </a> </div> 5514 </div> 5515 <div> 5516 <h4 class="text-xs font-bold uppercase tracking-wider text-slate-400 mb-3 flex items-center gap-2"> 5517 <span class="w-2 h-2 rounded-full bg-[#0a3866]"></span> 5518 Lotes y Terrenos </h4> 5519 5520 <!-- Se agregan xl:grid-cols-5 y 2xl:grid-cols-6 para aprovechar el ancho --> 5521 <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-2.5"> 5522 <a href="https://www.lotescolombia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5523 <span class="truncate">Lotes y terrenos en venta en colombia</span> 5524 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5525 </a> <a href="https://www.lotesenventabogota.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5526 <span class="truncate">Lotes y terrenos en venta bogota</span> 5527 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5528 </a> <a href="https://www.lotesenventacolombia.com" target="_blank" class="p-2.5 bg-slate-50 hover:bg-slate-100 text-slate-700 hover:text-[#0a3866] rounded-xl flex items-center justify-between border border-slate-200/80 text-xs font-medium transition shadow-xs"> 5529 <span class="truncate">Venta de lotes y terrenos en colombia</span> 5530 <i class="fa-solid fa-arrow-up-right-from-square text-slate-400 text-[10px] ml-1"></i> 5531 </a> </div> 5532 </div> 5533 </div> 5534 5535 <!-- Footer --> 5536 <div class="border-t border-slate-100 p-3 sm:p-4 bg-slate-50/50 flex justify-end"> 5537 <button @click="showOtherSites = false" class="px-5 py-2 bg-slate-200 hover:bg-slate-300 text-slate-700 rounded-xl text-xs font-semibold transition"> 5538 Cerrar 5539 </button> 5540 </div> 5541 5542 </div> 5543 </div> 5544 5545 <!-- LIGHTBOX GALERÃA --> 5546 <div x-show="isOpen" 5547 x-transition.opacity 5548 class="fixed inset-0 z-50 bg-slate-950/90 backdrop-blur-md flex flex-col justify-between p-4 sm:p-8" 5549 style="display: none;" 5550 @keydown.escape.window="isOpen = false"> 5551 5552 <div class="flex items-center justify-between text-white max-w-6xl mx-auto w-full"> 5553 <h3 class="text-base sm:text-lg font-medium" x-text="title"></h3> 5554 <button @click="isOpen = false" class="text-slate-400 hover:text-white text-3xl font-bold">×</button> 5555 </div> 5556 5557 <div class="relative flex-1 flex items-center justify-center max-w-5xl mx-auto w-full my-4"> 5558 <img :src="images[currentIndex]" class="max-h-[75vh] w-auto object-contain rounded-lg shadow-2xl"> 5559 </div> 5560 </div> 5561 5562 5563
5563<script> 5564 function mainPage() { 5565 return { 5566 opcionNegocio: 'Venta', 5567 showFilters: false, 5568 showOtherSites: false, 5569 isOpen: false, 5570 currentIndex: 0, 5571 title: '', 5572 images: [], 5573 openGallery(imgUrl, propertyTitle) { 5574 this.images = [imgUrl]; 5575 this.title = propertyTitle; 5576 this.currentIndex = 0; 5577 this.isOpen = true; 5578 } 5579 } 5580 } 5581 </script>
5581</body> 5582</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.