{"id":17,"date":"2026-11-13T21:32:06","date_gmt":"2026-11-13T21:32:06","guid":{"rendered":"https:\/\/teste.imoveis.atitudedobrasil.com\/?page_id=17"},"modified":"2026-11-13T21:53:12","modified_gmt":"2026-11-13T21:53:12","slug":"imoveis-chacara","status":"publish","type":"page","link":"https:\/\/teste.imoveis.atitudedobrasil.com\/?page_id=17","title":{"rendered":"Ch\u00e1cara"},"content":{"rendered":"<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');\n:root{--navy:#14283a;--deep:#091724;--gold:#CE9D3B;--paper:#f6f3ed;--white:#fff;--line:#e4ded3}\nbody{margin:0;background:var(--paper);color:var(--deep)}.at{font:16px\/1.55 'DM Sans',sans-serif}.at *{box-sizing:border-box}.at a{color:inherit;text-decoration:none}.at button,.at input,.at select{font:inherit}.at h1,.at h2,.at h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.08;margin:.25em 0 .55em}.at h1{font-size:clamp(42px,7.4vw,102px);max-width:940px}.at h2{font-size:clamp(34px,5vw,66px)}.at h3{font-size:27px}.at p{margin:.5rem 0 1rem}.wrap{width:min(1320px,calc(100% - 8vw));margin:auto}.at header,.at footer{background:var(--deep);color:white}.at header>.wrap{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:20px}.logo{width:148px;display:block}.at nav{display:flex;align-items:center;gap:clamp(12px,2.5vw,40px);font-size:14px}.at details{position:relative}.at summary{cursor:pointer}.menu{position:absolute;z-index:5;top:100%;left:0;background:var(--navy);padding:16px;min-width:220px;display:grid;gap:8px}.btn,.at button.action{display:inline-block;background:var(--gold);border:0;color:var(--deep);padding:12px 21px;font-weight:700;cursor:pointer}.outline{background:transparent;border:1px solid var(--gold);color:inherit;padding:11px 18px;display:inline-block}.hero{background:linear-gradient(90deg,#091724fa,#091724a0 57%,#09172442),var(--hero) center 47%\/cover;color:white;padding:clamp(92px,13vw,170px) 0 120px}.hero p{max-width:480px;font-size:19px}.eyebrow{font-size:12px;letter-spacing:.19em;text-transform:uppercase;color:#a0701f;font-weight:700}.hero .eyebrow,footer .eyebrow{color:#e4c492}.at section.block{padding:64px 0}.at section.compact{padding:39px 0}.filters{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.filters input,.filters select{padding:11px;background:white;border:1px solid var(--line);color:var(--deep);min-width:180px}.filters input{flex:1}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:white;position:relative;border-bottom:2px solid var(--line)}.card>a>img,.blank{width:100%;aspect-ratio:1.5;object-fit:cover;display:block;background:var(--navy)}.card .copy{padding:22px}.card h3{font-size:24px}.card small{display:block;color:#475968}.save{position:absolute;right:12px;top:12px;border:0;background:white;color:var(--navy);width:42px;height:42px;font-size:24px!important;cursor:pointer}.save[aria-pressed=true]{color:#985c16}.pill{display:inline-block;padding:8px 15px;border:1px solid #b29e7d;margin:0 7px 8px 0}.at footer{padding:48px 0}.at footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover}.gallery a:first-child{grid-column:span 3}.gallery a:first-child img{aspect-ratio:2.4}.description{max-width:800px}.facts{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}.facts span{border:1px solid var(--line);padding:8px 12px}.at iframe{width:100%;height:420px;border:0}.at [hidden]{display:none!important}.section-dark{background:var(--navy);color:white}.at :focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.at header>.wrap{padding:14px 0;align-items:flex-start;flex-wrap:wrap}.at nav{flex-wrap:wrap}.hero{padding-bottom:80px}}@media(max-width:540px){.grid{grid-template-columns:1fr}.at header .outline{display:none}.at section.block{padding:42px 0}}\n\n\/* Shared layout and typography *\/\n.at{font-size:15px;line-height:1.6}\n.at h1{font-size:clamp(35px,4.4vw,64px);letter-spacing:-.038em;max-width:780px}\n.at h2{font-size:clamp(28px,3.2vw,44px);letter-spacing:-.025em}\n.at h3{font-size:22px;letter-spacing:-.02em}\n.wrap{width:min(1212px,calc(100% - 9vw))}\n.at header>.wrap{min-height:74px}\n.at header{background:#102131}\n.logo{width:133px}\n.at nav{gap:clamp(13px,2vw,34px);font-size:13px}\n.at nav a:hover,.menu a:hover{color:#e4c492}\n.btn,.at button.action{padding:11px 18px;font-size:13px}\n.outline{font-size:13px;padding:9px 15px}\n.at section.block{padding:47px 0}\n.at section.compact{padding:29px 0}\n.eyebrow{font-size:10px;letter-spacing:.2em}\n.hero{padding:24px 0 0;background:var(--paper);color:var(--deep)}\n.hero .wrap{min-height:440px;display:grid;grid-template-columns:5fr 6fr;background:#102131;color:white}\n.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,5vw,66px)}\n.hero h1{font-size:clamp(36px,4vw,59px);margin:.23em 0 .33em}\n.hero p{font-size:15px;max-width:340px}\n.hero p.eyebrow{font-size:10px}\n.hero-visual{display:block;position:relative;min-height:100%;background:linear-gradient(0deg,#091724a8,transparent 38%),var(--hero) center\/cover}\n.hero-visual span{position:absolute;bottom:19px;left:22px;color:white;font-size:12px;letter-spacing:.05em}\n.category-strip{border-bottom:1px solid var(--line)}\n.category-strip h2{font-size:25px}\n.pill{font-size:13px;border-color:#d1c7b7;padding:6px 12px}\n.pill:hover{border-color:#946318}\n.filters{gap:9px;margin:15px 0 10px}\n.filters input,.filters select{padding:9px 12px;font-size:14px}\n#at-count{font-size:12px;color:#536170}\n.grid{gap:18px}\n.card{border:1px solid #e6e0d6;border-radius:3px;overflow:hidden;transition:box-shadow .2s}\n.card:hover{box-shadow:0 10px 25px #14283a16}\n.card>a>img,.blank{aspect-ratio:1.67}\n.card .copy{padding:17px 18px 20px}\n.card h3{font-size:20px;margin:7px 0 12px}\n.card strong{font-size:14px}\n.card small{font-size:11px;letter-spacing:.025em}\n.save{width:34px;height:34px;border-radius:50%;font-size:19px!important}\n.gallery{grid-template-columns:repeat(4,1fr)}\n.gallery a:first-child{grid-column:span 4}\n.gallery a:first-child img{aspect-ratio:2.75;max-height:450px;object-position:center}\n.at footer{padding:34px 0;font-size:13px}\n@media(max-width:740px){.hero .wrap{grid-template-columns:1fr;min-height:0}.hero-visual{min-height:235px}.hero-copy{padding:34px 25px}.hero h1{font-size:clamp(34px,7vw,48px)}.at section.block{padding:32px 0}.gallery{grid-template-columns:repeat(2,1fr)}.gallery a:first-child{grid-column:span 2}.gallery a:first-child img{aspect-ratio:1.6}}\n\n\/* WordPress Canvas: keep theme widths and margins out of the portal. *\/\n.at { --paper:#f7f5f0; --deep:#0c1c29; --navy:#102333; --gold:#d7b370; background:var(--paper); }\n.at > header > .wrap { display:flex; }\n.at > header nav { display:flex; flex-wrap:wrap; gap:10px 23px; }\n.at > header nav > a, .at > header nav summary { white-space:nowrap; display:block; }\n.at > main { padding:0; margin:0; }\n.at .wrap { width:min(1200px, calc(100% - 8vw)); margin-inline:auto; }\n.at header { border-bottom:1px solid #ffffff24; }\n.at header .logo { width:146px; height:auto; }\n.at .btn { border:0; border-radius:0; background:var(--gold); color:#15212a; text-decoration:none; transition:background .2s; }\n.at .btn:hover { background:#eace96; }\n.at .cinema { min-height:clamp(480px,65vh,670px); position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; overflow:hidden; background:#0c1c29; }\n.cinema-poster,.cinema-video,.cinema-shade { position:absolute; inset:0; z-index:-1; }\n.cinema-poster { background-position:center 49%; background-size:cover; animation:at-pan 17s ease-out both; }\n@keyframes at-pan { from { transform:scale(1.09); } to { transform:scale(1); } }\n.cinema-video iframe { width:100%; max-width:none; height:100%; position:absolute; inset:0; pointer-events:none; }\n.cinema-shade { background:linear-gradient(90deg,#081521de 1%,#0815219e 52%,#08152142 100%),linear-gradient(0deg,#081521ab,transparent 55%); }\n.at .cinema-content { padding-block:60px 12px; }\n.at .cinema h1 { font-size:clamp(39px,5vw,67px); line-height:1.02; margin:12px 0 18px; max-width:700px; }\n.cinema-content > p:not(.eyebrow) { font-size:16px; color:#f4eee3; max-width:330px; }\n.at .cinema .eyebrow,.at .showcase .eyebrow { color:#efca87; }\n.cinema-jump { display:inline-flex; gap:12px; padding:8px 0; border-bottom:1px solid #d7b370; font-size:13px; }\n.at .cinema-tools { display:flex; justify-content:flex-end; gap:15px; padding-bottom:62px; font-size:12px; align-items:center; }\n.cinema-tools button { border:1px solid #ffffff65; background:#0c1c29ba; color:#fff; padding:5px 11px; cursor:pointer; }\n.search-dock { position:relative; margin-top:-36px; }\n.at .search-panel { display:grid; grid-template-columns:minmax(210px,1.5fr) minmax(125px,1fr) minmax(128px,1fr) auto; gap:16px; align-items:end; background:#fff; padding:20px; border:1px solid #e6dfd4; box-shadow:0 12px 36px #0c1c2915; }\n.search-panel label { display:grid; gap:5px; font-size:12px; font-weight:700; }\n.at .search-panel input,.at .search-panel select,.at .results-bar select { width:100%; min-width:0; height:42px; border:1px solid #ded8ce; border-radius:0; background:#faf9f6; color:var(--deep); padding:6px 9px; font-size:13px; font-weight:400; }\n.at .search-panel .btn { min-height:42px; white-space:nowrap; cursor:pointer; }\n.search-panel .btn span { margin-left:8px; }\n.section-head { display:flex; align-items:end; justify-content:space-between; gap:15px; margin-bottom:16px; }\n.at .section-head h2 { margin-bottom:0; }\n.section-head > a { font-size:13px; border-bottom:1px solid #b38b4d; }\n.quick { display:flex; gap:6px; flex-wrap:wrap; margin-block:12px; }\n.at .quick button { border:1px solid #d8d1c5; border-radius:50px; padding:5px 13px; font-size:12px; background:transparent; color:var(--deep); cursor:pointer; }\n.at .quick button[aria-pressed=\"true\"] { background:var(--deep); color:white; border-color:var(--deep); }\n.results-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:13px 0; }\n.results-bar label { display:flex; align-items:center; gap:8px; font-size:12px; }\n.at .results-bar select { width:auto; height:33px; }\n.at .results-bar p { margin:0; }\n.at .card { border-radius:0; }\n.card img { transition:filter .25s; }\n.card:hover img { filter:brightness(1.08); }\n.card-facts { display:flex; justify-content:space-between; gap:8px; border-top:1px solid #ece7de; padding-top:9px; }\n.card-facts span { color:#536170; font-size:12px; }\n.at .save { display:grid; place-items:center; padding:0; line-height:1; }\n.showcase { background:var(--deep); color:#fff; padding:44px 0 50px; }\n.show-nav { display:flex; align-items:center; gap:10px; font-size:12px; }\n.show-nav button { display:grid; place-items:center; width:36px; height:36px; background:none; border:1px solid #ffffff70; border-radius:50%; color:white; cursor:pointer; }\n.show-nav button:hover { background:#fff2; }\n.show-panel { position:relative; min-height:clamp(300px,38vw,475px); display:flex; align-items:flex-end; isolation:isolate; overflow:hidden; background:#20364a; }\n.show-panel img { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; z-index:-2; }\n.show-panel::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(25deg,#07141bed,transparent 85%); z-index:-1; }\n.show-copy { padding:clamp(20px,4vw,48px); }\n.at .show-copy h3 { font-size:clamp(27px,3.5vw,48px); }\n.show-panel:not([hidden]) { animation:at-in .45s ease both; }\n@keyframes at-in { from { opacity:.45; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }\n.consult > .wrap { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }\n.at .photo-dialog { width:min(1000px,94vw); max-height:93vh; border:0; background:var(--deep); color:white; padding:12px; }\n.photo-dialog::backdrop { background:#03101ded; }\n.photo-dialog img { display:block; width:100%; height:min(72vh,650px); object-fit:contain; }\n.photo-dialog .photo-controls { display:flex; align-items:center; justify-content:center; gap:12px; padding:8px; }\n.photo-controls button { background:none; border:1px solid #ffffff75; color:white; cursor:pointer; padding:5px 11px; }\n@media(max-width:760px){\n .at .search-panel{grid-template-columns:1fr 1fr;gap:9px;padding:12px}\n .search-panel label:first-child,.search-panel .btn{grid-column:1\/-1}\n .at .cinema{min-height:440px}\n .at .cinema-tools{padding-bottom:52px}\n .at .cinema-content{padding-top:36px}\n .section-head{align-items:start;flex-wrap:wrap}\n}\n@media(prefers-reduced-motion:reduce){.at *, .at *::before,.at *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }}\n.cinema-video { opacity:0; transition:opacity .7s; overflow:hidden; }\n.cinema-video.is-playing { opacity:1; }\n.at .cinema-video iframe { width:max(100%,120vh); height:max(100%,56.25vw); top:50%; left:50%; transform:translate(-50%,-50%); }\n.is-paused .cinema-poster { animation-play-state:paused; }\n@media(max-width:760px){ .at .cinema-video iframe {width:max(100%,800px)} }\n@media (min-width:701px) and (max-width:900px){\n .at > header > .wrap { flex-wrap:nowrap; align-items:center; padding-block:10px; min-height:62px; gap:12px }\n .at > header nav { gap:8px 14px; font-size:12px }\n .at > header .logo { width:108px }\n .at > header .outline { padding:7px 9px; font-size:11px; white-space:nowrap }\n}\n@media(max-width:700px){\n .at > header > .wrap { align-items:center; gap:9px; padding-block:10px }\n .at > header nav { order:3; flex-basis:100%; gap:6px 14px; font-size:12px }\n .at > header .logo { width:112px }\n .at .cinema { min-height:400px }\n}\n\n.at.at-interior > header { background:#0c1c29; color:#fff; }\n.at.at-interior > header > .wrap { min-height:72px; padding-block:10px; align-items:center; justify-content:space-between; }\n.at.at-interior > header nav { gap:10px clamp(12px,1.8vw,24px); }\n.at.at-interior > header > .wrap > .outline { white-space:nowrap; }\n.at.at-interior .menu { margin-top:12px; padding:14px; border:1px solid #d7b37050; box-shadow:0 12px 32px #09172442; }\n.at.at-interior .menu a { padding:4px 8px; }\n.at.at-interior > footer { border-top:1px solid #d7b37038; padding:42px 0; }\n.at.at-interior .footer-links { display:grid; grid-template-columns:repeat(2, minmax(115px,1fr)); gap:12px 24px; align-content:start; }\n.at.at-interior .footer-links a:hover { color:#efca87; }\n.at.at-interior .skip-link { position:absolute; z-index:15; top:8px; left:8px; padding:6px 10px; background:#fff; color:#0c1c29; transform:translateY(-160%); }\n.at.at-interior .skip-link:focus-visible { transform:none; }\n@media(max-width:700px){\n .at.at-interior > header > .wrap { gap:9px; justify-content:flex-start; }\n .at.at-interior > header > .wrap > .outline { display:inline-block; margin-left:auto; font-size:11px; padding:7px 9px; }\n .at.at-interior > header nav { flex-wrap:nowrap; overflow:visible; gap:5px 11px; font-size:clamp(10px,2.9vw,12px); }\n .at.at-interior .footer-links { width:100%; }\n}\n.at .collection {\n  --collection-ink: #102333;\n  --collection-champagne: #e2c48b;\n  --collection-rule: #dcd5c9;\n  background: #f7f5f0;\n}\n.collection-hero {\n  position: relative;\n  isolation: isolate;\n  color: #fff;\n  background: #112535;\n  background-image: radial-gradient(ellipse at 22% 110%, #324858 0%, transparent 64%);\n}\n.collection-frame {\n  display: grid;\n  grid-template-columns: minmax(310px, 4fr) minmax(0, 5fr);\n  min-height: 340px;\n}\n.collection-intro {\n  position: relative;\n  z-index: 1;\n  align-self: center;\n  padding-block: clamp(30px, 5vw, 63px);\n  padding-right: clamp(20px, 4.6vw, 68px);\n}\n.at .collection-crumbs {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: 4px 10px;\n  margin-bottom: clamp(20px, 4vw, 40px);\n  color: #d4dce1;\n  font-size: 11px;\n}\n.at .collection-crumbs a:hover { color: var(--collection-champagne); }\n.at .collection .collection-intro .eyebrow { color: var(--collection-champagne); }\n.at .collection h1 {\n  max-width: 18ch;\n  margin: 7px 0 12px;\n  font-size: clamp(34px, 4.6vw, 64px);\n  line-height: 1.06;\n  text-wrap: balance;\n}\n.collection-intro .collection-desc {\n  max-width: 37ch;\n  color: #e1e7eb;\n}\n.collection-jump {\n  display: inline-flex;\n  gap: 12px;\n  margin-top: 12px;\n  padding-bottom: 5px;\n  border-bottom: 1px solid var(--collection-champagne);\n  font-size: 13px;\n}\n.collection-jump span { color: var(--collection-champagne); }\n.collection-cover {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  min-height: 100%;\n  background: #1d3346;\n}\n.collection-cover img {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  inset: 0;\n  object-fit: cover;\n  transition: transform .7s ease;\n}\n.collection-cover:hover img { transform: scale(1.04); }\n.collection-cover::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(0deg, #081521ab, transparent 35%);\n  pointer-events: none;\n}\n.collection-cover > span {\n  position: absolute;\n  z-index: 1;\n  right: 22px;\n  bottom: 19px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  padding: 7px 12px;\n  color: white;\n  border: 1px solid #ffffff68;\n  background: #132433b3;\n  font-size: 12px;\n}\n.collection-art {\n  position: relative;\n  overflow: hidden;\n  background:\n    repeating-linear-gradient(115deg, transparent 0 36px, #e2c48b22 37px 38px, transparent 39px 75px),\n    radial-gradient(ellipse at 70% 90%, #344b5d, #172d3e 65%);\n}\n.collection-art::after {\n  content: \"\";\n  position: absolute;\n  width: 66%;\n  aspect-ratio: 1.15;\n  border: 1px solid #e2c48b60;\n  inset: 50% auto auto 50%;\n  transform: translate(-50%, -35%) rotate(-24deg);\n  box-shadow: 0 0 0 20px #e2c48b0e, 0 0 0 40px #e2c48b0e;\n}\n.collection-routes {\n  border-bottom: 1px solid var(--collection-rule);\n  background: #ede9e0;\n}\n.collection-routes .wrap {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0 24px;\n}\n.collection-routes a {\n  display: inline-flex;\n  align-items: center;\n  min-height: 46px;\n  padding: 3px 0 0;\n  border-bottom: 2px solid transparent;\n  font-size: 13px;\n}\n.collection-routes a[aria-current=\"page\"],\n.collection-routes .collection-parent,\n.collection-routes a:hover {\n  border-bottom-color: #987442;\n  font-weight: 600;\n}\n.collection-results { padding-block: clamp(28px, 5vw, 62px); }\n.collection-results-head {\n  display: flex;\n  align-items: end;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 16px;\n}\n.at .collection-results-head h2 { margin: 0; }\n.collection-results-head > div { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }\n.collection-text-link {\n  display: inline-block;\n  min-height: 28px;\n  padding-block: 3px;\n  font-size: 13px;\n  text-underline-offset: 4px;\n}\n.at a.collection-text-link:hover { text-decoration: underline; }\n.at .collection-layout,\n.at .collection-reset {\n  padding: 7px 11px;\n  color: var(--collection-ink);\n  background: transparent;\n  border: 1px solid #c2b49c;\n  border-radius: 0;\n  font-size: 13px;\n  cursor: pointer;\n}\n.at .collection-layout:hover,\n.at .collection-reset:hover {\n  border-color: #987442;\n  background: #eee9e0;\n}\n.collection-subcategories {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin: 8px 0 18px;\n}\n.collection-subcategories a {\n  padding: 5px 10px;\n  border: 1px solid var(--collection-rule);\n  background: #fff;\n  font-size: 12px;\n}\n.collection-subcategories a:hover { border-color: #987442; }\n.collection-subcategories a span { margin-left: 4px; }\n.at .collection .search-panel {\n  padding: 16px;\n  box-shadow: none;\n}\n.at .collection .results-bar { margin-block: 14px; }\n.at .collection .grid { gap: 18px; }\n.at .collection .card {\n  background: #fffcf7;\n  border-color: var(--collection-rule);\n}\n.at .collection .card > a {\n  min-height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.at .collection .card .copy { flex: 1; display: flex; flex-direction: column; }\n.at .collection .card h3 {\n  margin-bottom: 14px;\n  font-size: clamp(17px, 2vw, 24px);\n  overflow-wrap: anywhere;\n}\n.at .collection .card .card-facts { margin-top: auto; }\n.collection[data-layout=\"list\"] .grid { grid-template-columns: 1fr; }\n.collection[data-layout=\"list\"] .card > a {\n  display: grid;\n  grid-template-columns: minmax(130px, 30%) 1fr;\n}\n.collection[data-layout=\"list\"] .card .copy { padding-right: 53px; }\n.collection[data-layout=\"list\"] .card img { height: 100%; min-height: 124px; }\n.collection-empty {\n  padding: 24px;\n  background: #ede9e0;\n  border-left: 3px solid #b59156;\n}\n.collection-empty .collection-text-link { margin-left: 9px; }\n@media (max-width: 760px) {\n  .collection-frame { grid-template-columns: minmax(0, 1fr); }\n  .collection-intro { padding: 24px 0 20px; }\n  .collection-cover, .collection-art { min-height: min(220px, 43vw); }\n  .collection-crumbs { margin-bottom: 17px; }\n  .collection-routes .wrap { gap: 0 18px; }\n  .collection-routes a { min-height: 38px; }\n  .collection-results-head { flex-wrap: wrap; align-items: start; }\n}\n@media (max-width: 440px) {\n  .collection[data-layout=\"list\"] .card > a { grid-template-columns: minmax(95px, 31%) 1fr; }\n  .collection[data-layout=\"list\"] .card h3 { font-size: 16px; }\n  .collection[data-layout=\"list\"] .card .copy { padding: 12px 38px 12px 8px; }\n  .collection[data-layout=\"list\"] .save { right: 5px; }\n  .collection[data-layout=\"list\"] .card-facts { flex-wrap: wrap; }\n}\n<\/style><div class=\"at at-interior\" data-favorites=\"no\"><a class=\"skip-link\" href=\"#at-main\">Ir para o conte\u00fado<\/a><header><div class=\"wrap\"><a href=\"\/\"><img decoding=\"async\" class=\"logo\" src=\"https:\/\/imoveis.atitudedobrasil.com\/wp-content\/uploads\/2023\/10\/logo_atitude_003.png\" alt=\"Atitude do Brasil\"><\/a><nav aria-label=\"Menu principal\"><details><summary>Im\u00f3veis<\/summary><div class=\"menu\"><a class=\"\" href=\"\/?page_id=10\">Todos os im\u00f3veis<\/a><a class=\"\" href=\"\/?page_id=13\">Urbano<\/a><a class=\"\" href=\"\/?page_id=24\">Residencial<\/a><a class=\"\" href=\"\/?page_id=15\">Comercial<\/a><a class=\"\" href=\"\/?page_id=21\">Industrial<\/a><a class=\"\" href=\"\/?page_id=26\">Rural<\/a><a class=\"\" href=\"\/?page_id=18\">Empreendimentos \/ Incorpora\u00e7\u00f5es<\/a><a class=\"\" href=\"\/?page_id=32\">Mapa de im\u00f3veis<\/a><\/div><\/details><a class=\"\" href=\"\/?page_id=30\">Empreendimentos<\/a><a class=\"\" href=\"\/?page_id=35\">Sobre<\/a><a class=\"\" href=\"\/?page_id=38\">Contato<\/a><a class=\"\" href=\"\/?page_id=33\">Favoritos<\/a><\/nav><a class=\"outline\" href=\"https:\/\/wa.me\/551127496676\">Fale com a equipe<\/a><\/div><\/header><main id=\"at-main\" tabindex=\"-1\"><div class=\"collection\">\n      <section class=\"collection-hero\" aria-labelledby=\"collection-title\">\n        <div class=\"wrap collection-frame\">\n          <div class=\"collection-intro\">\n            <nav class=\"collection-crumbs\" aria-label=\"Caminho da p\u00e1gina\">\n              <a href=\"\/\">In\u00edcio<\/a><span aria-hidden=\"true\">\/<\/span><a href=\"\/?page_id=10\">Im\u00f3veis<\/a><span aria-hidden=\"true\">\/<\/span>\n              <span aria-current=\"page\">Ch\u00e1cara<\/span>\n            <\/nav>\n            <p class=\"eyebrow\">Cole\u00e7\u00f5es Atitude<\/p>\n            <h1 id=\"collection-title\">Ch\u00e1cara<\/h1>\n            \n            <a class=\"collection-jump\" href=\"#at-results\">Explorar a cole\u00e7\u00e3o <span aria-hidden=\"true\">\u2193<\/span><\/a>\n          <\/div>\n          <div class=\"collection-art\" aria-hidden=\"true\"><\/div>\n        <\/div>\n      <\/section>\n      <nav class=\"collection-routes\" aria-label=\"Categorias de im\u00f3veis\">\n        <div class=\"wrap\"><a href=\"\/?page_id=10\">Todos<\/a><a href=\"\/?page_id=13\">Urbano<\/a><a href=\"\/?page_id=24\">Residencial<\/a><a href=\"\/?page_id=15\">Comercial<\/a><a href=\"\/?page_id=21\">Industrial<\/a><a href=\"\/?page_id=26\" class=\"collection-parent\">Rural<\/a><a href=\"\/?page_id=30\">Empreendimentos<\/a><\/div>\n      <\/nav>\n      <section class=\"wrap collection-results\" aria-labelledby=\"at-results\">\n        <div class=\"collection-results-head\">\n          <h2 id=\"at-results\" tabindex=\"-1\">Im\u00f3veis da cole\u00e7\u00e3o<\/h2>\n          <div>\n            <a class=\"collection-text-link\" href=\"\/?page_id=32\">Localizar no mapa <span aria-hidden=\"true\">\u2197<\/span><\/a>\n            <button class=\"collection-layout\" type=\"button\" aria-pressed=\"false\" data-layout-list hidden>Ver em lista<\/button>\n          <\/div>\n        <\/div>\n        <nav class=\"collection-subcategories\" aria-label=\"Tipos de im\u00f3vel\"><a href=\"\/?page_id=26\">Ver rural <span aria-hidden=\"true\">\u2197<\/span><\/a><\/nav>\n        <div class=\"collection-empty\">\n          <h3>Nenhum im\u00f3vel publicado nesta categoria<\/h3>\n          <p>Conte \u00e0 nossa equipe o que voc\u00ea procura ou explore outras categorias.<\/p>\n          <a class=\"btn\" href=\"\/?page_id=38\">Falar com a equipe <span aria-hidden=\"true\">\u2197<\/span><\/a>\n          <a href=\"\/?page_id=10\" class=\"collection-text-link\">Ver todos os im\u00f3veis <span aria-hidden=\"true\">\u2197<\/span><\/a>\n        <\/div>\n        \n      <\/section>\n    <\/div><\/main><footer><div class=\"wrap\"><div><img decoding=\"async\" class=\"logo\" src=\"https:\/\/imoveis.atitudedobrasil.com\/wp-content\/uploads\/2023\/10\/logo_atitude_003.png\" alt=\"Atitude do Brasil\"><p>Neg\u00f3cios imobili\u00e1rios \u00b7 S\u00e3o Paulo, SP<\/p><\/div><div class=\"footer-links\"><a class=\"\" href=\"\/?page_id=10\">Explorar im\u00f3veis<\/a><a class=\"\" href=\"\/?page_id=38\">Fale com a Atitude<\/a><a class=\"\" href=\"\/?page_id=35\">Sobre a Atitude<\/a><a class=\"\" href=\"\/?page_id=32\">Mapa de im\u00f3veis<\/a><a href=\"tel:+551127496676\">(11) 2749-6676<\/a><\/div><\/div><\/footer><\/div><script>(() => {\n  const root = document.querySelector('.at');\n  if (!root) return;\n  const cards = [...root.querySelectorAll('.card')];\n  const query = root.querySelector('#at-query');\n  const category = root.querySelector('#at-category');\n  const price = root.querySelector('#at-price');\n  const sort = root.querySelector('#at-sort');\n  const quick = [...root.querySelectorAll('.quick button')];\n  const grid = root.querySelector('.grid');\n  const count = root.querySelector('#at-count');\n  const normalize = (value) => value.toLowerCase().normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '');\n  let saved = [];\n  try { saved = JSON.parse(localStorage.getItem('atitude-favoritos') || '[]'); } catch {}\n  if (!Array.isArray(saved)) saved = [];\n  function render() {\n    let visible = 0;\n    for (const button of quick) button.setAttribute('aria-pressed', String(button.dataset.type === category.value));\n    for (const card of cards) {\n      const favorite = saved.includes(card.dataset.id);\n      card.hidden = (root.dataset.favorites === 'yes' && !favorite)\n        || (query && !normalize(card.textContent + \" \" + (card.dataset.reference || \"\")).includes(normalize(query.value.trim())))\n        || (category && category.value && !card.dataset.types.split(' ').includes(category.value))\n        || (price && price.value && (!card.dataset.price || Number(card.dataset.price) > Number(price.value)));\n      if (!card.hidden) visible++;\n      const button = card.querySelector('.save');\n      button.textContent = favorite ? '\u2665' : '\u2661';\n      button.setAttribute('aria-pressed', String(favorite));\n    }\n    if (count) count.textContent = visible ? visible + (visible === 1 ? ' im\u00f3vel' : ' im\u00f3veis') : 'Nenhum im\u00f3vel encontrado.';\n  }\n  for (const card of cards) card.querySelector('.save').addEventListener('click', () => {\n    const id = card.dataset.id;\n    saved = saved.includes(id) ? saved.filter(item => item !== id) : [...saved, id];\n    try { localStorage.setItem('atitude-favoritos', JSON.stringify(saved)); } catch {}\n    render();\n  });\n  root.querySelector('#at-search')?.addEventListener('submit', event => {\n    event.preventDefault();\n    render();\n    const results = root.querySelector('#at-results');\n    results?.focus({ preventScroll:true });\n    (results || count)?.scrollIntoView({block:'start'});\n  });\n  for (const button of quick) button.addEventListener('click', () => {\n    category.value = button.dataset.type;\n    render();\n  });\n  price?.addEventListener('change', render);\n  sort?.addEventListener('change', () => {\n    if (!grid) return;\n    const ordered = [...cards];\n    if (sort.value) ordered.sort((a,b) => {\n      if (!a.dataset.price) return b.dataset.price ? 1 : 0;\n      if (!b.dataset.price) return -1;\n      return (Number(a.dataset.price)-Number(b.dataset.price)) * (sort.value === 'asc' ? 1 : -1);\n    });\n    grid.append(...ordered);\n  });\n  query?.addEventListener('input', render);\n  category?.addEventListener('change', render);\n  render();\n})();\n(() => {\n  const site = document.querySelector('.at');\n  if (!site) return;\n  const stage = site.querySelector('.cinema-video');\n  const motion = site.querySelector('#at-motion');\n  const reduced = matchMedia('(prefers-reduced-motion: reduce)');\n  if (stage && motion && !reduced.matches) {\n    const playerNode = document.createElement('div');\n    stage.append(playerNode);\n    let player;\n    let paused = false;\n    let ready = false;\n    motion.hidden = false;\n    motion.textContent = 'Pausar movimento';\n    const setPlayer = () => {\n      player = new YT.Player(playerNode, {\n        videoId: stage.dataset.video,\n        playerVars: {autoplay:1, controls:0, disablekb:1, mute:1, rel:0, playsinline:1, start:100, end:200, origin:location.origin},\n        events: {\n          onReady(event) {\n            const frame = event.target.getIframe();\n            frame.tabIndex = -1;\n            frame.setAttribute('title','V\u00eddeo institucional da Atitude do Brasil');\n            event.target.mute();\n            ready = true;\n            if (!paused) event.target.playVideo();\n          },\n          onStateChange(event) {\n            if (event.data === YT.PlayerState.PLAYING) stage.classList.add('is-playing');\n            if (event.data === YT.PlayerState.ENDED && !paused) {\n              event.target.seekTo(100,true);\n              event.target.playVideo();\n            }\n          },\n          onError() { stage.classList.remove('is-playing'); },\n        },\n      });\n    };\n    if (window.YT?.Player) setPlayer();\n    else {\n      const previous = window.onYouTubeIframeAPIReady;\n      window.onYouTubeIframeAPIReady = () => {\n        if (typeof previous === 'function') previous();\n        setPlayer();\n      };\n      const api = document.createElement('script');\n      api.src = 'https:\/\/www.youtube.com\/iframe_api';\n      document.head.append(api);\n    }\n    motion.addEventListener('click', () => {\n      paused = !paused;\n      site.querySelector('.cinema').classList.toggle('is-paused', paused);\n      motion.textContent = paused ? 'Retomar movimento' : 'Pausar movimento';\n      if (ready) {\n        if (paused) player.pauseVideo();\n        else player.playVideo();\n      }\n    });\n  }\n\n  const slides = [...site.querySelectorAll('.show-panel')];\n  const slideStatus = site.querySelector('.show-nav span');\n  let slide = 0;\n  for (const button of site.querySelectorAll('.show-nav button')) {\n    button.addEventListener('click', () => {\n      slides[slide].hidden = true;\n      slide = (slide + Number(button.dataset.step) + slides.length) % slides.length;\n      slides[slide].hidden = false;\n      slideStatus.textContent = (slide + 1) + ' \/ ' + slides.length;\n    });\n  }\n\n  const links = [...site.querySelectorAll('.gallery a')];\n  if (!links.length || typeof HTMLDialogElement === 'undefined') return;\n  const dialog = document.createElement('dialog');\n  dialog.className = 'photo-dialog';\n  dialog.setAttribute('aria-label','Galeria de fotos');\n  dialog.innerHTML = '<img alt=\"\"><div class=\"photo-controls\"><button type=\"button\" data-photo=\"-1\" aria-label=\"Foto anterior\">\u2190<\/button><span aria-live=\"polite\"><\/span><button type=\"button\" data-photo=\"1\" aria-label=\"Pr\u00f3xima foto\">\u2192<\/button><button type=\"button\" data-close>Fechar<\/button><\/div>';\n  site.append(dialog);\n  const image = dialog.querySelector('img');\n  const status = dialog.querySelector('span');\n  let index = 0;\n  const show = offset => {\n    index = (index + offset + links.length) % links.length;\n    image.src = links[index].href;\n    image.alt = links[index].querySelector('img').alt;\n    status.textContent = (index + 1) + ' \/ ' + links.length;\n  };\n  links.forEach((link,i) => link.addEventListener('click', event => {\n    if (event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return;\n    event.preventDefault();\n    index = i;\n    show(0);\n    dialog.showModal();\n    dialog.querySelector('[data-close]').focus();\n  }));\n  dialog.querySelector('[data-close]').addEventListener('click', () => dialog.close());\n  for (const button of dialog.querySelectorAll('[data-photo]')) {\n    button.hidden = links.length === 1;\n    button.addEventListener('click', () => show(Number(button.dataset.photo)));\n  }\n  dialog.addEventListener('keydown', event => {\n    if (event.key === 'ArrowLeft') show(-1);\n    if (event.key === 'ArrowRight') show(1);\n  });\n  dialog.addEventListener('click', event => { if (event.target === dialog) dialog.close(); });\n})();\n(() => {\n  const collection = document.querySelector('.at .collection');\n  if (!collection) return;\n\n  const form = collection.querySelector('#at-search');\n  const count = collection.querySelector('#at-count');\n  const grid = collection.querySelector('.grid');\n  if (!form || !grid || !count) return;\n\n  const search = collection.querySelector('#at-query');\n  const category = collection.querySelector('#at-category');\n  const price = collection.querySelector('#at-price');\n  const empty = collection.querySelector('[data-empty-results]');\n  const emptyMessage = collection.querySelector('[data-empty-message]');\n  const reset = collection.querySelector('[data-reset-search]');\n  const layout = collection.querySelector('[data-layout-list]');\n  const cards = [...grid.querySelectorAll('.card')];\n  const applicableTypes = new Set(cards.flatMap(card => card.dataset.types.split(' ')));\n  for (const option of [...category.options]) {\n    if (option.value && !applicableTypes.has(option.value)) option.remove();\n  }\n\n  if (cards.length > 1) {\n    layout.hidden = false;\n    layout.addEventListener('click', () => {\n      const showList = collection.dataset.layout !== 'list';\n      collection.dataset.layout = showList ? 'list' : 'grid';\n      layout.setAttribute('aria-pressed', String(showList));\n      layout.textContent = showList ? 'Ver em grade' : 'Ver em lista';\n    });\n  }\n\n  const updateEmpty = () => {\n    const filtered = Boolean(search.value.trim() || category.value || price.value);\n    empty.hidden = cards.some(card => !card.hidden);\n    reset.hidden = !filtered;\n    if (filtered) emptyMessage.textContent = 'Experimente outra localiza\u00e7\u00e3o, tipo de im\u00f3vel ou faixa de valor.';\n    else if (collection.closest('.at').dataset.favorites === 'yes') {\n      emptyMessage.textContent = 'Salve im\u00f3veis no cat\u00e1logo para montar a sua lista.';\n    }\n  };\n\n  reset.addEventListener('click', () => {\n    form.reset();\n    search.dispatchEvent(new Event('input', {bubbles:true}));\n    search.focus();\n  });\n\n  const observer = new MutationObserver(updateEmpty);\n  observer.observe(count, {childList:true, subtree:true});\n  updateEmpty();\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Ir para o conte\u00fado Im\u00f3veis Todos os im\u00f3veisUrbanoResidencialComercialIndustrialRuralEmpreendimentos \/ Incorpora\u00e7\u00f5esMapa de im\u00f3veis EmpreendimentosSobreContatoFavoritos Fale com a equipe In\u00edcio\/Im\u00f3veis\/ Ch\u00e1cara Cole\u00e7\u00f5es Atitude Ch\u00e1cara Explorar a cole\u00e7\u00e3o \u2193 TodosUrbanoResidencialComercialIndustrialRuralEmpreendimentos Im\u00f3veis da cole\u00e7\u00e3o Localizar no mapa \u2197 Ver em lista Ver rural \u2197 Nenhum im\u00f3vel publicado nesta categoria Conte \u00e0 nossa equipe o que voc\u00ea procura ou explore [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teste.imoveis.atitudedobrasil.com\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teste.imoveis.atitudedobrasil.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teste.imoveis.atitudedobrasil.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teste.imoveis.atitudedobrasil.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teste.imoveis.atitudedobrasil.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":5,"href":"https:\/\/teste.imoveis.atitudedobrasil.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":191,"href":"https:\/\/teste.imoveis.atitudedobrasil.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/191"}],"wp:attachment":[{"href":"https:\/\/teste.imoveis.atitudedobrasil.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}