<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <script>window.__deferGtm=window.__deferGtm||function(cb){var fired=false,ev=['scroll','keydown','pointerdown','touchstart','click','mousemove'],run=function(){if(fired)return;fired=true;ev.forEach(function(e){window.removeEventListener(e,run);});cb();};ev.forEach(function(e){window.addEventListener(e,run,{passive:true});});window.addEventListener('load',function(){setTimeout(run,3000);});};</script>

<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-2P63WE44M6');
window.__deferGtm(function(){var s=document.createElement('script');s.async=true;s.src='https://www.googletagmanager.com/gtag/js?id=G-2P63WE44M6';document.head.appendChild(s);});
</script>
        <meta charset="utf-8">
    <title>Imóveis Dorna</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Mauricio Silveira em São Paulo: imóveis à venda e para alugar com atendimento especializado, foco nos melhores bairros e negociação segura.">
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<link rel="canonical" href="https://www.dorna.com.br">


<meta property="og:type" content="website">
<meta property="og:title" content="Imóveis Dorna">
<meta property="og:description" content="Mauricio Silveira em São Paulo: imóveis à venda e para alugar com atendimento especializado, foco nos melhores bairros e negociação segura.">
<meta property="og:url" content="https://www.dorna.com.br">
<meta property="og:image" content="https://d1tpwb104b6c9k.cloudfront.net/d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/website/logos/1783358941_6a4be5dda515d.webp">
<meta property="og:site_name" content="Imóveis Dorna">
<meta property="og:locale" content="pt_BR">


<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Imóveis Dorna">
<meta name="twitter:description" content="Mauricio Silveira em São Paulo: imóveis à venda e para alugar com atendimento especializado, foco nos melhores bairros e negociação segura.">
<meta name="twitter:image" content="https://d1tpwb104b6c9k.cloudfront.net/d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/website/logos/1783358941_6a4be5dda515d.webp">


<script type="application/ld+json">{"@context":"https://schema.org","@type":"RealEstateAgent","@id":"https://www.dorna.com.br/#organization","name":"Imóveis Dorna","url":"https://www.dorna.com.br","logo":{"@type":"ImageObject","url":"https://d1tpwb104b6c9k.cloudfront.net/d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/website/logos/1783358941_6a4be5dda515d.webp"},"image":"https://d1tpwb104b6c9k.cloudfront.net/d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/website/logos/1783358941_6a4be5dda515d.webp","knowsLanguage":"pt-BR","description":"Mauricio Silveira em São Paulo: imóveis à venda e para alugar com atendimento especializado, foco nos melhores bairros e negociação segura.","telephone":["(11) 2203-1900","(11) 94283-1012"],"address":{"@type":"PostalAddress","streetAddress":"Av. Coronel Sezefredo Fagundes, 2079 - Tucuruvi - São Paulo/SP - 02306-003","addressLocality":"","addressRegion":"","addressCountry":"BR"},"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"08:00","closes":"18:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":["Saturday"],"opens":"08:00","closes":"12:00"}],"identifier":{"@type":"PropertyValue","name":"CRECI","value":"J-477"}}</script>


<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://www.dorna.com.br/#website","url":"https://www.dorna.com.br","name":"Imóveis Dorna","inLanguage":"pt-BR","publisher":{"@id":"https://www.dorna.com.br/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.dorna.com.br/imoveis?busca={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
    
    
            <link rel="preconnect" href="https://d1tpwb104b6c9k.cloudfront.net">
    <link rel="dns-prefetch" href="https://d1tpwb104b6c9k.cloudfront.net">
    
    
    
<link rel="preload" href="https://www.dorna.com.br/images/defaults/modelo-2-fundo-mobile.avif" as="image" type="image/avif" fetchpriority="high"
      imagesrcset="https://www.dorna.com.br/images/defaults/modelo-2-fundo-mobile.avif 800w, https://www.dorna.com.br/images/defaults/modelo-2-fundo-desktop.avif 1600w"
      imagesizes="100vw">

    
    <link rel="preload" href="https://www.dorna.com.br/fonts/inter-latin.woff2" as="font" type="font/woff2" crossorigin>
    
    <link rel="preload" href="https://www.dorna.com.br/fonts/fa-solid-900-subset.woff2" as="font" type="font/woff2" crossorigin>
    
    <link rel="preload" href="https://www.dorna.com.br/fonts/fa-regular-400-subset.woff2" as="font" type="font/woff2" crossorigin>

    
    <style>
/* ─── Critical CSS: Above-the-fold (header + hero) ─── */
/* Self-hosted Inter font */
@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;src:url('https://www.dorna.com.br/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;src:url('https://www.dorna.com.br/fonts/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* FontAwesome — font-display:optional: satisfaz o audit de font-display sem o CLS
   do swap (tofu de largura diferente na troca); os subsets são preloaded (~2.8KB)
   e chegam antes do primeiro paint em praticamente todo cenário */
@font-face{font-family:'Fa 400';src:url('https://www.dorna.com.br/fonts/fa-regular-400-subset.woff2') format('woff2');font-weight:400;font-style:normal;font-display:optional}
@font-face{font-family:'Fa Solid 900';src:url('https://www.dorna.com.br/fonts/fa-solid-900-subset.woff2') format('woff2');font-weight:700;font-style:normal;font-display:optional}

/* CSS Variables */
:root{--cor-texto:#333;--cor-principal:#a20f0f;--cor-de-contraste:#fbfbfb;--branco:#fff;--transparente:#0000;--borda:#e7e7e7;--contraste-2:#f3f3f3;--cor-whats:#265c54;--not-erro:#f83f3f;--not-sucesso:#16a80b}

/* Reset essencial */
*,::after,::before{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:Inter,sans-serif;color:var(--cor-texto);font-size:16px;font-weight:400;line-height:26px}
img{max-width:100%;display:inline-block;vertical-align:middle;border:0}
h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}
a{text-decoration:none;color:inherit}

/* Alpine cloak */
[x-cloak]{display:none!important}

/* Screen-reader only — visivel apenas para leitores de tela */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Header / Topo */
.topo{padding-bottom:20px}
.topo-contato{z-index:2;border-bottom:1px solid var(--borda);justify-content:space-between;align-items:center;margin-bottom:20px;padding-top:10px;padding-bottom:10px;position:relative}
.limite{z-index:999;background-color:var(--transparente);max-width:80%;margin-left:auto;margin-right:auto}
@media(max-width:991px){.limite{max-width:95%}}
.limite.flex-contato-topo{grid-column-gap:20px;grid-row-gap:20px;flex-flow:row;justify-content:space-between;align-items:center;display:flex}
.logo{width:200px; display: flex; align-items: center; justify-content: center;}
.img-logo{max-width:100%; height:auto; object-fit:contain;}
.grupo-links-menu{justify-content:flex-end;align-items:center;margin-top:12px;display:flex}
.lk-menu{padding-top:10px;padding-bottom:10px;transition:color .3s}
.lk-menu:hover,.lk-menu.w--current{color:var(--cor-principal)}
.lk-menu.w--current{font-weight:600}
.lk-menu.bt-padrao.recuo{margin-left:20px}
.ic-favorito{margin-right:10px;font-family:"Fa 400",Arial,sans-serif;font-size:18px;display:inline-block}
.bx-cresci{float:right;font-size:15px;display:inline-block}
.bx-favoritos{grid-column-gap:5px;display:flex;align-items:center;text-decoration:none}
.box-outros-itens-topo{display:flex;align-items:center;gap:20px}
.contato-destaque{display:flex;align-items:center;gap:6px;text-decoration:none}
.bx-contatos-topo{display:flex;align-items:center;gap:20px}
.drop-contatos{display:none}

/* CLS prevention: primeiro paint mobile = estado final do header (espelha webflow.css/
   galax-imob.css async). Sem isso o menu completo e a lista de contatos nascem abertos
   (~400px) e colapsam quando o CSS chega — era o shift de 0.322 no <main>.
   Seletor com .w-nav-menu extra p/ vencer o display:flex (0,3,0) do <style> do header. */
@media(max-width:991px){
.limite.nav-bar .grupo-links-menu.w-nav-menu{display:none}
.bx-contatos-topo{display:none}
.drop-contatos{flex:none;margin-left:0;margin-right:0;display:block}
}

/* Inline SVG icons — herdam cor principal */
.ico-svg{display:inline-block;vertical-align:middle;flex-shrink:0;color:var(--cor-principal)}
.contato-destaque.v2 .ico-svg{color:inherit}

/* Hero section */
.secao{padding-top:60px;padding-bottom:60px}
.secao.secao-principal{background-color:var(--cor-principal);justify-content:center;align-items:center;padding:60px 10px;display:flex;position:relative;min-height:520px}
.hero-overlay{background-color:var(--cor-principal);opacity:.4}
@media(max-width:767px){.secao.secao-principal{min-height:400px;padding:60px 10px}}

/* CLS prevention: reserva altura mínima do <main> antes do CSS async carregar.
   Sem isso, o <main> parte de 0px e expande quando galax-imob.css aplica,
   causando o CLS de 0.227 reportado no Lighthouse. */
.main{min-height:100vh}

/* Webflow nav */
.w-nav{position:relative;z-index:1000}
.w-nav-brand{float:left;text-decoration:none;position:relative}
.w-nav-menu{float:right}
.w-nav-link{display:inline-block;vertical-align:top;text-decoration:none;padding:20px;text-align:left;margin-left:auto;margin-right:auto;position:relative}
.w-nav-button{display:none;float:right;padding:18px;font-size:24px;cursor:pointer;position:relative}
.w-icon-nav-menu{width:22px;margin:auto}

/* CLS prevention: espelha galax-imob.css — sem isso a lupa nasce no fluxo do
   campo de busca e só vira absolute quando o CSS async chega (shift de 0.031) */
.ico-lupa{background-color:var(--contraste-2);color:var(--cor-principal);text-align:center;border-radius:100px;width:36px;height:36px;font-family:"Fa Solid 900",Arial,sans-serif;font-size:12px;line-height:36px;transition:opacity .3s,transform .3s;position:absolute;inset:5px 5px auto auto}

/* Tabs filtro */
.tabs-filtro{z-index:9;background-color:var(--branco);color:var(--cor-texto);border-radius:20px;width:720px;overflow:hidden;box-shadow:0 2px 30px #00000014}
.w-tab-menu{display:flex}
.w-tab-link{display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer}
.w-tab-content{overflow:hidden;position:relative}
.w-tab-pane{display:none;position:relative}
.w-tab-pane.w--tab-active{display:block}

/* Título */
.titulo-principal{color:var(--cor-texto);margin-top:0;font-size:32px;line-height:42px}
.titulo-principal.cor-2{color:var(--branco)}

/* Botão padrão */
.bt-padrao{background-color:var(--cor-principal);color:var(--branco);border-radius:50px;padding:12px 30px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block;cursor:pointer;border:none}

/* CLS prevention: property card images — espelha galax-imob.css (altura fixa) p/ não deslocar quando o CSS async carrega */
.img-imovel{display:block;position:relative;height:240px;background-size:cover;background-position:center;overflow:hidden}
.img-imovel.vs-horizontal{height:auto;min-height:280px}
.img-imovel img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

/* ─── Internal pages: above-the-fold sections ─── */
.secao.secao-titulos-pag-internas{grid-column-gap:10px;grid-row-gap:10px;color:var(--branco);text-align:center;background-image:linear-gradient(#a20f0fad,#a20f0fad),url('https://www.dorna.com.br/images/defaults/modelo-2-fundo.jpg');background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:auto,cover;flex-flow:column;justify-content:center;align-items:center;padding:100px 20px 120px;display:flex;position:relative}
.secao.secao-form-page{z-index:1;justify-content:center;align-items:flex-start;padding-top:0;display:flex;position:relative}
.subtitulo{width:600px;font-size:18px;font-weight:300}
.subtitulo.vs-horario-atendimento{grid-column-gap:5px;grid-row-gap:5px;flex-flow:column;justify-content:flex-start;align-items:center;width:100%;margin-top:10px;font-size:16px;display:flex}
.maps{width:80%;margin-left:auto;margin-right:auto}
.form-padrao{width:50%;margin-left:auto;margin-right:auto}
.grupo-contatos{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.contato-destaque.v2{display:flex;align-items:center;gap:6px}
@media(max-width:991px){.subtitulo{width:100%}.maps{width:95%}.form-padrao{width:90%}}
@media(max-width:479px){.secao.secao-titulos-pag-internas{grid-column-gap:2px;grid-row-gap:2px;padding-top:60px;padding-bottom:100px}.subtitulo{font-size:16px;line-height:24px}.form-padrao{width:95%}}
</style>

    
    <link rel="preload" href="https://www.dorna.com.br/css/modelos/modelo-1/normalize.css" as="style"
        onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="https://www.dorna.com.br/css/modelos/modelo-1/webflow.css" as="style"
        onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="https://www.dorna.com.br/css/modelos/modelo-1/galax-imob.css" as="style"
        onload="this.onload=null;this.rel='stylesheet'">
    
    <noscript>
        <link rel="stylesheet" href="https://www.dorna.com.br/css/modelos/modelo-1/normalize.css">
        <link rel="stylesheet" href="https://www.dorna.com.br/css/modelos/modelo-1/webflow.css">
        <link rel="stylesheet" href="https://www.dorna.com.br/css/modelos/modelo-1/galax-imob.css">
    </noscript>

    
    <style>
        .seta-migalha::before {
            content: '\f054';
        }
    </style>

    
    <style>
        .img-imovel {
            background-image: none !important;
        }
    </style>

    
    <style id="dynamic-theme">
    :root {
                                --cor-principal: #F48221;
                                    --cor-secundaria: #B56A2B;
                        }

            /* Override: seção hero com cor primária da API */
    .secao.secao-principal {
        background-color: #F48221;
    }

    /* Override: overlays de gradients com cor primária + alpha */
    .secao.secao-titulos-pag-internas {
        background-image: linear-gradient(#F48221ad, #F48221ad), url('https://www.dorna.com.br/images/o-que-fazer-em-belo-horizonte-conexao123.jpg');
    }

    .secao.secao-titulo-qs {
        background-image: linear-gradient(#F4822199, #F4822199), url('https://www.dorna.com.br/images/o-que-fazer-em-belo-horizonte-conexao123.jpg');
    }
    
        /* Fundo sólido da seção destaques com cor primária */
    .secao.secao-destaques {
        background-color: #F48221;
    }
    
        /* Botão CTA da seção destaques com cor secundária */
    .bt-cta-destaques {
        background-color: #B56A2B;
    }
        </style>

<style id="tenant-custom-css">.w-icon-nav-menu{width:auto}.limite.nav-bar .w-nav-brand{flex:0 0 250px !important}.logo{width:250px !important}.limite.nav-bar .w-nav-brand img{min-width:100%}@media screen and (max-width: 420px){.box-outros-itens-topo{gap:10px}.bx-favoritos{margin-left:0px;padding-left:0px;border-left:0px solid rgba(0,0,0,.16)}.text-block-10{line-height:20px}}</style>

<style id="site-config-colors">
        header { background-color: #FFFFFF !important; }
            footer { background-color: #FFFFFF !important; }
    </style>

    <link href="https://d1tpwb104b6c9k.cloudfront.net/d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/website/favicons/1783359152_6a4be6b09c068.webp" rel="shortcut icon" type="image/x-icon">
    <link href="https://d1tpwb104b6c9k.cloudfront.net/d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/website/favicons/1783359152_6a4be6b09c068.webp" rel="apple-touch-icon">
        <meta name="csrf-token" content="CumEdai9YXNbQJUUkplNe6PIIhA6D1NleXwsgjSS">
    <style>
    /* Permitir dropdown do autocomplete extrapolar os containers de tabs */
    .secao.secao-principal {
        position: relative;
        z-index: 10;
        overflow: visible !important;
    }
    .secao-principal .tabs-filtro {
        overflow: visible !important;
        position: relative;
        z-index: 100;
    }
    /* Preserva bordas arredondadas do topo sem depender do overflow:hidden do pai */
    .secao-principal .tabs-filtro .tab-menu.vs-2 {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        overflow: hidden;
    }
    .secao-principal .w-tab-content {
        overflow: visible !important;
    }
    .secao-principal .w-tab-pane {
        overflow: visible !important;
        position: relative;
    }
    .secao-principal .form-filtro {
        overflow: visible !important;
    }
    .secao-principal .form-grupos {
        overflow: visible !important;
    }
    .secao-principal .grupo-campos-principais-filtro {
        overflow: visible !important;
    }
    .secao-principal .cont-input {
        position: relative;
        z-index: 100;
    }
    /* Seção seguinte com z-index menor */
    .secao:not(.secao-principal) {
        position: relative;
        z-index: 1;
    }

    /* ═══ Filtro mobile: correções de layout ═══ */
    @media screen and (max-width: 991px) {
        /* Tabs-filtro não pode ter largura fixa no mobile */
        .tabs-filtro {
            width: 100% !important;
            max-width: 100%;
            border-radius: 14px;
        }
        /* Botão "Buscar por localização" — não sobrepor as tabs */
        .filtro-codigo-af {
            position: relative;
        }
        .filtro-codigo-af .fechar-busca-codigo {
            position: static !important;
            inset: unset !important;
            display: inline-block;
            margin-top: 12px;
            padding: 8px 16px;
            border-radius: 100px;
            font-size: 11px;
            line-height: 20px;
            text-align: center;
            width: auto;
        }
    }
</style>
<style>
.grid-buscar-tipo {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}
.card-tipo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 28px 12px;
    background: #fff;
    border: 1px solid var(--borda, #e7e7e7);
    border-radius: 14px;
    text-decoration: none;
    color: var(--cor-texto, #333);
    transition: box-shadow .2s ease, transform .2s ease;
}
.card-tipo:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
    transform: translateY(-2px);
}
.card-tipo-icone {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--cor-principal, #1e3a5f) 10%, transparent);
}
.card-tipo-label {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
@media screen and (max-width: 991px) {
    .grid-buscar-tipo { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width: 479px) {
    .grid-buscar-tipo { grid-template-columns: repeat(2, 1fr); }
    .card-tipo { padding: 20px 8px; }
}
</style>
<style>
.grid-buscar-regiao {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.card-regiao {
    position: relative;
    display: block;
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    text-decoration: none;
    color: #fff;
}
.card-regiao-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}
.card-regiao:hover .card-regiao-img {
    transform: scale(1.05);
}
.card-regiao-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.05) 60%);
    z-index: 1;
}
.card-regiao-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.card-regiao-count {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    opacity: .9;
}
.card-regiao-bairro {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}
@media screen and (max-width: 991px) {
    .grid-buscar-regiao { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 479px) {
    .grid-buscar-regiao { grid-template-columns: 1fr; }
    .card-regiao-bairro { font-size: 16px; }
}
</style>
</head>

<body x-data>
        <style>
    /* Navbar alinhamento logo + menu */
    .limite.nav-bar { align-items: center; }
    .limite.nav-bar .w-nav-brand { flex: 0 0 200px; display: flex; align-items: center; justify-content: flex-start; }
    .limite.nav-bar .w-nav-brand img { height: auto; max-width: 100%; object-fit: contain; }
    .limite.nav-bar .grupo-links-menu { flex: 1; margin-top: 0; justify-content: flex-end; float: none; display: flex; align-items: center; }
    .limite.nav-bar .lk-menu.w-nav-link { white-space: nowrap; margin-left: 0; margin-right: 0; }

    /* Dropdown "Fale conosco" no topo - z-index para não sobrepor logo */
    .topo-contato { position: relative; z-index: 1001; }
    .drop-contatos { position: relative; }
    .nav-drop-contatos { position: absolute; left: 0; top: 100%; z-index: 1002; }

    /* Dropdown "Páginas" no menu principal */
    .drop-menu-pages { 
        display: inline-block; 
        position: relative; 
        z-index: 901;
        margin-left: 0;
        margin-right: 0;
    }
    .drop-toggle-pages { 
        position: relative; 
        padding-right: 28px !important;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }
    .drop-toggle-pages .icon-drop-pages {
        position: absolute;
        display: inline-block;
        margin-left: 0;
        width: 1em;
        height: 1em;
        top: 50%;
        right: 8px;
        bottom: auto;
        left: auto;
        margin-top: -0.5em;
        margin-right: 0;
    }
    .nav-drop-pages {
        position: absolute;
        background-color: var(--contraste-2, #f5f5f5);
        border-radius: 10px;
        min-width: 180px;
        padding: 8px 0;
        margin-top: 4px;
        box-shadow: 0 4px 12px rgba(0,0,0,.1);
        display: none;
        left: 0;
    }
    .nav-drop-pages.w--open { display: block; }
    .lk-drop-page {
        padding: 8px 16px;
        font-size: 14px;
        white-space: nowrap;
        transition: background .2s, color .2s;
        display: block;
    }
    .lk-drop-page:hover { background-color: var(--cor-principal, #2563eb); color: #fff; }
    .lk-drop-page.w--current { color: var(--cor-principal, #2563eb); font-weight: 600; }

    /* ═══ MOBILE MENU ═══ */
    @media screen and (max-width: 991px) {
        /* 1) Fix nav-bar: permitir que o menu expanda abaixo do logo + hamburger */
        .limite.nav-bar {
            flex-wrap: wrap;
            padding: 10px 0;
            gap: 0;
        }
        .limite.nav-bar .w-nav-brand {
            flex: 1 1 auto;
            max-width: 170px;
        }
        .menu-button.w-nav-button {
            display: flex !important;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            width: 48px;
            height: 48px;
            border-radius: 10px;
            margin-top: 0;
            padding: 0;
            font-size: 28px;
            background-color: var(--cor-principal);
            color: #fff;
            transition: background-color .2s, transform .15s;
        }
        .menu-button.w-nav-button:active { transform: scale(.92); }
        .menu-button.w-nav-button.w--open { background-color: var(--cor-texto, #333); }

        /* 2) Painel do menu: ocupa 100% abaixo */
        .limite.nav-bar .grupo-links-menu {
            flex: 0 0 100%;
            order: 3;
            flex-direction: column;
            margin-top: 12px;
            padding: 0;
            border-radius: 14px;
            background-color: var(--contraste-2, #f5f5f5);
            overflow: hidden;
            box-shadow: 0 4px 16px rgba(0,0,0,.06);
        }

        /* 3) Itens do menu — visual limpo e moderno */
        .grupo-links-menu .lk-menu.w-nav-link {
            display: flex;
            align-items: center;
            width: 100%;
            text-align: left;
            padding: 15px 20px;
            margin: 0;
            border-bottom: 1px solid rgba(0,0,0,.06);
            font-size: 15px;
            font-weight: 500;
            letter-spacing: .01em;
            color: var(--cor-texto, #333);
            white-space: normal;
            transition: background-color .2s, padding-left .2s;
        }
        .grupo-links-menu .lk-menu.w-nav-link:last-child { border-bottom: none; }
        .grupo-links-menu .lk-menu.w-nav-link:hover,
        .grupo-links-menu .lk-menu.w-nav-link:active {
            background-color: rgba(0,0,0,.04);
            padding-left: 26px;
        }
        .grupo-links-menu .lk-menu.w-nav-link.w--current {
            color: var(--cor-principal, #2563eb);
            font-weight: 600;
            border-left: 3px solid var(--cor-principal, #2563eb);
            padding-left: 17px;
        }
        .grupo-links-menu .lk-menu.uti { border-bottom: 1px solid rgba(0,0,0,.06); }

        /* 4) CTA "Solicite um imóvel" — destaque */
        .grupo-links-menu .lk-menu.bt-padrao.recuo {
            display: flex !important;
            align-items: center;
            justify-content: center;
            width: auto !important;
            margin: 14px 16px !important;
            padding: 14px 20px;
            text-align: center;
            border-radius: 50px;
            border-bottom: none !important;
            font-size: 15px;
            font-weight: 600;
            background-color: var(--cor-principal, #2563eb);
            color: #fff !important;
            box-sizing: border-box;
        }
        .grupo-links-menu .lk-menu.bt-padrao.recuo:hover {
            background-color: var(--cor-texto, #333);
            padding-left: 20px;
        }

        /* 5) Dropdown "Mais" mobile */
        .drop-menu-pages { width: 100%; display: block; }
        .drop-toggle-pages { 
            text-align: left;
            padding: 15px 20px !important;
            border-bottom: 1px solid rgba(0,0,0,.06);
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-weight: 500;
            font-size: 15px;
            color: var(--cor-texto, #333);
        }
        .nav-drop-pages {
            position: relative; 
            box-shadow: none;
            border-radius: 0; 
            margin-top: 0;
            background-color: rgba(0,0,0,.03);
        }
        .lk-drop-page { 
            text-align: left; 
            padding: 12px 20px 12px 36px;
            font-size: 14px;
            color: var(--cor-texto, #555);
        }
        .lk-drop-page:hover {
            background-color: rgba(0,0,0,.04);
        }
    }
</style>
<header class="topo">
    <div class="topo-contato">
        <div class="limite flex-contato-topo">
            
            <div x-data="{ open: false }" class="drop-contatos w-dropdown">
                <div @click="open = !open" class="drop-contatos-topo w-dropdown-toggle">
                    <div class="icon-3 w-icon-dropdown-toggle" :class="{ 'w--open': open }"></div>
                    <div>Fale conosco</div>
                </div>
                <nav x-show="open" x-cloak @click.away="open = false" x-transition class="nav-drop-contatos w-dropdown-list" :class="{ 'w--open': open }">
                                        <a href="https://wa.me/5511942831012" target="_blank" class="contato-destaque vs-topo vs-drop w-inline-block">
                        <img width="18" height="18" loading="lazy" alt="WhatsApp" src="https://www.dorna.com.br/images/whatsapp.svg">
                        <div>(11) 94283-1012</div>
                    </a>
                                                            <a href="tel:1122031900" class="contato-destaque vs-topo vs-drop w-inline-block">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="18" height="18" class="ico-svg " fill="currentColor" aria-hidden="true"><path d="M375.7,274.1l133.7,133.7-67.6,67.6c-23.8,23.7-56.1,36.9-89.7,36.6C197.4,512,0,314.6,0,160c-.3-33.6,12.9-65.9,36.6-89.7L104.3,2.6l133.7,133.7-88,88c26.2,62.2,75.6,111.7,137.7,138l88.2-88.2Z"/></svg>
                        <div>(11) 2203-1900</div>
                    </a>
                                                        </nav>
            </div>
            
            <div class="bx-contatos-topo">
                                <a href="https://wa.me/5511942831012" target="_blank" class="btn-whatsapp-header contato-destaque vs-topo w-inline-block">
                    <img width="18" height="18" loading="lazy" alt="WhatsApp" src="https://www.dorna.com.br/images/whatsapp.svg">
                    <div>(11) 94283-1012</div>
                </a>
                                                <a href="tel:1122031900" class="btn-whatsapp-header contato-destaque vs-topo w-inline-block">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="18" height="18" class="ico-svg " fill="currentColor" aria-hidden="true"><path d="M375.7,274.1l133.7,133.7-67.6,67.6c-23.8,23.7-56.1,36.9-89.7,36.6C197.4,512,0,314.6,0,160c-.3-33.6,12.9-65.9,36.6-89.7L104.3,2.6l133.7,133.7-88,88c26.2,62.2,75.6,111.7,137.7,138l88.2-88.2Z"/></svg>
                    <div>(11) 2203-1900</div>
                </a>
                                            </div>
            
            <div class="box-outros-itens-topo w-clearfix">
                                <a href="https://www.dorna.com.br/favoritos" class="btn-favoritos-header bx-favoritos w-inline-block">
                    <div class="ic-favorito">&#xf02e;</div>
                    <div class="text-block-11">Favoritos</div>
                    <div class="ico-qtd" x-text="$store.favorites.count" x-show="$store.favorites.count > 0" x-cloak>0</div>
                </a>
                                                <div class="bx-cresci">
                    <div class="text-block-10">CRECI: <span class="numero-creci">J-477</span></div>
                </div>
                            </div>
        </div>
    </div>
    
    <div x-data="{ menuOpen: false }" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="limite nav-bar w-nav">
        <a href="https://www.dorna.com.br" class="logo w-nav-brand w--current" aria-label="Imóveis Dorna - Página inicial">
            <img src="https://d1tpwb104b6c9k.cloudfront.net/d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/website/logos/1783358941_6a4be5dda515d.webp" alt="Logo" width="200" height="60" class="img-logo" onerror="this.alt=''">
        </a>
        <nav role="navigation" class="nav-menu-header grupo-links-menu w-nav-menu"
             :data-nav-menu-open="menuOpen ? '' : undefined"
             x-show="menuOpen || window.innerWidth > 991"
             x-transition:enter="transition ease-out duration-200"
             x-transition:enter-start="opacity-0 -translate-y-2"
             x-transition:enter-end="opacity-100 translate-y-0"
             x-transition:leave="transition ease-in duration-150"
             x-transition:leave-start="opacity-100 translate-y-0"
             x-transition:leave-end="opacity-0 -translate-y-2"
             x-bind:style="menuOpen ? 'display: flex !important; flex-direction: column;' : ''"
             @resize.window="if(window.innerWidth > 991) menuOpen = false">
            
            
            
                            <a href="https://www.dorna.com.br/pagina/empresa" class="nav-item-header lk-menu w-nav-link">
        Empresa
    </a>
                            <a href="https://www.dorna.com.br/imoveis"
              class="nav-item-header lk-menu w-nav-link">
        Imóveis
            </a>
                            <a href="https://www.dorna.com.br/cadastrar-imovel"
              class="nav-item-header lk-menu w-nav-link">
        Cadastre seu imóvel
            </a>
                            <a href="https://www.dorna.com.br/contato"
              class="nav-item-header lk-menu w-nav-link">
        Contato
            </a>
                            <a href="https://www.dorna.com.br/solicite-um-imovel"
              class="nav-item-header lk-menu w-nav-link">
        Solicite um imóvel
            </a>
            
            
                    </nav>
        <div @click="menuOpen = !menuOpen" @keydown.enter.prevent="menuOpen = !menuOpen" @keydown.space.prevent="menuOpen = !menuOpen" role="button" tabindex="0" class="btn-menu-mobile menu-button w-nav-button" :class="{ 'w--open': menuOpen }" :aria-expanded="menuOpen" aria-label="Menu de navegação">
            <div x-show="!menuOpen" class="w-icon-nav-menu"></div>
            <svg x-show="menuOpen" x-cloak xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
        </div>
    </div>
</header>

    <main class="main">
        


    
    <section class="secao secao-principal" style="flex-direction:column;gap:2rem;">
        
                        <picture>
            <source type="image/avif" sizes="100vw"
                srcset="https://www.dorna.com.br/images/defaults/modelo-2-fundo-mobile.avif 800w, https://www.dorna.com.br/images/defaults/modelo-2-fundo-desktop.avif 1600w">
            <source type="image/webp" sizes="100vw"
                srcset="https://www.dorna.com.br/images/defaults/modelo-2-fundo-mobile.webp 800w, https://www.dorna.com.br/images/defaults/modelo-2-fundo-desktop.webp 1600w">
            <img src="https://www.dorna.com.br/images/defaults/modelo-2-fundo-mobile.jpg"
                 srcset="https://www.dorna.com.br/images/defaults/modelo-2-fundo-mobile.jpg 800w, https://www.dorna.com.br/images/defaults/modelo-2-fundo-desktop.jpg 1600w"
                 sizes="100vw"
                 alt=""
                 aria-hidden="true"
                 width="1920" height="1080"
                 fetchpriority="high"
                 style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0">
        </picture>
                <div class="hero-overlay" style="position:absolute;inset:0;z-index:1"></div>
        
        <h1 class="sr-only">Imóveis Dorna</h1>

        
                <div style="position:relative;z-index:2;text-align:center;padding:0 16px 24px;">
                        <p style="color:#fff;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700;line-height:1.2;margin:0 0 10px;text-shadow:0 2px 8px rgba(0,0,0,.45)">
                O imóvel certo para o seu objetivo.
            </p>
                                    <p style="color:rgba(255,255,255,.85);font-size:clamp(0.95rem,2vw,1.15rem);line-height:1.5;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.4)">
                Encontre a opção ideal com as melhores condições e atendimento exclusivo.
            </p>
                    </div>
        
        
        <div
    x-data="homeSearch({
        hasVenda: true,
        hasLocacao: true,
        hasTemporada: false,
        streetEnabled: false,
        searchUrl: 'https:\/\/www.dorna.com.br\/imoveis',
        locationsUrl: 'https:\/\/www.dorna.com.br\/api\/locations'    })"
    class="tabs-filtro w-tabs"
    style="position:relative;z-index:2"
>
    <div class="tab-menu vs-2 w-tab-menu">
                <a href="#" @click.prevent="setTab('comprar')" :class="{ 'w--current': tab === 'comprar' }"
           class="tab-lk tab-lk-filtro w-inline-block w-tab-link"><div>Comprar</div></a>
                        <a href="#" @click.prevent="setTab('alugar')" :class="{ 'w--current': tab === 'alugar' }"
           class="tab-lk tab-lk-filtro w-inline-block w-tab-link"><div>Alugar</div></a>
                    </div>
    <div class="tab-content v2 w-tab-content" style="overflow: visible;">
        <div class="tab-plane v2 w-tab-pane w--tab-active">
            <div class="form-filtro w-form">
                <div class="form-grupos v-principal-fill">
                    
                    <div class="grupo-campos-principais-filtro" :class="{ 'fecha-cod-aberto': showCode }" x-show="!showCode">
                        <div class="cont-input">
                            <label class="label">Tipo de imóvel:</label>
                            <select class="input select select-filtro w-select" x-model="tipo" aria-label="Tipo de imóvel" style="color:#666">
                                <option value="">Selecione...</option>
                                                                    <option value="Apartamento">Apartamento</option>
                                                                    <option value="Casa">Casa</option>
                                                                    <option value="Casa de Condomínio">Casa de Condomínio</option>
                                                                    <option value="Lote / Terreno">Lote / Terreno</option>
                                                                    <option value="Prédio">Prédio</option>
                                                                    <option value="Sala / Conjunto">Sala / Conjunto</option>
                                                                    <option value="Sobrado">Sobrado</option>
                                                            </select>
                        </div>
                        <div class="cont-input" @click.outside="open = false">
                            <label class="label">Localização:</label>
                            <div style="position: relative;">
                                <input
                                    class="input input-filtro w-input"
                                    type="text"
                                    x-model="query"
                                    @input.debounce.300ms="search()"
                                    @focus="if (!open && suggestions.length > 0) open = true"
                                    @keydown.arrow-up.prevent="if (selectedIndex > 0) selectedIndex--"
                                    @keydown.arrow-down.prevent="if (selectedIndex < suggestions.length - 1) selectedIndex++"
                                    @keydown.enter.prevent="keyEnter()"
                                    @keydown.escape="open = false"
                                    placeholder="Cidade, bairro ou estado"
                                    autocomplete="off"
                                    role="combobox"
                                    aria-autocomplete="list"
                                    :aria-expanded="open"
                                    aria-controls="loc-listbox-home"
                                    :aria-activedescendant="selectedIndex >= 0 ? 'loc-opt-home-' + selectedIndex : null"
                                    aria-label="Buscar localização"
                                >
                                
                                <div class="ico-lupa" style="cursor: pointer;" x-show="query && !loading" @click="clear()">
                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                        <line x1="18" y1="6" x2="6" y2="18"></line>
                                        <line x1="6" y1="6" x2="18" y2="18"></line>
                                    </svg>
                                </div>
                                
                                <div class="ico-lupa" x-show="!query && !loading">&#xf002;</div>
                                
                                <div class="ico-lupa" style="pointer-events: none;" x-show="loading" x-cloak>
                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="animation: spin 1s linear infinite;">
                                        <path d="M21 12a9 9 0 11-6.219-8.56"/>
                                    </svg>
                                </div>

                                
                                <div x-show="open" x-cloak @mousedown.prevent
                                     id="loc-listbox-home"
                                     role="listbox"
                                     aria-label="Sugestões de localização"
                                     style="position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid var(--borda); border-radius: 0 0 8px 8px; z-index: 9999; max-height: 350px; overflow-y: auto; box-shadow: 0 4px 12px rgba(0,0,0,0.15);">
                                    <div x-show="loading" style="padding: 20px; text-align: center;">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--cor-principal, #3b82f6)" stroke-width="2" style="margin: 0 auto; animation: spin 1s linear infinite;">
                                            <path d="M21 12a9 9 0 11-6.219-8.56"/>
                                        </svg>
                                        <div style="font-size: 13px; color: #888; margin-top: 8px;">Buscando...</div>
                                    </div>
                                    <div x-show="!loading">
                                        <template x-for="(loc, index) in suggestions" :key="index">
                                            <div role="option" :id="'loc-opt-home-' + index" :aria-selected="selectedIndex === index"
                                                 @mousedown.prevent @click="selectLocation(index)" @mouseenter="selectedIndex = index"
                                                 :style="'padding: 12px 16px; cursor: pointer; display: flex; align-items: center; gap: 12px;' + (selectedIndex === index ? ' background: #f3f3f3;' : '')">
                                                <div style="width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: #999;" x-html="iconFor(loc.tipo)"></div>
                                                <div><div style="font-size: 14px; color: #333;" x-text="labelFor(loc)"></div></div>
                                            </div>
                                        </template>
                                        <template x-if="suggestions.length === 0 && query.length >= 3">
                                            <div style="padding: 16px 20px; text-align: center; color: #888;">
                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin: 0 auto 8px; display: block; opacity: 0.5;">
                                                    <circle cx="11" cy="11" r="8"/>
                                                    <line x1="21" y1="21" x2="16.65" y2="16.65"/>
                                                </svg>
                                                <div style="font-weight: 600; font-size: 14px; margin-bottom: 4px;">Nenhuma localização encontrada</div>
                                                <div style="font-size: 13px;">Verifique o termo digitado</div>
                                            </div>
                                        </template>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <button type="button" @click="goSearch()" class="bt-padrao esticar-bt-mobile w-button">Buscar</button>
                    </div>
                    
                    <div x-show="showCode" x-cloak class="grupos-filtro filtro-codigo-af" style="display: flex; opacity: 1;">
                        <label class="label label-filtro-lateral">Buscar pelo código do imóvel</label>
                        <div class="cont-input _100pc">
                            <input class="input w-input" x-model="codigoInput" placeholder="Digite o código do imóvel" type="text"
                                   @keydown.enter.prevent="searchByCodigo()">
                            <div class="ico-lupa" @click="searchByCodigo()" style="cursor: pointer;">&#xf002;</div>
                        </div>
                        <div @click="showCode = false" class="fechar-busca-codigo">Buscar por localização</div>
                    </div>
                </div>
                <div @click="showCode = true" x-show="!showCode" class="cta-busca-cod">Buscar por código do imóvel</div>
            </div>
        </div>
    </div>
</div>

    </section>

    
    <section class="secao secao-links-busca" style="content-visibility:auto;contain-intrinsic-size:0 600px">
    <div class="limite">
        <h2 class="titulo-principal">Buscar por Tipo</h2>
        <p style="color: #666; margin-top: -8px; margin-bottom: 24px; font-size: 15px;">Encontre exatamente o que você procura</p>

        <div class="grid-buscar-tipo">
                            <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Casa&amp;finalidade=venda" class="card-tipo">
                    <div class="card-tipo-icone">
                        <span style="font-family: 'Fa Solid 900'; font-size: 22px; color: var(--cor-principal, #1e3a5f);"></span>
                    </div>
                    <span class="card-tipo-label">Casas</span>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Apartamento&amp;finalidade=venda" class="card-tipo">
                    <div class="card-tipo-icone">
                        <span style="font-family: 'Fa Solid 900'; font-size: 22px; color: var(--cor-principal, #1e3a5f);"></span>
                    </div>
                    <span class="card-tipo-label">Apartamentos</span>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Sala%20%2F%20Conjunto&amp;finalidade=venda" class="card-tipo">
                    <div class="card-tipo-icone">
                        <span style="font-family: 'Fa Solid 900'; font-size: 22px; color: var(--cor-principal, #1e3a5f);"></span>
                    </div>
                    <span class="card-tipo-label">Sala / Conjuntos</span>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Sobrado&amp;finalidade=venda" class="card-tipo">
                    <div class="card-tipo-icone">
                        <span style="font-family: 'Fa Solid 900'; font-size: 22px; color: var(--cor-principal, #1e3a5f);"></span>
                    </div>
                    <span class="card-tipo-label">Sobrados</span>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Pr%C3%A9dio&amp;finalidade=venda" class="card-tipo">
                    <div class="card-tipo-icone">
                        <span style="font-family: 'Fa Solid 900'; font-size: 22px; color: var(--cor-principal, #1e3a5f);"></span>
                    </div>
                    <span class="card-tipo-label">Prédios</span>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Lote%20%2F%20Terreno&amp;finalidade=venda" class="card-tipo">
                    <div class="card-tipo-icone">
                        <span style="font-family: 'Fa Solid 900'; font-size: 22px; color: var(--cor-principal, #1e3a5f);"></span>
                    </div>
                    <span class="card-tipo-label">Lote / Terrenos</span>
                </a>
                    </div>
    </div>
</section>

    <section class="secao" style="content-visibility:auto;contain-intrinsic-size:0 400px">
    <div class="limite">
        <h2 class="titulo-principal">Busque por Região</h2>
        <p style="color: #666; margin-top: -8px; margin-bottom: 24px; font-size: 15px;">Explore imóveis nos bairros mais desejados e encontre a localização perfeita para o seu estilo de vida.</p>

        <div class="grid-buscar-regiao">
                            <a href="https://www.dorna.com.br/imoveis?bairro=Parque%20Ramos%20Freitas&amp;finalidade=locacao" class="card-regiao">
                    <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2045/thumbnail_wm_20260720104112_c9d8841b-a7dc-43c4-8c8d-31c9895de961.webp"
                         alt="Imóveis em Parque Ramos Freitas"
                         width="400" height="280"
                         loading="lazy"
                         decoding="async"
                         class="card-regiao-img">
                    <div class="card-regiao-overlay"></div>
                    <div class="card-regiao-info">
                        <span class="card-regiao-count">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" style="flex-shrink:0"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/></svg>
                            6 Imóveis
                        </span>
                        <strong class="card-regiao-bairro">Parque Ramos Freitas</strong>
                    </div>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?bairro=Parque%20Casa%20de%20Pedra&amp;finalidade=venda" class="card-regiao">
                    <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_1986/thumbnail_wm_20260707094622_e8d59431-787c-458c-9b7d-7cd2aa0335bb.webp"
                         alt="Imóveis em Parque Casa de Pedra"
                         width="400" height="280"
                         loading="lazy"
                         decoding="async"
                         class="card-regiao-img">
                    <div class="card-regiao-overlay"></div>
                    <div class="card-regiao-info">
                        <span class="card-regiao-count">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" style="flex-shrink:0"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/></svg>
                            5 Imóveis
                        </span>
                        <strong class="card-regiao-bairro">Parque Casa de Pedra</strong>
                    </div>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?bairro=Aclima%C3%A7%C3%A3o&amp;finalidade=venda" class="card-regiao">
                    <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_1927/thumbnail_wm_20260707033831_65d8fa17-77fe-4aac-a92b-2083887d76de.webp"
                         alt="Imóveis em Aclimação"
                         width="400" height="280"
                         loading="lazy"
                         decoding="async"
                         class="card-regiao-img">
                    <div class="card-regiao-overlay"></div>
                    <div class="card-regiao-info">
                        <span class="card-regiao-count">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" style="flex-shrink:0"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/></svg>
                            3 Imóveis
                        </span>
                        <strong class="card-regiao-bairro">Aclimação</strong>
                    </div>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?bairro=Tucuruvi&amp;finalidade=venda" class="card-regiao">
                    <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2098/thumbnail_wm_20260722115643_6b108358-812b-4658-8567-601e5e034863.webp"
                         alt="Imóveis em Tucuruvi"
                         width="400" height="280"
                         loading="lazy"
                         decoding="async"
                         class="card-regiao-img">
                    <div class="card-regiao-overlay"></div>
                    <div class="card-regiao-info">
                        <span class="card-regiao-count">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" style="flex-shrink:0"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/></svg>
                            2 Imóveis
                        </span>
                        <strong class="card-regiao-bairro">Tucuruvi</strong>
                    </div>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?bairro=Vila%20Paulistana&amp;finalidade=venda" class="card-regiao">
                    <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2014/thumbnail_wm_20260707034328_457c7603-94d7-4b89-bdda-6e66b5476b16.webp"
                         alt="Imóveis em Vila Paulistana"
                         width="400" height="280"
                         loading="lazy"
                         decoding="async"
                         class="card-regiao-img">
                    <div class="card-regiao-overlay"></div>
                    <div class="card-regiao-info">
                        <span class="card-regiao-count">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" style="flex-shrink:0"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/></svg>
                            2 Imóveis
                        </span>
                        <strong class="card-regiao-bairro">Vila Paulistana</strong>
                    </div>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?bairro=Jardim%20Filhos%20da%20Terra&amp;finalidade=locacao" class="card-regiao">
                    <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_1991/thumbnail_wm_20260707094647_b3b56868-9090-48d0-9a96-1e6915ab47c4.webp"
                         alt="Imóveis em Jardim Filhos da Terra"
                         width="400" height="280"
                         loading="lazy"
                         decoding="async"
                         class="card-regiao-img">
                    <div class="card-regiao-overlay"></div>
                    <div class="card-regiao-info">
                        <span class="card-regiao-count">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" style="flex-shrink:0"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/></svg>
                            2 Imóveis
                        </span>
                        <strong class="card-regiao-bairro">Jardim Filhos da Terra</strong>
                    </div>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?bairro=Vila%20Mazzei&amp;finalidade=venda" class="card-regiao">
                    <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_573/thumbnail_wm_20260707073115_e6a34d45-32f4-4a6d-8f22-0cd9624bb32f.webp"
                         alt="Imóveis em Vila Mazzei"
                         width="400" height="280"
                         loading="lazy"
                         decoding="async"
                         class="card-regiao-img">
                    <div class="card-regiao-overlay"></div>
                    <div class="card-regiao-info">
                        <span class="card-regiao-count">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" style="flex-shrink:0"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/></svg>
                            2 Imóveis
                        </span>
                        <strong class="card-regiao-bairro">Vila Mazzei</strong>
                    </div>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?bairro=Jardim%20Trememb%C3%A9&amp;finalidade=locacao" class="card-regiao">
                    <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2123/thumbnail_wm_20260722172705_249261c0-28fb-489d-9b2d-549583b23611.webp"
                         alt="Imóveis em Jardim Tremembé"
                         width="400" height="280"
                         loading="lazy"
                         decoding="async"
                         class="card-regiao-img">
                    <div class="card-regiao-overlay"></div>
                    <div class="card-regiao-info">
                        <span class="card-regiao-count">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" style="flex-shrink:0"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/></svg>
                            1 Imóvel
                        </span>
                        <strong class="card-regiao-bairro">Jardim Tremembé</strong>
                    </div>
                </a>
                    </div>
    </div>
</section>

    <section class="secao secao-links-busca">
    <div class="limite">
        <h2 class="titulo-principal">Imóveis mais buscados</h2>
        <div class="box-links">
                        <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Casa&amp;finalidade=venda" class="lk-mais-buscado">
                <span class="ico-marcador">&#xf02e;</span> Casa à venda
            </a>
                        <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Sala%20%2F%20Conjunto&amp;finalidade=locacao" class="lk-mais-buscado">
                <span class="ico-marcador">&#xf02e;</span> Sala / Conjunto para alugar
            </a>
                        <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Apartamento&amp;finalidade=venda" class="lk-mais-buscado">
                <span class="ico-marcador">&#xf02e;</span> Apartamento à venda
            </a>
                        <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Casa&amp;finalidade=locacao" class="lk-mais-buscado">
                <span class="ico-marcador">&#xf02e;</span> Casa para alugar
            </a>
                        <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Sobrado&amp;finalidade=venda" class="lk-mais-buscado">
                <span class="ico-marcador">&#xf02e;</span> Sobrado à venda
            </a>
                        <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Apartamento&amp;finalidade=locacao" class="lk-mais-buscado">
                <span class="ico-marcador">&#xf02e;</span> Apartamento para alugar
            </a>
                        <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Pr%C3%A9dio&amp;finalidade=venda" class="lk-mais-buscado">
                <span class="ico-marcador">&#xf02e;</span> Prédio à venda
            </a>
                        <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Sala%20%2F%20Conjunto&amp;finalidade=venda" class="lk-mais-buscado">
                <span class="ico-marcador">&#xf02e;</span> Sala / Conjunto à venda
            </a>
                    </div>
    </div>
</section>
    <section class="secao" style="content-visibility:auto;contain-intrinsic-size:0 800px">
    <div class="limite">
        <h2 class="titulo-principal">Novidades</h2>
        <div class="lista-cards-imoveis lista-novidade">
                            <div class="bx-imovel"
     x-data="{ hover: false }"
     @mouseenter="hover = true"
     @mouseleave="hover = false">
    <a href="https://www.dorna.com.br/imovel/casa-1-quartos-jardim-tremembe-sao-paulo-locacao-id-194" class="img-imovel w-inline-block" aria-label="Ver Casa em Jardim Tremembé">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2123/thumbnail_wm_20260722172705_249261c0-28fb-489d-9b2d-549583b23611.webp"
             alt="Casa com 1 quartos em Jardim Tremembé, São Paulo - 0m²"
             width="400" height="267"
             loading="lazy"
             decoding="async"
             style="width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0">
        <div class="bt-escondido" :style="hover ? 'opacity:1' : 'opacity:0'">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tx-local-imovel tag-local-card">Aluguel</div>
        <a href="https://www.dorna.com.br/imovel/casa-1-quartos-jardim-tremembe-sao-paulo-locacao-id-194" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Casa — Jardim Tremembé</h2>
        </a>
        <div class="tx-local-imovel tag-local-card">São Paulo - SP</div>
        <div class="detalhes-destaque-imovel">
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-area-2.svg" loading="lazy" width="18" height="18" alt="Área" class="ico-detalhe ico-area">
                <div class="texto-cac-detalhe">0 <span class="nomal">m²</span></div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-quartos-2.svg" loading="lazy" width="18" height="18" alt="Quartos" class="ico-detalhe">
                <div class="texto-cac-detalhe">1</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-banheiro-2.svg" loading="lazy" width="18" height="18" alt="Banheiros" class="ico-detalhe">
                <div class="texto-cac-detalhe">1</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-vaga.svg" loading="lazy" width="18" height="18" alt="Vagas" class="ico-detalhe">
                <div class="texto-cac-detalhe">0</div>
            </div>
        </div>
        <div class="box-valores">
                            <div class="valor-alug-comp">R$ 900,00/mês</div>
                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           @click.prevent="$dispatch('open-modal-corretor')">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito"
         :class="{ 'favorito-ativo': $store.favorites.has(194) }"
         @click="$store.favorites.toggle(194)">&#xf02e;</div>
</div>
                            <div class="bx-imovel"
     x-data="{ hover: false }"
     @mouseenter="hover = true"
     @mouseleave="hover = false">
    <a href="https://www.dorna.com.br/imovel/apartamento-2-quartos-vila-gustavo-sao-paulo-locacao-id-193" class="img-imovel w-inline-block" aria-label="Ver Apartamento em Vila Gustavo">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2115/thumbnail_wm_20260722161909_30c8692e-32fd-4e2c-b817-db35c9a69761.webp"
             alt="Apartamento com 2 quartos em Vila Gustavo, São Paulo - 0m²"
             width="400" height="267"
             loading="lazy"
             decoding="async"
             style="width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0">
        <div class="bt-escondido" :style="hover ? 'opacity:1' : 'opacity:0'">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tx-local-imovel tag-local-card">Aluguel</div>
        <a href="https://www.dorna.com.br/imovel/apartamento-2-quartos-vila-gustavo-sao-paulo-locacao-id-193" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Apartamento — Vila Gustavo</h2>
        </a>
        <div class="tx-local-imovel tag-local-card">São Paulo - SP</div>
        <div class="detalhes-destaque-imovel">
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-area-2.svg" loading="lazy" width="18" height="18" alt="Área" class="ico-detalhe ico-area">
                <div class="texto-cac-detalhe">0 <span class="nomal">m²</span></div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-quartos-2.svg" loading="lazy" width="18" height="18" alt="Quartos" class="ico-detalhe">
                <div class="texto-cac-detalhe">2</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-banheiro-2.svg" loading="lazy" width="18" height="18" alt="Banheiros" class="ico-detalhe">
                <div class="texto-cac-detalhe">1</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-vaga.svg" loading="lazy" width="18" height="18" alt="Vagas" class="ico-detalhe">
                <div class="texto-cac-detalhe">0</div>
            </div>
        </div>
        <div class="box-valores">
                            <div class="valor-alug-comp">R$ 1.700,00/mês</div>
                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           @click.prevent="$dispatch('open-modal-corretor')">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito"
         :class="{ 'favorito-ativo': $store.favorites.has(193) }"
         @click="$store.favorites.toggle(193)">&#xf02e;</div>
</div>
                            <div class="bx-imovel"
     x-data="{ hover: false }"
     @mouseenter="hover = true"
     @mouseleave="hover = false">
    <a href="https://www.dorna.com.br/imovel/sala-conjunto-caninde-sao-paulo-70m2-venda-id-192" class="img-imovel w-inline-block" aria-label="Ver Sala / Conjunto em Canindé">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2105/thumbnail_wm_20260722122342_e7083c86-24b9-4fd7-bb2e-581aeb20194a.webp"
             alt="Sala / Conjunto com 0 quartos em Canindé, São Paulo - 70m²"
             width="400" height="267"
             loading="lazy"
             decoding="async"
             style="width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0">
        <div class="bt-escondido" :style="hover ? 'opacity:1' : 'opacity:0'">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tx-local-imovel tag-local-card">Venda</div>
        <a href="https://www.dorna.com.br/imovel/sala-conjunto-caninde-sao-paulo-70m2-venda-id-192" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Sala / Conjunto — Canindé</h2>
        </a>
        <div class="tx-local-imovel tag-local-card">São Paulo - SP</div>
        <div class="detalhes-destaque-imovel">
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-area-2.svg" loading="lazy" width="18" height="18" alt="Área" class="ico-detalhe ico-area">
                <div class="texto-cac-detalhe">70 <span class="nomal">m²</span></div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-quartos-2.svg" loading="lazy" width="18" height="18" alt="Quartos" class="ico-detalhe">
                <div class="texto-cac-detalhe">0</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-banheiro-2.svg" loading="lazy" width="18" height="18" alt="Banheiros" class="ico-detalhe">
                <div class="texto-cac-detalhe">2</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-vaga.svg" loading="lazy" width="18" height="18" alt="Vagas" class="ico-detalhe">
                <div class="texto-cac-detalhe">0</div>
            </div>
        </div>
        <div class="box-valores">
                            <div style="display: flex; align-items: baseline; gap: 4px; flex-wrap: wrap;">
                    <div class="valor-alug-comp" style="margin-bottom: 0;">R$ 380.000,00</div>
                    <div class="valores-outros" style="margin-bottom: 0;">(venda)</div>
                </div>
                <div style="display: flex; align-items: baseline; gap: 4px; flex-wrap: wrap;">
                    <div class="valor-alug-comp" style="margin-bottom: 0;">R$ 2.200,00/mês</div>
                    <div class="valores-outros" style="margin-bottom: 0;">(locação)</div>
                </div>
                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           @click.prevent="$dispatch('open-modal-corretor')">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito"
         :class="{ 'favorito-ativo': $store.favorites.has(192) }"
         @click="$store.favorites.toggle(192)">&#xf02e;</div>
</div>
                            <div class="bx-imovel"
     x-data="{ hover: false }"
     @mouseenter="hover = true"
     @mouseleave="hover = false">
    <a href="https://www.dorna.com.br/imovel/apartamento-2-quartos-tucuruvi-sao-paulo-42m2-venda-id-191" class="img-imovel w-inline-block" aria-label="Ver Apartamento em Tucuruvi">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2098/thumbnail_wm_20260722115643_6b108358-812b-4658-8567-601e5e034863.webp"
             alt="Apartamento com 2 quartos em Tucuruvi, São Paulo - 42m²"
             width="400" height="267"
             loading="lazy"
             decoding="async"
             style="width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0">
        <div class="bt-escondido" :style="hover ? 'opacity:1' : 'opacity:0'">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tx-local-imovel tag-local-card">Venda</div>
        <a href="https://www.dorna.com.br/imovel/apartamento-2-quartos-tucuruvi-sao-paulo-42m2-venda-id-191" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Apartamento — Tucuruvi</h2>
        </a>
        <div class="tx-local-imovel tag-local-card">São Paulo - SP</div>
        <div class="detalhes-destaque-imovel">
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-area-2.svg" loading="lazy" width="18" height="18" alt="Área" class="ico-detalhe ico-area">
                <div class="texto-cac-detalhe">42 <span class="nomal">m²</span></div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-quartos-2.svg" loading="lazy" width="18" height="18" alt="Quartos" class="ico-detalhe">
                <div class="texto-cac-detalhe">2</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-banheiro-2.svg" loading="lazy" width="18" height="18" alt="Banheiros" class="ico-detalhe">
                <div class="texto-cac-detalhe">1</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-vaga.svg" loading="lazy" width="18" height="18" alt="Vagas" class="ico-detalhe">
                <div class="texto-cac-detalhe">1</div>
            </div>
        </div>
        <div class="box-valores">
                            <div class="valor-alug-comp">R$ 390.000,00</div>
                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           @click.prevent="$dispatch('open-modal-corretor')">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito"
         :class="{ 'favorito-ativo': $store.favorites.has(191) }"
         @click="$store.favorites.toggle(191)">&#xf02e;</div>
</div>
                            <div class="bx-imovel"
     x-data="{ hover: false }"
     @mouseenter="hover = true"
     @mouseleave="hover = false">
    <a href="https://www.dorna.com.br/imovel/casa-4-quartos-parque-vitoria-sao-paulo-342m2-venda-id-190" class="img-imovel w-inline-block" aria-label="Ver Casa em Parque Vitória">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2078/thumbnail_wm_20260722112744_be78dfe1-9a25-44a4-a277-d3adcae3b42e.webp"
             alt="Casa com 4 quartos em Parque Vitória, São Paulo - 342m²"
             width="400" height="267"
             loading="lazy"
             decoding="async"
             style="width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0">
        <div class="bt-escondido" :style="hover ? 'opacity:1' : 'opacity:0'">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tx-local-imovel tag-local-card">Venda</div>
        <a href="https://www.dorna.com.br/imovel/casa-4-quartos-parque-vitoria-sao-paulo-342m2-venda-id-190" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Casa — Parque Vitória</h2>
        </a>
        <div class="tx-local-imovel tag-local-card">São Paulo - SP</div>
        <div class="detalhes-destaque-imovel">
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-area-2.svg" loading="lazy" width="18" height="18" alt="Área" class="ico-detalhe ico-area">
                <div class="texto-cac-detalhe">342 <span class="nomal">m²</span></div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-quartos-2.svg" loading="lazy" width="18" height="18" alt="Quartos" class="ico-detalhe">
                <div class="texto-cac-detalhe">4</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-banheiro-2.svg" loading="lazy" width="18" height="18" alt="Banheiros" class="ico-detalhe">
                <div class="texto-cac-detalhe">4</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-vaga.svg" loading="lazy" width="18" height="18" alt="Vagas" class="ico-detalhe">
                <div class="texto-cac-detalhe">1</div>
            </div>
        </div>
        <div class="box-valores">
                            <div class="valor-alug-comp">R$ 850.000,00</div>
                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           @click.prevent="$dispatch('open-modal-corretor')">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito"
         :class="{ 'favorito-ativo': $store.favorites.has(190) }"
         @click="$store.favorites.toggle(190)">&#xf02e;</div>
</div>
                            <div class="bx-imovel"
     x-data="{ hover: false }"
     @mouseenter="hover = true"
     @mouseleave="hover = false">
    <a href="https://www.dorna.com.br/imovel/lote-terreno-jardim-labitary-sao-paulo-venda-id-189" class="img-imovel w-inline-block" aria-label="Ver Lote / Terreno em Jardim Labitary">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2077/thumbnail_wm_20260721171805_cc84979b-cde0-406f-a059-c234a13a9f18.webp"
             alt="Lote / Terreno com 0 quartos em Jardim Labitary, São Paulo - 0m²"
             width="400" height="267"
             loading="lazy"
             decoding="async"
             style="width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0">
        <div class="bt-escondido" :style="hover ? 'opacity:1' : 'opacity:0'">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tx-local-imovel tag-local-card">Venda</div>
        <a href="https://www.dorna.com.br/imovel/lote-terreno-jardim-labitary-sao-paulo-venda-id-189" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Lote / Terreno — Jardim Labitary</h2>
        </a>
        <div class="tx-local-imovel tag-local-card">São Paulo - SP</div>
        <div class="detalhes-destaque-imovel">
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-area-2.svg" loading="lazy" width="18" height="18" alt="Área" class="ico-detalhe ico-area">
                <div class="texto-cac-detalhe">0 <span class="nomal">m²</span></div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-quartos-2.svg" loading="lazy" width="18" height="18" alt="Quartos" class="ico-detalhe">
                <div class="texto-cac-detalhe">0</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-banheiro-2.svg" loading="lazy" width="18" height="18" alt="Banheiros" class="ico-detalhe">
                <div class="texto-cac-detalhe">0</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-vaga.svg" loading="lazy" width="18" height="18" alt="Vagas" class="ico-detalhe">
                <div class="texto-cac-detalhe">0</div>
            </div>
        </div>
        <div class="box-valores">
                            <div class="valor-alug-comp">R$ 180.000,00</div>
                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           @click.prevent="$dispatch('open-modal-corretor')">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito"
         :class="{ 'favorito-ativo': $store.favorites.has(189) }"
         @click="$store.favorites.toggle(189)">&#xf02e;</div>
</div>
                            <div class="bx-imovel"
     x-data="{ hover: false }"
     @mouseenter="hover = true"
     @mouseleave="hover = false">
    <a href="https://www.dorna.com.br/imovel/casa-5-quartos-horto-florestal-sao-paulo-3m2-venda-id-188" class="img-imovel w-inline-block" aria-label="Ver Casa em Horto Florestal">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2067/thumbnail_wm_20260721163133_e733d824-57ae-4632-bdf6-baded7f842bb.webp"
             alt="Casa com 5 quartos em Horto Florestal, São Paulo - 400m²"
             width="400" height="267"
             loading="lazy"
             decoding="async"
             style="width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0">
        <div class="bt-escondido" :style="hover ? 'opacity:1' : 'opacity:0'">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tx-local-imovel tag-local-card">Venda</div>
        <a href="https://www.dorna.com.br/imovel/casa-5-quartos-horto-florestal-sao-paulo-3m2-venda-id-188" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Casa — Horto Florestal</h2>
        </a>
        <div class="tx-local-imovel tag-local-card">São Paulo - SP</div>
        <div class="detalhes-destaque-imovel">
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-area-2.svg" loading="lazy" width="18" height="18" alt="Área" class="ico-detalhe ico-area">
                <div class="texto-cac-detalhe">400 <span class="nomal">m²</span></div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-quartos-2.svg" loading="lazy" width="18" height="18" alt="Quartos" class="ico-detalhe">
                <div class="texto-cac-detalhe">5</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-banheiro-2.svg" loading="lazy" width="18" height="18" alt="Banheiros" class="ico-detalhe">
                <div class="texto-cac-detalhe">4</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-vaga.svg" loading="lazy" width="18" height="18" alt="Vagas" class="ico-detalhe">
                <div class="texto-cac-detalhe">1</div>
            </div>
        </div>
        <div class="box-valores">
                            <div class="valor-alug-comp">R$ 2.800.000,00</div>
                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           @click.prevent="$dispatch('open-modal-corretor')">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito"
         :class="{ 'favorito-ativo': $store.favorites.has(188) }"
         @click="$store.favorites.toggle(188)">&#xf02e;</div>
</div>
                            <div class="bx-imovel"
     x-data="{ hover: false }"
     @mouseenter="hover = true"
     @mouseleave="hover = false">
    <a href="https://www.dorna.com.br/imovel/casa-de-condominio-2-quartos-tremembe-sao-paulo-venda-id-187" class="img-imovel w-inline-block" aria-label="Ver Casa de Condomínio em Tremembé">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2050/thumbnail_wm_20260721155552_12ad0ff2-ac9a-4472-bff6-0be5174d6a2e.webp"
             alt="Casa de Condomínio com 2 quartos em Tremembé, São Paulo - 65m²"
             width="400" height="267"
             loading="lazy"
             decoding="async"
             style="width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0">
        <div class="bt-escondido" :style="hover ? 'opacity:1' : 'opacity:0'">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tx-local-imovel tag-local-card">Venda</div>
        <a href="https://www.dorna.com.br/imovel/casa-de-condominio-2-quartos-tremembe-sao-paulo-venda-id-187" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Casa de Condomínio — Tremembé</h2>
        </a>
        <div class="tx-local-imovel tag-local-card">São Paulo - SP</div>
        <div class="detalhes-destaque-imovel">
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-area-2.svg" loading="lazy" width="18" height="18" alt="Área" class="ico-detalhe ico-area">
                <div class="texto-cac-detalhe">65 <span class="nomal">m²</span></div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-quartos-2.svg" loading="lazy" width="18" height="18" alt="Quartos" class="ico-detalhe">
                <div class="texto-cac-detalhe">2</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-banheiro-2.svg" loading="lazy" width="18" height="18" alt="Banheiros" class="ico-detalhe">
                <div class="texto-cac-detalhe">2</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-vaga.svg" loading="lazy" width="18" height="18" alt="Vagas" class="ico-detalhe">
                <div class="texto-cac-detalhe">1</div>
            </div>
        </div>
        <div class="box-valores">
                            <div class="valor-alug-comp">R$ 550.000,00</div>
                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           @click.prevent="$dispatch('open-modal-corretor')">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito"
         :class="{ 'favorito-ativo': $store.favorites.has(187) }"
         @click="$store.favorites.toggle(187)">&#xf02e;</div>
</div>
                            <div class="bx-imovel"
     x-data="{ hover: false }"
     @mouseenter="hover = true"
     @mouseleave="hover = false">
    <a href="https://www.dorna.com.br/imovel/casa-1-quartos-parque-ramos-freitas-sao-paulo-locacao-id-186" class="img-imovel w-inline-block" aria-label="Ver Casa em Parque Ramos Freitas">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2045/thumbnail_wm_20260720104112_c9d8841b-a7dc-43c4-8c8d-31c9895de961.webp"
             alt="Casa com 1 quartos em Parque Ramos Freitas, São Paulo - 0m²"
             width="400" height="267"
             loading="lazy"
             decoding="async"
             style="width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0">
        <div class="bt-escondido" :style="hover ? 'opacity:1' : 'opacity:0'">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tx-local-imovel tag-local-card">Aluguel</div>
        <a href="https://www.dorna.com.br/imovel/casa-1-quartos-parque-ramos-freitas-sao-paulo-locacao-id-186" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Casa — Parque Ramos Freitas</h2>
        </a>
        <div class="tx-local-imovel tag-local-card">São Paulo - SP</div>
        <div class="detalhes-destaque-imovel">
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-area-2.svg" loading="lazy" width="18" height="18" alt="Área" class="ico-detalhe ico-area">
                <div class="texto-cac-detalhe">0 <span class="nomal">m²</span></div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-quartos-2.svg" loading="lazy" width="18" height="18" alt="Quartos" class="ico-detalhe">
                <div class="texto-cac-detalhe">1</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-banheiro-2.svg" loading="lazy" width="18" height="18" alt="Banheiros" class="ico-detalhe">
                <div class="texto-cac-detalhe">1</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-vaga.svg" loading="lazy" width="18" height="18" alt="Vagas" class="ico-detalhe">
                <div class="texto-cac-detalhe">1</div>
            </div>
        </div>
        <div class="box-valores">
                            <div class="valor-alug-comp">R$ 1.000,00/mês</div>
                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           @click.prevent="$dispatch('open-modal-corretor')">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito"
         :class="{ 'favorito-ativo': $store.favorites.has(186) }"
         @click="$store.favorites.toggle(186)">&#xf02e;</div>
</div>
                            <div class="bx-imovel"
     x-data="{ hover: false }"
     @mouseenter="hover = true"
     @mouseleave="hover = false">
    <a href="https://www.dorna.com.br/imovel/casa-2-quartos-vila-nova-mazzei-sao-paulo-92m2-venda-id-185" class="img-imovel w-inline-block" aria-label="Ver Casa em Vila Nova Mazzei">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2028/thumbnail_wm_20260710133415_360a3102-968b-41e0-81b0-20244f0c0a87.webp"
             alt="Casa com 2 quartos em Vila Nova Mazzei, São Paulo - 62m²"
             width="400" height="267"
             loading="lazy"
             decoding="async"
             style="width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0">
        <div class="bt-escondido" :style="hover ? 'opacity:1' : 'opacity:0'">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tx-local-imovel tag-local-card">Venda</div>
        <a href="https://www.dorna.com.br/imovel/casa-2-quartos-vila-nova-mazzei-sao-paulo-92m2-venda-id-185" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Casa — Vila Nova Mazzei</h2>
        </a>
        <div class="tx-local-imovel tag-local-card">São Paulo - SP</div>
        <div class="detalhes-destaque-imovel">
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-area-2.svg" loading="lazy" width="18" height="18" alt="Área" class="ico-detalhe ico-area">
                <div class="texto-cac-detalhe">62 <span class="nomal">m²</span></div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-quartos-2.svg" loading="lazy" width="18" height="18" alt="Quartos" class="ico-detalhe">
                <div class="texto-cac-detalhe">2</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-banheiro-2.svg" loading="lazy" width="18" height="18" alt="Banheiros" class="ico-detalhe">
                <div class="texto-cac-detalhe">2</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-vaga.svg" loading="lazy" width="18" height="18" alt="Vagas" class="ico-detalhe">
                <div class="texto-cac-detalhe">2</div>
            </div>
        </div>
        <div class="box-valores">
                            <div class="valor-alug-comp">R$ 400.000,00</div>
                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           @click.prevent="$dispatch('open-modal-corretor')">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito"
         :class="{ 'favorito-ativo': $store.favorites.has(185) }"
         @click="$store.favorites.toggle(185)">&#xf02e;</div>
</div>
                            <div class="bx-imovel"
     x-data="{ hover: false }"
     @mouseenter="hover = true"
     @mouseleave="hover = false">
    <a href="https://www.dorna.com.br/imovel/sala-conjunto-vila-paulistana-sao-paulo-locacao-id-184" class="img-imovel w-inline-block" aria-label="Ver Sala / Conjunto em Vila Paulistana">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2014/thumbnail_wm_20260707034328_457c7603-94d7-4b89-bdda-6e66b5476b16.webp"
             alt="Sala / Conjunto com 0 quartos em Vila Paulistana, São Paulo - 15m²"
             width="400" height="267"
             loading="lazy"
             decoding="async"
             style="width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0">
        <div class="bt-escondido" :style="hover ? 'opacity:1' : 'opacity:0'">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tx-local-imovel tag-local-card">Aluguel</div>
        <a href="https://www.dorna.com.br/imovel/sala-conjunto-vila-paulistana-sao-paulo-locacao-id-184" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Sala / Conjunto — Vila Paulistana</h2>
        </a>
        <div class="tx-local-imovel tag-local-card">São Paulo - SP</div>
        <div class="detalhes-destaque-imovel">
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-area-2.svg" loading="lazy" width="18" height="18" alt="Área" class="ico-detalhe ico-area">
                <div class="texto-cac-detalhe">15 <span class="nomal">m²</span></div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-quartos-2.svg" loading="lazy" width="18" height="18" alt="Quartos" class="ico-detalhe">
                <div class="texto-cac-detalhe">0</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-banheiro-2.svg" loading="lazy" width="18" height="18" alt="Banheiros" class="ico-detalhe">
                <div class="texto-cac-detalhe">0</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-vaga.svg" loading="lazy" width="18" height="18" alt="Vagas" class="ico-detalhe">
                <div class="texto-cac-detalhe">0</div>
            </div>
        </div>
        <div class="box-valores">
                            <div class="valor-alug-comp">R$ 1.200,00/mês</div>
                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           @click.prevent="$dispatch('open-modal-corretor')">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito"
         :class="{ 'favorito-ativo': $store.favorites.has(184) }"
         @click="$store.favorites.toggle(184)">&#xf02e;</div>
</div>
                            <div class="bx-imovel"
     x-data="{ hover: false }"
     @mouseenter="hover = true"
     @mouseleave="hover = false">
    <a href="https://www.dorna.com.br/imovel/casa-jardim-filhos-da-terra-sao-paulo-locacao-id-181" class="img-imovel w-inline-block" aria-label="Ver Casa em Jardim Filhos da Terra">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_1991/thumbnail_wm_20260707094647_b3b56868-9090-48d0-9a96-1e6915ab47c4.webp"
             alt="Casa com 0 quartos em Jardim Filhos da Terra, São Paulo - 0m²"
             width="400" height="267"
             loading="lazy"
             decoding="async"
             style="width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0">
        <div class="bt-escondido" :style="hover ? 'opacity:1' : 'opacity:0'">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tx-local-imovel tag-local-card">Aluguel</div>
        <a href="https://www.dorna.com.br/imovel/casa-jardim-filhos-da-terra-sao-paulo-locacao-id-181" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Casa — Jardim Filhos da Terra</h2>
        </a>
        <div class="tx-local-imovel tag-local-card">São Paulo - SP</div>
        <div class="detalhes-destaque-imovel">
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-area-2.svg" loading="lazy" width="18" height="18" alt="Área" class="ico-detalhe ico-area">
                <div class="texto-cac-detalhe">0 <span class="nomal">m²</span></div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-quartos-2.svg" loading="lazy" width="18" height="18" alt="Quartos" class="ico-detalhe">
                <div class="texto-cac-detalhe">0</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-banheiro-2.svg" loading="lazy" width="18" height="18" alt="Banheiros" class="ico-detalhe">
                <div class="texto-cac-detalhe">0</div>
            </div>
            <div class="iten-detalhe">
                <img src="https://www.dorna.com.br/images/ico-vaga.svg" loading="lazy" width="18" height="18" alt="Vagas" class="ico-detalhe">
                <div class="texto-cac-detalhe">0</div>
            </div>
        </div>
        <div class="box-valores">
                            <div class="valor-alug-comp">R$ 750,00/mês</div>
                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           @click.prevent="$dispatch('open-modal-corretor')">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito"
         :class="{ 'favorito-ativo': $store.favorites.has(181) }"
         @click="$store.favorites.toggle(181)">&#xf02e;</div>
</div>
                    </div>
    </div>
</section>
        <section class="secao secao-destaques secao-nao-encontrou" style="content-visibility:auto;contain-intrinsic-size:0 400px">
    <div class="limite" style="text-align:center">
        <h2 class="titulo-principal cor-2" style="margin-bottom:12px">Não encontrou o que procura?</h2>
        <p style="color:#ffffffcc;font-size:15px;line-height:24px;max-width:520px;margin:0 auto 28px">Cadastre-se e receba alertas de novos imóveis que combinam com o que você busca. É grátis!</p>
        <a href="https://www.dorna.com.br/solicite-um-imovel" class="bt-cta-destaques btn-solicite-imovel">Solicite seu imóvel &nbsp;&rsaquo;</a>
    </div>
</section>
    
    </main>

    <footer class="rodape">
    <div class="limite vs-contatos">
        <div class="grupo-contatos">
                        <a href="https://wa.me/5511942831012" target="_blank" class="contato-destaque w-inline-block">
                <img width="22" height="22" loading="lazy" alt="WhatsApp" src="https://www.dorna.com.br/images/whatsapp.svg" class="tm-ico">
                <div>(11) 94283-1012</div>
            </a>
                                    <a href="tel:1122031900" class="contato-destaque w-inline-block">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="22" height="22" class="ico-svg tm-ico" fill="currentColor" aria-hidden="true"><path d="M375.7,274.1l133.7,133.7-67.6,67.6c-23.8,23.7-56.1,36.9-89.7,36.6C197.4,512,0,314.6,0,160c-.3-33.6,12.9-65.9,36.6-89.7L104.3,2.6l133.7,133.7-88,88c26.2,62.2,75.6,111.7,137.7,138l88.2-88.2Z"/></svg>
                <div>(11) 2203-1900</div>
            </a>
                                </div>
        
                <div class="b-sociais">
                                                                                                                                                                                                                        </div>
    </div>
    <div class="limite w-row">
        <div class="col-reset-ambos w-col w-col-3 w-col-stack">
            <div class="cont-rodape">
                <div class="t-rodape">Imobiliária</div>
                <a href="https://www.dorna.com.br" class="lk-rodape w--current">Home</a>
                <a href="https://www.dorna.com.br/contato" class="lk-rodape ">Contato</a>
            </div>
        </div>
        <div class="col-reset-ambos w-col w-col-3 w-col-stack">
            <div class="cont-rodape">
                <div class="t-rodape">Páginas</div>
                                    <a href="https://www.dorna.com.br/pagina/empresa" class="lk-rodape">
        Empresa
    </a>
                                    <a href="https://www.dorna.com.br/imoveis?finalidade=venda"
              class="lk-rodape">
        Comprar
            </a>
                                    <a href="https://www.dorna.com.br/imoveis?finalidade=locacao"
              class="lk-rodape">
        Alugar
            </a>
                                    <a href="https://www.dorna.com.br/imoveis?finalidade=temporada"
              class="lk-rodape">
        Temporada
            </a>
                                    <a href="https://www.dorna.com.br/imoveis"
              class="lk-rodape">
        Imóveis
            </a>
                                    <a href="https://www.dorna.com.br/localizacao"
              class="lk-rodape">
        Localização
            </a>
                                    <a href="https://www.dorna.com.br/favoritos"
              class="lk-rodape">
        Favoritos
            </a>
                            </div>
        </div>
        <div class="col-reset-ambos w-col w-col-3 w-col-stack">
            <div class="cont-rodape">
                <div class="t-rodape">Imóveis</div>
                <a href="https://www.dorna.com.br/favoritos" class="lk-rodape">Favoritos</a>
                <a href="https://www.dorna.com.br/cadastrar-imovel" class="lk-rodape">Venda seu imóvel conosco</a>
                <a href="https://www.dorna.com.br/solicite-um-imovel" class="lk-rodape">Não achou seu imóvel?</a>
            </div>
        </div>
                <div class="col-reset-ambos w-col w-col-3 w-col-stack">
            <div class="cont-rodape uti">
                <div class="t-rodape">Localização</div>
                <a href="https://www.google.com/maps/search/Av.+Coronel+Sezefredo+Fagundes%2C+2079+-+Tucuruvi+-+S%C3%A3o+Paulo%2FSP+-+02306-003" target="_blank" class="lk-rodape">Av. Coronel Sezefredo Fagundes, 2079 - Tucuruvi - São Paulo/SP - 02306-003</a>
            </div>
        </div>
        
    </div>
    <div class="rodape-copy">
                <div>CRECI: J-477</div>
                <div>© 2026 - Imóveis Dorna - Desenvolvido por <a href="https://www.imotools.com.br/" target="_blank" class="tag-ass">ImoTools</a></div>
        <a href="https://www.imotools.com.br/" target="_blank" class="lk-ass w-inline-block" aria-label="ImoTools">
            <img width="18" height="18" alt="ImoTools" src="https://www.dorna.com.br/images/ass-imotools.png" loading="lazy">
        </a>
    </div>
    
    <div x-data="{ open: false, propertyFinalidade: '', propertyCodigo: '', propertyCidade: '', propertyBairro: '', propertyTitulo: '' }"
         @open-modal-corretor.window="
            open = true;
            propertyFinalidade = $event.detail?.propertyFinalidade || '';
            propertyCodigo = $event.detail?.propertyCodigo || '';
            propertyCidade = $event.detail?.propertyCidade || '';
            propertyBairro = $event.detail?.propertyBairro || '';
            propertyTitulo = $event.detail?.propertyTitulo || '';
         "
         class="modal-corretor"
         :style="open ? 'display: flex !important; opacity: 1 !important;' : ''"
         @keydown.escape.window="open = false"
         @click.self="open = false">
        <div class="form-cta-whatsapp w-form">
            <form action="https://www.dorna.com.br/lead/corretor" method="POST" class="form-grupos" novalidate x-data="{ success: false, error: false, loading: false, errors: {} }" @submit.prevent="
                loading = true;
                errors = {};
                fetch($el.action, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json'
                    },
                    body: JSON.stringify({
                        ...Object.fromEntries(new FormData($el)),
                        ...(propertyFinalidade ? { property_finalidade: propertyFinalidade } : {}),
                        ...(propertyCodigo ? { property_codigo: propertyCodigo } : {}),
                        ...(propertyCidade ? { property_cidade: propertyCidade } : {}),
                        ...(propertyBairro ? { property_bairro: propertyBairro } : {}),
                        ...(propertyTitulo ? { property_titulo: propertyTitulo } : {}),
                    })
                })
                .then(async r => {
                    if (r.ok) return r.json().then(data => { loading = false; success = true; error = false; $el.reset(); });
                    if (r.status === 422) { const json = await r.json(); loading = false; errors = json.errors || {}; }
                    else { loading = false; error = true; success = false; }
                })
                .catch(() => {
                    loading = false;
                    error = true;
                    success = false;
                });
            ">
                <input type="hidden" name="_token" value="SeVwyT2TX8ymLo2G5yvovWlXUrgLA8WW3hOz1evZ" autocomplete="off">                <div id="my_name_h3svlL4Hs5OX3sTc_wrap"  style="display: none" aria-hidden="true">
        <input id="my_name_h3svlL4Hs5OX3sTc"
               name="my_name_h3svlL4Hs5OX3sTc"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="valid_from"
               type="text"
               value="eyJpdiI6ImpXZy96K3FjUVdmdno1eUtrNHZiNkE9PSIsInZhbHVlIjoiS001NVcrbjE5UVd3dHJOaVpzVC9pZz09IiwibWFjIjoiZDE1NGFiYzJkZTgxMTQ2N2EwMjg0YzMwMmI0YjQ5NjY4MzI0ZTI3OTgyMDI1N2Q2ZDc3Mzk3ODgwN2VlOTdjOSIsInRhZyI6IiJ9"
                              autocomplete="off"
               tabindex="-1">
    </div>
                <h2 class="titulo-principal t-vs2">Fale com o corretor</h2>
                <div class="desc-form">Preencha o formulário abaixo e tire todas suas dúvidas sem compromisso.</div>
                <div class="box-etapa-form etapa-1" x-show="!success">
                    <div class="cont-input _100pc">
                        <label for="fc_nome" class="label">Nome*</label>
                        <input class="input input-zap w-input" :class="{ 'erro': errors.nome }" maxlength="100" name="nome" placeholder="Digite seu nome" type="text" id="fc_nome" required>
                        <template x-if="errors.nome"><div class="tx-obrigatorio"><span x-text="errors.nome[0]"></span></div></template>
                    </div>
                    <div class="cont-input _100pc">
                        <label for="fc_telefone" class="label">Telefone*</label>
                        <input class="input input-zap w-input" :class="{ 'erro': errors.telefone }" maxlength="20" name="telefone" placeholder="(99) 99999-9999" type="tel" id="fc_telefone" required>
                        <template x-if="errors.telefone"><div class="tx-obrigatorio"><span x-text="errors.telefone[0]"></span></div></template>
                    </div>
                    <div class="cont-input _100pc">
                        <label for="fc_email" class="label">E-mail*</label>
                        <input class="input input-zap w-input" :class="{ 'erro': errors.email }" maxlength="256" name="email" placeholder="Digite seu e-mail aqui" type="email" id="fc_email" required>
                        <template x-if="errors.email"><div class="tx-obrigatorio"><span x-text="errors.email[0]"></span></div></template>
                    </div>
                    <input type="submit" class="bt-padrao w-button" :value="loading ? 'Enviando...' : 'Solicitar contato'" :disabled="loading">
                </div>
                <div class="div-notificacao not-sucesso" x-show="success" x-cloak>
                    <div class="ico-notificacao"></div>
                    <div>Recebemos sua solicitação, em breve retornaremos seu contato.</div>
                </div>
                <div class="div-notificacao not-erro" x-show="error" x-cloak>
                    <div class="ico-notificacao"></div>
                    <div>Não foi possível concluir o cadastro. Tente novamente.</div>
                </div>
                <div @click="open = false; success = false; error = false;" class="sair"></div>
            </form>
        </div>
    </div>
    
                    <a href="https://wa.me/5511942831012" target="_blank" rel="noopener noreferrer" class="bt-zap-2" title="Fale conosco pelo WhatsApp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" style="width:30px;height:30px;vertical-align:middle"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 2.6-33.5-1.9-2.8-5.1-4.2-10.6-7z"/></svg></a>
            </footer>

    
    <link rel="modulepreload" as="script" href="https://www.dorna.com.br/build/assets/app-k2YE4Zn0.js" /><link rel="modulepreload" as="script" href="https://www.dorna.com.br/build/assets/vendor-alpine-L4ggBBWN.js" /><script type="module" src="https://www.dorna.com.br/build/assets/app-k2YE4Zn0.js" data-navigate-track="reload"></script>            <style>@keyframes spin { to { transform: rotate(360deg); } }</style>
<style>@keyframes spin { to { transform: rotate(360deg); } }</style>
</body>

</html>