{"id":7,"date":"2026-08-04T22:05:44","date_gmt":"2026-08-05T01:05:44","guid":{"rendered":"http:\/\/viviancorretoradeimoveis.com.br\/?page_id=7"},"modified":"2026-08-04T22:54:22","modified_gmt":"2026-08-05T01:54:22","slug":"vivian-corretora-de-imoveis-em-maceio","status":"publish","type":"page","link":"https:\/\/viviancorretoradeimoveis.com.br\/","title":{"rendered":"Vivian Corretora de Im\u00f3veis em Macei\u00f3"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \r\n V\u00edvian Maria \u2022 Corretora de Im\u00f3veis em Macei\u00f3<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <!-- ============================================================\r\n GUIA R\u00c1PIDO PARA EDITAR ESTE SITE \u2014 N\u00c3O MEXER NO VISUAL\r\n ============================================================\r\n Procure por [EDITAR AQUI] para achar rapidamente os pontos seguros.\r\n\r\n LOGO DO TOPO: data-logo=\"\" \u2022 PNG 600 \u00d7 240 px (5:2)\r\n HERO: data-bg=\"\" \u2022 1920 \u00d7 1080 px (16:9)\r\n IM\u00d3VEIS: data-src=\"\" \u2022 1600 \u00d7 1067 px (3:2)\r\n FOTO DA V\u00cdVIAN: data-bg=\"\" \u2022 1200 \u00d7 1500 px (4:5)\r\n LOGO DO RODAP\u00c9: data-logo=\"\" \u2022 PNG 600 \u00d7 240 px (5:2)\r\n WHATSAPP: procure por const WHATSAPP_NUMBER no final do c\u00f3digo.\r\n\r\n IMPORTANTE: o CSS foi mantido na mesma ordem para preservar\r\n exatamente o visual aprovado. N\u00e3o reordene as regras.\r\n ============================================================ -->\r\n\r\n <!--\r\n V\u00cdVIAN MARIA \u2014 LANDING PAGE\r\n Identidade visual:\r\n Azul-marinho: #173358\r\n Azul escuro: #101A30\r\n Cobre: #CA8E65\r\n Champagne: #F6CAA7\r\n Branco: #FFFFFF\r\n\r\n GUIA DE IMAGENS \u2014 basta colar o link nos atributos data-bg \/ data-src:\r\n \u2022 Hero: 1920 \u00d7 1080 px (16:9) \u2014 foto horizontal de im\u00f3vel, com \u00e1rea de respiro no centro.\r\n \u2022 Im\u00f3veis: 1600 \u00d7 1067 px (3:2) \u2014 usar TODAS as fotos do mesmo im\u00f3vel na mesma propor\u00e7\u00e3o.\r\n \u2022 Foto da V\u00edvian: 1200 \u00d7 1500 px (4:5), retrato vertical.\r\n \u2022 Logo PNG: 600 \u00d7 240 px (5:2), fundo transparente. Exibi\u00e7\u00e3o: 150 \u00d7 60 px no header.\r\n\r\n Nenhuma foto externa \u00e9 carregada automaticamente. Enquanto o link estiver vazio,\r\n o site exibe um placeholder com o tamanho recomendado.\r\n -->\r\n\r\n <style>\r\n \/* ==========================================================\r\n CSS \/ VISUAL DO SITE \u2014 N\u00c3O REORDENAR NEM APAGAR REGRAS\r\n ========================================================== *\/\r\n @font-face{font-family:\"Urbanist\";src:url(\"https:\/\/framerusercontent.com\/third-party-assets\/fontshare\/wf\/QVSEREMQIHTDJ6PBN6SDKDQRKHAIJM4G\/5FQFK3HFEC5ZJORN7EUWWXKPUKR4HDO2\/S3LPGNCYQN366TZLSH3ASTPTKANFMFDS.woff2\") format(\"woff2\");font-style:normal;font-weight:400;font-display:swap}\r\n @font-face{font-family:\"Urbanist\";src:url(\"https:\/\/framerusercontent.com\/third-party-assets\/fontshare\/wf\/RFRIJEFDDNYP2G3SPLVDDAM6LQXTHLSW\/F4KOPAGTNOYCQKYEBAKSIKS536ETV6GN\/AEP5JZTJJB3JMLBFSBTZLRSVGYD73SDZ.woff2\") format(\"woff2\");font-style:normal;font-weight:500;font-display:swap}\r\n @font-face{font-family:\"Urbanist\";src:url(\"https:\/\/framerusercontent.com\/third-party-assets\/fontshare\/wf\/NWFQAWEPGN3FR4FYMX6PY5M2HVOQSZWU\/IIWY67X24KIURE4HBNGWYFMHSEMIVC2G\/QAJFELFQRETRXRXDQOALZZUXNPM2U5VX.woff2\") format(\"woff2\");font-style:normal;font-weight:600;font-display:swap}\r\n @font-face{font-family:\"Urbanist\";src:url(\"https:\/\/framerusercontent.com\/third-party-assets\/fontshare\/wf\/Y3L2ZYYP26QQ73LRHQEGMGHU7HLMLCIE\/5WHYQ3VUOWNEN3Y7DIOEXY5R4W6MYIPF\/SS2LIWIFT3QZUKOLJ7TGBEFWHF3TFYQD.woff2\") format(\"woff2\");font-style:normal;font-weight:700;font-display:swap}\r\n @font-face{font-family:\"Clash Display\";src:url(\"https:\/\/framerusercontent.com\/third-party-assets\/fontshare\/wf\/FPDAZ2S6SW4QMSRIIKNNGTPM6VIXYMKO\/5HNPQ453FRLIQWV2FNOBUU3FKTDZQVSG\/Z3MGHFHX6DCTLQ55LJYRJ5MDCZPMFZU6.woff2\") format(\"woff2\");font-style:normal;font-weight:600;font-display:swap}\r\n @font-face{font-family:\"Clash Display\";src:url(\"https:\/\/framerusercontent.com\/third-party-assets\/fontshare\/wf\/BFBSY7LX5W2U2EROCLVVTQP4VS7S4PC3\/IIUX4FGTMD2LK2VWD3RVTAS4SSMUN7B5\/53RZKGODFYDW3QHTIL7IPOWTBCSUEZK7.woff2\") format(\"woff2\");font-style:normal;font-weight:700;font-display:swap}\r\n :root{\r\n --navy:#173358;\r\n --navy-deep:#101A30;\r\n --navy-soft:#284A72;\r\n --copper:#CA8E65;\r\n --copper-deep:#A76E49;\r\n --champagne:#F6CAA7;\r\n --paper:#FFFFFF;\r\n --mist:#F7F6F3;\r\n --sand:#F1ECE6;\r\n --ink:#17202C;\r\n --muted:#6F7480;\r\n --line:rgba(23,51,88,.12);\r\n --green:#25D366;\r\n --shadow:0 24px 70px rgba(16,26,48,.12);\r\n --shadow-soft:0 14px 40px rgba(16,26,48,.08);\r\n --radius-xl:30px;\r\n --radius-lg:22px;\r\n --radius-md:16px;\r\n --container:min(1180px, calc(100% - 48px));\r\n --serif:\"Clash Display\", \"Arial Black\", sans-serif;\r\n --sans:\"Urbanist\", Arial, sans-serif;\r\n }\r\n\r\n *{box-sizing:border-box}\r\n html{scroll-behavior:smooth}\r\n body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}\r\n body.nav-open{overflow:hidden}\r\n a{color:inherit;text-decoration:none}\r\n button,input,select{font:inherit}\r\n button{cursor:pointer}\r\n img{max-width:100%;display:block}\r\n section{position:relative}\r\n\r\n .container{width:var(--container);margin-inline:auto}\r\n .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--copper-deep)}\r\n .eyebrow::before{content:\"\";width:34px;height:1px;background:currentColor}\r\n .section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}\r\n .section-head-copy{max-width:720px}\r\n .section-title{font-family:var(--serif);font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.03em;color:var(--navy-deep);font-weight:600;margin:12px 0 16px;text-wrap:balance}\r\n .section-subtitle{font-size:16px;line-height:1.75;color:var(--muted);max-width:720px}\r\n\r\n .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:700;transition:.25s ease;white-space:nowrap}\r\n .btn svg{width:18px;height:18px;flex:none}\r\n .btn-primary{background:var(--copper);color:white;box-shadow:0 12px 30px rgba(202,142,101,.24)}\r\n .btn-primary:hover{background:var(--copper-deep);transform:translateY(-2px)}\r\n .btn-whatsapp{background:var(--green);color:white;box-shadow:0 12px 30px rgba(37,211,102,.18)}\r\n .btn-whatsapp:hover{transform:translateY(-2px);filter:brightness(.96)}\r\n .btn-outline{border-color:rgba(23,51,88,.18);color:var(--navy);background:white}\r\n .btn-outline:hover{border-color:var(--copper);color:var(--copper-deep);transform:translateY(-2px)}\r\n\r\n .icon{width:20px;height:20px;display:inline-block}\r\n\r\n \/* Header \/ navega\u00e7\u00e3o flutuante *\/\r\n .site-header{position:fixed;inset:18px 0 auto;z-index:1000;pointer-events:none}\r\n .nav-shell{width:min(1120px,calc(100% - 36px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.58);border-radius:18px;padding:10px 12px 10px 16px;box-shadow:0 16px 50px rgba(16,26,48,.15);pointer-events:auto}\r\n .brand{display:flex;align-items:center;gap:12px;min-width:190px}\r\n .brand-logo{width:50px;height:50px;object-fit:contain;border-radius:8px;background:white}\r\n .brand-copy strong{display:block;font-family:var(--serif);font-size:21px;line-height:1;color:var(--navy);font-weight:700}\r\n .brand-copy span{display:block;margin-top:4px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}\r\n .nav-links{display:flex;align-items:center;gap:26px}\r\n .nav-links a{font-size:12px;font-weight:600;color:#48505A;transition:.2s ease}\r\n .nav-links a:hover{color:var(--copper-deep)}\r\n .nav-actions{display:flex;align-items:center;gap:9px}\r\n .menu-toggle{display:none;width:46px;height:46px;border:0;background:var(--mist);border-radius:50%;align-items:center;justify-content:center;color:var(--navy)}\r\n\r\n \/* Hero *\/\r\n .hero{min-height:820px;background:var(--navy-deep);color:white;display:flex;align-items:center;overflow:hidden}\r\n .hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,26,48,.95) 0%,rgba(23,51,88,.82) 45%,rgba(23,51,88,.5) 100%);background-size:cover;background-position:center}\r\n .hero-bg.has-image::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,26,48,.94) 0%,rgba(16,26,48,.76) 46%,rgba(16,26,48,.5) 100%)}\r\n .hero-bg:not(.has-image)::before{content:\"IMAGEM HERO \u2022 1920 \u00d7 1080 px \u2022 cole o link no atributo data-bg\";position:absolute;right:42px;bottom:42px;max-width:320px;padding:14px 16px;border:1px dashed rgba(246,202,167,.5);border-radius:14px;color:rgba(255,255,255,.72);font-size:11px;line-height:1.5;letter-spacing:.04em;z-index:2;background:rgba(16,26,48,.34);backdrop-filter:blur(8px)}\r\n .hero::before{content:\"\";position:absolute;width:620px;height:620px;border:1px solid rgba(246,202,167,.12);border-radius:50%;right:-180px;top:-180px;z-index:1}\r\n .hero::after{content:\"\";position:absolute;width:380px;height:380px;border:1px solid rgba(246,202,167,.09);border-radius:50%;right:80px;bottom:-210px;z-index:1}\r\n .hero-inner{position:relative;z-index:3;width:var(--container);margin:auto;padding:145px 0 78px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.72fr);align-items:center;gap:72px}\r\n .hero-copy{max-width:690px}\r\n .hero .eyebrow{color:var(--champagne)}\r\n .hero-title{font-family:var(--serif);font-size:clamp(54px,6.3vw,86px);font-weight:600;line-height:.9;letter-spacing:-.045em;margin:18px 0 24px;text-wrap:balance}\r\n .hero-title em{font-style:normal;color:var(--champagne)}\r\n .hero-subtitle{font-size:17px;line-height:1.75;color:rgba(255,255,255,.78);max-width:630px}\r\n .hero-trust{display:flex;gap:14px 24px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.13)}\r\n .hero-trust span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:rgba(255,255,255,.78)}\r\n .trust-dot{width:6px;height:6px;border-radius:50%;background:var(--copper)}\r\n\r\n .lead-card{background:rgba(255,255,255,.97);color:var(--ink);padding:28px;border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.64);backdrop-filter:blur(18px)}\r\n .lead-card-label{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--copper-deep)}\r\n .lead-card h2{font-family:var(--serif);font-size:31px;line-height:1.02;color:var(--navy-deep);font-weight:600;margin:8px 0 8px}\r\n .lead-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 18px}\r\n .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n .field{display:flex;flex-direction:column;gap:7px}\r\n .field.full{grid-column:1\/-1}\r\n .field label{font-size:10px;font-weight:700;color:#5D6570;letter-spacing:.04em;text-transform:uppercase}\r\n .field input,.field select{width:100%;height:48px;padding:0 13px;border-radius:12px;border:1px solid #E8E6E3;background:#FCFBFA;color:var(--ink);font-size:12px;outline:none;transition:.2s ease}\r\n .field input:focus,.field select:focus{border-color:var(--copper);box-shadow:0 0 0 4px rgba(202,142,101,.12);background:white}\r\n .lead-submit{width:100%;margin-top:14px;border:0;min-height:52px}\r\n .form-note{text-align:center;font-size:10px!important;margin:10px 0 0!important;color:#8A8F96!important}\r\n\r\n \/* Authority band *\/\r\n .authority{background:white;border-bottom:1px solid var(--line)}\r\n .authority-inner{display:grid;grid-template-columns:repeat(4,1fr);width:var(--container);margin:auto}\r\n .authority-item{padding:26px 24px;border-right:1px solid var(--line)}\r\n .authority-item:last-child{border-right:0}\r\n .authority-number{font-family:var(--serif);font-size:31px;line-height:1;color:var(--navy);font-weight:700}\r\n .authority-label{margin-top:7px;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}\r\n\r\n \/* Im\u00f3veis *\/\r\n .properties{padding:118px 0 112px;background:white}\r\n .carousel-shell{position:relative}\r\n .outer-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(340px,calc((100% - 48px)\/3));gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 26px}\r\n .outer-carousel::-webkit-scrollbar{display:none}\r\n .carousel-controls{display:flex;gap:10px;flex:none}\r\n .arrow-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:white;color:var(--navy);display:grid;place-items:center;box-shadow:var(--shadow-soft);transition:.2s ease}\r\n .arrow-btn:hover{background:var(--navy);color:white;transform:translateY(-2px)}\r\n .arrow-btn svg{width:18px;height:18px}\r\n\r\n .property-card{scroll-snap-align:start;border:1px solid rgba(23,51,88,.1);border-radius:22px;background:white;overflow:hidden;box-shadow:0 12px 34px rgba(16,26,48,.06);transition:.25s ease;min-width:0}\r\n .property-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}\r\n .gallery{position:relative;height:254px;background:#EEEAE6;overflow:hidden}\r\n .gallery-slide{position:absolute;inset:0;opacity:0;transition:opacity .35s ease;background:linear-gradient(135deg,#EEEAE6,#E4DDD6);background-size:cover;background-position:center}\r\n .gallery-slide.active{opacity:1}\r\n .gallery-slide.has-image .placeholder-label{display:none}\r\n .placeholder-label{position:absolute;inset:16px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;border:1px dashed rgba(23,51,88,.26);border-radius:16px;color:#737980;font-size:11px;line-height:1.6;background:rgba(255,255,255,.36)}\r\n .gallery-nav{position:absolute;inset:50% 12px auto;transform:translateY(-50%);display:flex;justify-content:space-between;z-index:5;pointer-events:none}\r\n .gallery-nav button{pointer-events:auto;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--navy);display:grid;place-items:center;box-shadow:0 8px 24px rgba(16,26,48,.14)}\r\n .gallery-nav svg{width:15px;height:15px}\r\n .gallery-dots{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);display:flex;gap:6px;z-index:5}\r\n .gallery-dot{width:6px;height:6px;border-radius:50%;border:0;background:rgba(255,255,255,.62);padding:0}\r\n .gallery-dot.active{width:18px;border-radius:999px;background:white}\r\n .property-badge{position:absolute;top:14px;left:14px;z-index:6;padding:8px 11px;border-radius:999px;background:rgba(16,26,48,.88);color:white;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}\r\n .property-body{padding:21px}\r\n .property-kicker{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--copper-deep)}\r\n .property-title{font-family:var(--serif);font-size:28px;line-height:1.04;color:var(--navy-deep);font-weight:600;margin:7px 0 8px}\r\n .property-location{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin-bottom:17px}\r\n .property-location svg{width:14px;height:14px;color:var(--copper)}\r\n .property-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:16px;border-top:1px solid var(--line)}\r\n .property-price small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#91969D;font-weight:700;margin-bottom:4px}\r\n .property-price strong{font-size:13px;color:var(--navy)}\r\n .property-interest{border:0;background:none;color:var(--copper-deep);font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:7px;padding:8px 0}\r\n\r\n \/* Categorias bento *\/\r\n .categories{padding:112px 0;background:var(--mist)}\r\n .category-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}\r\n .category-card{position:relative;min-height:220px;border-radius:22px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(23,51,88,.08);overflow:hidden;transition:.25s ease;background:white}\r\n .category-card:nth-child(1),.category-card:nth-child(7){grid-column:span 6}\r\n .category-card:nth-child(2),.category-card:nth-child(3),.category-card:nth-child(4),.category-card:nth-child(5),.category-card:nth-child(6){grid-column:span 4}\r\n .category-card.dark{background:var(--navy);color:white;border-color:transparent}\r\n .category-card.copper{background:linear-gradient(135deg,var(--copper),#B87850);color:white;border-color:transparent}\r\n .category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}\r\n .category-index{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--copper-deep)}\r\n .category-card.dark .category-index,.category-card.copper .category-index{color:var(--champagne)}\r\n .category-card h3{font-family:var(--serif);font-size:31px;line-height:1;color:var(--navy-deep);font-weight:600;margin:26px 0 9px}\r\n .category-card.dark h3,.category-card.copper h3{color:white}\r\n .category-card p{font-size:12px;line-height:1.65;color:var(--muted);max-width:360px}\r\n .category-card.dark p,.category-card.copper p{color:rgba(255,255,255,.72)}\r\n .category-link{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--mist);color:var(--navy);align-self:flex-end}\r\n .dark .category-link,.copper .category-link{background:rgba(255,255,255,.12);color:white}\r\n .category-link svg{width:16px;height:16px}\r\n .category-cta{text-align:center;margin-top:34px}\r\n\r\n \/* Oportunidades *\/\r\n .weekly{padding:118px 0;background:linear-gradient(135deg,#101A30 0%,#173358 52%,#315D88 100%);color:white;overflow:hidden}\r\n .weekly::before{content:\"\";position:absolute;inset:auto -120px -240px auto;width:640px;height:640px;border:1px solid rgba(246,202,167,.08);border-radius:50%}\r\n .weekly .section-title{color:white}\r\n .weekly .section-subtitle{color:rgba(255,255,255,.64)}\r\n .weekly .eyebrow{color:var(--champagne)}\r\n .weekly .arrow-btn{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:white;box-shadow:none}\r\n .weekly .arrow-btn:hover{background:white;color:var(--navy)}\r\n .weekly .property-card{border-color:rgba(255,255,255,.12)}\r\n\r\n \/* Regi\u00f5es *\/\r\n .regions{padding:112px 0;background:white}\r\n .region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\r\n .region-card{height:360px;border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(135deg,#E7E0DA,#D8D0C8);background-size:cover;background-position:center;display:flex;align-items:end;padding:26px;isolation:isolate}\r\n .region-card::before{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,26,48,.05),rgba(16,26,48,.86));z-index:-1}\r\n .region-card:not(.has-image)::after{content:attr(data-placeholder);position:absolute;inset:18px;display:grid;place-items:center;text-align:center;border:1px dashed rgba(23,51,88,.28);border-radius:16px;color:#68717C;background:rgba(255,255,255,.55);font-size:11px;line-height:1.6;z-index:-2}\r\n .region-card:not(.has-image)::before{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(16,26,48,.52))}\r\n .region-card h3{font-family:var(--serif);font-size:34px;line-height:1;color:white;margin:0 0 6px}\r\n .region-card p{font-size:11px;color:rgba(255,255,255,.78);margin:0}\r\n .regions-cta{display:flex;justify-content:center;margin-top:34px}\r\n\r\n \/* Sobre *\/\r\n .about{padding:118px 0;background:var(--mist)}\r\n .about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}\r\n .about-photo{height:610px;border-radius:30px;background:linear-gradient(135deg,#EEEAE6,#DED5CD);background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}\r\n .about-photo:not(.has-image)::after{content:\"FOTO DA V\u00cdVIAN \u2022 1200 \u00d7 1500 px (4:5) \u2022 cole o link em data-bg\";position:absolute;inset:22px;display:grid;place-items:center;text-align:center;padding:28px;border:1px dashed rgba(23,51,88,.28);border-radius:20px;color:#747B84;font-size:11px;line-height:1.6;background:rgba(255,255,255,.4)}\r\n .about-content .section-title{margin-bottom:10px}\r\n .about-tagline{font-family:var(--serif);font-size:27px;color:var(--copper-deep);margin-bottom:24px}\r\n .about-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}\r\n .about-stat{background:white;border:1px solid var(--line);border-radius:17px;padding:18px}\r\n .about-stat strong{display:block;font-family:var(--serif);font-size:28px;line-height:1;color:var(--navy);font-weight:700}\r\n .about-stat span{display:block;margin-top:7px;font-size:10px;line-height:1.45;color:var(--muted)}\r\n .about-text{font-size:14px;line-height:1.8;color:#59606A}\r\n .about-highlight{font-family:var(--serif);font-size:28px;line-height:1.15;color:var(--navy-deep);margin:16px 0 26px;font-weight:600}\r\n\r\n \/* CTA *\/\r\n .contact-cta{padding:104px 0;background:linear-gradient(135deg,#101A30 0%,#173358 50%,#356590 100%);color:white;text-align:center;overflow:hidden}\r\n .contact-cta::before,.contact-cta::after{content:\"\";position:absolute;border:1px solid rgba(246,202,167,.09);border-radius:50%}\r\n .contact-cta::before{width:500px;height:500px;left:-240px;top:-210px}\r\n .contact-cta::after{width:360px;height:360px;right:-120px;bottom:-220px}\r\n .contact-cta .eyebrow{color:var(--champagne)}\r\n .contact-cta .eyebrow::before{display:none}\r\n .contact-cta h2{font-family:var(--serif);font-size:clamp(46px,6vw,70px);line-height:.95;letter-spacing:-.03em;font-weight:600;max-width:760px;margin:15px auto 16px;text-wrap:balance}\r\n .contact-cta p{max-width:620px;margin:0 auto 28px;color:rgba(255,255,255,.7);font-size:15px;line-height:1.7}\r\n\r\n \/* Footer *\/\r\n footer{background:linear-gradient(180deg,#F7F2ED 0%,#EEE3D9 100%);color:var(--navy-deep);padding:64px 0 26px}\r\n .footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:56px;padding-bottom:46px}\r\n .footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}\r\n .footer-logo{width:64px;height:64px;object-fit:contain;background:white;border-radius:12px;padding:2px}\r\n .footer-brand strong{font-family:var(--serif);font-size:27px;line-height:1}\r\n .footer-brand span{display:block;color:rgba(16,26,48,.52);font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-top:5px}\r\n .footer-copy{font-size:12px;line-height:1.75;color:rgba(16,26,48,.62);max-width:430px}\r\n .footer-col h3{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--copper-deep);margin:0 0 18px}\r\n .footer-col a,.footer-col p{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:rgba(16,26,48,.68);font-size:12px;line-height:1.5}\r\n .footer-col a:hover{color:var(--copper-deep)}\r\n .footer-col svg{width:17px;height:17px;color:var(--copper-deep)}\r\n .footer-bottom{border-top:1px solid rgba(16,26,48,.10);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(16,26,48,.48);font-size:10px}\r\n\r\n .floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:900;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;box-shadow:0 16px 38px rgba(37,211,102,.3);transition:.2s ease}\r\n .floating-whatsapp:hover{transform:translateY(-3px) scale(1.02)}\r\n .floating-whatsapp svg{width:25px;height:25px}\r\n\r\n \/* Reveal *\/\r\n [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}\r\n [data-reveal].is-visible{opacity:1;transform:none}\r\n\r\n\r\n\r\n \/* ==========================================================\r\n AJUSTES DE DIRE\u00c7\u00c3O VISUAL \u2014 tipografia e layout da refer\u00eancia\r\n ========================================================== *\/\r\n .eyebrow{gap:0;font-size:11px;letter-spacing:.12em}\r\n .eyebrow::before{display:none!important}\r\n\r\n .brand{min-width:88px}\r\n .brand-logo{width:72px;height:58px;border-radius:0;background:transparent;object-fit:contain}\r\n .brand-copy{display:none}\r\n\r\n .section-title{font-family:var(--serif);font-weight:600;letter-spacing:-.035em;line-height:1.02}\r\n\r\n \/* Hero central e solit\u00e1ria, com imagem de im\u00f3vel ocupando o fundo inteiro *\/\r\n .hero{min-height:760px;display:flex;align-items:center;text-align:center}\r\n .hero-bg{background-position:center;background-size:cover}\r\n .hero-bg.has-image::after{background:linear-gradient(180deg,rgba(16,26,48,.68) 0%,rgba(16,26,48,.62) 42%,rgba(16,26,48,.78) 100%)}\r\n .hero-bg:not(.has-image){background:linear-gradient(135deg,#102c56 0%,#173358 100%)}\r\n .hero-bg:not(.has-image)::before{right:50%;bottom:42px;transform:translateX(50%);max-width:420px;text-align:center}\r\n .hero::before{width:520px;height:520px;right:-260px;top:-260px}\r\n .hero::after{width:360px;height:360px;left:-210px;right:auto;bottom:-220px}\r\n .hero-inner{display:flex;justify-content:center;align-items:center;width:var(--container);padding:165px 0 150px}\r\n .hero-copy{max-width:900px;margin-inline:auto}\r\n .hero .eyebrow{justify-content:center}\r\n .hero-title{font-family:var(--serif);font-size:clamp(54px,6.4vw,82px);font-weight:600;line-height:1.01;letter-spacing:-.045em;margin:18px auto 24px;max-width:940px}\r\n .hero-title em{font-style:normal;color:var(--champagne)}\r\n .hero-subtitle{max-width:720px;margin-inline:auto;font-family:var(--sans);font-size:17px;line-height:1.65;color:rgba(255,255,255,.82)}\r\n .hero-trust{justify-content:center;border-top:0;margin-top:28px;padding-top:0}\r\n\r\n \/* Formul\u00e1rio imediatamente abaixo da hero, com apar\u00eancia de barra premium *\/\r\n .lead-capture{position:relative;z-index:8;background:var(--mist);padding:0 0 48px}\r\n .lead-capture .container{position:relative}\r\n .lead-card{width:100%;margin-top:-68px;padding:28px 30px 30px;border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 22px 70px rgba(16,26,48,.16);border:1px solid rgba(23,51,88,.08);backdrop-filter:blur(18px)}\r\n .lead-card > .lead-card-label{display:block;text-align:center}\r\n .lead-card > h2{text-align:center;font-family:var(--serif);font-size:34px;line-height:1.05;margin:7px 0 7px}\r\n .lead-card > p{text-align:center;margin:0 0 22px;font-size:13px}\r\n .lead-card .form-grid{grid-template-columns:1.15fr 1.15fr 1fr 1fr 1.2fr;gap:10px}\r\n .lead-card .field.full{grid-column:auto}\r\n .lead-card .field input,.lead-card .field select{height:52px;background:#fff;border-color:#E5E6E8}\r\n .lead-card .lead-submit{max-width:320px;margin:18px auto 0;display:flex}\r\n .lead-card .form-note{margin-top:9px!important}\r\n\r\n \/* Categorias em lista objetiva, sem blocos grandes *\/\r\n .categories{background:var(--mist)}\r\n .category-grid{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:0 28px;overflow:hidden}\r\n .category-card,\r\n .category-card:nth-child(1),.category-card:nth-child(2),.category-card:nth-child(3),\r\n .category-card:nth-child(4),.category-card:nth-child(5),.category-card:nth-child(6),.category-card:nth-child(7){\r\n min-height:auto;grid-column:auto;display:grid;grid-template-columns:64px 1fr 48px;align-items:center;gap:22px;padding:23px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent!important;color:var(--ink)!important;box-shadow:none;overflow:visible\r\n }\r\n .category-card:last-child{border-bottom:0}\r\n .category-card:hover{transform:none;box-shadow:none;padding-left:10px}\r\n .category-index,.category-card.dark .category-index,.category-card.copper .category-index{color:var(--copper-deep);font-size:11px;letter-spacing:.12em}\r\n .category-card h3,.category-card.dark h3,.category-card.copper h3{font-family:var(--serif);font-size:28px;line-height:1.05;color:var(--navy-deep);margin:0 0 5px;font-weight:600}\r\n .category-card p,.category-card.dark p,.category-card.copper p{max-width:none;font-size:13px;line-height:1.55;color:var(--muted)}\r\n .category-link,.dark .category-link,.copper .category-link{width:42px;height:42px;background:var(--mist);color:var(--navy);justify-self:end}\r\n .category-card:hover .category-link{background:var(--navy);color:#fff}\r\n\r\n .footer-logo{width:92px;height:92px;border-radius:0;background:transparent;padding:0}\r\n\r\n\r\n \/* Responsive *\/\r\n @media (max-width:1050px){\r\n :root{--container:min(100% - 40px,920px)}\r\n .nav-links{display:none}\r\n .menu-toggle{display:flex}\r\n .nav-actions .btn{display:none}\r\n .nav-links.open{display:flex;position:absolute;top:76px;left:18px;right:18px;background:white;flex-direction:column;align-items:stretch;padding:18px;border-radius:18px;box-shadow:var(--shadow)}\r\n .nav-links.open a{padding:12px 8px}\r\n .hero{min-height:auto}\r\n .hero-inner{grid-template-columns:1fr;gap:42px;padding-top:138px;padding-bottom:70px}\r\n .hero-copy{max-width:780px}\r\n .lead-card{max-width:760px}\r\n .authority-inner{grid-template-columns:repeat(2,1fr)}\r\n .authority-item:nth-child(2){border-right:0}\r\n .authority-item:nth-child(-n+2){border-bottom:1px solid var(--line)}\r\n .outer-carousel{grid-auto-columns:minmax(330px,46%)}\r\n .about-grid{gap:44px}\r\n .about-photo{height:560px}\r\n }\r\n\r\n @media (max-width:760px){\r\n :root{--container:calc(100% - 28px)}\r\n .site-header{top:10px}\r\n .nav-shell{width:calc(100% - 20px);padding:8px 9px 8px 12px;border-radius:15px}\r\n .brand{min-width:0}\r\n .brand-logo{width:43px;height:43px}\r\n .brand-copy strong{font-size:19px}\r\n .brand-copy span{display:none}\r\n .menu-toggle{width:42px;height:42px}\r\n .hero-inner{padding-top:118px;padding-bottom:48px;gap:34px}\r\n .hero-title{font-size:clamp(48px,15vw,66px)}\r\n .hero-subtitle{font-size:15px}\r\n .hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}\r\n .hero-bg:not(.has-image)::before{right:18px;bottom:18px;max-width:240px;font-size:9px}\r\n .lead-card{padding:22px;border-radius:22px}\r\n .lead-card h2{font-size:28px}\r\n .form-grid{grid-template-columns:1fr}\r\n .field.full{grid-column:auto}\r\n .authority-item{padding:22px 16px}\r\n .authority-number{font-size:26px}\r\n .section-head{display:block;margin-bottom:30px}\r\n .section-title{font-size:43px}\r\n .section-subtitle{font-size:14px}\r\n .carousel-controls{margin-top:22px}\r\n .properties,.categories,.weekly,.regions,.about{padding:84px 0}\r\n .outer-carousel{grid-auto-columns:86%;gap:14px}\r\n .gallery{height:235px}\r\n .category-grid{grid-template-columns:1fr}\r\n .category-card,.category-card:nth-child(n){grid-column:auto;min-height:190px}\r\n .region-grid{grid-template-columns:1fr}\r\n .region-card{height:310px}\r\n .about-grid{grid-template-columns:1fr;gap:38px}\r\n .about-photo{height:500px}\r\n .about-stats{grid-template-columns:1fr 1fr}\r\n .footer-grid{grid-template-columns:1fr;gap:34px}\r\n .footer-bottom{align-items:flex-start;flex-direction:column}\r\n .floating-whatsapp{width:54px;height:54px;right:16px;bottom:16px}\r\n }\r\n\r\n @media (max-width:440px){\r\n .hero-trust{grid-template-columns:1fr}\r\n .authority-inner{grid-template-columns:1fr}\r\n .authority-item{border-right:0!important;border-bottom:1px solid var(--line)!important}\r\n .authority-item:last-child{border-bottom:0!important}\r\n .outer-carousel{grid-auto-columns:92%}\r\n .about-stats{grid-template-columns:1fr}\r\n }\r\n\r\n\r\n\r\n @media (max-width:1050px){\r\n .hero-inner{padding:150px 0 130px}\r\n .lead-card{max-width:none}\r\n .lead-card .form-grid{grid-template-columns:repeat(2,1fr)}\r\n .lead-card .field.full{grid-column:auto}\r\n .lead-card .field:last-child{grid-column:1\/-1}\r\n }\r\n\r\n @media (max-width:760px){\r\n .brand-logo{width:62px;height:48px}\r\n .hero{min-height:690px}\r\n .hero-inner{padding:132px 0 120px}\r\n .hero-title{font-size:clamp(43px,13vw,60px);line-height:1.02}\r\n .hero-subtitle{font-size:15px}\r\n .hero-trust{display:flex;justify-content:center;gap:10px 16px}\r\n .lead-capture{padding-bottom:34px}\r\n .lead-card{margin-top:-52px;padding:22px 18px 24px;border-radius:18px}\r\n .lead-card > h2{font-size:29px}\r\n .lead-card .form-grid{grid-template-columns:1fr}\r\n .lead-card .field:last-child{grid-column:auto}\r\n .lead-card .lead-submit{max-width:none}\r\n .category-grid{padding:0 18px}\r\n .category-card,\r\n .category-card:nth-child(n){grid-template-columns:42px 1fr 42px;gap:12px;padding:20px 0;min-height:auto}\r\n .category-card h3,.category-card.dark h3,.category-card.copper h3{font-size:23px}\r\n .category-card p,.category-card.dark p,.category-card.copper p{font-size:12px}\r\n .category-card:hover{padding-left:0}\r\n .footer-logo{width:82px;height:82px}\r\n }\r\n\r\n @media (max-width:440px){\r\n .hero-trust{display:grid;grid-template-columns:1fr;justify-items:center}\r\n .category-card,\r\n .category-card:nth-child(n){grid-template-columns:34px 1fr 38px;gap:10px}\r\n }\r\n\r\n\r\n @media (prefers-reduced-motion:reduce){\r\n html{scroll-behavior:auto}\r\n *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}\r\n [data-reveal]{opacity:1;transform:none}\r\n }\r\n\r\n\r\n \/* ==========================================================\r\n REFINAMENTO FINAL \u2014 IDENTIDADE V\u00cdVIAN MARIA + UX\r\n T\u00edtulos editoriais inspirados na marca; corpo limpo e leg\u00edvel.\r\n ========================================================== *\/\r\n :root{\r\n --serif:\"Cormorant Garamond\", Georgia, \"Times New Roman\", serif;\r\n --sans:\"Montserrat\", \"Urbanist\", Arial, sans-serif;\r\n --navy:#173358;\r\n --navy-deep:#101A30;\r\n --copper:#CA8E65;\r\n --copper-deep:#9F7052;\r\n --champagne:#F6CAA7;\r\n --mist:#F8F6F3;\r\n --sand:#F1ECE6;\r\n --ink:#17202C;\r\n --muted:#686E77;\r\n }\r\n\r\n body{font-family:var(--sans);letter-spacing:-.006em}\r\n .section-title,.hero-title,.property-title,.region-card h3,.about-tagline,.authority-number,.footer-brand strong{\r\n font-family:var(--serif);\r\n }\r\n .section-title{font-weight:600;letter-spacing:-.025em;line-height:1.02}\r\n .section-subtitle{font-size:16px;line-height:1.72}\r\n .eyebrow{font-family:var(--sans);font-weight:700;color:var(--copper-deep);letter-spacing:.14em}\r\n .eyebrow::before{display:none!important}\r\n\r\n \/* Logo removida: espa\u00e7o reservado para PNG do cliente *\/\r\n .brand{min-width:150px;height:60px;display:flex;align-items:center}\r\n .brand-logo-slot{display:block;width:150px;height:60px;flex:none}\r\n .footer-logo-slot{display:block;width:180px;height:72px;flex:none}\r\n .brand-copy{display:none!important}\r\n\r\n \/* Navega\u00e7\u00e3o: mais leve e coerente com o car\u00e1ter premium da marca *\/\r\n .nav-shell{border-radius:16px;padding:8px 12px 8px 16px;border:1px solid rgba(23,51,88,.08);box-shadow:0 14px 42px rgba(16,26,48,.12)}\r\n .nav-links a{font-size:12px;font-weight:600}\r\n .btn{border-radius:12px}\r\n .btn-primary{background:var(--copper);box-shadow:0 12px 28px rgba(202,142,101,.2)}\r\n\r\n \/* Hero editorial, limpa, com a imagem de im\u00f3vel como protagonista *\/\r\n .hero{min-height:760px}\r\n .hero-bg.has-image::after{background:linear-gradient(180deg,rgba(16,26,48,.62) 0%,rgba(16,26,48,.56) 44%,rgba(16,26,48,.72) 100%)}\r\n .hero-inner{padding:170px 0 126px}\r\n .hero-copy{max-width:900px}\r\n .hero-title{font-size:clamp(58px,7vw,94px);font-weight:600;line-height:.93;letter-spacing:-.035em;margin:18px auto 24px}\r\n .hero-title em{font-style:italic;font-weight:500;color:var(--champagne)}\r\n\r\n \/* CORRE\u00c7\u00c3O DE COMPATIBILIDADE COM TEMA ASTRA \/ WORDPRESS\r\n Impede o tema de sobrescrever a cor do t\u00edtulo da Hero. *\/\r\n .hero .hero-title{color:#FFFFFF!important}\r\n .hero .hero-title em{color:var(--champagne)!important}\r\n .contact-cta .container h2{color:#FFFFFF!important}\r\n .hero-subtitle{font-size:17px;line-height:1.72;max-width:730px}\r\n .hero-actions{display:flex;justify-content:center;margin-top:28px}\r\n .hero-actions .btn{min-width:154px}\r\n .hero-trust{margin-top:30px}\r\n .hero-trust span{font-size:12px;font-weight:600}\r\n\r\n \/* CORRE\u00c7\u00c3O ASTRA \/ WORDPRESS \u2014 SETAS DOS CARROSS\u00c9IS\r\n Mant\u00e9m os bot\u00f5es perfeitamente circulares, sem padding\/min-width do tema. *\/\r\n .gallery-nav button{\r\n box-sizing:border-box!important;\r\n width:38px!important;\r\n height:38px!important;\r\n min-width:38px!important;\r\n min-height:38px!important;\r\n max-width:38px!important;\r\n max-height:38px!important;\r\n padding:0!important;\r\n margin:0!important;\r\n border-radius:50%!important;\r\n flex:0 0 38px!important;\r\n line-height:1!important;\r\n display:grid!important;\r\n place-items:center!important;\r\n aspect-ratio:1 \/ 1!important;\r\n }\r\n .gallery-nav button svg{\r\n width:15px!important;\r\n height:15px!important;\r\n min-width:15px!important;\r\n min-height:15px!important;\r\n margin:0!important;\r\n }\r\n .carousel-controls .arrow-btn{\r\n box-sizing:border-box!important;\r\n width:48px!important;\r\n height:48px!important;\r\n min-width:48px!important;\r\n min-height:48px!important;\r\n max-width:48px!important;\r\n max-height:48px!important;\r\n padding:0!important;\r\n margin:0!important;\r\n border-radius:50%!important;\r\n flex:0 0 48px!important;\r\n line-height:1!important;\r\n display:grid!important;\r\n place-items:center!important;\r\n aspect-ratio:1 \/ 1!important;\r\n }\r\n\r\n \/* Formul\u00e1rio tradicional em se\u00e7\u00e3o pr\u00f3pria, sem sobreposi\u00e7\u00e3o com a hero *\/\r\n .lead-capture{position:relative;z-index:2;background:var(--mist);padding:96px 0 102px;border-bottom:1px solid var(--line)}\r\n .form-section-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);gap:72px;align-items:start}\r\n .form-intro{padding-top:12px}\r\n .form-intro .section-title{font-size:clamp(44px,5vw,64px);margin:12px 0 18px;max-width:560px}\r\n .form-intro .section-subtitle{max-width:540px}\r\n .form-benefits{margin-top:34px;border-top:1px solid var(--line)}\r\n .form-benefits>div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)}\r\n .form-benefits span{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--copper-deep);padding-top:2px}\r\n .form-benefits p{margin:0;font-size:13px;line-height:1.55;color:#59606A}\r\n\r\n .lead-card{width:100%;max-width:none;margin:0;padding:34px;border-radius:22px;background:#fff;box-shadow:0 18px 52px rgba(16,26,48,.08);border:1px solid rgba(23,51,88,.1);backdrop-filter:none}\r\n .lead-card h3{font-family:var(--serif);font-size:34px;line-height:1.02;letter-spacing:-.02em;color:var(--navy-deep);font-weight:600;margin:0 0 8px}\r\n .lead-card>p{text-align:left;margin:0 0 24px;font-size:13px;line-height:1.55;color:var(--muted)}\r\n .lead-card .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px}\r\n .lead-card .field.full{grid-column:1\/-1}\r\n .field{gap:8px}\r\n .field label{font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:none;color:#414A56}\r\n .lead-card .field input,.lead-card .field select{height:54px;border-radius:10px;padding:0 15px;background:#fff;border:1px solid #DDE0E4;font-size:13px;color:var(--ink)}\r\n .lead-card .field input::placeholder{color:#9A9EA5}\r\n .lead-card .lead-submit{width:100%;max-width:none;margin:18px 0 0;min-height:54px;border-radius:10px}\r\n .lead-card .form-note{text-align:left!important;margin:10px 0 0!important;font-size:10px!important}\r\n\r\n \/* Cards e categorias: preserva o layout aprovado, mas suaviza a est\u00e9tica *\/\r\n .property-card{border-radius:18px;box-shadow:0 10px 30px rgba(16,26,48,.05)}\r\n .category-grid{border-radius:16px}\r\n .category-card h3,.category-card.dark h3,.category-card.copper h3{font-family:var(--serif);font-weight:600;letter-spacing:-.015em}\r\n .category-link,.dark .category-link,.copper .category-link{border-radius:50%}\r\n\r\n \/* Sobre e autoridade mant\u00eam os n\u00fameros conforme solicitado *\/\r\n .about-tagline{font-size:30px;font-weight:500;font-style:italic}\r\n .about-stat strong{font-family:var(--serif);font-weight:600}\r\n\r\n \/* Rodap\u00e9 sem logomarca embutida *\/\r\n .footer-brand{align-items:center;gap:18px}\r\n\r\n @media (max-width:1050px){\r\n .brand{min-width:126px;height:50px}\r\n .brand-logo-slot{width:126px;height:50px}\r\n .form-section-grid{grid-template-columns:1fr;gap:42px}\r\n .form-intro{max-width:720px}\r\n .lead-card{max-width:760px}\r\n }\r\n\r\n @media (max-width:760px){\r\n .brand{min-width:98px;height:40px}\r\n .brand-logo-slot{width:98px;height:40px}\r\n .hero{min-height:690px}\r\n .hero-inner{padding:132px 0 104px}\r\n .hero-title{font-size:clamp(46px,14vw,66px);line-height:.96}\r\n .hero-subtitle{font-size:15px}\r\n .lead-capture{padding:72px 0 78px}\r\n .form-section-grid{gap:30px}\r\n .form-intro .section-title{font-size:43px}\r\n .lead-card{padding:24px 20px;border-radius:16px}\r\n .lead-card h3{font-size:30px}\r\n .lead-card .form-grid{grid-template-columns:1fr;gap:14px}\r\n .lead-card .field.full{grid-column:auto}\r\n .footer-logo-slot{width:150px;height:60px}\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- SVG symbols reutiliz\u00e1veis -->\r\n <svg width=\"0\" height=\"0\" style=\"position:absolute;visibility:hidden\" aria-hidden=\"true\">\r\n <symbol id=\"i-whatsapp\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12.04 2a9.77 9.77 0 0 0-8.45 14.68L2 22l5.47-1.56A9.79 9.79 0 1 0 12.04 2Zm5.72 13.82c-.24.69-1.4 1.32-1.94 1.39-.5.07-1.13.1-1.83-.12-.42-.13-.96-.31-1.66-.61-2.92-1.26-4.82-4.2-4.97-4.39-.14-.2-1.18-1.56-1.18-2.98 0-1.42.75-2.12 1.01-2.41.27-.3.59-.37.78-.37h.56c.18 0 .42-.07.66.5.24.58.82 2 .89 2.14.07.14.12.31.02.51-.09.2-.14.31-.28.48-.14.17-.3.38-.42.51-.14.14-.29.29-.12.57.17.29.76 1.25 1.64 2.03 1.13 1.01 2.08 1.32 2.38 1.47.29.14.46.12.63-.07.17-.2.73-.85.92-1.14.19-.29.39-.24.66-.14.27.1 1.71.81 2 .95.29.14.49.22.56.34.07.12.07.7-.17 1.39Z\"\/><\/symbol>\r\n <symbol id=\"i-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/symbol>\r\n <symbol id=\"i-arrow-left\" viewBox=\"0 0 24 24\"><path d=\"M19 12H5m6 6-6-6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/symbol>\r\n <symbol id=\"i-arrow-right\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14m-6-6 6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/symbol>\r\n <symbol id=\"i-pin\" viewBox=\"0 0 24 24\"><path d=\"M12 21s7-6.04 7-12a7 7 0 1 0-14 0c0 5.96 7 12 7 12Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><circle cx=\"12\" cy=\"9\" r=\"2.4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><\/symbol>\r\n <symbol id=\"i-instagram\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/symbol>\r\n <symbol id=\"i-menu\" viewBox=\"0 0 24 24\"><path d=\"M4 7h16M4 12h16M4 17h16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/symbol>\r\n <\/svg>\r\n\r\n <header class=\"site-header\">\r\n <div class=\"nav-shell\">\r\n <a class=\"brand\" href=\"#inicio\" aria-label=\"V\u00edvian Maria \u2014 in\u00edcio\">\r\n <!-- ========================================================\r\n [EDITAR AQUI \u2014 LOGO DO TOPO \/ HEADER]\r\n Cole o link direto dentro de data-logo=\"\".\r\n Exemplo: data-logo=\"https:\/\/seusite.com\/logo.png\"\r\n Recomendado: PNG transparente \u2022 600 \u00d7 240 px (5:2)\r\n Exibi\u00e7\u00e3o desktop: 150 \u00d7 60 px\r\n ======================================================== -->\r\n <span class=\"brand-logo-slot js-logo\" data-logo=\"https:\/\/viviancorretoradeimoveis.com.br\/wp-content\/uploads\/2026\/08\/cropped-IMG_3732.png\" aria-label=\"Espa\u00e7o reservado para a logomarca da V\u00edvian Maria\"><\/span>\r\n <\/a>\r\n\r\n <nav class=\"nav-links\" id=\"navLinks\" aria-label=\"Navega\u00e7\u00e3o principal\">\r\n <a href=\"#imoveis\">Im\u00f3veis<\/a>\r\n <a href=\"#categorias\">Categorias<\/a>\r\n <a href=\"#sobre\">Sobre<\/a>\r\n <\/nav>\r\n\r\n <div class=\"nav-actions\">\r\n <a class=\"btn btn-whatsapp js-whatsapp\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"icon\"><use href=\"#i-whatsapp\"\/><\/svg>\r\n Falar com a V\u00edvian\r\n <\/a>\r\n <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Abrir menu\" aria-expanded=\"false\">\r\n <svg class=\"icon\"><use href=\"#i-menu\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <section class=\"hero\" id=\"inicio\">\r\n <!-- ========================================================\r\n [EDITAR AQUI \u2014 FOTO PRINCIPAL \/ HERO]\r\n Cole o link direto em data-bg=\"\" na linha abaixo.\r\n Recomendado: 1920 \u00d7 1080 px (16:9).\r\n ======================================================== -->\r\n <div class=\"hero-bg js-bg\" data-bg=\"\"><\/div>\r\n\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-copy\" data-reveal>\r\n <div class=\"eyebrow\">Im\u00f3veis selecionados em Macei\u00f3<\/div>\r\n <h1 class=\"hero-title\">O im\u00f3vel certo pode estar <em>mais perto<\/em> do que voc\u00ea imagina.<\/h1>\r\n <p class=\"hero-subtitle\">Encontre oportunidades selecionadas em Macei\u00f3, com atendimento pr\u00f3ximo, orienta\u00e7\u00e3o em cada etapa e suporte para transformar a busca pelo seu im\u00f3vel em uma decis\u00e3o segura.<\/p>\r\n <div class=\"hero-actions\">\r\n <a class=\"btn btn-primary\" href=\"#imoveis\">\r\n Ver im\u00f3veis\r\n <svg class=\"icon\"><use href=\"#i-arrow\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <div class=\"hero-trust\" aria-label=\"Credenciais\">\r\n <span><i class=\"trust-dot\"><\/i> +5 anos de experi\u00eancia<\/span>\r\n <span><i class=\"trust-dot\"><\/i> +100 im\u00f3veis vendidos<\/span>\r\n <span><i class=\"trust-dot\"><\/i> CRECI 6474<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SE\u00c7\u00c3O 02 \u2014 FORMUL\u00c1RIO DE CAPTA\u00c7\u00c3O -->\r\n <section class=\"lead-capture\" id=\"formulario\" aria-label=\"Formul\u00e1rio para encontrar um im\u00f3vel\">\r\n <div class=\"container form-section-grid\">\r\n <div class=\"form-intro\" data-reveal>\r\n <span class=\"eyebrow\">Atendimento personalizado<\/span>\r\n <h2 class=\"section-title\">Vamos encontrar o im\u00f3vel que faz sentido para voc\u00ea?<\/h2>\r\n <p class=\"section-subtitle\">Conte um pouco sobre o que procura. Com essas informa\u00e7\u00f5es, a V\u00edvian consegue direcionar o atendimento e apresentar oportunidades mais alinhadas ao seu momento.<\/p>\r\n\r\n <div class=\"form-benefits\" aria-label=\"Benef\u00edcios do atendimento\">\r\n <div><span>01<\/span><p>Atendimento direto e sem compromisso.<\/p><\/div>\r\n <div><span>02<\/span><p>Sele\u00e7\u00e3o de im\u00f3veis de acordo com seu perfil.<\/p><\/div>\r\n <div><span>03<\/span><p>Suporte tamb\u00e9m no processo de cr\u00e9dito e financiamento.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lead-card\" data-reveal aria-labelledby=\"leadTitle\">\r\n <h3 id=\"leadTitle\">Fale sobre o im\u00f3vel que voc\u00ea procura<\/h3>\r\n <p>Preencha os dados abaixo para seguir para o WhatsApp.<\/p>\r\n\r\n <form id=\"leadForm\">\r\n <div class=\"form-grid\">\r\n <div class=\"field full\">\r\n <label for=\"nome\">Nome<\/label>\r\n <input id=\"nome\" name=\"nome\" type=\"text\" placeholder=\"Como posso te chamar?\" required \/>\r\n <\/div>\r\n\r\n <div class=\"field full\">\r\n <label for=\"whatsapp\">WhatsApp<\/label>\r\n <input id=\"whatsapp\" name=\"whatsapp\" type=\"tel\" placeholder=\"Qual o melhor n\u00famero para falar com voc\u00ea?\" required \/>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"tipo\">Tipo de im\u00f3vel<\/label>\r\n <select id=\"tipo\" name=\"tipo\" required>\r\n <option value=\"\" selected disabled>O que voc\u00ea est\u00e1 procurando?<\/option>\r\n <option>Minha Casa Minha Vida<\/option>\r\n <option>Apartamento<\/option>\r\n <option>Casa<\/option>\r\n <option>Condom\u00ednio<\/option>\r\n <option>Terreno<\/option>\r\n <option>Im\u00f3vel Comercial<\/option>\r\n <option>Alto Padr\u00e3o<\/option>\r\n <option>Ainda n\u00e3o decidi<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"investimento\">Faixa de investimento<\/label>\r\n <input id=\"investimento\" name=\"investimento\" type=\"text\" placeholder=\"Quanto pretende investir?\" required \/>\r\n <\/div>\r\n\r\n <div class=\"field full\">\r\n <label for=\"regiao\">Regi\u00e3o de interesse<\/label>\r\n <input id=\"regiao\" name=\"regiao\" type=\"text\" placeholder=\"Onde gostaria de morar ou investir?\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"btn btn-primary lead-submit\" type=\"submit\">\r\n Quero encontrar meu im\u00f3vel\r\n <svg class=\"icon\"><use href=\"#i-arrow\"\/><\/svg>\r\n <\/button>\r\n <p class=\"form-note\">Ao enviar, voc\u00ea ser\u00e1 direcionado para uma conversa com a V\u00edvian no WhatsApp.<\/p>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========================================================\r\n SE\u00c7\u00c3O 03 \u2014 IM\u00d3VEIS EM DESTAQUE\r\n [EDITAR AQUI \u2014 FOTOS] use data-src=\"\" \u2022 1600 \u00d7 1067 px (3:2)\r\n ======================================================== -->\r\n <section class=\"properties\" id=\"imoveis\">\r\n <div class=\"container\">\r\n <div class=\"section-head\" data-reveal>\r\n <div class=\"section-head-copy\">\r\n <span class=\"eyebrow\">Im\u00f3veis em destaque<\/span>\r\n <h2 class=\"section-title\">Oportunidades escolhidas para voc\u00ea olhar com calma.<\/h2>\r\n <p class=\"section-subtitle\">Boas localiza\u00e7\u00f5es, diferentes faixas de investimento e im\u00f3veis selecionados para quem quer morar ou investir em Macei\u00f3.<\/p>\r\n <\/div>\r\n <div class=\"carousel-controls\">\r\n <button class=\"arrow-btn\" data-scroll-prev=\"featuredTrack\" aria-label=\"Im\u00f3vel anterior\"><svg><use href=\"#i-arrow-left\"\/><\/svg><\/button>\r\n <button class=\"arrow-btn\" data-scroll-next=\"featuredTrack\" aria-label=\"Pr\u00f3ximo im\u00f3vel\"><svg><use href=\"#i-arrow-right\"\/><\/svg><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!--\r\n CARROSSEL DE CARROSS\u00c9IS:\r\n \u2022 O track abaixo desliza entre IM\u00d3VEIS.\r\n \u2022 Dentro de cada card existe outro carrossel que desliza entre as FOTOS daquele im\u00f3vel.\r\n \u2022 Cole os links das fotos nos data-src=\"\".\r\n \u2022 Tamanho recomendado para cada foto: 1600 \u00d7 1067 px (3:2).\r\n -->\r\n <div class=\"outer-carousel\" id=\"featuredTrack\">\r\n\r\n <article class=\"property-card\" data-property=\"Im\u00f3vel em destaque 01\" data-reveal>\r\n <div class=\"gallery\" data-gallery>\r\n <span class=\"property-badge\">Destaque<\/span>\r\n <div class=\"gallery-slide active js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 1 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 2 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 3 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-nav\"><button type=\"button\" data-gallery-prev aria-label=\"Foto anterior\"><svg><use href=\"#i-arrow-left\"\/><\/svg><\/button><button type=\"button\" data-gallery-next aria-label=\"Pr\u00f3xima foto\"><svg><use href=\"#i-arrow-right\"\/><\/svg><\/button><\/div>\r\n <div class=\"gallery-dots\"><\/div>\r\n <\/div>\r\n <div class=\"property-body\">\r\n <span class=\"property-kicker\">Residencial \u2022 Macei\u00f3<\/span>\r\n <h3 class=\"property-title\">Im\u00f3vel em destaque 01<\/h3>\r\n <div class=\"property-location\"><svg><use href=\"#i-pin\"\/><\/svg> Edite aqui a localiza\u00e7\u00e3o<\/div>\r\n <div class=\"property-footer\">\r\n <div class=\"property-price\"><small>Condi\u00e7\u00f5es<\/small><strong>Consulte valores<\/strong><\/div>\r\n <a href=\"#\" class=\"property-interest js-property-whatsapp\">Tenho interesse <svg width=\"14\" height=\"14\"><use href=\"#i-arrow\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"property-card\" data-property=\"Im\u00f3vel em destaque 02\" data-reveal>\r\n <div class=\"gallery\" data-gallery>\r\n <span class=\"property-badge\">Selecionado<\/span>\r\n <div class=\"gallery-slide active js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 1 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 2 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 3 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-nav\"><button type=\"button\" data-gallery-prev aria-label=\"Foto anterior\"><svg><use href=\"#i-arrow-left\"\/><\/svg><\/button><button type=\"button\" data-gallery-next aria-label=\"Pr\u00f3xima foto\"><svg><use href=\"#i-arrow-right\"\/><\/svg><\/button><\/div>\r\n <div class=\"gallery-dots\"><\/div>\r\n <\/div>\r\n <div class=\"property-body\">\r\n <span class=\"property-kicker\">Residencial \u2022 Macei\u00f3<\/span>\r\n <h3 class=\"property-title\">Im\u00f3vel em destaque 02<\/h3>\r\n <div class=\"property-location\"><svg><use href=\"#i-pin\"\/><\/svg> Edite aqui a localiza\u00e7\u00e3o<\/div>\r\n <div class=\"property-footer\"><div class=\"property-price\"><small>Condi\u00e7\u00f5es<\/small><strong>Consulte valores<\/strong><\/div><a href=\"#\" class=\"property-interest js-property-whatsapp\">Tenho interesse <svg width=\"14\" height=\"14\"><use href=\"#i-arrow\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"property-card\" data-property=\"Im\u00f3vel em destaque 03\" data-reveal>\r\n <div class=\"gallery\" data-gallery>\r\n <span class=\"property-badge\">Destaque<\/span>\r\n <div class=\"gallery-slide active js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 1 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 2 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 3 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-nav\"><button type=\"button\" data-gallery-prev aria-label=\"Foto anterior\"><svg><use href=\"#i-arrow-left\"\/><\/svg><\/button><button type=\"button\" data-gallery-next aria-label=\"Pr\u00f3xima foto\"><svg><use href=\"#i-arrow-right\"\/><\/svg><\/button><\/div>\r\n <div class=\"gallery-dots\"><\/div>\r\n <\/div>\r\n <div class=\"property-body\">\r\n <span class=\"property-kicker\">Residencial \u2022 Macei\u00f3<\/span>\r\n <h3 class=\"property-title\">Im\u00f3vel em destaque 03<\/h3>\r\n <div class=\"property-location\"><svg><use href=\"#i-pin\"\/><\/svg> Edite aqui a localiza\u00e7\u00e3o<\/div>\r\n <div class=\"property-footer\"><div class=\"property-price\"><small>Condi\u00e7\u00f5es<\/small><strong>Consulte valores<\/strong><\/div><a href=\"#\" class=\"property-interest js-property-whatsapp\">Tenho interesse <svg width=\"14\" height=\"14\"><use href=\"#i-arrow\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"property-card\" data-property=\"Im\u00f3vel em destaque 04\" data-reveal>\r\n <div class=\"gallery\" data-gallery>\r\n <span class=\"property-badge\">Selecionado<\/span>\r\n <div class=\"gallery-slide active js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 1 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 2 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 3 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-nav\"><button type=\"button\" data-gallery-prev aria-label=\"Foto anterior\"><svg><use href=\"#i-arrow-left\"\/><\/svg><\/button><button type=\"button\" data-gallery-next aria-label=\"Pr\u00f3xima foto\"><svg><use href=\"#i-arrow-right\"\/><\/svg><\/button><\/div>\r\n <div class=\"gallery-dots\"><\/div>\r\n <\/div>\r\n <div class=\"property-body\">\r\n <span class=\"property-kicker\">Residencial \u2022 Macei\u00f3<\/span>\r\n <h3 class=\"property-title\">Im\u00f3vel em destaque 04<\/h3>\r\n <div class=\"property-location\"><svg><use href=\"#i-pin\"\/><\/svg> Edite aqui a localiza\u00e7\u00e3o<\/div>\r\n <div class=\"property-footer\"><div class=\"property-price\"><small>Condi\u00e7\u00f5es<\/small><strong>Consulte valores<\/strong><\/div><a href=\"#\" class=\"property-interest js-property-whatsapp\">Tenho interesse <svg width=\"14\" height=\"14\"><use href=\"#i-arrow\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"property-card\" data-property=\"Im\u00f3vel em destaque 05\" data-reveal>\r\n <div class=\"gallery\" data-gallery>\r\n <span class=\"property-badge\">Destaque<\/span>\r\n <div class=\"gallery-slide active js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 1 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 2 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 3 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-nav\"><button type=\"button\" data-gallery-prev aria-label=\"Foto anterior\"><svg><use href=\"#i-arrow-left\"\/><\/svg><\/button><button type=\"button\" data-gallery-next aria-label=\"Pr\u00f3xima foto\"><svg><use href=\"#i-arrow-right\"\/><\/svg><\/button><\/div>\r\n <div class=\"gallery-dots\"><\/div>\r\n <\/div>\r\n <div class=\"property-body\">\r\n <span class=\"property-kicker\">Residencial \u2022 Macei\u00f3<\/span>\r\n <h3 class=\"property-title\">Im\u00f3vel em destaque 05<\/h3>\r\n <div class=\"property-location\"><svg><use href=\"#i-pin\"\/><\/svg> Edite aqui a localiza\u00e7\u00e3o<\/div>\r\n <div class=\"property-footer\"><div class=\"property-price\"><small>Condi\u00e7\u00f5es<\/small><strong>Consulte valores<\/strong><\/div><a href=\"#\" class=\"property-interest js-property-whatsapp\">Tenho interesse <svg width=\"14\" height=\"14\"><use href=\"#i-arrow\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"property-card\" data-property=\"Im\u00f3vel em destaque 06\" data-reveal>\r\n <div class=\"gallery\" data-gallery>\r\n <span class=\"property-badge\">Selecionado<\/span>\r\n <div class=\"gallery-slide active js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 1 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 2 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 3 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-nav\"><button type=\"button\" data-gallery-prev aria-label=\"Foto anterior\"><svg><use href=\"#i-arrow-left\"\/><\/svg><\/button><button type=\"button\" data-gallery-next aria-label=\"Pr\u00f3xima foto\"><svg><use href=\"#i-arrow-right\"\/><\/svg><\/button><\/div>\r\n <div class=\"gallery-dots\"><\/div>\r\n <\/div>\r\n <div class=\"property-body\">\r\n <span class=\"property-kicker\">Residencial \u2022 Macei\u00f3<\/span>\r\n <h3 class=\"property-title\">Im\u00f3vel em destaque 06<\/h3>\r\n <div class=\"property-location\"><svg><use href=\"#i-pin\"\/><\/svg> Edite aqui a localiza\u00e7\u00e3o<\/div>\r\n <div class=\"property-footer\"><div class=\"property-price\"><small>Condi\u00e7\u00f5es<\/small><strong>Consulte valores<\/strong><\/div><a href=\"#\" class=\"property-interest js-property-whatsapp\">Tenho interesse <svg width=\"14\" height=\"14\"><use href=\"#i-arrow\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SE\u00c7\u00c3O 04 \u2014 CATEGORIAS -->\r\n <section class=\"categories\" id=\"categorias\">\r\n <div class=\"container\">\r\n <div class=\"section-head\" data-reveal>\r\n <div class=\"section-head-copy\">\r\n <span class=\"eyebrow\">Encontre por categoria<\/span>\r\n <h2 class=\"section-title\">Qual im\u00f3vel combina com o seu momento?<\/h2>\r\n <p class=\"section-subtitle\">Do primeiro im\u00f3vel a uma oportunidade de investimento, encontre op\u00e7\u00f5es que fa\u00e7am sentido para o que voc\u00ea procura hoje.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"category-grid\">\r\n <a class=\"category-card dark js-category-whatsapp\" data-category=\"Minha Casa Minha Vida\" href=\"#\" data-reveal>\r\n <span class=\"category-index\">01<\/span>\r\n <div><h3>Minha Casa Minha Vida<\/h3><p>O primeiro im\u00f3vel pode estar mais perto do que voc\u00ea pensa.<\/p><\/div>\r\n <span class=\"category-link\"><svg><use href=\"#i-arrow\"\/><\/svg><\/span>\r\n <\/a>\r\n <a class=\"category-card js-category-whatsapp\" data-category=\"Apartamentos\" href=\"#\" data-reveal>\r\n <span class=\"category-index\">02<\/span><div><h3>Apartamentos<\/h3><p>Praticidade, localiza\u00e7\u00e3o e op\u00e7\u00f5es para diferentes estilos de vida.<\/p><\/div><span class=\"category-link\"><svg><use href=\"#i-arrow\"\/><\/svg><\/span>\r\n <\/a>\r\n <a class=\"category-card js-category-whatsapp\" data-category=\"Casas\" href=\"#\" data-reveal>\r\n <span class=\"category-index\">03<\/span><div><h3>Casas<\/h3><p>Mais espa\u00e7o para viver do seu jeito.<\/p><\/div><span class=\"category-link\"><svg><use href=\"#i-arrow\"\/><\/svg><\/span>\r\n <\/a>\r\n <a class=\"category-card js-category-whatsapp\" data-category=\"Condom\u00ednios\" href=\"#\" data-reveal>\r\n <span class=\"category-index\">04<\/span><div><h3>Condom\u00ednios<\/h3><p>Seguran\u00e7a, conforto e estrutura para aproveitar todos os dias.<\/p><\/div><span class=\"category-link\"><svg><use href=\"#i-arrow\"\/><\/svg><\/span>\r\n <\/a>\r\n <a class=\"category-card js-category-whatsapp\" data-category=\"Terrenos\" href=\"#\" data-reveal>\r\n <span class=\"category-index\">05<\/span><div><h3>Terrenos<\/h3><p>O espa\u00e7o certo para construir seus pr\u00f3ximos planos.<\/p><\/div><span class=\"category-link\"><svg><use href=\"#i-arrow\"\/><\/svg><\/span>\r\n <\/a>\r\n <a class=\"category-card js-category-whatsapp\" data-category=\"Im\u00f3veis Comerciais\" href=\"#\" data-reveal>\r\n <span class=\"category-index\">06<\/span><div><h3>Im\u00f3veis Comerciais<\/h3><p>Endere\u00e7os pensados para neg\u00f3cios, renda e investimento.<\/p><\/div><span class=\"category-link\"><svg><use href=\"#i-arrow\"\/><\/svg><\/span>\r\n <\/a>\r\n <a class=\"category-card copper js-category-whatsapp\" data-category=\"Alto Padr\u00e3o\" href=\"#\" data-reveal>\r\n <span class=\"category-index\">07<\/span><div><h3>Alto Padr\u00e3o<\/h3><p>Im\u00f3veis especiais para quem procura algo al\u00e9m do comum.<\/p><\/div><span class=\"category-link\"><svg><use href=\"#i-arrow\"\/><\/svg><\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"category-cta\"><a class=\"btn btn-primary js-whatsapp\" href=\"#\" target=\"_blank\" rel=\"noopener\">Encontrar im\u00f3veis para mim <svg class=\"icon\"><use href=\"#i-arrow\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========================================================\r\n SE\u00c7\u00c3O 05 \u2014 OPORTUNIDADES\r\n [EDITAR AQUI \u2014 FOTOS] use data-src=\"\" \u2022 1600 \u00d7 1067 px (3:2)\r\n ======================================================== -->\r\n <section class=\"weekly\" id=\"oportunidades\">\r\n <div class=\"container\">\r\n <div class=\"section-head\" data-reveal>\r\n <div class=\"section-head-copy\">\r\n <span class=\"eyebrow\">Oportunidades da semana<\/span>\r\n <h2 class=\"section-title\">Algumas oportunidades n\u00e3o ficam dispon\u00edveis por muito tempo.<\/h2>\r\n <p class=\"section-subtitle\">Veja os im\u00f3veis selecionados da semana e descubra oportunidades que merecem a sua aten\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <div class=\"carousel-controls\">\r\n <button class=\"arrow-btn\" data-scroll-prev=\"weeklyTrack\" aria-label=\"Oportunidade anterior\"><svg><use href=\"#i-arrow-left\"\/><\/svg><\/button>\r\n <button class=\"arrow-btn\" data-scroll-next=\"weeklyTrack\" aria-label=\"Pr\u00f3xima oportunidade\"><svg><use href=\"#i-arrow-right\"\/><\/svg><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"outer-carousel\" id=\"weeklyTrack\">\r\n <article class=\"property-card\" data-property=\"Oportunidade da semana 01\" data-reveal>\r\n <div class=\"gallery\" data-gallery>\r\n <span class=\"property-badge\">Oportunidade<\/span>\r\n <div class=\"gallery-slide active js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 1 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 2 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 3 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-nav\"><button type=\"button\" data-gallery-prev aria-label=\"Foto anterior\"><svg><use href=\"#i-arrow-left\"\/><\/svg><\/button><button type=\"button\" data-gallery-next aria-label=\"Pr\u00f3xima foto\"><svg><use href=\"#i-arrow-right\"\/><\/svg><\/button><\/div><div class=\"gallery-dots\"><\/div>\r\n <\/div>\r\n <div class=\"property-body\"><span class=\"property-kicker\">Semana \u2022 Sele\u00e7\u00e3o V\u00edvian<\/span><h3 class=\"property-title\">Oportunidade da semana 01<\/h3><div class=\"property-location\"><svg><use href=\"#i-pin\"\/><\/svg> Edite aqui a localiza\u00e7\u00e3o<\/div><div class=\"property-footer\"><div class=\"property-price\"><small>Condi\u00e7\u00f5es<\/small><strong>Consulte valores<\/strong><\/div><a href=\"#\" class=\"property-interest js-property-whatsapp\">Tenho interesse <svg width=\"14\" height=\"14\"><use href=\"#i-arrow\"\/><\/svg><\/a><\/div><\/div>\r\n <\/article>\r\n\r\n <article class=\"property-card\" data-property=\"Oportunidade da semana 02\" data-reveal>\r\n <div class=\"gallery\" data-gallery>\r\n <span class=\"property-badge\">Oportunidade<\/span>\r\n <div class=\"gallery-slide active js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 1 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div><div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 2 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div><div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 3 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-nav\"><button type=\"button\" data-gallery-prev aria-label=\"Foto anterior\"><svg><use href=\"#i-arrow-left\"\/><\/svg><\/button><button type=\"button\" data-gallery-next aria-label=\"Pr\u00f3xima foto\"><svg><use href=\"#i-arrow-right\"\/><\/svg><\/button><\/div><div class=\"gallery-dots\"><\/div>\r\n <\/div>\r\n <div class=\"property-body\"><span class=\"property-kicker\">Semana \u2022 Sele\u00e7\u00e3o V\u00edvian<\/span><h3 class=\"property-title\">Oportunidade da semana 02<\/h3><div class=\"property-location\"><svg><use href=\"#i-pin\"\/><\/svg> Edite aqui a localiza\u00e7\u00e3o<\/div><div class=\"property-footer\"><div class=\"property-price\"><small>Condi\u00e7\u00f5es<\/small><strong>Consulte valores<\/strong><\/div><a href=\"#\" class=\"property-interest js-property-whatsapp\">Tenho interesse <svg width=\"14\" height=\"14\"><use href=\"#i-arrow\"\/><\/svg><\/a><\/div><\/div>\r\n <\/article>\r\n\r\n <article class=\"property-card\" data-property=\"Oportunidade da semana 03\" data-reveal>\r\n <div class=\"gallery\" data-gallery>\r\n <span class=\"property-badge\">Oportunidade<\/span>\r\n <div class=\"gallery-slide active js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 1 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div><div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 2 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div><div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 3 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-nav\"><button type=\"button\" data-gallery-prev aria-label=\"Foto anterior\"><svg><use href=\"#i-arrow-left\"\/><\/svg><\/button><button type=\"button\" data-gallery-next aria-label=\"Pr\u00f3xima foto\"><svg><use href=\"#i-arrow-right\"\/><\/svg><\/button><\/div><div class=\"gallery-dots\"><\/div>\r\n <\/div>\r\n <div class=\"property-body\"><span class=\"property-kicker\">Semana \u2022 Sele\u00e7\u00e3o V\u00edvian<\/span><h3 class=\"property-title\">Oportunidade da semana 03<\/h3><div class=\"property-location\"><svg><use href=\"#i-pin\"\/><\/svg> Edite aqui a localiza\u00e7\u00e3o<\/div><div class=\"property-footer\"><div class=\"property-price\"><small>Condi\u00e7\u00f5es<\/small><strong>Consulte valores<\/strong><\/div><a href=\"#\" class=\"property-interest js-property-whatsapp\">Tenho interesse <svg width=\"14\" height=\"14\"><use href=\"#i-arrow\"\/><\/svg><\/a><\/div><\/div>\r\n <\/article>\r\n\r\n <article class=\"property-card\" data-property=\"Oportunidade da semana 04\" data-reveal>\r\n <div class=\"gallery\" data-gallery>\r\n <span class=\"property-badge\">Oportunidade<\/span>\r\n <div class=\"gallery-slide active js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 1 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div><div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 2 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div><div class=\"gallery-slide js-slide\" data-src=\"\"><span class=\"placeholder-label\">FOTO 3 DO IM\u00d3VEL<br>1600 \u00d7 1067 px (3:2)<\/span><\/div>\r\n <div class=\"gallery-nav\"><button type=\"button\" data-gallery-prev aria-label=\"Foto anterior\"><svg><use href=\"#i-arrow-left\"\/><\/svg><\/button><button type=\"button\" data-gallery-next aria-label=\"Pr\u00f3xima foto\"><svg><use href=\"#i-arrow-right\"\/><\/svg><\/button><\/div><div class=\"gallery-dots\"><\/div>\r\n <\/div>\r\n <div class=\"property-body\"><span class=\"property-kicker\">Semana \u2022 Sele\u00e7\u00e3o V\u00edvian<\/span><h3 class=\"property-title\">Oportunidade da semana 04<\/h3><div class=\"property-location\"><svg><use href=\"#i-pin\"\/><\/svg> Edite aqui a localiza\u00e7\u00e3o<\/div><div class=\"property-footer\"><div class=\"property-price\"><small>Condi\u00e7\u00f5es<\/small><strong>Consulte valores<\/strong><\/div><a href=\"#\" class=\"property-interest js-property-whatsapp\">Tenho interesse <svg width=\"14\" height=\"14\"><use href=\"#i-arrow\"\/><\/svg><\/a><\/div><\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ========================================================\r\n SE\u00c7\u00c3O 06 \u2014 SOBRE A V\u00cdVIAN\r\n [EDITAR AQUI \u2014 FOTO] use data-bg=\"\" \u2022 1200 \u00d7 1500 px (4:5)\r\n ======================================================== -->\r\n <section class=\"about\" id=\"sobre\">\r\n <div class=\"container about-grid\">\r\n <!-- Foto da V\u00edvian: cole o link abaixo. Tamanho recomendado: 1200x1500 px (4:5). -->\r\n <!-- [EDITAR AQUI \u2014 FOTO DA V\u00cdVIAN] Cole o link em data-bg=\"\" \u2022 1200 \u00d7 1500 px (4:5) -->\r\n <div class=\"about-photo js-bg\" data-bg=\"https:\/\/viviancorretoradeimoveis.com.br\/wp-content\/uploads\/2026\/08\/IMG_1929.JPG.jpeg\" data-reveal aria-label=\"Espa\u00e7o reservado para foto da V\u00edvian Maria\"><\/div>\r\n\r\n <div class=\"about-content\" data-reveal>\r\n <span class=\"eyebrow\">Sobre a corretora<\/span>\r\n <h2 class=\"section-title\">Prazer, eu sou V\u00edvian Maria.<\/h2>\r\n <div class=\"about-tagline\">Sua corretora para encontrar o im\u00f3vel certo em Macei\u00f3.<\/div>\r\n\r\n <div class=\"about-stats\">\r\n <div class=\"about-stat\"><strong>+5 anos<\/strong><span>de experi\u00eancia no mercado imobili\u00e1rio<\/span><\/div>\r\n <div class=\"about-stat\"><strong>+100 im\u00f3veis<\/strong><span>vendidos em Macei\u00f3<\/span><\/div>\r\n <div class=\"about-stat\"><strong>CRECI 6474<\/strong><span>atendimento profissional e seguro<\/span><\/div>\r\n <div class=\"about-stat\"><strong>Cr\u00e9dito<\/strong><span>suporte tamb\u00e9m na aprova\u00e7\u00e3o do financiamento<\/span><\/div>\r\n <\/div>\r\n\r\n <p class=\"about-text\">Eu seleciono oportunidades, explico cada etapa, ajudo no processo de aprova\u00e7\u00e3o de cr\u00e9dito e acompanho voc\u00ea durante toda a jornada para que sua decis\u00e3o fa\u00e7a sentido de verdade.<\/p>\r\n <a class=\"btn btn-primary js-whatsapp\" href=\"#\" target=\"_blank\" rel=\"noopener\">Falar com a V\u00edvian <svg class=\"icon\"><use href=\"#i-arrow\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SE\u00c7\u00c3O 07 \u2014 CTA FINAL -->\r\n <section class=\"contact-cta\" id=\"contato\">\r\n <div class=\"container\" data-reveal>\r\n <span class=\"eyebrow\">Seu pr\u00f3ximo im\u00f3vel come\u00e7a aqui<\/span>\r\n <h2>Me conte o que voc\u00ea procura. Eu cuido do caminho.<\/h2>\r\n <p>Fale diretamente comigo pelo WhatsApp e receba oportunidades que fa\u00e7am sentido para o seu momento, or\u00e7amento e objetivo.<\/p>\r\n <a class=\"btn btn-whatsapp js-whatsapp\" href=\"#\" target=\"_blank\" rel=\"noopener\"><svg class=\"icon\"><use href=\"#i-whatsapp\"\/><\/svg> Falar com a V\u00edvian no WhatsApp<\/a>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <!-- SE\u00c7\u00c3O 08 \u2014 RODAP\u00c9 \/ FOOTER -->\r\n <footer>\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div>\r\n <div class=\"footer-brand\">\r\n <!-- LOGO PNG DO RODAP\u00c9: use o mesmo arquivo transparente de 600 \u00d7 240 px (5:2).\r\n Exibi\u00e7\u00e3o recomendada: 180 \u00d7 72 px. -->\r\n <!-- ==================================================\r\n [EDITAR AQUI \u2014 LOGO DO RODAP\u00c9]\r\n Cole o link direto dentro de data-logo=\"\".\r\n Recomendado: PNG transparente \u2022 600 \u00d7 240 px (5:2)\r\n Exibi\u00e7\u00e3o desktop: 180 \u00d7 72 px\r\n ================================================== -->\r\n <span class=\"footer-logo-slot js-logo\" data-logo=\"https:\/\/viviancorretoradeimoveis.com.br\/wp-content\/uploads\/2026\/08\/cropped-IMG_3732.png\" aria-label=\"Espa\u00e7o reservado para a logomarca da V\u00edvian Maria\"><\/span>\r\n <div><strong>V\u00edvian Maria<\/strong><span>Corretora de Im\u00f3veis \u2022 CRECI 6474<\/span><\/div>\r\n <\/div>\r\n <p class=\"footer-copy\">Im\u00f3veis selecionados, atendimento personalizado e suporte em todas as etapas da sua compra em Macei\u00f3.<\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h3>Navega\u00e7\u00e3o<\/h3>\r\n <a href=\"#imoveis\">Im\u00f3veis em destaque<\/a>\r\n <a href=\"#categorias\">Categorias<\/a>\r\n <a href=\"#sobre\">Sobre a V\u00edvian<\/a>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h3>Contato<\/h3>\r\n <a class=\"js-whatsapp\" href=\"#\" target=\"_blank\" rel=\"noopener\"><svg><use href=\"#i-whatsapp\"\/><\/svg> +55 82 99637-5992<\/a>\r\n <a href=\"https:\/\/www.instagram.com\/vivianmariacorretoradeimoveis?igsh=OGl1azlpaW9mdjVv\" target=\"_blank\" rel=\"noopener\"><svg><use href=\"#i-instagram\"\/><\/svg> @vivianmariacorretoradeimoveis<\/a>\r\n <p><svg><use href=\"#i-pin\"\/><\/svg> Macei\u00f3 \u2022 AL<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <span>\u00a9 <span id=\"year\"><\/span> V\u00edvian Maria Corretora de Im\u00f3veis. Todos os direitos reservados.<\/span>\r\n <span>CRECI 6474<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <a class=\"floating-whatsapp js-whatsapp\" href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Falar com V\u00edvian Maria no WhatsApp\"><svg><use href=\"#i-whatsapp\"\/><\/svg><\/a>\r\n\r\n <script>\r\n \/* ==========================================================\r\n JAVASCRIPT \/ FUNCIONALIDADES\r\n Para edi\u00e7\u00f5es simples, altere somente os pontos [EDITAR AQUI].\r\n ========================================================== *\/\r\n \/* ==========================================================\r\n [EDITAR AQUI \u2014 WHATSAPP]\r\n Altere SOMENTE o n\u00famero entre aspas.\r\n Formato: pa\u00eds + DDD + n\u00famero, apenas n\u00fameros.\r\n ========================================================== *\/\r\n const WHATSAPP_NUMBER = \"5582996375992\";\r\n const DEFAULT_WHATSAPP_MESSAGE = \"Oi, V\u00edvian! Vim pela landing page e tenho interesse em comprar um im\u00f3vel. Gostaria de conhecer as oportunidades dispon\u00edveis.\";\r\n\r\n \/* ==========================================================\r\n UTILIT\u00c1RIOS\r\n ========================================================== *\/\r\n const waLink = (message) => `https:\/\/wa.me\/${WHATSAPP_NUMBER}?text=${encodeURIComponent(message)}`;\r\n document.querySelectorAll('.js-whatsapp').forEach(a => a.href = waLink(DEFAULT_WHATSAPP_MESSAGE));\r\n\r\n \/* LOGOMARCAS: l\u00ea automaticamente os links em data-logo=\"\". *\/\r\n document.querySelectorAll('.js-logo').forEach(el => {\r\n const url = (el.dataset.logo || '').trim();\r\n if (url) {\r\n el.style.backgroundImage = `url(\"${url.replace(\/\"\/g, '\\\\\"')}\")`;\r\n el.style.backgroundRepeat = 'no-repeat';\r\n el.style.backgroundPosition = 'center';\r\n el.style.backgroundSize = 'contain';\r\n }\r\n });\r\n\r\n \/\/ Carrega somente as imagens cujos links voc\u00ea inserir.\r\n document.querySelectorAll('.js-bg').forEach(el => {\r\n const url = (el.dataset.bg || '').trim();\r\n if (url) {\r\n el.style.backgroundImage = `url(\"${url.replace(\/\"\/g, '\\\\\"')}\")`;\r\n el.classList.add('has-image');\r\n }\r\n });\r\n\r\n document.querySelectorAll('.js-slide').forEach(el => {\r\n const url = (el.dataset.src || '').trim();\r\n if (url) {\r\n el.style.backgroundImage = `url(\"${url.replace(\/\"\/g, '\\\\\"')}\")`;\r\n el.classList.add('has-image');\r\n }\r\n });\r\n\r\n \/* Formul\u00e1rio -> WhatsApp *\/\r\n document.getElementById('leadForm').addEventListener('submit', (event) => {\r\n event.preventDefault();\r\n const form = new FormData(event.currentTarget);\r\n const nome = form.get('nome')?.toString().trim() || '';\r\n const telefone = form.get('whatsapp')?.toString().trim() || '';\r\n const tipo = form.get('tipo')?.toString().trim() || '';\r\n const investimento = form.get('investimento')?.toString().trim() || '';\r\n const regiao = form.get('regiao')?.toString().trim() || 'Ainda n\u00e3o defini';\r\n\r\n const message = [\r\n `Oi, V\u00edvian! Vim pela landing page e tenho interesse em comprar um im\u00f3vel.`,\r\n ``,\r\n `Meu nome: ${nome}`,\r\n `Meu WhatsApp: ${telefone}`,\r\n `Tipo de im\u00f3vel: ${tipo}`,\r\n `Faixa de investimento: ${investimento}`,\r\n `Regi\u00e3o de interesse: ${regiao}`,\r\n ``,\r\n `Gostaria de conhecer as oportunidades dispon\u00edveis.`\r\n ].join('\\n');\r\n\r\n window.open(waLink(message), '_blank', 'noopener');\r\n });\r\n\r\n \/* Links espec\u00edficos dos im\u00f3veis *\/\r\n document.querySelectorAll('.js-property-whatsapp').forEach(link => {\r\n const card = link.closest('[data-property]');\r\n const propertyName = card?.dataset.property || 'um dos im\u00f3veis do site';\r\n link.href = waLink(`Oi, V\u00edvian! Vim pela landing page e tenho interesse no ${propertyName}. Pode me passar mais informa\u00e7\u00f5es e disponibilidade?`);\r\n link.target = '_blank';\r\n link.rel = 'noopener';\r\n });\r\n\r\n \/* Links das categorias *\/\r\n document.querySelectorAll('.js-category-whatsapp').forEach(link => {\r\n const category = link.dataset.category || 'im\u00f3veis';\r\n link.href = waLink(`Oi, V\u00edvian! Vim pela landing page e tenho interesse em ${category}. Gostaria de conhecer as op\u00e7\u00f5es dispon\u00edveis em Macei\u00f3.`);\r\n link.target = '_blank';\r\n link.rel = 'noopener';\r\n });\r\n\r\n \/* Carrossel interno de fotos de cada im\u00f3vel *\/\r\n document.querySelectorAll('[data-gallery]').forEach(gallery => {\r\n const slides = [...gallery.querySelectorAll('.gallery-slide')];\r\n const dotsWrap = gallery.querySelector('.gallery-dots');\r\n let index = 0;\r\n\r\n slides.forEach((_, i) => {\r\n const dot = document.createElement('button');\r\n dot.type = 'button';\r\n dot.className = 'gallery-dot' + (i === 0 ? ' active' : '');\r\n dot.setAttribute('aria-label', `Ver foto ${i + 1}`);\r\n dot.addEventListener('click', () => show(i));\r\n dotsWrap.appendChild(dot);\r\n });\r\n\r\n const dots = [...dotsWrap.querySelectorAll('.gallery-dot')];\r\n const show = (next) => {\r\n index = (next + slides.length) % slides.length;\r\n slides.forEach((slide, i) => slide.classList.toggle('active', i === index));\r\n dots.forEach((dot, i) => dot.classList.toggle('active', i === index));\r\n };\r\n\r\n gallery.querySelector('[data-gallery-prev]').addEventListener('click', () => show(index - 1));\r\n gallery.querySelector('[data-gallery-next]').addEventListener('click', () => show(index + 1));\r\n });\r\n\r\n \/* Carrossel externo de im\u00f3veis *\/\r\n const scrollTrack = (id, direction) => {\r\n const track = document.getElementById(id);\r\n if (!track) return;\r\n const card = track.querySelector('.property-card');\r\n const amount = card ? card.getBoundingClientRect().width + 24 : 380;\r\n track.scrollBy({left: direction * amount, behavior:'smooth'});\r\n };\r\n document.querySelectorAll('[data-scroll-prev]').forEach(btn => btn.addEventListener('click', () => scrollTrack(btn.dataset.scrollPrev, -1)));\r\n document.querySelectorAll('[data-scroll-next]').forEach(btn => btn.addEventListener('click', () => scrollTrack(btn.dataset.scrollNext, 1)));\r\n\r\n \/* Menu mobile *\/\r\n const menuToggle = document.getElementById('menuToggle');\r\n const navLinks = document.getElementById('navLinks');\r\n menuToggle.addEventListener('click', () => {\r\n const open = navLinks.classList.toggle('open');\r\n menuToggle.setAttribute('aria-expanded', String(open));\r\n document.body.classList.toggle('nav-open', open);\r\n });\r\n navLinks.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {\r\n navLinks.classList.remove('open');\r\n menuToggle.setAttribute('aria-expanded', 'false');\r\n document.body.classList.remove('nav-open');\r\n }));\r\n\r\n \/* Anima\u00e7\u00e3o discreta de entrada *\/\r\n const revealItems = document.querySelectorAll('[data-reveal]');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('is-visible');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {threshold:.08});\r\n revealItems.forEach(item => observer.observe(item));\r\n\r\n document.getElementById('year').textContent = new Date().getFullYear();\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>V\u00edvian Maria \u2022 Corretora de Im\u00f3veis em Macei\u00f3 Im\u00f3veis Categorias Sobre Falar com a V\u00edvian Im\u00f3veis selecionados em Macei\u00f3 O […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viviancorretoradeimoveis.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viviancorretoradeimoveis.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viviancorretoradeimoveis.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viviancorretoradeimoveis.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viviancorretoradeimoveis.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":14,"href":"https:\/\/viviancorretoradeimoveis.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/viviancorretoradeimoveis.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/viviancorretoradeimoveis.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}