<!DOCTYPE html>

<head>

<title>Departamento 3 Ambientes con Patio y Cochera — Parque Chacabuco, CABA</title>

<style>

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {

--gold: #b8953a; --gold-light: #d4af5a; --dark: #141414; --dark2: #1e1e1e;

--card: #1c1c1c; --text: #f0ede8; --muted: #9a9080; --border: #2e2b26;

--white: #ffffff; --radius: 14px; --shadow: 0 8px 40px rgba(0,0,0,.55);

}

html { scroll-behavior: smooth; }

body { background: var(--dark); color: var(--text); font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; line-height: 1.65; min-height: 100vh; }

.hero-banner { background: linear-gradient(135deg,#0a0a0a 0%,#1a1409 50%,#0f0f0f 100%); border-bottom: 1px solid var(--border); padding: 18px 24px 14px; display: flex; align-items: center; gap: 14px; }

.hero-banner .badge-tipo { background: linear-gradient(135deg,var(--gold),var(--gold-light)); color: #0d0a00; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; padding: 5px 13px; border-radius: 30px; }

.hero-banner .badge-barrio { font-size: 12px; color: var(--muted); letter-spacing: .5px; }

.wrapper { max-width: 980px; margin: 0 auto; padding: 28px 16px 60px; }

.carousel-wrap { position: relative; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); background: #000; aspect-ratio: 16/9; user-select: none; }

.carousel-track { display: flex; width: 100%; height: 100%; transition: transform .42s cubic-bezier(.4,0,.2,1); }

.carousel-slide { min-width: 100%; height: 100%; flex-shrink: 0; }

.carousel-slide img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }

.carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,.55); border: 1.5px solid rgba(184,149,58,.4); color: var(--gold-light); width: 44px; height: 44px; border-radius: 50%; font-size: 20px; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; transition: background .2s; backdrop-filter: blur(6px); }

.carousel-btn:hover { background: rgba(184,149,58,.25); border-color: var(--gold); }

.carousel-btn.prev { left: 14px; } .carousel-btn.next { right: 14px; }

.carousel-counter { position: absolute; bottom: 14px; right: 18px; background: rgba(0,0,0,.6); backdrop-filter: blur(4px); border: 1px solid rgba(184,149,58,.25); color: var(--gold-light); font-size: 12px; font-weight: 600; padding: 4px 11px; border-radius: 20px; }

.carousel-dots { display: flex; justify-content: center; gap: 7px; margin-top: 14px; flex-wrap: wrap; }

.dot { width: 7px; height: 7px; border-radius: 50%; background: var(--border); border: 1px solid var(--border); cursor: pointer; transition: background .2s, transform .2s; }

.dot.active { background: var(--gold); border-color: var(--gold); transform: scale(1.3); }

.prop-header { margin-top: 30px; display: flex; flex-direction: column; gap: 10px; }

.prop-title { font-size: clamp(22px,4vw,32px); font-weight: 800; letter-spacing: -.3px; line-height: 1.2; color: var(--white); }

.prop-title span { color: var(--gold-light); }

.prop-address { display: flex; align-items: center; gap: 7px; font-size: 14px; color: var(--muted); }

.price-block { margin-top: 22px; background: linear-gradient(135deg,#1a1409 0%,#1e1c14 100%); border: 1px solid rgba(184,149,58,.35); border-radius: var(--radius); padding: 22px 26px; display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }

.price-usd { font-size: clamp(26px,5vw,38px); font-weight: 900; color: var(--gold-light); letter-spacing: -1px; line-height: 1; }

.price-divider { width: 1px; height: 36px; background: rgba(184,149,58,.25); }

.expensas-badge { background: rgba(184,149,58,.1); border: 1px solid rgba(184,149,58,.25); color: var(--muted); font-size: 13px; font-weight: 600; padding: 7px 15px; border-radius: 30px; white-space: nowrap; }

.badge-credito { display: inline-flex; align-items: center; gap: 5px; background: rgba(34,197,94,.12); border: 1px solid rgba(34,197,94,.3); color: #6ee79a; font-size: 12px; font-weight: 700; padding: 6px 14px; border-radius: 30px; }

.stats-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(130px,1fr)); gap: 12px; margin-top: 24px; }

.stat-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px 14px; text-align: center; transition: border-color .2s, transform .2s; }

.stat-card:hover { border-color: rgba(184,149,58,.4); transform: translateY(-2px); }

.stat-icon { font-size: 24px; margin-bottom: 7px; display: block; }

.stat-val { font-size: 20px; font-weight: 800; color: var(--white); line-height: 1; }

.stat-lbl { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; margin-top: 4px; }

.section-title { font-size: 14px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }

.section-title::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right,rgba(184,149,58,.3),transparent); }

.description-block { margin-top: 34px; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px 26px; }

.description-block p { font-size: 15px; color: #cbc4b8; margin-bottom: 14px; }

.description-block p:last-child { margin-bottom: 0; }

.features-block { margin-top: 28px; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px 26px; }

.features-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); gap: 10px; }

.feat-item { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: #cbc4b8; }

.feat-check { width: 22px; height: 22px; background: rgba(184,149,58,.12); border: 1px solid rgba(184,149,58,.3); border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--gold-light); font-size: 12px; }

.surface-block { margin-top: 28px; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px 26px; }

.surface-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border); font-size: 14px; }

.surface-row:last-child { border-bottom: none; }

.surface-row span:first-child { color: var(--muted); }

.surface-row span:last-child { color: var(--white); font-weight: 700; }

.cta-wa { display: flex; align-items: center; justify-content: center; gap: 13px; background: linear-gradient(135deg,#128c7e,#075e54); color: #fff; font-size: 17px; font-weight: 800; text-decoration: none; border-radius: 50px; padding: 18px 36px; margin-top: 34px; box-shadow: 0 6px 30px rgba(7,94,84,.45); transition: transform .2s, box-shadow .2s; }

.cta-wa:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(7,94,84,.55); }

.wa-icon { width: 28px; height: 28px; flex-shrink: 0; }

.flyer-tasacion { margin-top: 34px; background: linear-gradient(135deg,#181208 0%,#1f1a0d 40%,#141108 100%); border: 1px solid rgba(184,149,58,.45); border-radius: var(--radius); padding: 36px 30px; text-align: center; position: relative; overflow: hidden; }

.flyer-tasacion::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 0%,rgba(184,149,58,.08) 0%,transparent 70%); pointer-events: none; }

.flyer-tasacion .flyer-icon { font-size: 42px; display: block; margin-bottom: 12px; }

.flyer-tasacion h3 { font-size: clamp(18px,3vw,24px); font-weight: 900; color: var(--white); margin-bottom: 8px; line-height: 1.25; }

.flyer-tasacion h3 span { color: var(--gold-light); }

.flyer-tasacion p { color: var(--muted); font-size: 14px; max-width: 420px; margin: 0 auto 22px; }

.flyer-cta { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg,var(--gold),var(--gold-light)); color: #0d0900; font-size: 15px; font-weight: 900; text-decoration: none; border-radius: 50px; padding: 14px 32px; transition: transform .2s, box-shadow .2s; box-shadow: 0 4px 20px rgba(184,149,58,.35); }

.flyer-cta:hover { transform: translateY(-3px); box-shadow: 0 10px 32px rgba(184,149,58,.5); }

.footer { margin-top: 50px; border-top: 1px solid var(--border); padding: 20px 0 0; text-align: center; font-size: 12px; color: var(--muted); }

@media (max-width:600px) {

.price-block { flex-direction: column; align-items: flex-start; gap: 12px; }

.price-divider { display: none; }

.stats-grid { grid-template-columns: repeat(3,1fr); }

.features-list { grid-template-columns: 1fr; }

.cta-wa { font-size: 15px; padding: 16px 24px; }

.description-block, .features-block, .surface-block, .flyer-tasacion { padding: 22px 18px; }

}

</style>

</head>

<body>

<span class="badge-tipo">Departamento</span>

<span class="badge-barrio">📍 Parque Chacabuco · Capital Federal</span>

</div>

</div>

</div>

<h1 class="prop-title">Departamento 3 Ambientes al Frente<br><span>con Patio y Cochera · Parque Chacabuco</span></h1>

Av. Asamblea 550, Parque Chacabuco, Capital Federal

</div>

<div class="expensas-badge">Expensas: $320.000 / mes</div>

<span class="badge-credito">✔ Apto Crédito</span>

</div>

<div class="stat-card"><span class="stat-icon">📐</span><div class="stat-val">91 m²</div><div class="stat-lbl">Sup. Total</div></div>

<div class="stat-card"><span class="stat-icon">🏗️</span><div class="stat-val">70 m²</div><div class="stat-lbl">Cubiertos</div></div>

<div class="stat-card"><span class="stat-icon">🏠</span><div class="stat-val">3</div><div class="stat-lbl">Ambientes</div></div>

<div class="stat-card"><span class="stat-icon">🛏️</span><div class="stat-val">2</div><div class="stat-lbl">Dormitorios</div></div>

<div class="stat-card"><span class="stat-icon">🚿</span><div class="stat-val">1+toilet</div><div class="stat-lbl">Baños</div></div>

<div class="stat-card"><span class="stat-icon">🚗</span><div class="stat-val">1</div><div class="stat-lbl">Cochera</div></div>

<div class="stat-card"><span class="stat-icon">🗓️</span><div class="stat-val">12 años</div><div class="stat-lbl">Antigüedad</div></div>

<div class="stat-card"><span class="stat-icon">🧭</span><div class="stat-val">NE</div><div class="stat-lbl">Orientación</div></div>

</div>

<div class="section-title">Descripción</div>

<p>Excelente oportunidad en uno de los barrios más tranquilos y completos de la Ciudad Autónoma de Buenos Aires. Este luminoso departamento de 3 ambientes ofrece una distribución práctica y bien aprovechada, ideal para familias o parejas que buscan comodidad y calidad de vida en el corazón de Parque Chacabuco.</p>

<p>La unidad cuenta con dos habitaciones amplias con placards empotrados, living-comedor integrado con excelente iluminación natural gracias a su orientación noreste, y cocina totalmente equipada con muebles bajo mesada, alacenas y mesada de mármol granito. También dispone de lavadero independiente, una ventaja que pocas unidades ofrecen.</p>

<p>El baño principal es completo con bañera, y además suma un toilette para mayor comodidad. Se destaca la salida a balcón y un acceso propio a un patio privado, espacio perfecto para disfrutar al aire libre. La cochera incluida es cubierta, un plus enorme en la zona.</p>

<p>El edificio, de apenas 12 años de antigüedad, cuenta con ascensor, acceso adaptado para personas con movilidad reducida, caldera individual para agua caliente, calefacción por losa radiante y posibilidad de instalar aire acondicionado. Distribuido en 10 pisos con solo 2 unidades por planta, garantiza privacidad y tranquilidad.</p>

<p>La ubicación sobre Av. Asamblea, a una cuadra de Av. José María Moreno y a pocas cuadras del Parque Chacabuco, ofrece acceso inmediato a múltiples líneas de colectivo, comercios, colegios, supermercados y espacios verdes. La propiedad es <strong>apta para crédito hipotecario</strong>.</p>

</div>

<div class="section-title">Características</div>

<div class="feat-item"><span class="feat-check">✓</span> Apto crédito hipotecario</div>

<div class="feat-item"><span class="feat-check">✓</span> Piso al frente muy luminoso</div>

<div class="feat-item"><span class="feat-check">✓</span> Patio y balcón privados</div>

<div class="feat-item"><span class="feat-check">✓</span> Cochera cubierta incluida</div>

<div class="feat-item"><span class="feat-check">✓</span> Losa radiante + caldera individual</div>

<div class="feat-item"><span class="feat-check">✓</span> Lavadero independiente</div>

<div class="feat-item"><span class="feat-check">✓</span> Baño completo + toilette</div>

<div class="feat-item"><span class="feat-check">✓</span> Ascensor en el edificio</div>

<div class="feat-item"><span class="feat-check">✓</span> Acceso para movilidad reducida</div>

<div class="feat-item"><span class="feat-check">✓</span> 2 deptos. por piso · 10 pisos</div>

<div class="feat-item"><span class="feat-check">✓</span> Orientación NE · Muy luminoso</div>

<div class="feat-item"><span class="feat-check">✓</span> Placards en dormitorios</div>

<div class="feat-item"><span class="feat-check">✓</span> Cocina con mesada de granito</div>

<div class="feat-item"><span class="feat-check">✓</span> Aire acondicionado</div>

</div>

<div class="section-title">Superficies</div>

<div class="surface-row"><span>Superficie total</span><span>90,86 m²</span></div>

<div class="surface-row"><span>Superficie cubierta</span><span>69,36 m²</span></div>

<div class="surface-row"><span>Descubierta (patio)</span><span>13,96 m²</span></div>

<div class="surface-row"><span>Balcón</span><span>3,02 m²</span></div>

<div class="surface-row"><span>Semicubierta</span><span>4,52 m²</span></div>

</div><a class="cta-wa" href="https://wa.me/5491162178514" target="_blank" rel="noopener">

</svg>

Consultá por WhatsApp

</a>

<h3>¿Querés conocer el valor de <span>tu propiedad</span>?</h3>

<p>Realizá una tasación profesional, rápida y sin costo. Descubrí cuánto vale tu inmueble en el mercado actual.</p>

¡Tasá tu propiedad!

</a>

</div>

<p>Departamento en venta · Parque Chacabuco, CABA  ·  2026</p>

</div>

</div>

(function(){

var track = document.getElementById('carouselTrack');

var dotsWrap = document.getElementById('carouselDots');

var counter = document.getElementById('carouselCounter');

var slides = track.querySelectorAll('.carousel-slide');

var total = slides.length;

var current = 0;

for(var i=0;i<total;i++){

var d=document.createElement('div');

d.className='dot'+(i===0?' active':'');

d.dataset.idx=i;

d.addEventListener('click',function(){goTo(parseInt(this.dataset.idx));});

dotsWrap.appendChild(d);

}

function goTo(idx){

if(idx<0) idx=total-1;

if(idx>=total) idx=0;

current=idx;

track.style.transform='translateX(-'+(current*100)+'%)';

counter.textContent=(current+1)+' / '+total;

dotsWrap.querySelectorAll('.dot').forEach(function(d,i){d.classList.toggle('active',i===current);});

}

document.getElementById('btnPrev').addEventListener('click',function(){goTo(current-1);});

document.getElementById('btnNext').addEventListener('click',function(){goTo(current+1);});

document.addEventListener('keydown',function(e){

if(e.key==='ArrowLeft') goTo(current-1);

if(e.key==='ArrowRight') goTo(current+1);

});

var touchStartX=0, touchStartY=0, dragging=false;

var carousel=document.getElementById('carousel');

carousel.addEventListener('touchstart',function(e){

touchStartX=e.touches[0].clientX;

touchStartY=e.touches[0].clientY;

dragging=true;

},{passive:true});

carousel.addEventListener('touchend',function(e){

if(!dragging) return;

var dx=e.changedTouches[0].clientX-touchStartX;

var dy=e.changedTouches[0].clientY-touchStartY;

if(Math.abs(dx)>Math.abs(dy)&&Math.abs(dx)>40){

if(dx<0) goTo(current+1); else goTo(current-1);

}

dragging=false;

},{passive:true});

// Auto-advance every 5s

setInterval(function(){ goTo(current+1); }, 5000);

})();

</script>

</body>

</html>