{"id":1113,"date":"2026-03-03T19:47:09","date_gmt":"2026-03-03T19:47:09","guid":{"rendered":"https:\/\/sitexis.com.br\/attos\/?page_id=1113"},"modified":"2026-05-26T20:29:10","modified_gmt":"2026-05-26T20:29:10","slug":"imoveis","status":"publish","type":"page","link":"https:\/\/sitexis.com.br\/attos\/imoveis\/","title":{"rendered":"Im\u00f3veis"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1113\" class=\"elementor elementor-1113\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5a929e e-con-full e-flex e-con e-parent\" data-id=\"f5a929e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ce8e92 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"0ce8e92\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Estamos por toda Zona Leste,<br><span style=\"font-weight:600\">sempre priorizando:<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4302b1e elementor-widget elementor-widget-html\" data-id=\"4302b1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .attos-container {\r\n    padding: 0px;\r\n  }\r\n\r\n  .attos-carousel {\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .attos-track {\r\n    display: flex;\r\n    gap: 20px;\r\n    \/* Removida a transition daqui para o JS controlar frame a frame com perfei\u00e7\u00e3o *\/\r\n  }\r\n\r\n  .attos-card {\r\n    position: relative;\r\n    min-width: 420px;\r\n    height: 220px;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .attos-card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .attos-overlay {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    padding: 20px;\r\n    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);\r\n    color: white;\r\n  }\r\n\r\n  .attos-title {\r\n    font-size: 22px;\r\n    font-weight: bold;\r\n    line-height: 1.2;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .attos-subtitle {\r\n    font-size: 14px;\r\n    opacity: 0.9;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .attos-number {\r\n    position: absolute;\r\n    right: 15px;\r\n    bottom: 15px;\r\n    color: #fff;\r\n    border: 1px solid white;\r\n    border-radius: 6px;\r\n    padding: 6px 10px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  \/* segunda linha *\/\r\n  .attos-row {\r\n    margin-top: 30px;\r\n  }\r\n\r\n  \/* ====== Card separador com gradiente azul para branco ====== *\/\r\n  .attos-separator {\r\n    min-width: 420px;\r\n    height: 220px;\r\n    border-radius: 12px;\r\n    flex-shrink: 0;\r\n    background: linear-gradient(180deg, #DFEAF6 0%, #ffffff 100%);\r\n  }\r\n<\/style>\r\n\r\n<div class=\"attos-container\">\r\n  \r\n  <div class=\"attos-carousel\" id=\"attos-carousel1\">\r\n    <div class=\"attos-track\">\r\n      <div class=\"attos-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/sitexis.com.br\/attos\/wp-content\/uploads\/2026\/04\/Facil-acesso.jpg\">\r\n        <div class=\"attos-overlay\">\r\n          <div class=\"attos-title\">F\u00e1cil Acesso<\/div>\r\n          <div class=\"attos-subtitle\">aos principais pontos do bairro<\/div>\r\n        <\/div>\r\n        <div class=\"attos-number\">1<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"attos-separator\"><\/div>\r\n\r\n      <div class=\"attos-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/sitexis.com.br\/attos\/wp-content\/uploads\/2026\/04\/qualidade-de-vida.jpg\">\r\n        <div class=\"attos-overlay\">\r\n          <div class=\"attos-title\">Qualidade de Vida<\/div>\r\n          <div class=\"attos-subtitle\">tudo que voc\u00ea precisa, em um s\u00f3 lugar<\/div>\r\n        <\/div>\r\n        <div class=\"attos-number\">2<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"attos-separator\"><\/div>\r\n\r\n      <div class=\"attos-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/sitexis.com.br\/attos\/wp-content\/uploads\/2026\/04\/Plantas-inteligente.jpg\">\r\n        <div class=\"attos-overlay\">\r\n          <div class=\"attos-title\">Plantas Inteligentes<\/div>\r\n          <div class=\"attos-subtitle\">Planejado para voc\u00ea viver da melhor forma<\/div>\r\n        <\/div>\r\n        <div class=\"attos-number\">3<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"attos-separator\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"attos-carousel attos-row\" id=\"attos-carousel2\">\r\n    <div class=\"attos-track\">\r\n        \r\n      <div class=\"attos-separator\"><\/div>\r\n\r\n      <div class=\"attos-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/sitexis.com.br\/attos\/wp-content\/uploads\/2026\/04\/localizacao-estrategica.jpg\">\r\n        <div class=\"attos-overlay\">\r\n          <div class=\"attos-title\">Localiza\u00e7\u00e3o estrat\u00e9gica<\/div>\r\n          <div class=\"attos-subtitle\">tudo que voc\u00ea precisa por perto<\/div>\r\n        <\/div>\r\n        <div class=\"attos-number\">4<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"attos-separator\"><\/div>\r\n\r\n      <div class=\"attos-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/sitexis.com.br\/attos\/wp-content\/uploads\/2026\/04\/seguranca.jpg\">\r\n        <div class=\"attos-overlay\">\r\n          <div class=\"attos-title\">Seguran\u00e7a<\/div>\r\n          <div class=\"attos-subtitle\">Seguran\u00e7a para voc\u00ea e sua fam\u00edlia<\/div>\r\n        <\/div>\r\n        <div class=\"attos-number\">5<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"attos-separator\"><\/div>\r\n\r\n      <div class=\"attos-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/sitexis.com.br\/attos\/wp-content\/uploads\/2026\/04\/negociacao-personalizada.jpg\">\r\n        <div class=\"attos-overlay\">\r\n          <div class=\"attos-title\">Negocia\u00e7\u00e3o personalizada<\/div>\r\n          <div class=\"attos-subtitle\">a melhor proposta para voc\u00ea<\/div>\r\n        <\/div>\r\n        <div class=\"attos-number\">6<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ Motor \u00danico de Sincroniza\u00e7\u00e3o\r\n  const track1 = document.querySelector('#attos-carousel1 .attos-track');\r\n  const track2 = document.querySelector('#attos-carousel2 .attos-track');\r\n\r\n  if (track1 && track2) {\r\n    \/\/ Duplica o conte\u00fado para criar o loop infinito\r\n    track1.innerHTML += track1.innerHTML;\r\n    track2.innerHTML += track2.innerHTML;\r\n\r\n    let position = 0;\r\n    const speed = 0.5; \/\/ Mesma velocidade para ambos\r\n\r\n    function syncAnimate() {\r\n      position -= speed;\r\n\r\n      \/\/ Como ambos t\u00eam exatamente a mesma largura, calculamos pelo track1\r\n      if (Math.abs(position) >= track1.scrollWidth \/ 2) {\r\n        position = 0;\r\n      }\r\n\r\n      \/\/ Aplica a mesma posi\u00e7\u00e3o exata nas duas linhas ao mesmo tempo\r\n      track1.style.transform = `translateX(${position}px)`;\r\n      track2.style.transform = `translateX(${position}px)`;\r\n      \r\n      requestAnimationFrame(syncAnimate);\r\n    }\r\n\r\n    syncAnimate();\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5f94f5 e-con-full e-flex e-con e-parent\" data-id=\"b5f94f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a38ce5 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2a38ce5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Nossos Im\u00f3veis<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0555e03 elementor-widget elementor-widget-html\" data-id=\"0555e03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"vitrine-attos-premium2\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    #vitrine-attos-premium2 {\r\n      --brand:   #E46C45;\r\n      --card-bg: #cee1fd;\r\n      --card-w:  296px;\r\n      --ease:    cubic-bezier(0.165, 0.84, 0.44, 1);\r\n      font-family: 'Montserrat', sans-serif;\r\n      padding: 40px 0;\r\n      background: transparent;\r\n      width: 100%;\r\n      user-select: none;\r\n    }\r\n\r\n    \/* \u2500\u2500 TRACK \u2500\u2500 *\/\r\n    #vitrine-attos-premium2 .ci-track {\r\n      display: flex;\r\n      align-items: stretch;       \/* all cards stretch to tallest *\/\r\n      gap: 18px;\r\n      overflow-x: auto;\r\n      padding: 10px 40px 28px;\r\n      scroll-behavior: smooth;\r\n      scrollbar-width: none;\r\n      -ms-overflow-style: none;\r\n    }\r\n    #vitrine-attos-premium2 .ci-track::-webkit-scrollbar { display: none; }\r\n\r\n    \/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n    #vitrine-attos-premium2 .ci-card {\r\n      flex: 0 0 var(--card-w);\r\n      width: var(--card-w);\r\n      display: flex;\r\n      flex-direction: column;\r\n      border-radius: 0px;\r\n      overflow: hidden;\r\n      background: var(--card-bg);\r\n      box-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n      text-decoration: none;\r\n      color: inherit;\r\n      transition: transform 0.4s var(--ease), box-shadow 0.4s var(--ease);\r\n    }\r\n    #vitrine-attos-premium2 .ci-card:hover {\r\n      transform: translateY(-7px);\r\n      box-shadow: 0 16px 40px rgba(0,0,0,0.32);\r\n    }\r\n\r\n    \/* \u2500\u2500 IMAGE \u2500\u2500 *\/\r\n    #vitrine-attos-premium2 .ci-img-wrap {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 240px;\r\n      flex-shrink: 0;\r\n      overflow: hidden;\r\n    }\r\n    #vitrine-attos-premium2 .ci-img {\r\n      width: 100%; height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 0.5s var(--ease);\r\n      display: block;\r\n    }\r\n    #vitrine-attos-premium2 .ci-card:hover .ci-img { transform: scale(1.06); }\r\n\r\n    \/* Image gradient *\/\r\n    #vitrine-attos-premium2 .ci-img-grad {\r\n      position: absolute; inset: 0;\r\n      background: linear-gradient(to top, rgba(0,0,0,0.35) 0%, transparent 50%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Badge *\/\r\n    #vitrine-attos-premium2 .ci-badge {\r\n      position: absolute; top: 12px; left: 12px; z-index: 5;\r\n      background: var(--brand); color: #fff;\r\n      font-size: 9px; font-weight: 800;\r\n      letter-spacing: 0.9px; text-transform: uppercase;\r\n      padding: 4px 11px; border-radius: 50px;\r\n    }\r\n\r\n    \/* \u2500\u2500 BODY \u2500\u2500 *\/\r\n    #vitrine-attos-premium2 .ci-body {\r\n      flex: 1;                    \/* grows to fill card height *\/\r\n      display: flex;\r\n      flex-direction: column;\r\n      padding: 17px 17px 16px;\r\n      gap: 0;\r\n      min-width: 0;               \/* critical: prevents overflow escaping flex *\/\r\n    }\r\n\r\n    \/* Title *\/\r\n    #vitrine-attos-premium2 .ci-title {\r\n      font-size: 17px;\r\n      font-weight: 400;\r\n      color: #243A42;\r\n      line-height: 1.3;\r\n      margin-bottom: 5px;\r\n      \/* Allows 2 lines max, truncates with \u2026 on 3rd *\/\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n    }\r\n    #vitrine-attos-premium2 .ci-title strong { font-weight: 700; }\r\n\r\n    \/* Neighborhood *\/\r\n    #vitrine-attos-premium2 .ci-bairro {\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      color: #243A42;\r\n      margin-bottom: 4px;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n\r\n    \/* Address *\/\r\n    #vitrine-attos-premium2 .ci-address {\r\n      font-size: 10.5px;\r\n      font-weight: 400;\r\n      color: #243A42;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    \/* Push specs to bottom *\/\r\n    #vitrine-attos-premium2 .ci-spacer { flex: 1; min-height: 14px; }\r\n\r\n    \/* Divider *\/\r\n    #vitrine-attos-premium2 .ci-divider {\r\n      height: 1px;\r\n      background: rgba(255,255,255,0.09);\r\n      margin-bottom: 13px;\r\n    }\r\n\r\n    \/* \u2500\u2500 SPECS GRID \u2500\u2500 *\/\r\n    #vitrine-attos-premium2 .ci-specs {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);  \/* 3 equal columns, always *\/\r\n      gap: 6px 4px;\r\n    }\r\n\r\n    #vitrine-attos-premium2 .ci-spec {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 4px;\r\n      min-width: 0;               \/* lets grid cells shrink properly *\/\r\n    }\r\n\r\n    \/* Icon row *\/\r\n    #vitrine-attos-premium2 .ci-spec-icon {\r\n      width: 18px; height: 18px;\r\n      fill: var(--brand);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* Value *\/\r\n    #vitrine-attos-premium2 .ci-spec-val {\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      color: #243A42;\r\n      line-height: 1.2;\r\n      width: 100%;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n\r\n    \/* Label *\/\r\n    #vitrine-attos-premium2 .ci-spec-lbl {\r\n      font-size: 9px;\r\n      font-weight: 500;\r\n      color: #243A42;\r\n      letter-spacing: 0.3px;\r\n      width: 100%;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n\r\n    \/* \u2500\u2500 NAV \u2500\u2500 *\/\r\n    #vitrine-attos-premium2 .ci-nav {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 14px;\r\n      margin-top: 20px;\r\n    }\r\n    #vitrine-attos-premium2 .ci-btn {\r\n      width: 44px; height: 44px;\r\n      border-radius: 50%;\r\n      border: 1px solid #ddd;\r\n      background: #fff;\r\n      cursor: pointer;\r\n      display: flex; align-items: center; justify-content: center;\r\n      transition: all 0.35s var(--ease);\r\n    }\r\n    #vitrine-attos-premium2 .ci-btn svg { fill: #555; transition: fill 0.25s; }\r\n    #vitrine-attos-premium2 .ci-btn:hover { background: var(--brand); border-color: var(--brand); }\r\n    #vitrine-attos-premium2 .ci-btn:hover svg { fill: #fff; }\r\n\r\n    \/* \u2500\u2500 LOADER \u2500\u2500 *\/\r\n    #vitrine-attos-premium2 .ci-loader {\r\n      text-align: center; padding: 40px;\r\n      font-weight: 700; font-size: 11px;\r\n      letter-spacing: 2px;\r\n      color: var(--brand);\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      #vitrine-attos-premium2 .ci-track { padding: 10px 16px 20px; }\r\n      #vitrine-attos-premium2 { --card-w: 262px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"ci-loader\" id=\"ci-loader\">CARREGANDO EMPREENDIMENTOS...<\/div>\r\n  <div class=\"ci-track\" id=\"ci-track\"><\/div>\r\n\r\n  <div class=\"ci-nav\">\r\n    <button class=\"ci-btn\" id=\"ci-prev\" aria-label=\"Anterior\">\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\">\r\n        <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n    <button class=\"ci-btn\" id=\"ci-next\" aria-label=\"Pr\u00f3ximo\">\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\">\r\n        <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function () {\r\n    const API   = 'https:\/\/sitexis.com.br\/attos\/wp-json\/imovel\/imovel';\r\n    const track  = document.getElementById('ci-track');\r\n    const loader = document.getElementById('ci-loader');\r\n\r\n    document.getElementById('ci-prev').addEventListener('click', () =>\r\n      track.scrollBy({ left: -320, behavior: 'smooth' }));\r\n    document.getElementById('ci-next').addEventListener('click', () =>\r\n      track.scrollBy({ left:  320, behavior: 'smooth' }));\r\n\r\n    \/* \u2500\u2500 icon paths \u2500\u2500 *\/\r\n    const ICONS = {\r\n      area: 'M3 5v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2zm16 14H5V5h14v14zM13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7z',\r\n      bed:  'M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm11-6h-8v8H4V7H2v15h2v-3h16v3h2v-9c0-2.21-1.79-4-4-4z',\r\n      car:  'M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11C5.84 5 5.29 5.42 5.08 6.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16C5.67 16 5 15.33 5 14.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z'\r\n    };\r\n\r\n    function icon(key) {\r\n      return `<svg class=\"ci-spec-icon\" viewBox=\"0 0 24 24\"><path d=\"${ICONS[key]}\"\/><\/svg>`;\r\n    }\r\n\r\n    function formatTitle(raw) {\r\n      if (!raw) return '';\r\n      const stripped = raw.replace(\/<[^>]+>\/g, '').trim();\r\n      const words = stripped.split(' ');\r\n      if (words.length <= 1) return `<strong>${stripped}<\/strong>`;\r\n      return words.slice(0, -1).join(' ') + ' <strong>' + words[words.length - 1] + '<\/strong>';\r\n    }\r\n\r\n    function spec(iconKey, val, lbl) {\r\n      if (!val) return '';\r\n      return `\r\n        <div class=\"ci-spec\">\r\n          ${icon(iconKey)}\r\n          <div class=\"ci-spec-val\">${val}<\/div>\r\n          <div class=\"ci-spec-lbl\">${lbl}<\/div>\r\n        <\/div>`;\r\n    }\r\n\r\n    function render(items) {\r\n      track.innerHTML = items.map(im => {\r\n        const img    = im.imagem_frente?.guid || im.imagem_fundo?.guid || '';\r\n        const badge  = im.status || im.status_obra || 'Venda';\r\n        const nome   = im.title?.rendered || '';\r\n        const bairro = im.bairro || im.neighborhood || '';\r\n        const end    = im.endereco || im.address || '';\r\n        const link   = im.link || '#';\r\n\r\n        \/* area: strips duplicate m\u00b2 if API already includes unit *\/\r\n        const rawArea = im.area_privativa || im.area || '';\r\n        const area = rawArea\r\n          ? (rawArea.toString().includes('m') ? rawArea : rawArea + ' m\u00b2')\r\n          : '';\r\n\r\n        const rawDorms = im.quartos || im.dormitorios || im.dorms || '';\r\n        const dorms = rawDorms\r\n          ? `${rawDorms} dorm${rawDorms > 1 ? 's' : ''}`\r\n          : '';\r\n\r\n        const rawVagas = im.vagas || im.garagem || '';\r\n        const vagas = rawVagas\r\n          ? `${rawVagas} vaga${rawVagas > 1 ? 's' : ''}`\r\n          : '';\r\n\r\n        return `\r\n          <a class=\"ci-card\" href=\"${link}\" target=\"_blank\">\r\n            <div class=\"ci-img-wrap\">\r\n              ${img ? `<img decoding=\"async\" class=\"ci-img\" src=\"${img}\" alt=\"${nome}\" loading=\"lazy\">` : ''}\r\n              <div class=\"ci-img-grad\"><\/div>\r\n              <span class=\"ci-badge\">${badge}<\/span>\r\n            <\/div>\r\n            <div class=\"ci-body\">\r\n              <div class=\"ci-title\">${formatTitle(nome)}<\/div>\r\n              ${bairro ? `<div class=\"ci-bairro\">${bairro}<\/div>` : ''}\r\n              ${end    ? `<div class=\"ci-address\">${end}<\/div>`   : ''}\r\n              <div class=\"ci-spacer\"><\/div>\r\n              <div class=\"ci-divider\"><\/div>\r\n              <div class=\"ci-specs\">\r\n                ${spec('area', area,  '\u00c1rea')}\r\n                ${spec('bed',  dorms, 'Dormit\u00f3rios')}\r\n                ${spec('car',  vagas, 'Vagas')}\r\n              <\/div>\r\n            <\/div>\r\n          <\/a>`;\r\n      }).join('');\r\n    }\r\n\r\n    async function init() {\r\n      try {\r\n        const r    = await fetch(API);\r\n        const data = await r.json();\r\n        render(data);\r\n        loader.style.display = 'none';\r\n      } catch {\r\n        loader.textContent = 'Sistema indispon\u00edvel.';\r\n      }\r\n    }\r\n\r\n    init();\r\n  })();\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d556503 e-con-full e-flex e-con e-parent\" data-id=\"d556503\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/sitexis.com.br\\\/attos\\\/img_1013\\\/&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-cc4f3da e-con-full e-flex e-con e-child\" data-id=\"cc4f3da\" data-element_type=\"container\" data-e-type=\"container\" id=\"vv\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea0987c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ea0987c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Confira nossa<br><span style=\"font-weight:800\">\u00faltima entrega<\/span><\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b19be6a elementor-widget elementor-widget-html\" data-id=\"b19be6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\r\n\r\n  \/* \u2550\u2550\u2550 ESTILOS DO BOT\u00c3O \u2550\u2550\u2550 *\/\r\n  .btn-saiba-mais {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background-color: #B1B1B1; \/* Cinza do bot\u00e3o *\/\r\n    border-radius: 50px;\r\n    padding: 2px 2px 2px 20px; \/* Padding ajustado (menor na direita para o c\u00edrculo) *\/\r\n    text-decoration: none;\r\n    color: #103B44; \/* Azul escuro do texto *\/\r\n    font-family: 'Montserrat', sans-serif;\r\n    min-width: 220px;\r\n    box-shadow: 3px 3px 0px #999999; \/* Sombra s\u00f3lida *\/\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  \/* Efeito ao passar o mouse *\/\r\n  .btn-saiba-mais:hover {\r\n    transform: translate(2px, 2px);\r\n    box-shadow: 1px 1px 0px #999999;\r\n  }\r\n\r\n  \/* Lado Esquerdo (\u00cdcone + Texto) *\/\r\n  .btn-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .btn-text {\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .icon-plus {\r\n    width: 18px;\r\n    height: 18px;\r\n    stroke: #103B44;\r\n    stroke-width: 2.5;\r\n  }\r\n\r\n  \/* Lado Direito (C\u00edrculo Instagram) *\/\r\n  .btn-right {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #103B44; \/* Azul escuro do c\u00edrculo *\/\r\n    border-radius: 50%;\r\n    width: 38px;\r\n    height: 38px;\r\n    margin-left: 20px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .icon-insta {\r\n    width: 20px;\r\n    height: 20px;\r\n    stroke: #E2EAF1; \/* Cor do tra\u00e7o do instagram *\/\r\n    stroke-width: 2;\r\n  }\r\n<\/style>\r\n\r\n  <a href=\"#\" class=\"btn-saiba-mais\">\r\n    <span class=\"btn-left\">\r\n      <svg class=\"icon-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\r\n        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n      <\/svg>\r\n      <span class=\"btn-text\">Saiba Mais<\/span>\r\n    <\/span>\r\n    \r\n    <span class=\"btn-right\">\r\n      <svg class=\"icon-insta\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\r\n        <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\r\n        <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\r\n      <\/svg>\r\n    <\/span>\r\n  <\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef11ca2 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"ef11ca2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .btn-play-video {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 10;\r\n    width: 72px;\r\n    height: 72px;\r\n    border-radius: 50%;\r\n    border: none !important;\r\n    background: rgba(255, 255, 255, 0.95) !important;\r\n    background-color: rgba(255, 255, 255, 0.95) !important;\r\n    color: inherit !important;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n    outline: none !important;\r\n    -webkit-appearance: none !important;\r\n    -moz-appearance: none !important;\r\n    appearance: none !important;\r\n    -webkit-tap-highlight-color: transparent;\r\n    padding: 0;\r\n    font: inherit;\r\n    text-decoration: none;\r\n    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),\r\n                box-shadow 0.4s ease,\r\n                background-color 0.3s ease;\r\n  }\r\n\r\n  \/* Neutraliza estados do Hello Elementor \/ theme builder *\/\r\n  .btn-play-video,\r\n  .btn-play-video:hover,\r\n  .btn-play-video:focus,\r\n  .btn-play-video:focus-visible,\r\n  .btn-play-video:focus-within,\r\n  .btn-play-video:active,\r\n  .btn-play-video:visited {\r\n    outline: none !important;\r\n    border-color: transparent !important;\r\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n    color: inherit !important;\r\n    text-decoration: none !important;\r\n  }\r\n\r\n  .btn-play-video:focus,\r\n  .btn-play-video:focus-visible,\r\n  .btn-play-video:focus-within {\r\n    background: rgba(255, 255, 255, 0.95) !important;\r\n    background-color: rgba(255, 255, 255, 0.95) !important;\r\n  }\r\n\r\n  \/* Anel pulsante ao redor do bot\u00e3o *\/\r\n  .btn-play-video::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -8px;\r\n    border-radius: 50%;\r\n    border: 2px solid rgba(255, 255, 255, 0.6);\r\n    animation: pulse-ring 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes pulse-ring {\r\n    0%   { transform: scale(0.95); opacity: 1; }\r\n    100% { transform: scale(1.4);  opacity: 0; }\r\n  }\r\n\r\n  .btn-play-video:hover {\r\n    transform: translate(-50%, -50%) scale(1.08);\r\n    background: #ffffff !important;\r\n    background-color: #ffffff !important;\r\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .btn-play-video:active {\r\n    transform: translate(-50%, -50%) scale(0.96);\r\n    background: rgba(255, 255, 255, 0.95) !important;\r\n    background-color: rgba(255, 255, 255, 0.95) !important;\r\n    transition: transform 0.1s ease;\r\n  }\r\n\r\n  .btn-play-video svg {\r\n    width: 26px;\r\n    height: 26px;\r\n    fill: #111;\r\n    transition: transform 0.3s ease;\r\n    margin-left: 3px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .btn-play-video.is-playing svg { margin-left: 0; }\r\n\r\n  .btn-play-video.is-playing::before {\r\n    animation: none;\r\n    opacity: 0;\r\n  }\r\n\r\n  .btn-play-video:hover svg { transform: scale(1.1); }\r\n\r\n  .elementor-element-d556503 .e-con-inner { position: relative; }\r\n\r\n  @media (max-width: 768px) {\r\n    .btn-play-video { width: 60px; height: 60px; }\r\n    .btn-play-video svg { width: 22px; height: 22px; }\r\n  }\r\n<\/style>\r\n\r\n<button type=\"button\" class=\"btn-play-video\" id=\"btnPlayVideoHero\" aria-label=\"Tocar v\u00eddeo com som\">\r\n  <svg viewBox=\"0 0 24 24\" id=\"iconPlayPause\">\r\n    <path d=\"M8 5v14l11-7z\"\/>\r\n  <\/svg>\r\n<\/button>\r\n\r\n<script>\r\n(function() {\r\n  const ICON_PLAY  = '<path d=\"M8 5v14l11-7z\"\/>';\r\n  const ICON_PAUSE = '<path d=\"M6 5h4v14H6zm8 0h4v14h-4z\"\/>';\r\n\r\n  function init() {\r\n    const video = document.querySelector('.elementor-element-d556503 video.elementor-background-video-hosted');\r\n    const btn   = document.getElementById('btnPlayVideoHero');\r\n    const icon  = document.getElementById('iconPlayPause');\r\n    const vv    = document.getElementById('vv');\r\n    if (!video || !btn || !icon) return;\r\n\r\n    const pauseInitial = () => { video.pause(); video.currentTime = 0; };\r\n    if (video.readyState >= 1) pauseInitial();\r\n    else video.addEventListener('loadedmetadata', pauseInitial, { once: true });\r\n\r\n    btn.addEventListener('click', (e) => {\r\n      e.preventDefault();\r\n      \/\/ tira o foco ap\u00f3s o clique \u2014 evita que o Elementor pinte o estado focus\r\n      btn.blur();\r\n\r\n      if (video.paused) {\r\n        video.muted = false;\r\n        video.volume = 1.0;\r\n        video.play();\r\n        icon.innerHTML = ICON_PAUSE;\r\n        btn.classList.add('is-playing');\r\n        btn.setAttribute('aria-label', 'Pausar v\u00eddeo');\r\n        if (vv) vv.style.display = 'none';\r\n      } else {\r\n        video.pause();\r\n        icon.innerHTML = ICON_PLAY;\r\n        btn.classList.remove('is-playing');\r\n        btn.setAttribute('aria-label', 'Tocar v\u00eddeo com som');\r\n        if (vv) vv.style.display = '';\r\n      }\r\n    });\r\n\r\n    \/\/ no mouseup tamb\u00e9m remove o foco, refor\u00e7o pra Safari\/Firefox\r\n    btn.addEventListener('mouseup', () => btn.blur());\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72c362f e-flex e-con-boxed e-con e-parent\" data-id=\"72c362f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e4b9435 e-con-full e-flex e-con e-child\" data-id=\"e4b9435\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04513a5 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"04513a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">faq<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-360d85b e-flex e-con-boxed e-con e-parent\" data-id=\"360d85b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f9d3481 e-flex e-con-boxed e-con e-child\" data-id=\"f9d3481\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f9a1a1 elementor-widget elementor-widget-html\" data-id=\"0f9a1a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .faq-section {\r\n    width: 100%;\r\n    max-width: 980px;\r\n    margin: 0 auto;\r\n    font-family: 'Outfit', sans-serif;\r\n    position: relative;\r\n  }\r\n\r\n  .faq-section h2 {\r\n    text-align: center;\r\n    font-size: 2rem;\r\n    font-weight: 600;\r\n    color: #1a2840;\r\n    margin-bottom: 48px;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .faq-grid {\r\n    display: flex;\r\n    gap: 14px;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .faq-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    flex: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  .faq-item {\r\n    border-radius: 50px;\r\n    overflow: hidden;\r\n    transition: border-radius 0.3s ease;\r\n  }\r\n\r\n  .faq-item.open {\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .faq-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    padding: 18px 20px 18px 28px;\r\n    cursor: pointer;\r\n    background: #dce8f3;\r\n    border-radius: inherit;\r\n    transition: background 0.25s ease, border-radius 0.3s ease;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n  }\r\n\r\n  .faq-item.open .faq-header {\r\n    background: #ffffff;\r\n    border: 1.5px solid #c8d9ec;\r\n    border-bottom: none;\r\n    border-radius: 24px 24px 0 0;\r\n  }\r\n\r\n  .faq-header h3 {\r\n    margin: 0;\r\n    font-size: 0.95rem;\r\n    font-weight: 500;\r\n    color: #1a2840;\r\n    line-height: 1.4;\r\n    flex: 1;\r\n  }\r\n\r\n  .faq-item.open .faq-header h3 {\r\n    font-weight: 600;\r\n  }\r\n\r\n  .faq-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    border: 1.5px solid #a8bfd8;\r\n    background: transparent;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    transition: background 0.2s, border-color 0.2s;\r\n  }\r\n\r\n  .faq-item.open .faq-icon {\r\n    background: #f0f4f9;\r\n    border-color: #c0d0e4;\r\n  }\r\n\r\n  .faq-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    stroke: #4a6a8a;\r\n    stroke-width: 2.5;\r\n    stroke-linecap: round;\r\n    fill: none;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .faq-content {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    border: 1.5px solid #c8d9ec;\r\n    border-top: none;\r\n    border-radius: 0 0 24px 24px;\r\n    transition: max-height 0.35s ease;\r\n  }\r\n\r\n  .faq-item.open .faq-content {\r\n    max-height: 400px;\r\n  }\r\n\r\n  .faq-content-inner {\r\n    padding: 16px 28px 22px;\r\n    font-size: 0.88rem;\r\n    color: #3d5470;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .faq-content-inner strong {\r\n    color: #1a2840;\r\n    font-weight: 600;\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .faq-grid { flex-direction: column; }\r\n    .faq-section h2 { font-size: 1.5rem; }\r\n\r\n    .faq-item.faq-hidden-mobile {\r\n      display: none;\r\n    }\r\n\r\n    .faq-item.faq-hidden-mobile.faq-revealed {\r\n      display: block;\r\n    }\r\n\r\n    .faq-toggle-btn {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  .faq-toggle-btn {\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin: 20px auto 0;\r\n    padding: 14px 32px;\r\n    background: #dce8f3;\r\n    border: none;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size: 0.92rem;\r\n    font-weight: 500;\r\n    color: #1a2840;\r\n    transition: background 0.2s ease;\r\n    width: 100%;\r\n    max-width: 340px;\r\n  }\r\n\r\n  .faq-toggle-btn:hover {\r\n    background: #c8d9ec;\r\n  }\r\n\r\n  .faq-toggle-btn svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    stroke: #4a6a8a;\r\n    stroke-width: 2.5;\r\n    stroke-linecap: round;\r\n    fill: none;\r\n    transition: transform 0.3s ease;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .faq-toggle-btn.expanded svg {\r\n    transform: rotate(180deg);\r\n  }\r\n<\/style>\r\n\r\n<section class=\"faq-section\">\r\n\r\n  <div class=\"faq-grid\" id=\"faqGrid\">\r\n\r\n    <!-- Coluna esquerda -->\r\n    <div class=\"faq-col\">\r\n\r\n      <div class=\"faq-item\" data-index=\"0\">\r\n        <div class=\"faq-header\" onclick=\"faqToggle(0)\">\r\n          <h3>O Atto Group atua apenas como incorporadora?<\/h3>\r\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            N\u00e3o. Somos um <strong>ecossistema estrat\u00e9gico<\/strong> completo. Embora a comercializa\u00e7\u00e3o de im\u00f3veis seja nosso carro-chefe, integramos solu\u00e7\u00f5es financeiras como cons\u00f3rcios, cr\u00e9dito estruturado e cartas contempladas para viabilizar e potencializar o seu desenvolvimento patrimonial.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\" data-index=\"2\">\r\n        <div class=\"faq-header\" onclick=\"faqToggle(2)\">\r\n          <h3>Como posso solicitar uma consultoria ou tabela de pre\u00e7os?<\/h3>\r\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            Nosso atendimento \u00e9 realizado exclusivamente via <strong>WhatsApp<\/strong> para garantir agilidade e personaliza\u00e7\u00e3o. Basta clicar no bot\u00e3o flutuante ou utilizar nosso n\u00famero comercial <strong>(11) 96621-7769<\/strong> para falar diretamente com um especialista.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\" data-index=\"4\">\r\n        <div class=\"faq-header\" onclick=\"faqToggle(4)\">\r\n          <h3>Qual \u00e9 a regi\u00e3o de atua\u00e7\u00e3o principal do Atto Group?<\/h3>\r\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            Nossa atua\u00e7\u00e3o estrat\u00e9gica concentra-se em <strong>S\u00e3o Paulo (capital e regi\u00e3o metropolitana)<\/strong>. Sediados no Tatuap\u00e9, selecionamos projetos com rigor t\u00e9cnico para garantir o melhor posicionamento geogr\u00e1fico e patrimonial aos nossos clientes.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item faq-hidden-mobile\" data-index=\"6\">\r\n        <div class=\"faq-header\" onclick=\"faqToggle(6)\">\r\n          <h3>Como \u00e9 garantida a qualidade e entrega das obras?<\/h3>\r\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            Possu\u00edmos um hist\u00f3rico comprovado e uma atua\u00e7\u00e3o pautada pela <strong>transpar\u00eancia e organiza\u00e7\u00e3o<\/strong>. Garantimos que cada empreendimento do nosso portf\u00f3lio passe por rigorosas an\u00e1lises t\u00e9cnicas, assegurando que o produto final esteja em total conformidade com as altas expectativas de nossos clientes antes da entrega das chaves.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item faq-hidden-mobile\" data-index=\"8\">\r\n        <div class=\"faq-header\" onclick=\"faqToggle(8)\">\r\n          <h3>Qual o tempo m\u00e9dio para a estrutura\u00e7\u00e3o de um neg\u00f3cio?<\/h3>\r\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            O tempo varia conforme a complexidade da solu\u00e7\u00e3o financeira escolhida (im\u00f3vel pronto, cons\u00f3rcio ou cr\u00e9dito estruturado). No Atto Group, utilizamos nossa <strong>expertise de mercado<\/strong> para reduzir gargalos burocr\u00e1ticos, garantindo a formaliza\u00e7\u00e3o mais \u00e1gil poss\u00edvel para que voc\u00ea n\u00e3o perca oportunidades estrat\u00e9gicas de investimento.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Coluna direita -->\r\n    <div class=\"faq-col\">\r\n\r\n      <div class=\"faq-item\" data-index=\"1\">\r\n        <div class=\"faq-header\" onclick=\"faqToggle(1)\">\r\n          <h3>Como \u00e9 garantida a seguran\u00e7a na minha tomada de decis\u00e3o?<\/h3>\r\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            Atuamos como <strong>facilitadores de decis\u00e3o<\/strong>. Mitigamos a inseguran\u00e7a atrav\u00e9s de uma estrutura s\u00f3lida, processos transparentes e um hist\u00f3rico comprovado de autoridade no mercado imobili\u00e1rio e financeiro de S\u00e3o Paulo.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\" data-index=\"3\">\r\n        <div class=\"faq-header\" onclick=\"faqToggle(3)\">\r\n          <h3>O grupo oferece oportunidades para investidores?<\/h3>\r\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            Sim. Atrav\u00e9s das nossas solu\u00e7\u00f5es de <strong>Private e Cr\u00e9dito Estruturado<\/strong>, conectamos investidores a oportunidades imobili\u00e1rias de m\u00e9dio e alto padr\u00e3o com proje\u00e7\u00f5es claras de rentabilidade e valoriza\u00e7\u00e3o real.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\" data-index=\"5\">\r\n        <div class=\"faq-header\" onclick=\"faqToggle(5)\">\r\n          <h3>O Atto Group atende quem busca o primeiro im\u00f3vel?<\/h3>\r\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            Com certeza! Atendemos desde fam\u00edlias em busca do <strong>primeiro im\u00f3vel<\/strong> at\u00e9 investidores focados em ativos de m\u00e9dio e alto padr\u00e3o. Nossa intelig\u00eancia patrimonial permite encontrar a melhor solu\u00e7\u00e3o de cr\u00e9dito e cons\u00f3rcio, tornando a aquisi\u00e7\u00e3o vi\u00e1vel e segura para o seu momento de vida.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item faq-hidden-mobile\" data-index=\"7\">\r\n        <div class=\"faq-header\" onclick=\"faqToggle(7)\">\r\n          <h3>Voc\u00eas auxiliam em toda a burocracia documental?<\/h3>\r\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            Sim. Como parte do nosso posicionamento como facilitadores de decis\u00e3o, orientamos nossos clientes em todo o processo documental e jur\u00eddico. Mitigar riscos burocr\u00e1ticos \u00e9 fundamental para uma <strong>jornada imobili\u00e1ria fluida<\/strong>, transparente e segura para o seu patrim\u00f4nio.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item faq-hidden-mobile\" data-index=\"9\">\r\n        <div class=\"faq-header\" onclick=\"faqToggle(9)\">\r\n          <h3>O Atto Group gerencia ativos imobili\u00e1rios de grande porte?<\/h3>\r\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            Sim! Somos especialistas em <strong>solu\u00e7\u00f5es corporativas e private<\/strong>. Gerenciamos portf\u00f3lios de alto padr\u00e3o, cartas contempladas de grande valor e projetos estruturados sob medida. Nossa equipe t\u00e9cnica desenha a estrat\u00e9gia patrimonial necess\u00e1ria para atender empreendedores e investidores de diferentes regi\u00f5es estrat\u00e9gicas.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <button class=\"faq-toggle-btn\" id=\"faqToggleBtn\" onclick=\"toggleMobileItems()\">\r\n    <span id=\"faqToggleLabel\">Ver mais perguntas<\/span>\r\n    <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n  <\/button>\r\n\r\n<\/section>\r\n\r\n<script>\r\n  const faqItems = document.querySelectorAll('#faqGrid .faq-item');\r\n\r\n  function faqToggle(idx) {\r\n    const item = Array.from(faqItems).find(el => el.dataset.index == idx);\r\n    const isOpen = item.classList.contains('open');\r\n    const icon = item.querySelector('.faq-icon svg');\r\n\r\n    faqItems.forEach(el => {\r\n      el.classList.remove('open');\r\n      el.querySelector('.faq-icon svg').innerHTML = '<line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>';\r\n    });\r\n\r\n    if (!isOpen) {\r\n      item.classList.add('open');\r\n      icon.innerHTML = '<line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>';\r\n    }\r\n  }\r\n\r\n  function toggleMobileItems() {\r\n    const btn = document.getElementById('faqToggleBtn');\r\n    const label = document.getElementById('faqToggleLabel');\r\n    const hiddenItems = document.querySelectorAll('.faq-hidden-mobile');\r\n    const isExpanded = btn.classList.contains('expanded');\r\n\r\n    hiddenItems.forEach(el => {\r\n      if (isExpanded) {\r\n        el.classList.remove('faq-revealed');\r\n      } else {\r\n        el.classList.add('faq-revealed');\r\n      }\r\n    });\r\n\r\n    if (isExpanded) {\r\n      btn.classList.remove('expanded');\r\n      label.textContent = 'Ver mais perguntas';\r\n    } else {\r\n      btn.classList.add('expanded');\r\n      label.textContent = 'Ver menos perguntas';\r\n    }\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Estamos por toda Zona Leste,sempre priorizando: F\u00e1cil Acesso aos principais pontos do bairro 1 Qualidade de Vida tudo que voc\u00ea precisa, em um s\u00f3 lugar 2 Plantas Inteligentes Planejado para voc\u00ea viver da melhor forma 3 Localiza\u00e7\u00e3o estrat\u00e9gica tudo que voc\u00ea precisa por perto 4 Seguran\u00e7a Seguran\u00e7a para voc\u00ea e sua fam\u00edlia 5 Negocia\u00e7\u00e3o personalizada [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sitexis.com.br\/attos\/wp-json\/wp\/v2\/pages\/1113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitexis.com.br\/attos\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitexis.com.br\/attos\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitexis.com.br\/attos\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitexis.com.br\/attos\/wp-json\/wp\/v2\/comments?post=1113"}],"version-history":[{"count":9,"href":"https:\/\/sitexis.com.br\/attos\/wp-json\/wp\/v2\/pages\/1113\/revisions"}],"predecessor-version":[{"id":2686,"href":"https:\/\/sitexis.com.br\/attos\/wp-json\/wp\/v2\/pages\/1113\/revisions\/2686"}],"wp:attachment":[{"href":"https:\/\/sitexis.com.br\/attos\/wp-json\/wp\/v2\/media?parent=1113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}