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

<head>
    <meta charset="utf-8">

    
            <link rel="preconnect" href="https://d1tpwb104b6c9k.cloudfront.net">
    <link rel="dns-prefetch" href="https://d1tpwb104b6c9k.cloudfront.net">
    
    <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>
        <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="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-subset-v1.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 + busca + 1a linha de cards) ───

   REGRA DESTE ARQUIVO: o primeiro paint tem que ser IGUAL ao layout final.
   normalize.css, webflow.css e galax-imob.css chegam async e em ordem
   imprevisível — cada estado intermediário que difere daqui vira layout shift.
   Por isso as regras abaixo espelham os 3 arquivos e, quando webflow.css e
   galax-imob.css disputam a mesma propriedade, a versão do galax vem com
   especificidade extra (.classe.w-*) para ganhar em qualquer ordem de chegada. */

/* 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-subset-v1.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. `html body` (0,0,2) porque o webflow.css tem
   body{font-size:14px;line-height:20px} — sem isso o header inteiro encolhe 6px
   por linha na janela entre webflow.css e galax-imob.css. */
*,::after,::before{box-sizing:border-box}
html body{margin:0;min-height:100vh;background-color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:26px;color:var(--cor-texto)}
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}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}

/* 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}

/* ─── Base do webflow.css (precisa vir ANTES do bloco galax: senão o padding de
   .w-nav-link/.w-tab-link e o display:inline-block do .w-inline-block ganham
   das classes do projeto e o primeiro paint nasce com altura errada) ─── */
label{display:block;margin-bottom:5px;font-weight:bold}
.w-inline-block{max-width:100%;display:inline-block}
.w-clearfix:before,.w-clearfix:after{content:" ";display:table;grid-area:1/1/2/2}
.w-clearfix:after{clear:both}
.w-nav{position:relative;z-index:1000}
.w-nav:before,.w-nav:after{content:" ";display:table;grid-area:1/1/2/2}
.w-nav:after{clear:both}
.w-nav-brand{float:left;text-decoration:none;position:relative}
.w-nav-menu{float:right;position:relative}
.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}
.w-tabs{position:relative}
.w-tabs:before,.w-tabs:after{content:" ";display:table;grid-area:1/1/2/2}
.w-tabs:after{clear:both}
.w-tab-menu{position:relative;display:flex}
.w-tab-link{display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer;position:relative}
.w-tab-content{overflow:hidden;display:block;position:relative}
.w-tab-pane{display:none;position:relative}
.w-tab-pane.w--tab-active{display:block}
.w-form{margin:0 0 15px}
.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333;vertical-align:middle;background-color:#fff;border:1px solid #ccc}
.w-select{background-color:#f3f3f3}
.w-button{display:inline-block;padding:9px 15px;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}

/* ─── Header / Topo (espelha galax-imob.css) ─── */
.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}
.limite.flex-contato-topo{grid-column-gap:20px;grid-row-gap:20px;flex-flow:row;justify-content:space-between;align-items:center;display:flex}
.limite.nav-bar{justify-content:space-between;display:flex}
/* CLS: slot fixo de 200x100 para a logo. A altura NÃO pode sair do arquivo enviado
   pelo tenant — com height:auto a caixa muda quando a imagem decodifica (38px→99px
   no deltaimoveisbh, porque a logo real é 127x99 e o atributo declarava 200x60) e o
   <main> inteiro desce. 100px é o teto: object-fit:contain encaixa a logo dentro do
   slot sem distorcer e sem alterar a altura renderizada hoje. Mexer aqui exige mexer
   junto no <style> do _header.blade.php e no height do <img>. */
.logo{width:200px;height:100px;display:flex;align-items:center;justify-content:flex-start}
.img-logo{max-width:100%;height:100px;object-fit:contain;object-position:left center}
.logo .img-logo{width:200px;max-width:100%;height:100px}
.grupo-links-menu{justify-content:flex-end;align-items:center;margin-top:12px;display:flex}
.lk-menu.w-nav-link{padding-top:10px;padding-bottom:10px}
.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}
.text-block-10{font-size:14px}
.numero-creci{font-weight:700}
.bx-favoritos.w-inline-block{display:flex}
.bx-favoritos{float:right;border-left:1px solid #00000029;margin-left:20px;padding-left:20px;font-size:14px;grid-column-gap:5px;text-decoration:none;align-items:center;display:flex;position:relative}
.ico-qtd{background-color:var(--cor-principal);color:var(--branco);text-align:center;border-radius:100px;width:18px;height:18px;font-size:12px;font-weight:600;line-height:18px;position:absolute;inset:-6px auto auto 26px}
.box-outros-itens-topo{display:flex;align-items:center;gap:20px}
.contato-destaque.w-inline-block{display:flex}
.contato-destaque{grid-column-gap:8px;grid-row-gap:8px;justify-content:flex-start;align-items:center;font-weight:500;text-decoration:none;display:flex}
.contato-destaque.vs-topo{font-size:14px}
.bx-contatos-topo{grid-column-gap:20px;grid-row-gap:20px;justify-content:flex-start;align-items:center;display:flex}
/* .w-dropdown do webflow é display:inline-block — sem a especificidade extra o
   dropdown mobile nasce visível no desktop e espreme a barra de contatos em 2
   linhas enquanto o galax-imob.css não chega. */
.drop-contatos.w-dropdown{flex:1;display:none}
.drop-contatos-topo,.drop-contatos-topo.w-dropdown-toggle{text-transform:uppercase;padding:0 40px 0 0;font-size:14px;font-weight:500;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 ─── */
.secao{padding-top:60px;padding-bottom:60px}
.secao.secao-principal{background-color:var(--cor-principal);justify-content:center;align-items:center;padding:120px 10px;display:flex;position:relative;min-height:520px}
.hero-overlay{background-color:var(--cor-principal);opacity:.4}
.titulo-principal{color:var(--cor-texto);margin-top:0;font-size:32px;line-height:42px}
.titulo-principal.cor-2{color:var(--branco)}
/* CLS prevention: reserva altura mínima do <main> antes do CSS async carregar. */
.main{min-height:100vh}

/* ─── Caixa de busca da home (espelha galax-imob.css) ─── */
.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}
.tab-menu{grid-column-gap:10px;grid-row-gap:10px;display:flex}
.tab-menu.vs-2{grid-column-gap:0px;grid-row-gap:0px;background-color:var(--borda)}
.tab-lk.w-tab-link{padding-left:20px;padding-right:20px}
.tab-lk{border:1px solid var(--cor-principal);background-color:var(--transparente);color:var(--cor-principal);text-transform:uppercase;border-radius:10px 10px 0 0;margin-left:-1px;padding-left:20px;padding-right:20px;font-size:13px;font-weight:500}
.tab-lk.tab-lk-filtro{color:var(--cor-texto);text-align:center;border-style:none;border-radius:20px 20px 0 0;flex:1;padding-top:12px;padding-bottom:12px}
.tab-lk.tab-lk-filtro.w--current{background-color:var(--branco);color:var(--cor-principal)}
.tab-content{border-top:1px solid var(--cor-principal);margin-top:-1px}
.tab-content.v2{border-top-style:none;margin-top:0;position:static}
.tab-plane{background-color:#fff;padding-top:30px}
.tab-plane.v2{background-color:var(--transparente);padding-top:0;padding-bottom:0}
.form-filtro,.form-filtro.w-form{margin-bottom:0}
.form-grupos{grid-column-gap:10px;grid-row-gap:10px;flex-flow:column;padding:20px;display:flex}
.grupo-campos-principais-filtro{grid-column-gap:15px;grid-row-gap:15px;justify-content:flex-start;align-items:flex-end;display:flex}
.cont-input{width:98%;padding-bottom:0}
.cont-input._100pc{width:100%;position:relative}
.label{font-size:14px;font-weight:400;line-height:22px}
.input,.input.w-input,.input.w-select{background-color:#fff;border:1px solid #ccc;border-radius:10px;height:auto;min-height:auto;margin-bottom:0;padding:12px 15px}
.input.select{color:#888}
.cta-busca-cod{border-top:1px solid var(--borda);text-align:center;text-transform:uppercase;cursor:pointer;margin-top:5px;padding-top:15px;padding-bottom:15px;font-size:11px;font-weight:500}
.bt-padrao.w-button{border-radius:10px;padding:8px 25px}
.bt-padrao{border:1px solid var(--cor-principal);background-color:var(--cor-principal);color:#fff;text-align:center;letter-spacing:.5px;text-transform:uppercase;border-radius:10px;padding:8px 25px;font-size:12px;font-weight:600;line-height:25px;display:inline-block;cursor:pointer}
/* 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 */
.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}

/* ─── Cards de imóvel: no desktop a 1a linha encosta na dobra, então o grid
   também precisa nascer pronto ─── */
.tab-imovel{margin-top:40px}
.lista-cards-imoveis{grid-column-gap:15px;grid-row-gap:15px;flex-flow:wrap;justify-content:center;width:100%;display:flex}
.bx-imovel{border:1px solid var(--borda);border-radius:10px;width:24%;display:flex;flex-flow:column;position:relative;overflow:hidden}
.bx-imovel.vs-listagem{width:32%}
.bx-imovel.vs-horizontal{width:100%;display:flex;flex-flow:row}
.info-imovel{flex:1;padding:20px;display:flex;flex-flow:column}.info-imovel .cta-consultoria{margin-top:auto}
.h-principal{margin-top:0;margin-bottom:20px;font-size:36px;line-height:46px}
.h-principal.h-secundario{font-size:26px;line-height:36px}
.h-principal.h-secundario._03{margin-bottom:0;font-size:18px;font-weight:800;line-height:30px}
.lk-titulo,.lk-titulo.w-inline-block{text-decoration:none;display:block}
.tx-local-imovel{font-size:13px;line-height:22px}
.detalhes-destaque-imovel{grid-column-gap:15px;grid-row-gap:15px;border-bottom:1px solid var(--borda);flex-flow:wrap;padding-top:15px;padding-bottom:15px;display:flex}
.iten-detalhe{grid-column-gap:5px;grid-row-gap:5px;justify-content:flex-start;align-items:center;font-size:12px;font-weight:700;display:flex}
.ico-detalhe{width:18px}
.ico-detalhe.ico-area{object-fit:cover;width:11px;height:18px;position:static}
.box-valores{grid-column-gap:10px;grid-row-gap:5px;flex-flow:wrap;justify-content:flex-start;align-items:center;padding-top:15px;padding-bottom:15px;display:flex}
.valor-alug-comp{color:var(--cor-principal);width:100%;font-size:18px;font-weight:700;line-height:24px}
.valores-outros{text-transform:uppercase;font-size:13px;line-height:18px}
.bt-padrao.cta-consultoria{display:block}
.marcar-favorito{z-index:8;color:var(--cor-principal);text-align:center;cursor:pointer;background-color:#0000000d;border-radius:0 0 100px 100px;width:40px;height:44px;font-family:"Fa 400",Arial,sans-serif;line-height:40px;position:absolute;inset:0 10px auto auto}
.bt-escondido{background-color:#00000029;justify-content:center;align-items:center;display:flex;position:absolute;inset:0%}
.img-imovel.w-inline-block{display:block;width:100%}
.img-imovel{width:100%;height:240px;border-radius:10px;display:block;position:relative;overflow:hidden}
.img-imovel.vs-horizontal{width:47%;height:auto;min-height:280px;flex-shrink:0}
.img-imovel img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

/* Hover do card 100% em CSS — era um componente Alpine por card (`hover: false`)
   que nunca dispara em mobile. :focus-within revela o botão para quem usa teclado. */
.bx-imovel .bt-escondido{opacity:0;transition:opacity .2s}
.bx-imovel:hover .bt-escondido,
.bx-imovel:focus-within .bt-escondido{opacity:1}
@media(hover:none){.bx-imovel:hover .bt-escondido{opacity:0}}

/* Estado favoritado pintado pelo card-delegates.js (substitui a binding
   `:class` que lia $store.favorites.has() em cada card). */
.marcar-favorito.is-fav{background-color:var(--cor-principal);color:#fff;font-family:"Fa Solid 900",Arial,sans-serif}
.marcar-favorito.is-fav:hover{opacity:.7}

/* ─── 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}

/* ─── Breakpoints: espelham webflow.css + galax-imob.css ─── */
@media screen and (max-width:991px){
.limite{max-width:95%}
.topo-contato{z-index:2000}
.lk-menu{text-align:center;border-bottom:1px solid #0000001a}
.lk-menu.bt-padrao.recuo{width:100%;margin-left:0}
.grupo-links-menu{background-color:var(--contraste-2);border-radius:10px;padding:10px}
.bx-favoritos{display:flex}
.bt-padrao,.bt-padrao.w-button{padding-left:20px;padding-right:20px}
.h-principal{margin-bottom:10px}
.iten-detalhe{margin-right:10px;display:inline-block}
.bx-imovel{width:48%;margin-left:auto;margin-right:auto}
.bx-imovel.vs-listagem{width:48%}
.subtitulo{width:100%}
.maps{width:95%}
.form-padrao{width:90%}
/* 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.
   Seletor com .w-nav-menu extra p/ vencer o display:flex (0,3,0) do <style> do header. */
.limite.nav-bar .grupo-links-menu.w-nav-menu{display:none}
.bx-contatos-topo{display:none}
.drop-contatos.w-dropdown{flex:none;margin-left:0;margin-right:0;display:block}
.drop-contatos-topo,.drop-contatos-topo.w-dropdown-toggle{padding-right:20px;font-size:13px;font-weight:700;line-height:20px}
}
@media screen and (max-width:767px){
.secao.secao-principal{min-height:400px}
.logo,.logo.w-nav-brand{padding-left:0}
.cont-input{width:100%}
.h-principal{font-size:32px;line-height:42px}
.bx-imovel{width:48%}
.lista-cards-imoveis{grid-column-gap:5px;grid-row-gap:15px}
}
@media screen and (max-width:479px){
.secao.secao-principal{padding-top:60px;padding-bottom:60px}
.titulo-principal{font-size:20px;line-height:34px}
.contato-destaque{grid-column-gap:5px;grid-row-gap:5px;justify-content:center;align-items:center;font-size:14px}
.text-block-11{display:none}
.w-tab-link{display:block}
.tab-lk,.tab-lk.w-tab-link{text-align:center;flex:1;padding:12px 10px;font-size:12px;line-height:17px}
.grupo-campos-principais-filtro{grid-column-gap:10px;grid-row-gap:10px;flex-flow:column}
.form-grupos{padding:5px}
.form-grupos.v-principal-fill{padding-left:15px;padding-right:15px}
.label{font-size:13px;line-height:20px}
.bt-padrao.esticar-bt-mobile{width:100%}
.h-principal.h-secundario{font-size:22px;line-height:32px}
.bx-imovel,.bx-imovel.vs-listagem{width:100%}
.tab-imovel{margin-top:25px}
.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?v=1775498885" as="style"
        onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="https://www.dorna.com.br/css/modelos/modelo-1/webflow.css?v=1775498885" 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?v=1787318461" 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?v=1775498885">
        <link rel="stylesheet" href="https://www.dorna.com.br/css/modelos/modelo-1/webflow.css?v=1775498885">
        <link rel="stylesheet" href="https://www.dorna.com.br/css/modelos/modelo-1/galax-imob.css?v=1787318461">
    </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. O color sai junto do
       background pelo mesmo motivo do --secondary-foreground nos modelos 2 e 3:
       o branco fixo do .bt-cta-destaques some quando a secundária é clara — e o
       prospector manda #FFFFFF, deixando botão branco com texto branco. */
    .bt-cta-destaques {
        background-color: #B56A2B;
        color: #000000;
    }
    
        /* Equivalente ao --primary-foreground dos modelos 2 e 3, que o modelo-1 não tem:
       o branco fixo do .bt-padrao some sobre uma cor de marca clara. Só as variantes
       de duas classes (.bt-limpar, .comparador…) definem o próprio fundo e vencem
       esta regra por especificidade, como devem. */
    .bt-padrao {
        color: #000000;
    }

    /* Faixa CTA antes do rodapé: fundo é a --cor-principal, e tanto o título
       (.cor-2 = var(--branco)) quanto o subtítulo nascem brancos. */
    .secao.secao-destaques .titulo-principal.cor-2 {
        color: #000000;
    }

    .secao.secao-destaques {
        --cor-sobre-destaques: #000000cc;
    }
        </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="a11y-contrast">.valor-alug-comp.valor-alug-comp{color:#ba5b09}</style>

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

<style id="topbar-colors">
    .barra-superior-contato {
        background-color: #0C1624;        color: #FFFFFF;        
        border-bottom-color: #C9A24B;
    }
    /* Links e ícones da barra herdam text_color (x-icons.* usam fill="currentColor") */
    .barra-superior-contato a,
    .barra-superior-contato .ico-svg { color: inherit; }
    /* Divisor entre itens: a API só define divider_color para a linha barra/header (RN10),
       então o separador interno é o próprio text_color esmaecido — igual nos 3 modelos */
    .barra-superior-contato .topbar-item + .topbar-item {
        border-left: 1px solid color-mix(in srgb, currentColor 35%, transparent);
    }
    /* Painel "Fale conosco" do mobile: repete o fundo da barra para o text_color
       continuar legível (Modelos 02/03 têm painel próprio; o 01 reusa .nav-drop-contatos) */
    .barra-superior-contato .topbar-painel,
    .barra-superior-contato .nav-drop-contatos.w--open {
        background-color: #0C1624;        border: 1px solid color-mix(in srgb, currentColor 25%, transparent);
    }
</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="s05MWWdZfHurTrTDyQmMxakjNEOEgA2zdL09X3jS">
    <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>
    /* z-index acima do logo do header para o dropdown "Fale conosco" não ficar atrás */
    .barra-superior-contato { position: relative; z-index: 1001; margin-bottom: 0; }
    .barra-superior-contato .drop-contatos { position: relative; }
    .barra-superior-contato .nav-drop-contatos { position: absolute; left: 0; top: 100%; z-index: 1002; }
    .barra-superior-contato .bx-contatos-topo > * + * { padding-left: 20px; }
    /* Favoritos nasce com borda/hover fixos (#00000029 / --cor-principal), que não
       sobrevivem a um fundo escuro: seguem o text_color da barra */
    .barra-superior-contato .bx-favoritos { border-left-color: color-mix(in srgb, currentColor 35%, transparent); }
    .barra-superior-contato .bx-favoritos:hover { color: inherit; opacity: .7; }
</style>
<div class="barra-superior-contato topo-contato">
    <div class="limite flex-contato-topo">
        
        <div x-data="{ open: false }" class="drop-contatos w-dropdown">
            <button type="button" @click="open = !open" :aria-expanded="open"
                    aria-controls="topbar-fale-conosco"
                    class="drop-contatos-topo w-dropdown-toggle">
                <div class="icon-3 w-icon-dropdown-toggle" :class="{ 'w--open': open }"></div>
                <div>Fale conosco</div>
            </button>
            <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 topbar-item 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 topbar-item 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>
    <style>
    /* `:where()` = especificidade zero: nunca ganha de uma classe do modelo.
       Um <a> sem href não recebe cursor de link, então este é o único ajuste do elemento. */
    :where(.menu-node__toggle) { cursor: pointer; }

    /* A setinha é conteúdo inline DENTRO do link — não altera a caixa nem o alinhamento
       do item em relação aos demais. `currentColor` a mantém sempre na cor do texto. */
    .menu-node__caret {
        display: inline-block;
        margin-left: 6px;
        border: solid currentColor;
        border-width: 0 2px 2px 0;
        padding: 2px;
        transform: rotate(45deg);
        vertical-align: middle;
        transition: transform .2s;
    }
    .menu-node__caret.is-open { transform: rotate(-135deg); }

    .menu-node__panel {
        background-color: var(--menu-node-bg, #fff);
        border-radius: var(--menu-node-radius, 10px);
        box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
        padding: 6px 0;
        text-align: left;
    }
    /* Os itens ocupam a linha inteira do painel; o respiro interno é da classe do modelo. */
    .menu-node__panel > * { display: block; width: 100%; }
    .menu-node__panel .menu-node { display: block; width: 100%; }

    /* Desktop: nível 1 abre abaixo; nível 2 abre como flyout lateral (RN13) */
    @media (min-width: 992px) {
        .menu-node { position: relative; display: inline-block; }
        .menu-node__panel {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 220px;
            /* Teto de largura: sem ele um nome longo estica o painel indefinidamente
               (os itens são `white-space: nowrap` por herança do modelo) e o excedente
               nasce fora da viewport. */
            max-width: min(320px, calc(100vw - 2rem));
            z-index: 902;
            /* DT12 — o submenu não tem limite de itens (a referência traz 20+); sem isso a
               lista passa da dobra e fica inalcançável */
            max-height: 70vh;
            overflow-y: auto;
            /* Sem isto, ao chegar no fim da lista a rolagem passa a rolar a página atrás. */
            overscroll-behavior: contain;
        }
        /* Painel que abriga um flyout de 2º nível não pode recortar: o filho abre em
           `left: 100%`, fora da própria caixa. Com overflow ele seria cortado e o painel
           ganharia barra de rolagem em vez de mostrar o submenu. Aqui a rolagem da DT12 não
           faz falta — o nível 1 lista Menus, não a lista longa de links. */
        .menu-node__panel--flyout {
            max-height: none;
            overflow: visible;
        }
        /* A barra de rolagem do painel some visualmente, mas a rolagem continua (roda do
           mouse, trackpad, teclado e arraste no touch). A barra nativa dentro de um painel
           curto e arredondado destoa do resto do header, e o corte do último item já sinaliza
           que há mais conteúdo abaixo. */
        .menu-node__panel { scrollbar-width: none; -ms-overflow-style: none; }
        .menu-node__panel::-webkit-scrollbar { width: 0; height: 0; }
        .menu-node--d1 > .menu-node__panel { top: 0; left: 100%; }

        /* Espelhamento quando o painel encostaria na borda direita — a classe é aplicada em JS
           ao abrir, medindo a caixa real (ver _menu-node.blade.php). Sem isso um Menu no fim da
           barra abre para fora da tela, e o flyout de 2º nível, que sai em `left: 100%`, some
           por inteiro. */
        .menu-node__panel--flip { left: auto; right: 0; }
        .menu-node--d1 > .menu-node__panel--flip { left: auto; right: 100%; }
    }

    /* Mobile: acordeão dentro do próprio menu, com indentação por nível (RN12/RN13) */
    @media (max-width: 991px) {
        .menu-node { display: block; width: 100%; }
        .menu-node__panel {
            position: static;
            box-shadow: none;
            /* o painel acompanha o arredondamento do menu que o contém — canto reto aqui
               dentro de um menu com borda arredondada destoava */
            border-radius: 10px;
            background-color: rgba(0, 0, 0, .03);
            margin: 4px 0;
        }
        .menu-node--d0 > .menu-node__panel { padding-left: 12px; }
        .menu-node--d1 > .menu-node__panel { padding-left: 24px; }
    }

    /* DT09 — sub-lista dentro do dropdown "Mais" (modelo 01): estática e indentada */
    .menu-node__nested-title { display: block; font-weight: 600; cursor: default; }
    .menu-node__nested-list { padding-left: 12px; }

    @media (prefers-reduced-motion: reduce) {
        .menu-node__caret { transition: none; }
        /* O x-transition do painel escreve a transição em style inline; `!important` numa
           folha de autor é o que ganha dela. */
        .menu-node__panel { transition-duration: .01ms !important; }
    }
</style>
<style>
    /* Respiro acima do nav: antes vinha do padding da barra de contato, que hoje é
       um partial próprio e condicional (_topbar) */
    .topo { padding-top: 20px; }

    /* 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; }
    /* height fixo (não auto): a logo do tenant tem proporção arbitrária e com
       height:auto a caixa do header muda de altura quando a imagem decodifica,
       deslocando o <main> inteiro. Slot = os mesmos 200x100 do _critical-css. */
    .limite.nav-bar .w-nav-brand img { height: 100px; max-width: 100%; object-fit: contain; object-position: left center; }
    .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; }

    /* Painel do submenu hierárquico: mesma cor do dropdown "Mais" deste modelo */
    .menu-node__panel { --menu-node-bg: var(--contraste-2, #f5f5f5); }
    /* `.lk-drop-page` é nowrap; dentro do painel, que tem teto de largura, isso viraria
       rolagem horizontal em vez de o texto quebrar. */
    .menu-node__panel .lk-drop-page { white-space: normal; }
    /* Pai de submenu que contém a página atual — mesmo destaque de `w--current`. */
    .menu-node__toggle.is-active { color: var(--cor-principal, #2563eb); font-weight: 600; }

    /* 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: #000000; }
    .lk-drop-page.w--current { color: var(--cor-principal, #2563eb); font-weight: 600; }
    /* DT09 — o título de grupo dentro do "Mais" não é link (RN02), mas herda a classe
       `.lk-drop-page` para casar a tipografia. Sem anular o hover ele acende na cor principal
       e promete um clique que não existe. */
    .menu-node__nested-title:hover { background-color: transparent; color: inherit; }

    /* ═══ 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: #000000;
            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); color: #fff; }

        /* 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: #000000 !important;
            box-sizing: border-box;
        }
        .grupo-links-menu .lk-menu.bt-padrao.recuo:hover {
            background-color: var(--cor-texto, #333);
            color: #fff !important;
            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);
        }

        /* Submenu hierárquico no mobile: mesma cor do item do menu principal (#333, e não o
           #555 do dropdown "Mais") e cantos arredondados. Escopado em .menu-node__panel para
           não mexer no dropdown "Mais", que mantém o visual próprio. */
        .menu-node__panel .lk-drop-page {
            color: var(--cor-texto, #333);
            border-radius: 8px;
            /* O recuo do nível já vem do padding do painel (_menu-node-css); somar os 36px do
               dropdown "Mais" empurrava o item quase 50px para dentro. */
            padding-left: 20px;
        }

        /* Mesmo alinhamento do chevron do "Mais": indicador encostado na direita. Sem isto os
           dois toggles do mesmo painel apontam a affordance em posições diferentes. */
        .grupo-links-menu .menu-node__toggle { justify-content: space-between; }
    }
</style>
<header class="topo">
    
    <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="100" 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 w--current"><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="Imóvel Comercial">Imóvel Comercial</option>
                                                                    <option value="Lote / Terreno">Lote / Terreno</option>
                                                                    <option value="Ponto Comercial">Ponto Comercial</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" x-cloak @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=Im%C3%B3vel%20Comercial&amp;finalidade=locacao" 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">Imóvel Comercials</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%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_2204/thumbnail_wm_20260817113129_11d307c6-1ef5-464e-ad8d-f78acf257868.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>
                            8 Imóveis
                        </span>
                        <strong class="card-regiao-bairro">Parque Casa de Pedra</strong>
                    </div>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?bairro=Parque%20Ramos%20Freitas&amp;finalidade=venda" class="card-regiao">
                    <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_1043/thumbnail_wm_20260707081416_1c5ffc37-ae9d-4131-87e2-aec280751856.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>
                            4 Imóveis
                        </span>
                        <strong class="card-regiao-bairro">Parque Ramos Freitas</strong>
                    </div>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?bairro=Tucuruvi&amp;finalidade=locacao" class="card-regiao">
                    <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2175/thumbnail_wm_20260810145006_0db1ad6e-f121-40d6-b31f-41a93aef7947.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>
                            3 Imóveis
                        </span>
                        <strong class="card-regiao-bairro">Tucuruvi</strong>
                    </div>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?bairro=Bortol%C3%A2ndia&amp;finalidade=locacao" class="card-regiao">
                    <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2210/thumbnail_wm_20260820150004_0cb2840e-b2d4-4827-86d5-46fe0bdff12c.webp"
                         alt="Imóveis em Bortolândia"
                         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">Bortolândia</strong>
                    </div>
                </a>
                            <a href="https://www.dorna.com.br/imoveis?bairro=Vila%20Nova%20Mazzei&amp;finalidade=venda" class="card-regiao">
                    <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="Imóveis em Vila Nova 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 Nova Mazzei</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=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>
                            2 Imóveis
                        </span>
                        <strong class="card-regiao-bairro">Aclimação</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=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=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=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=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=Im%C3%B3vel%20Comercial&amp;finalidade=locacao" class="lk-mais-buscado">
                <span class="ico-marcador">&#xf02e;</span> Imóvel Comercial para alugar
            </a>
                        <a href="https://www.dorna.com.br/imoveis?tipo%5B0%5D=Ponto%20Comercial&amp;finalidade=locacao" class="lk-mais-buscado">
                <span class="ico-marcador">&#xf02e;</span> Ponto Comercial para alugar
            </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">
    <a href="https://www.dorna.com.br/imovel/casa-1-quartos-bortolandia-sao-paulo-locacao-id-202" class="img-imovel w-inline-block" aria-label="Ver Casa em Bortolândia">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2210/thumbnail_wm_20260820150004_0cb2840e-b2d4-4827-86d5-46fe0bdff12c.webp"
             alt="Casa com 1 quartos em Bortolândia, 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">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tag-local-card-linha">
            <div class="tx-local-imovel tag-local-card">Aluguel</div>
            <div class="tx-cod-card">Cod: DOR0216</div>
        </div>
        <a href="https://www.dorna.com.br/imovel/casa-1-quartos-bortolandia-sao-paulo-locacao-id-202" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Casa — Bortolândia</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$ 1.200,00/mês</div>
                                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           data-modal="corretor">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito" data-fav="202">&#xf02e;</div>
</div>
                            <div class="bx-imovel">
    <a href="https://www.dorna.com.br/imovel/casa-2-quartos-parque-casa-de-pedra-sao-paulo-venda-id-201" class="img-imovel w-inline-block" aria-label="Ver Casa em Parque Casa de Pedra">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2204/thumbnail_wm_20260817113129_11d307c6-1ef5-464e-ad8d-f78acf257868.webp"
             alt="Casa com 2 quartos em Parque Casa de Pedra, 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">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tag-local-card-linha">
            <div class="tx-local-imovel tag-local-card">Venda</div>
            <div class="tx-cod-card">Cod: DOR0115</div>
        </div>
        <a href="https://www.dorna.com.br/imovel/casa-2-quartos-parque-casa-de-pedra-sao-paulo-venda-id-201" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Casa — Parque Casa de Pedra</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">4</div>
            </div>
        </div>
        <div class="box-valores">
                                                <div class="valor-alug-comp">R$ 375.000,00</div>
                                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           data-modal="corretor">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito" data-fav="201">&#xf02e;</div>
</div>
                            <div class="bx-imovel">
    <a href="https://www.dorna.com.br/imovel/imovel-comercial-parque-casa-de-pedra-sao-paulo-locacao-id-200" class="img-imovel w-inline-block" aria-label="Ver Imóvel Comercial em Parque Casa de Pedra">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2200/thumbnail_wm_20260812135246_8b7ac942-01c7-46df-8a01-55986c755cce.webp"
             alt="Imóvel Comercial com 0 quartos em Parque Casa de Pedra, 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">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tag-local-card-linha">
            <div class="tx-local-imovel tag-local-card">Aluguel</div>
            <div class="tx-cod-card">Cod: DOR0997</div>
        </div>
        <a href="https://www.dorna.com.br/imovel/imovel-comercial-parque-casa-de-pedra-sao-paulo-locacao-id-200" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Imóvel Comercial — Parque Casa de Pedra</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">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$ 5.000,00/mês</div>
                                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           data-modal="corretor">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito" data-fav="200">&#xf02e;</div>
</div>
                            <div class="bx-imovel">
    <a href="https://www.dorna.com.br/imovel/apartamento-2-quartos-vila-rosalia-guarulhos-67m2-venda-id-199" class="img-imovel w-inline-block" aria-label="Ver Apartamento em Vila Rosália">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2184/thumbnail_wm_20260811142217_11974fda-0a9a-4bf5-8e63-18bbf7fe85d1.webp"
             alt="Apartamento com 2 quartos em Vila Rosália, Guarulhos - 67m²"
             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">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tag-local-card-linha">
            <div class="tx-local-imovel tag-local-card">Venda</div>
            <div class="tx-cod-card">Cod: DOR0840</div>
        </div>
        <a href="https://www.dorna.com.br/imovel/apartamento-2-quartos-vila-rosalia-guarulhos-67m2-venda-id-199" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Apartamento — Vila Rosália</h2>
        </a>
        <div class="tx-local-imovel tag-local-card">Guarulhos - 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">67 <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$ 600.000,00</div>
                                                                    <div class="valores-outros">Cond: <strong>R$ 600,00</strong></div>
                    </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           data-modal="corretor">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito" data-fav="199">&#xf02e;</div>
</div>
                            <div class="bx-imovel">
    <a href="https://www.dorna.com.br/imovel/ponto-comercial-tucuruvi-sao-paulo-locacao-id-198" class="img-imovel w-inline-block" aria-label="Ver Ponto Comercial em Tucuruvi">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2175/thumbnail_wm_20260810145006_0db1ad6e-f121-40d6-b31f-41a93aef7947.webp"
             alt="Ponto Comercial com 0 quartos em Tucuruvi, 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">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tag-local-card-linha">
            <div class="tx-local-imovel tag-local-card">Aluguel</div>
            <div class="tx-cod-card">Cod: DOR2055</div>
        </div>
        <a href="https://www.dorna.com.br/imovel/ponto-comercial-tucuruvi-sao-paulo-locacao-id-198" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Ponto Comercial — 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">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">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$ 3.000,00/mês</div>
                                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           data-modal="corretor">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito" data-fav="198">&#xf02e;</div>
</div>
                            <div class="bx-imovel">
    <a href="https://www.dorna.com.br/imovel/casa-3-quartos-parque-casa-de-pedra-sao-paulo-locacao-id-197" class="img-imovel w-inline-block" aria-label="Ver Casa em Parque Casa de Pedra">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2163/thumbnail_wm_20260806121101_a927d3e7-2c7e-4026-adee-c1559b8e1ea9.webp"
             alt="Casa com 3 quartos em Parque Casa de Pedra, 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">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tag-local-card-linha">
            <div class="tx-local-imovel tag-local-card">Aluguel</div>
            <div class="tx-cod-card">Cod: DOR057</div>
        </div>
        <a href="https://www.dorna.com.br/imovel/casa-3-quartos-parque-casa-de-pedra-sao-paulo-locacao-id-197" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Casa — Parque Casa de Pedra</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">3</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.800,00/mês</div>
                                                            </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           data-modal="corretor">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito" data-fav="197">&#xf02e;</div>
</div>
                            <div class="bx-imovel">
    <a href="https://www.dorna.com.br/imovel/apartamento-2-quartos-jardim-recanto-verde-sao-paulo-38m2-venda-id-196" class="img-imovel w-inline-block" aria-label="Ver Apartamento em Jardim Recanto Verde">
        <img src="https://d1tpwb104b6c9k.cloudfront.net/crm-pro/conta_d7f265de-5e45-4c5b-a2c1-2ad1c7a1b03d/imoveis/imovel_2140/thumbnail_wm_20260805154337_302936d3-ae1a-436c-9707-64b03b525148.webp"
             alt="Apartamento com 2 quartos em Jardim Recanto Verde, São Paulo - 38m²"
             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">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tag-local-card-linha">
            <div class="tx-local-imovel tag-local-card">Venda</div>
            <div class="tx-cod-card">Cod: DOR0380</div>
        </div>
        <a href="https://www.dorna.com.br/imovel/apartamento-2-quartos-jardim-recanto-verde-sao-paulo-38m2-venda-id-196" class="lk-titulo w-inline-block">
            <h2 class="h-principal h-secundario _03">Apartamento — Jardim Recanto Verde</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">38 <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$ 210.000,00</div>
                                                                    <div class="valores-outros">Cond: <strong>R$ 434,00</strong></div>
                    </div>
                <a href="#" class="bt-padrao cta-consultoria w-button"
           data-modal="corretor">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito" data-fav="196">&#xf02e;</div>
</div>
                            <div class="bx-imovel">
    <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">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tag-local-card-linha">
            <div class="tx-local-imovel tag-local-card">Aluguel</div>
            <div class="tx-cod-card">Cod: DOR0014</div>
        </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"
           data-modal="corretor">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito" data-fav="194">&#xf02e;</div>
</div>
                            <div class="bx-imovel">
    <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">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tag-local-card-linha">
            <div class="tx-local-imovel tag-local-card">Venda | Aluguel</div>
            <div class="tx-cod-card">Cod: DOR3153</div>
        </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"
           data-modal="corretor">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito" data-fav="192">&#xf02e;</div>
</div>
                            <div class="bx-imovel">
    <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">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tag-local-card-linha">
            <div class="tx-local-imovel tag-local-card">Venda</div>
            <div class="tx-cod-card">Cod: DOR1451</div>
        </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"
           data-modal="corretor">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito" data-fav="191">&#xf02e;</div>
</div>
                            <div class="bx-imovel">
    <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">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tag-local-card-linha">
            <div class="tx-local-imovel tag-local-card">Venda</div>
            <div class="tx-cod-card">Cod: DOR0009</div>
        </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"
           data-modal="corretor">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito" data-fav="190">&#xf02e;</div>
</div>
                            <div class="bx-imovel">
    <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">
            <div class="bt-padrao bt-detalhes-imovel">Ver imóvel</div>
        </div>
            </a>
    <div class="info-imovel">
        <div class="tag-local-card-linha">
            <div class="tx-local-imovel tag-local-card">Venda</div>
            <div class="tx-cod-card">Cod: DOR0035</div>
        </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"
           data-modal="corretor">Fale com o corretor</a>
    </div>
    <div class="marcar-favorito" data-fav="189">&#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:var(--cor-sobre-destaques,#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="s05MWWdZfHurTrTDyQmMxakjNEOEgA2zdL09X3jS" autocomplete="off">                <div id="my_name_fjg14NLyWcvGALtc_wrap"  style="display: none" aria-hidden="true">
        <input id="my_name_fjg14NLyWcvGALtc"
               name="my_name_fjg14NLyWcvGALtc"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="valid_from"
               type="text"
               value="eyJpdiI6InFQN1dyZUphcXBYaHBNWlNJakRESWc9PSIsInZhbHVlIjoiYXNPUzNEZi9adEloQ3B3K0F1MFI2UT09IiwibWFjIjoiOWRmMjQ1MGM2OTlhZjRlMDJmMzAyOTc4YTVjOTEzNDViZDkzMTMzZjc1NTY2NjIzMWM4ZmU5ZmMxOTliMGJmOCIsInRhZyI6IiJ9"
                              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-DpVHo1Tc.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-DpVHo1Tc.js" data-navigate-track="reload"></script>            <style>@keyframes spin { to { transform: rotate(360deg); } }</style>
<style>@keyframes spin { to { transform: rotate(360deg); } }</style>
</body>

</html>