Tati Viticzinski Atelier \u2014 Em breve<\/title>\r\n<meta name=\"description\" content=\"O novo site do Tati Viticzinski Atelier est\u00e1 sendo costurado com carinho. Especialistas em ajustes de roupas. Fale com a Tati e agende seu atendimento.\">\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:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<noscript><style>.brand-img{opacity:1 !important; animation:none !important;}<\/style><\/noscript>\r\n\r\n<style>\r\n :root{\r\n --cream:#f4efe6;\r\n --ink:#2a2119;\r\n --ink-soft:#5b4c40;\r\n --brown:#4a3327;\r\n --line: rgba(42,33,25,0.18);\r\n }\r\n\r\n *{ box-sizing:border-box; }\r\n html,body{\r\n margin:0; padding:0;\r\n height:100%;\r\n overflow:hidden;\r\n background:var(--cream);\r\n }\r\n body{\r\n font-family:'Jost',sans-serif;\r\n color:var(--ink);\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n img{ max-width:100%; display:block; }\r\n a{ color:inherit; }\r\n button{ font-family:inherit; }\r\n\r\n .hero{\r\n position:fixed;\r\n inset:0;\r\n z-index:2147483000;\r\n width:100vw;\r\n height:100vh;\r\n height:100svh;\r\n overflow:hidden;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n background:var(--cream);\r\n }\r\n\r\n .bg-photo{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n max-width:none;\r\n object-fit:contain;\r\n object-position:center;\r\n }\r\n\r\n .scrim{\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(100deg,\r\n rgba(244,239,230,0.9) 0%,\r\n rgba(244,239,230,0.82) 30%,\r\n rgba(244,239,230,0.4) 50%,\r\n rgba(244,239,230,0.02) 68%,\r\n rgba(244,239,230,0) 80%);\r\n }\r\n\r\n .content{\r\n position:relative;\r\n z-index:2;\r\n display:flex;\r\n flex-direction:column;\r\n max-height:100%;\r\n overflow-y:auto;\r\n scrollbar-width:none;\r\n -webkit-overflow-scrolling:touch;\r\n padding: clamp(20px, 3vh, 40px) clamp(24px, 6vw, 96px) clamp(64px, 9vh, 92px);\r\n max-width: 640px;\r\n }\r\n .content::-webkit-scrollbar{ display:none; }\r\n\r\n .eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:9px;\r\n font-size: clamp(10.5px, 1vw + 0.6vh, 12.5px);\r\n letter-spacing:.2em;\r\n text-transform:uppercase;\r\n color:var(--brown);\r\n margin: 0 0 clamp(8px, 1.4vh, 16px) 0;\r\n font-weight:500;\r\n }\r\n .eyebrow::before{\r\n content:\"\";\r\n width:22px; height:1px;\r\n background:var(--brown);\r\n display:inline-block;\r\n }\r\n\r\n h1{\r\n font-family:'Cormorant Garamond', Georgia, serif !important;\r\n font-weight:500 !important;\r\n font-size: clamp(3rem, 6vw, 5.5rem);\r\n line-height:1.05;\r\n letter-spacing:-0.01em;\r\n margin: 0 0 clamp(8px, 1.4vh, 16px) 0;\r\n color:var(--ink);\r\n max-width: 13ch;\r\n }\r\n h1 em{\r\n font-family:'Cormorant Garamond', Georgia, serif !important;\r\n font-style:italic !important;\r\n font-weight:500 !important;\r\n color:var(--brown);\r\n }\r\n\r\n .lede{\r\n font-size: clamp(13.5px, 0.6vw + 1vh, 16.5px);\r\n line-height:1.5;\r\n color:var(--ink-soft);\r\n max-width: 42ch;\r\n margin: 0 0 clamp(12px, 2vh, 22px) 0;\r\n font-weight:300;\r\n }\r\n\r\n .specialty{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding: clamp(8px,1vh,11px) clamp(14px,1.6vw,18px);\r\n border: 1px solid var(--line);\r\n border-radius: 999px;\r\n font-size: clamp(11px, 0.5vw + 0.8vh, 12.5px);\r\n letter-spacing:.02em;\r\n color: var(--brown);\r\n background: rgba(255,255,255,0.4);\r\n margin: 0 0 clamp(16px, 2.6vh, 30px) 0;\r\n font-weight:500;\r\n width:fit-content;\r\n }\r\n .specialty svg{ width:15px; height:15px; flex:none; }\r\n\r\n .cta-row{\r\n display:flex;\r\n flex-wrap:wrap;\r\n align-items:center;\r\n gap: clamp(14px, 2vw, 22px);\r\n margin-bottom: clamp(18px, 3.4vh, 42px);\r\n }\r\n\r\n .cta{\r\n position:relative;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n padding: clamp(13px,1.7vh,18px) clamp(20px,2.2vw,28px);\r\n background: var(--ink);\r\n color: var(--cream);\r\n text-decoration:none;\r\n border-radius: 999px;\r\n font-size: clamp(12.5px, 0.5vw + 0.8vh, 14.5px);\r\n letter-spacing:.03em;\r\n font-weight:500;\r\n isolation:isolate;\r\n overflow:hidden;\r\n transition: color .4s ease;\r\n }\r\n .cta::before{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background: var(--brown);\r\n transform: translateX(-102%);\r\n transition: transform .4s cubic-bezier(.65,0,.35,1);\r\n z-index:-1;\r\n }\r\n .cta:hover::before{ transform: translateX(0); }\r\n .cta:hover{ color:#fff; }\r\n\r\n .cta .ring{\r\n position:absolute; inset:-5px;\r\n border-radius:999px;\r\n border:1px solid var(--brown);\r\n opacity:.5;\r\n animation: breathe 2.6s ease-in-out infinite;\r\n pointer-events:none;\r\n }\r\n @keyframes breathe{\r\n 0%,100%{ transform:scale(1); opacity:.5; }\r\n 50%{ transform:scale(1.05); opacity:0; }\r\n }\r\n .cta svg{ width:18px; height:18px; flex:none; }\r\n\r\n .insta{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n text-decoration:none;\r\n font-size: clamp(12px, 0.4vw + 0.7vh, 14px);\r\n color:var(--ink-soft);\r\n border-bottom:1px solid transparent;\r\n transition:border-color .25s ease, color .25s ease;\r\n }\r\n .insta:hover{ color:var(--ink); border-color:var(--ink); }\r\n .insta svg{ width:16px; height:16px; }\r\n\r\n .features{\r\n display:flex;\r\n gap: clamp(18px, 3vw, 40px);\r\n padding-top: clamp(14px, 2.2vh, 24px);\r\n border-top: 1px solid var(--line);\r\n }\r\n .feature{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:flex-start;\r\n gap: clamp(6px, 1vh, 10px);\r\n max-width: 110px;\r\n }\r\n .feature .icon{\r\n width: clamp(20px, 1.8vw + 1vh, 30px);\r\n height: clamp(20px, 1.8vw + 1vh, 30px);\r\n color:var(--brown);\r\n }\r\n .feature .icon svg{ width:100%; height:100%; }\r\n .feature span{\r\n font-size: clamp(9.5px, 0.35vw + 0.6vh, 11.5px);\r\n line-height:1.35;\r\n color:var(--ink-soft);\r\n }\r\n\r\n .badge{\r\n position:absolute;\r\n z-index:3;\r\n right: clamp(16px, 3vw, 40px);\r\n top: clamp(16px, 3vh, 40px);\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n padding: 9px 16px 9px 12px;\r\n border-radius:999px;\r\n background: rgba(244,239,230,0.9);\r\n border:1px solid var(--line);\r\n font-size: 11px;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n color:var(--brown);\r\n font-weight:500;\r\n }\r\n .badge .dot{\r\n width:7px; height:7px;\r\n border-radius:50%;\r\n background: var(--brown);\r\n animation: pulse-dot 1.8s ease-in-out infinite;\r\n }\r\n @keyframes pulse-dot{\r\n 0%,100%{ opacity:1; transform:scale(1); }\r\n 50%{ opacity:.35; transform:scale(.7); }\r\n }\r\n\r\n .info-bar{\r\n position:absolute;\r\n z-index:3;\r\n left:0; right:0;\r\n bottom: clamp(10px, 1.6vh, 18px);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n flex-wrap:wrap;\r\n row-gap:6px;\r\n column-gap: clamp(12px, 2.4vw, 30px);\r\n padding: 0 clamp(24px, 6vw, 96px);\r\n text-align:center;\r\n }\r\n .info-bar .item{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n font-size: clamp(9.5px, 0.35vw + 0.55vh, 11.5px);\r\n color: rgba(42,33,25,0.62);\r\n letter-spacing:.01em;\r\n white-space:nowrap;\r\n }\r\n .info-bar svg{ width:13px; height:13px; flex:none; opacity:.85; }\r\n .info-bar a{ text-decoration:none; color:inherit; }\r\n .info-bar a:hover{ text-decoration:underline; }\r\n\r\n \/* ============ LOGO ESCRITA PELO FIO ============ *\/\r\n .brand{\r\n position:relative;\r\n width: clamp(160px, 17vw, 240px);\r\n margin-bottom: clamp(14px, 2.4vh, 28px);\r\n }\r\n\r\n \/* logo real: fica escondida enquanto o fio escreve; aparece no fim *\/\r\n .brand-img{\r\n width:100%;\r\n display:block;\r\n opacity:0;\r\n animation: logoSafe .8s ease 7s forwards; \/* rede de seguran\u00e7a caso o script n\u00e3o rode *\/\r\n }\r\n .brand.fx .brand-img{ animation:none; opacity:0; transition: opacity .7s ease; }\r\n .brand.fx.done .brand-img{ opacity:1; }\r\n\r\n \/* camadas desenhadas pelo script *\/\r\n .brand-write,\r\n .brand-fx{\r\n position:absolute;\r\n pointer-events:none;\r\n }\r\n .brand-write{ left:0; top:0; }\r\n .brand-fx{ transition: opacity .6s ease; }\r\n .brand.done .brand-fx{ opacity:0; }\r\n .brand.done .brand-write{ opacity:0; transition: opacity .7s ease .1s; }\r\n\r\n \/* plano B (se o navegador n\u00e3o deixar ler a imagem): revela\u00e7\u00e3o suave da esquerda p\/ direita *\/\r\n .brand.plain .brand-img{\r\n opacity:1;\r\n -webkit-mask-image: linear-gradient(90deg, #000 40%, transparent 60%);\r\n mask-image: linear-gradient(90deg, #000 40%, transparent 60%);\r\n -webkit-mask-size: 250% 100%;\r\n mask-size: 250% 100%;\r\n -webkit-mask-repeat:no-repeat;\r\n mask-repeat:no-repeat;\r\n -webkit-mask-position: 100% 0;\r\n mask-position: 100% 0;\r\n animation: wipe 2.6s cubic-bezier(.45,.05,.35,1) .5s forwards;\r\n }\r\n @keyframes wipe{ to{ -webkit-mask-position: 0 0; mask-position: 0 0; } }\r\n @keyframes logoSafe{ to{ opacity:1; } }\r\n\r\n \/* ============ FIO DESENHADO EM \"PERFEITO\" ============ *\/\r\n h1 em{ position:relative; display:inline-block; }\r\n h1 em .swoosh{\r\n position:absolute;\r\n left:-2%; bottom:-.14em;\r\n width:104%; height:.28em;\r\n overflow:visible;\r\n pointer-events:none;\r\n }\r\n h1 em .swoosh path{\r\n fill:none;\r\n stroke: var(--brown);\r\n stroke-width:1.6;\r\n stroke-linecap:round;\r\n vector-effect: non-scaling-stroke;\r\n stroke-dasharray:1;\r\n stroke-dashoffset:1;\r\n animation: drawThread 1.3s cubic-bezier(.5,0,.25,1) 4.6s forwards;\r\n }\r\n @keyframes drawThread{ to{ stroke-dashoffset:0; } }\r\n\r\n \/* ============ ENTRADA EM CASCATA ============ *\/\r\n @keyframes fadeUp{\r\n from{ opacity:0; transform: translateY(18px); }\r\n to { opacity:1; transform: translateY(0); }\r\n }\r\n @keyframes fadeIn{ from{opacity:0} to{opacity:1} }\r\n @keyframes bgZoom{\r\n from{ opacity:0; transform: scale(1.06); }\r\n to { opacity:1; transform: scale(1); }\r\n }\r\n @keyframes slideDown{\r\n from{ opacity:0; transform: translateY(-14px); }\r\n to { opacity:1; transform: translateY(0); }\r\n }\r\n\r\n .bg-photo{ animation: bgZoom 1.8s cubic-bezier(.2,.7,.2,1) both; }\r\n .scrim{ animation: fadeIn 1.4s ease both; }\r\n .badge{ animation: slideDown .8s cubic-bezier(.2,.7,.2,1) .4s both; }\r\n\r\n \/* o texto entra enquanto a logo est\u00e1 sendo escrita *\/\r\n .content > :nth-child(2){ animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) 3.6s both; }\r\n .content > :nth-child(3){ animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) 3.8s both; }\r\n .content > :nth-child(4){ animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) 4.0s both; }\r\n .content > :nth-child(5){ animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) 4.2s both; }\r\n .content > :nth-child(6){ animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) 4.4s both; }\r\n .content > :nth-child(7){ animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) 4.6s both; }\r\n .info-bar{ animation: fadeIn 1s ease 5s both; }\r\n\r\n .feature{ animation: fadeUp .7s cubic-bezier(.2,.7,.2,1) both; }\r\n .feature:nth-child(1){ animation-delay: 4.7s; }\r\n .feature:nth-child(2){ animation-delay: 4.8s; }\r\n .feature:nth-child(3){ animation-delay: 4.9s; }\r\n .feature:nth-child(4){ animation-delay: 5.0s; }\r\n\r\n \/* micro-intera\u00e7\u00f5es *\/\r\n .feature .icon{ transition: transform .35s ease; }\r\n .feature:hover .icon{ transform: translateY(-3px) rotate(-6deg); }\r\n .specialty{ transition: background .3s ease, transform .3s ease; }\r\n .specialty:hover{ background: rgba(255,255,255,.7); transform: translateY(-1px); }\r\n\r\n \/* ---------- MOBILE \/ NARROW ---------- *\/\r\n @media (max-width: 760px){\r\n .scrim{\r\n background:\r\n linear-gradient(165deg,\r\n rgba(244,239,230,0.95) 0%,\r\n rgba(244,239,230,0.9) 32%,\r\n rgba(244,239,230,0.55) 52%,\r\n rgba(244,239,230,0.15) 68%,\r\n rgba(244,239,230,0.5) 84%,\r\n rgba(244,239,230,0.92) 100%);\r\n }\r\n .content{ max-width:none; padding-left: 6vw; padding-right: 6vw; padding-bottom: 54px; }\r\n h1{ max-width:none; }\r\n .features{ gap: clamp(10px, 4vw, 20px); }\r\n .feature{ max-width:none; flex:1; }\r\n .info-bar{ padding:0 4vw; }\r\n .info-bar .item{ white-space:normal; }\r\n .badge{ right:4vw; top:calc(env(safe-area-inset-top,0px) + 14px); padding:7px 13px 7px 10px; font-size:9.5px; }\r\n }\r\n\r\n @media (max-height: 620px){\r\n .brand{ margin-bottom:12px; }\r\n .eyebrow{ margin-bottom:6px; }\r\n h1{ margin-bottom:8px; font-size: clamp(24px, 3vw + 1.6vh, 40px); }\r\n .lede{ display:none; }\r\n .specialty{ margin-bottom:12px; }\r\n .cta-row{ margin-bottom:12px; }\r\n .features{ padding-top:10px; }\r\n .info-bar .hours{ display:none; }\r\n }\r\n\r\n \/* quem prefere menos movimento v\u00ea tudo pronto *\/\r\n @media (prefers-reduced-motion: reduce){\r\n .cta .ring, .badge .dot{ animation:none; }\r\n .brand-write, .brand-fx{ display:none; }\r\n .brand-img{ opacity:1 !important; animation:none !important; }\r\n h1 em .swoosh path{ stroke-dashoffset:0 !important; animation:none !important; }\r\n .bg-photo, .scrim, .badge, .content > *, .info-bar, .feature{\r\n animation:none !important; opacity:1 !important; transform:none !important;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero\">\r\n\r\n <img decoding=\"async\" class=\"bg-photo\" src=\"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg\" alt=\"\" onerror=\"this.style.display='none'\">\r\n\r\n <div class=\"scrim\"><\/div>\r\n\r\n <span class=\"badge\"><span class=\"dot\"><\/span>Em breve<\/span>\r\n\r\n <div class=\"content\">\r\n\r\n <div class=\"brand\">\r\n <img decoding=\"async\" class=\"brand-img\"\r\n src=\"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Logomarca-Tati-Atelier.png\"\r\n alt=\"Tati Viticzinski Atelier\">\r\n <\/div>\r\n\r\n <p class=\"eyebrow\">Site em constru\u00e7\u00e3o<\/p>\r\n\r\n <h1>O ajuste <em>perfeito<svg class=\"swoosh\" viewBox=\"0 0 200 20\" preserveAspectRatio=\"none\" aria-hidden=\"true\"><path pathLength=\"1\" d=\"M2 13C38 3 82 19 122 9S188 5 198 11\"\/><\/svg><\/em> em cada detalhe<\/h1>\r\n\r\n <p class=\"lede\">Enquanto preparamos o novo site, continue contando comigo para ajustes e costuras sob medida.<\/p>\r\n\r\n <span class=\"specialty\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><circle cx=\"6.5\" cy=\"17.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M20 5 8.5 12 20 19M8.7 12h-.2\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n Especialistas em ajustes de roupas\r\n <\/span>\r\n\r\n <div class=\"cta-row\">\r\n <a class=\"cta\" id=\"whatsBtn\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"ring\"><\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17.6 6.3A8.9 8.9 0 0 0 4.1 17l-1.1 4 4.2-1.1a8.9 8.9 0 0 0 12.6-8A8.9 8.9 0 0 0 17.6 6.3Z\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M9.1 9.4c.3-.7.6-.7.9-.7h.6c.2 0 .4 0 .6.4l.7 1.6c.1.2 0 .4-.1.6l-.5.6c-.1.2-.1.3 0 .5.4.7 1.4 1.7 2.1 2.1.2.1.3.1.5 0l.6-.5c.2-.1.4-.2.6-.1l1.6.7c.4.2.4.4.4.6v.6c0 .3 0 .6-.7.9-.7.3-1.6.3-2.5-.1-1.6-.6-3.3-2-4.3-3.8-.4-.9-.4-1.8-.1-2.5Z\" fill=\"currentColor\"\/><\/svg>\r\n Falar com a Tati no WhatsApp\r\n <\/a>\r\n\r\n <a class=\"insta\" href=\"https:\/\/www.instagram.com\/tatiatelieroficial\/\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"5\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><circle cx=\"17.1\" cy=\"6.9\" r=\"1.1\" fill=\"currentColor\"\/><\/svg>\r\n @tatiatelieroficial\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"features\">\r\n <div class=\"feature\">\r\n <span class=\"icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 3.5 7.3 5.6a2 2 0 0 0-.4 1.9L8 10l-3.3 8.8a1 1 0 0 0 .94 1.35h12.72a1 1 0 0 0 .94-1.35L16 10l1.1-2.5a2 2 0 0 0-.4-1.9L15 3.5\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M9 3.5C9.4 5 10.4 6 12 6s2.6-1 3-2.5\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <span>Pe\u00e7as sob medida<\/span>\r\n <\/div>\r\n <div class=\"feature\">\r\n <span class=\"icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><circle cx=\"6.5\" cy=\"17.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M20 5 8.5 12 20 19M8.7 12h-.2\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/span>\r\n <span>Ajustes e acabamento sob medida<\/span>\r\n <\/div>\r\n <div class=\"feature\">\r\n <span class=\"icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 19c8-1 12.5-5.5 13.5-13.5C10 6.5 5.5 11 5 19Z\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/><path d=\"M6 18c2.5-3.5 5-6 9.5-10.5\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <span>Moda consciente<\/span>\r\n <\/div>\r\n <div class=\"feature\">\r\n <span class=\"icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 20.2S3.8 15.3 3.8 9.6A4.2 4.2 0 0 1 12 7.8a4.2 4.2 0 0 1 8.2 1.8c0 5.7-8.2 10.6-8.2 10.6Z\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/span>\r\n <span>Feito com paix\u00e3o<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-bar\">\r\n <span class=\"item\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 21s7-6.1 7-11.5A7 7 0 0 0 5 9.5C5 14.9 12 21 12 21Z\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"9.4\" r=\"2.4\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg>\r\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=R.+Pref.+Helmuth+Fallgatter,+1034+-+Boa+Vista,+Joinville+-+SC,+89206-100\" target=\"_blank\" rel=\"noopener\">R. Pref. Helmuth Fallgatter, 1034 \u2014 Boa Vista, Joinville\/SC<\/a>\r\n <\/span>\r\n <span class=\"item\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M6.5 3.5h3l1.5 4-2 1.5a11 11 0 0 0 5 5l1.5-2 4 1.5v3a2 2 0 0 1-2.15 2C10.6 18.7 5.3 13.4 4.5 6.65A2 2 0 0 1 6.5 3.5Z\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/><\/svg>\r\n <a href=\"tel:+5547997859829\">(47) 99785-9829<\/a>\r\n <\/span>\r\n <span class=\"item hours\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"12\" cy=\"12\" r=\"8.2\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M12 7.5V12l3 2\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n Ter\u2014sex 13h\u201418h \u00b7 qua tamb\u00e9m 9h\u201411h30 \u00b7 s\u00e1b, dom e seg fechado\r\n <\/span>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n var phone = \"5547997859829\";\r\n var msg = \"Ol\u00e1, Tati! Vi o site do seu atelier e gostaria de saber mais sobre os atendimentos e como agendar um hor\u00e1rio. \ud83d\udc9b\";\r\n document.getElementById('whatsBtn').href = \"https:\/\/wa.me\/\" + phone + \"?text=\" + encodeURIComponent(msg);\r\n<\/script>\r\n\r\n\r\n<script>\r\n(function(){\r\n var brand = document.querySelector('.brand');\r\n var img = brand.querySelector('.brand-img');\r\n\r\n if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n function plain(){ brand.classList.add('plain'); }\r\n function start(){ try { run(); } catch(e){ plain(); } }\r\n\r\n if (img.complete && img.naturalWidth) start();\r\n else {\r\n img.addEventListener('load', start);\r\n img.addEventListener('error', plain);\r\n }\r\n\r\n function run(){\r\n \/* ---------- AJUSTES ---------- *\/\r\n var DELAY = 300; \/\/ espera inicial (ms)\r\n var FLOURISH= 1500; \/\/ tempo do floreio (o fio desenhando o la\u00e7o) (ms)\r\n var WRITE = 2800; \/\/ tempo do fio escrevendo o nome (ms)\r\n var THREAD = '#4a3327'; \/\/ cor do fio\r\n \/* ----------------------------- *\/\r\n\r\n var dpr = Math.min(window.devicePixelRatio || 1, 2.5);\r\n var rect = img.getBoundingClientRect();\r\n var W = Math.round(rect.width), H = Math.round(rect.height);\r\n if (!W || !H) throw new Error('size');\r\n var pw = Math.round(W * dpr), ph = Math.round(H * dpr);\r\n\r\n \/* 1) l\u00ea os pixels da logo (pode lan\u00e7ar erro de seguran\u00e7a -> plano B) *\/\r\n var off = document.createElement('canvas');\r\n off.width = pw; off.height = ph;\r\n var octx = off.getContext('2d');\r\n octx.drawImage(img, 0, 0, pw, ph);\r\n var src = octx.getImageData(0, 0, pw, ph).data;\r\n\r\n \/* 2) acha o \"atelier\" embaixo (bloco separado por um v\u00e3o), para aparecer por \u00faltimo *\/\r\n var rows = new Array(ph);\r\n var y, x, i;\r\n for (y = 0; y < ph; y++){\r\n var c = 0;\r\n for (x = 0; x < pw; x++){ if (src[(y * pw + x) * 4 + 3] > 60) c++; }\r\n rows[y] = c;\r\n }\r\n var subStart = -1, last = -1;\r\n for (y = ph - 1; y >= 0; y--){ if (rows[y] > 0){ last = y; break; } }\r\n if (last > 0){\r\n var a = last, gapRun = 0;\r\n for (y = last; y >= 0; y--){\r\n if (rows[y] > 0){ a = y; gapRun = 0; }\r\n else { gapRun++; if (gapRun > Math.max(2, Math.round(ph * 0.03))) break; }\r\n }\r\n var gapAbove = 0;\r\n for (y = a - 1; y >= 0 && rows[y] === 0; y--) gapAbove++;\r\n if (a > ph * 0.55 && gapAbove >= Math.max(2, Math.round(ph * 0.03)) && (last - a) < ph * 0.3) subStart = a;\r\n }\r\n\r\n \/* 3) para cada pixel de tinta, define QUANDO o fio passa por ele (efeito de escrita) *\/\r\n var rnd = (function(s){ return function(){ s = (s * 16807) % 2147483647; return (s - 1) \/ 2147483646; }; })(11);\r\n var inkIdx = [];\r\n var T = new Float32Array(pw * ph);\r\n var PERIODS = 15; \/\/ aprox. n\u00ba de letras: alterna o sentido do tra\u00e7o a cada letra\r\n for (y = 0; y < ph; y++){\r\n for (x = 0; x < pw; x++){\r\n i = y * pw + x;\r\n if (src[i * 4 + 3] < 12) continue;\r\n var nx = x \/ pw, ny = y \/ ph, t;\r\n if (subStart >= 0 && y >= subStart){\r\n t = 1.02 + nx * 0.08; \/\/ \"atelier\": depois do nome\r\n } else {\r\n var u = nx * PERIODS, k = Math.floor(u);\r\n var stroke = (k % 2) ? (1 - ny) : ny; \/\/ tra\u00e7o desce \/ sobe, como a caneta\r\n t = nx * 0.9 + stroke * 0.07 + rnd() * 0.012;\r\n }\r\n T[i] = t;\r\n inkIdx.push(i);\r\n }\r\n }\r\n if (inkIdx.length < 50) throw new Error('empty');\r\n\r\n \/\/ altura m\u00e9dia da tinta por coluna: a agulha acompanha o desenho\r\n var colSum = new Float32Array(W + 1), colCnt = new Float32Array(W + 1);\r\n for (var q = 0; q < inkIdx.length; q += 3){\r\n var ii = inkIdx[q];\r\n var px = Math.min(W, Math.floor((ii % pw) \/ dpr)), py = Math.floor(ii \/ pw) \/ dpr;\r\n if (subStart >= 0 && Math.floor(ii \/ pw) >= subStart) continue;\r\n colSum[px] += py; colCnt[px]++;\r\n }\r\n function meanY(cx){\r\n var s = 0, n = 0, c0 = Math.round(cx);\r\n for (var d = -16; d <= 16; d++){\r\n var j = c0 + d;\r\n if (j >= 0 && j <= W && colCnt[j]){ s += colSum[j]; n += colCnt[j]; }\r\n }\r\n return n ? s \/ n : H * 0.45;\r\n }\r\n\r\n \/* 4) camadas *\/\r\n var wc = document.createElement('canvas'); \/\/ tinta escrita\r\n wc.className = 'brand-write';\r\n wc.width = pw; wc.height = ph;\r\n wc.style.width = W + 'px'; wc.style.height = H + 'px';\r\n var wctx = wc.getContext('2d');\r\n var frameData = wctx.createImageData(pw, ph);\r\n var fd = frameData.data;\r\n\r\n var PADX = 36, PADY = 40;\r\n var cw = W + PADX * 2, ch = H + PADY * 2;\r\n var fc = document.createElement('canvas'); \/\/ floreio + agulha\r\n fc.className = 'brand-fx';\r\n fc.width = Math.round(cw * dpr); fc.height = Math.round(ch * dpr);\r\n fc.style.width = cw + 'px'; fc.style.height = ch + 'px';\r\n fc.style.left = -PADX + 'px'; fc.style.top = -PADY + 'px';\r\n var fctx = fc.getContext('2d');\r\n fctx.scale(dpr, dpr);\r\n\r\n brand.appendChild(wc);\r\n brand.appendChild(fc);\r\n brand.classList.add('fx');\r\n\r\n \/\/ pr\u00e9-preenche cor (rgb) da logo; s\u00f3 o alpha muda a cada quadro\r\n var thr = [74, 51, 39];\r\n for (q = 0; q < inkIdx.length; q++){\r\n var o = inkIdx[q] * 4;\r\n fd[o] = src[o]; fd[o + 1] = src[o + 1]; fd[o + 2] = src[o + 2]; fd[o + 3] = 0;\r\n }\r\n\r\n \/* 5) floreio: o fio desenha um la\u00e7o no ar (como no v\u00eddeo) e some *\/\r\n var FL_N = 220, flour = [];\r\n (function(){\r\n var X0 = -0.03 * W, L = 1.06 * W, r = 0.1 * W, amp = 0.4 * H;\r\n for (var n = 0; n <= FL_N; n++){\r\n var u = n \/ FL_N, th = Math.PI * 4 * u + Math.PI;\r\n flour.push([ X0 + L * u - r * Math.sin(th), H * 0.52 - amp * Math.cos(th) ]);\r\n }\r\n })();\r\n\r\n function clamp(v){ return v < 0 ? 0 : v > 1 ? 1 : v; }\r\n function ease(p){ return 0.5 - 0.5 * Math.cos(Math.PI * p); }\r\n\r\n function drawFlourish(prog, alpha){\r\n if (alpha <= 0 || prog <= 0) return;\r\n var n = Math.max(2, Math.floor(prog * FL_N));\r\n fctx.save();\r\n fctx.globalAlpha = alpha;\r\n fctx.strokeStyle = THREAD; fctx.lineCap = 'round'; fctx.lineJoin = 'round';\r\n fctx.lineWidth = 1.5;\r\n fctx.beginPath();\r\n fctx.moveTo(PADX + flour[0][0], PADY + flour[0][1]);\r\n for (var m = 1; m <= n; m++) fctx.lineTo(PADX + flour[m][0], PADY + flour[m][1]);\r\n fctx.stroke();\r\n fctx.restore();\r\n }\r\n\r\n function drawNeedle(x, y, alpha, tt){\r\n if (alpha <= 0) return;\r\n var tx = PADX + x, ty = PADY + y;\r\n fctx.save();\r\n fctx.globalAlpha = alpha;\r\n \/\/ fio saindo do fundo da agulha\r\n fctx.strokeStyle = THREAD; fctx.lineWidth = 1.1; fctx.lineCap = 'round';\r\n fctx.beginPath();\r\n fctx.moveTo(tx + 6, ty - 22);\r\n fctx.quadraticCurveTo(tx - 4, ty - 40 + Math.sin(tt * 7) * 3, tx - 40, ty - 22 + Math.sin(tt * 5) * 3);\r\n fctx.stroke();\r\n \/\/ corpo da agulha\r\n fctx.strokeStyle = '#2a2119'; fctx.lineWidth = 1.5;\r\n fctx.beginPath(); fctx.moveTo(tx, ty); fctx.lineTo(tx + 6.5, ty - 25); fctx.stroke();\r\n \/\/ olho da agulha\r\n fctx.fillStyle = '#f4efe6'; fctx.lineWidth = .7;\r\n fctx.beginPath(); fctx.ellipse(tx + 5.6, ty - 21, .9, 2.4, 0.25, 0, Math.PI * 2); fctx.fill(); fctx.stroke();\r\n fctx.restore();\r\n }\r\n\r\n \/* 6) anima\u00e7\u00e3o *\/\r\n var t0 = performance.now() + DELAY;\r\n var SOFT = 0.05, finished = false;\r\n var WS = FLOURISH - 150; \/\/ quando come\u00e7a a escrever\r\n var END = WS + WRITE + 450;\r\n\r\n function frame(now){\r\n var t = now - t0;\r\n if (t < 0){ requestAnimationFrame(frame); return; }\r\n\r\n fctx.clearRect(0, 0, cw, ch);\r\n\r\n \/\/ floreio\r\n var fp = ease(clamp(t \/ FLOURISH));\r\n var fa = 1 - clamp((t - (FLOURISH - 100)) \/ 500);\r\n drawFlourish(fp, fa);\r\n\r\n \/\/ escrita\r\n var wt = t - WS;\r\n if (wt >= 0){\r\n var p = (wt \/ WRITE) * 1.14; \/\/ 0 -> ~1.14 (inclui o \"atelier\")\r\n for (var n = 0; n < inkIdx.length; n++){\r\n var idx = inkIdx[n], o = idx * 4;\r\n var a = clamp((p - T[idx]) \/ SOFT);\r\n if (a <= 0){ fd[o + 3] = 0; continue; }\r\n var al = src[o + 3] * a;\r\n \/\/ ponta ainda \"fio\": mistura a cor do fio na borda da escrita\r\n var m = 1 - a;\r\n fd[o] = src[o] * (1 - m) + thr[0] * m;\r\n fd[o + 1] = src[o + 1] * (1 - m) + thr[1] * m;\r\n fd[o + 2] = src[o + 2] * (1 - m) + thr[2] * m;\r\n fd[o + 3] = al;\r\n }\r\n wctx.putImageData(frameData, 0, 0);\r\n\r\n \/\/ agulha na ponta da escrita\r\n var front = clamp(p \/ 0.97);\r\n var fx = front * W;\r\n var tt = t \/ 1000;\r\n var bob = Math.sin(tt * Math.PI * 2 * 4.2) * 6;\r\n var after = clamp((wt - WRITE * 0.88) \/ 450);\r\n var ny = meanY(fx) + bob - after * 34;\r\n var na = clamp(wt \/ 160) * (1 - after);\r\n drawNeedle(fx, ny, na, tt);\r\n }\r\n\r\n if (t < END){\r\n requestAnimationFrame(frame);\r\n } else if (!finished){\r\n finished = true;\r\n fctx.clearRect(0, 0, cw, ch);\r\n brand.classList.add('done');\r\n setTimeout(function(){ if (wc.parentNode) wc.remove(); if (fc.parentNode) fc.remove(); }, 1400);\r\n }\r\n }\r\n requestAnimationFrame(frame);\r\n }\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tati Viticzinski Atelier \u2014 Em breve Em breve Site em constru\u00e7\u00e3o O ajuste perfeito em cada detalhe Enquanto preparamos o novo site, continue contando comigo para ajustes e costuras sob medida. Especialistas em ajustes de roupas Falar com a Tati no WhatsApp @tatiatelieroficial Pe\u00e7as sob medida Ajustes e acabamento sob medida Moda consciente Feito com […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Home - Tati Viliczinski Atelier<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tatiatelier.com.br\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Tati Viliczinski Atelier\" \/>\n<meta property=\"og:description\" content=\"Tati Viticzinski Atelier \u2014 Em breve Em breve Site em constru\u00e7\u00e3o O ajuste perfeito em cada detalhe Enquanto preparamos o novo site, continue contando comigo para ajustes e costuras sob medida. Especialistas em ajustes de roupas Falar com a Tati no WhatsApp @tatiatelieroficial Pe\u00e7as sob medida Ajustes e acabamento sob medida Moda consciente Feito com […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tatiatelier.com.br\/\" \/>\n<meta property=\"og:site_name\" content=\"Tati Viliczinski Atelier\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-06T14:42:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tatiatelier.com.br\/\",\"url\":\"https:\/\/tatiatelier.com.br\/\",\"name\":\"Home - Tati Viliczinski Atelier\",\"isPartOf\":{\"@id\":\"https:\/\/tatiatelier.com.br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tatiatelier.com.br\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tatiatelier.com.br\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg\",\"datePublished\":\"2023-08-30T17:54:28+00:00\",\"dateModified\":\"2026-10-06T14:42:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/tatiatelier.com.br\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tatiatelier.com.br\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tatiatelier.com.br\/#primaryimage\",\"url\":\"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg\",\"contentUrl\":\"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg\",\"width\":1264,\"height\":843},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tatiatelier.com.br\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tatiatelier.com.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tatiatelier.com.br\/#website\",\"url\":\"https:\/\/tatiatelier.com.br\/\",\"name\":\"Tati Viliczinski Atelier\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tatiatelier.com.br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Home - Tati Viliczinski Atelier","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tatiatelier.com.br\/","og_locale":"en_US","og_type":"article","og_title":"Home - Tati Viliczinski Atelier","og_description":"Tati Viticzinski Atelier \u2014 Em breve Em breve Site em constru\u00e7\u00e3o O ajuste perfeito em cada detalhe Enquanto preparamos o novo site, continue contando comigo para ajustes e costuras sob medida. Especialistas em ajustes de roupas Falar com a Tati no WhatsApp @tatiatelieroficial Pe\u00e7as sob medida Ajustes e acabamento sob medida Moda consciente Feito com […]","og_url":"https:\/\/tatiatelier.com.br\/","og_site_name":"Tati Viliczinski Atelier","article_modified_time":"2026-10-06T14:42:32+00:00","og_image":[{"url":"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tatiatelier.com.br\/","url":"https:\/\/tatiatelier.com.br\/","name":"Home - Tati Viliczinski Atelier","isPartOf":{"@id":"https:\/\/tatiatelier.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tatiatelier.com.br\/#primaryimage"},"image":{"@id":"https:\/\/tatiatelier.com.br\/#primaryimage"},"thumbnailUrl":"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg","datePublished":"2023-08-30T17:54:28+00:00","dateModified":"2026-10-06T14:42:32+00:00","breadcrumb":{"@id":"https:\/\/tatiatelier.com.br\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tatiatelier.com.br\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tatiatelier.com.br\/#primaryimage","url":"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg","contentUrl":"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg","width":1264,"height":843},{"@type":"BreadcrumbList","@id":"https:\/\/tatiatelier.com.br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tatiatelier.com.br\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/tatiatelier.com.br\/#website","url":"https:\/\/tatiatelier.com.br\/","name":"Tati Viliczinski Atelier","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tatiatelier.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":70,"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":168,"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions\/168"}],"wp:attachment":[{"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nTati Viticzinski Atelier \u2014 Em breve<\/title>\r\n<meta name=\"description\" content=\"O novo site do Tati Viticzinski Atelier est\u00e1 sendo costurado com carinho. Especialistas em ajustes de roupas. Fale com a Tati e agende seu atendimento.\">\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:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<noscript><style>.brand-img{opacity:1 !important; animation:none !important;}<\/style><\/noscript>\r\n\r\n<style>\r\n :root{\r\n --cream:#f4efe6;\r\n --ink:#2a2119;\r\n --ink-soft:#5b4c40;\r\n --brown:#4a3327;\r\n --line: rgba(42,33,25,0.18);\r\n }\r\n\r\n *{ box-sizing:border-box; }\r\n html,body{\r\n margin:0; padding:0;\r\n height:100%;\r\n overflow:hidden;\r\n background:var(--cream);\r\n }\r\n body{\r\n font-family:'Jost',sans-serif;\r\n color:var(--ink);\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n img{ max-width:100%; display:block; }\r\n a{ color:inherit; }\r\n button{ font-family:inherit; }\r\n\r\n .hero{\r\n position:fixed;\r\n inset:0;\r\n z-index:2147483000;\r\n width:100vw;\r\n height:100vh;\r\n height:100svh;\r\n overflow:hidden;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n background:var(--cream);\r\n }\r\n\r\n .bg-photo{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n max-width:none;\r\n object-fit:contain;\r\n object-position:center;\r\n }\r\n\r\n .scrim{\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(100deg,\r\n rgba(244,239,230,0.9) 0%,\r\n rgba(244,239,230,0.82) 30%,\r\n rgba(244,239,230,0.4) 50%,\r\n rgba(244,239,230,0.02) 68%,\r\n rgba(244,239,230,0) 80%);\r\n }\r\n\r\n .content{\r\n position:relative;\r\n z-index:2;\r\n display:flex;\r\n flex-direction:column;\r\n max-height:100%;\r\n overflow-y:auto;\r\n scrollbar-width:none;\r\n -webkit-overflow-scrolling:touch;\r\n padding: clamp(20px, 3vh, 40px) clamp(24px, 6vw, 96px) clamp(64px, 9vh, 92px);\r\n max-width: 640px;\r\n }\r\n .content::-webkit-scrollbar{ display:none; }\r\n\r\n .eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:9px;\r\n font-size: clamp(10.5px, 1vw + 0.6vh, 12.5px);\r\n letter-spacing:.2em;\r\n text-transform:uppercase;\r\n color:var(--brown);\r\n margin: 0 0 clamp(8px, 1.4vh, 16px) 0;\r\n font-weight:500;\r\n }\r\n .eyebrow::before{\r\n content:\"\";\r\n width:22px; height:1px;\r\n background:var(--brown);\r\n display:inline-block;\r\n }\r\n\r\n h1{\r\n font-family:'Cormorant Garamond', Georgia, serif !important;\r\n font-weight:500 !important;\r\n font-size: clamp(3rem, 6vw, 5.5rem);\r\n line-height:1.05;\r\n letter-spacing:-0.01em;\r\n margin: 0 0 clamp(8px, 1.4vh, 16px) 0;\r\n color:var(--ink);\r\n max-width: 13ch;\r\n }\r\n h1 em{\r\n font-family:'Cormorant Garamond', Georgia, serif !important;\r\n font-style:italic !important;\r\n font-weight:500 !important;\r\n color:var(--brown);\r\n }\r\n\r\n .lede{\r\n font-size: clamp(13.5px, 0.6vw + 1vh, 16.5px);\r\n line-height:1.5;\r\n color:var(--ink-soft);\r\n max-width: 42ch;\r\n margin: 0 0 clamp(12px, 2vh, 22px) 0;\r\n font-weight:300;\r\n }\r\n\r\n .specialty{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding: clamp(8px,1vh,11px) clamp(14px,1.6vw,18px);\r\n border: 1px solid var(--line);\r\n border-radius: 999px;\r\n font-size: clamp(11px, 0.5vw + 0.8vh, 12.5px);\r\n letter-spacing:.02em;\r\n color: var(--brown);\r\n background: rgba(255,255,255,0.4);\r\n margin: 0 0 clamp(16px, 2.6vh, 30px) 0;\r\n font-weight:500;\r\n width:fit-content;\r\n }\r\n .specialty svg{ width:15px; height:15px; flex:none; }\r\n\r\n .cta-row{\r\n display:flex;\r\n flex-wrap:wrap;\r\n align-items:center;\r\n gap: clamp(14px, 2vw, 22px);\r\n margin-bottom: clamp(18px, 3.4vh, 42px);\r\n }\r\n\r\n .cta{\r\n position:relative;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n padding: clamp(13px,1.7vh,18px) clamp(20px,2.2vw,28px);\r\n background: var(--ink);\r\n color: var(--cream);\r\n text-decoration:none;\r\n border-radius: 999px;\r\n font-size: clamp(12.5px, 0.5vw + 0.8vh, 14.5px);\r\n letter-spacing:.03em;\r\n font-weight:500;\r\n isolation:isolate;\r\n overflow:hidden;\r\n transition: color .4s ease;\r\n }\r\n .cta::before{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background: var(--brown);\r\n transform: translateX(-102%);\r\n transition: transform .4s cubic-bezier(.65,0,.35,1);\r\n z-index:-1;\r\n }\r\n .cta:hover::before{ transform: translateX(0); }\r\n .cta:hover{ color:#fff; }\r\n\r\n .cta .ring{\r\n position:absolute; inset:-5px;\r\n border-radius:999px;\r\n border:1px solid var(--brown);\r\n opacity:.5;\r\n animation: breathe 2.6s ease-in-out infinite;\r\n pointer-events:none;\r\n }\r\n @keyframes breathe{\r\n 0%,100%{ transform:scale(1); opacity:.5; }\r\n 50%{ transform:scale(1.05); opacity:0; }\r\n }\r\n .cta svg{ width:18px; height:18px; flex:none; }\r\n\r\n .insta{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n text-decoration:none;\r\n font-size: clamp(12px, 0.4vw + 0.7vh, 14px);\r\n color:var(--ink-soft);\r\n border-bottom:1px solid transparent;\r\n transition:border-color .25s ease, color .25s ease;\r\n }\r\n .insta:hover{ color:var(--ink); border-color:var(--ink); }\r\n .insta svg{ width:16px; height:16px; }\r\n\r\n .features{\r\n display:flex;\r\n gap: clamp(18px, 3vw, 40px);\r\n padding-top: clamp(14px, 2.2vh, 24px);\r\n border-top: 1px solid var(--line);\r\n }\r\n .feature{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:flex-start;\r\n gap: clamp(6px, 1vh, 10px);\r\n max-width: 110px;\r\n }\r\n .feature .icon{\r\n width: clamp(20px, 1.8vw + 1vh, 30px);\r\n height: clamp(20px, 1.8vw + 1vh, 30px);\r\n color:var(--brown);\r\n }\r\n .feature .icon svg{ width:100%; height:100%; }\r\n .feature span{\r\n font-size: clamp(9.5px, 0.35vw + 0.6vh, 11.5px);\r\n line-height:1.35;\r\n color:var(--ink-soft);\r\n }\r\n\r\n .badge{\r\n position:absolute;\r\n z-index:3;\r\n right: clamp(16px, 3vw, 40px);\r\n top: clamp(16px, 3vh, 40px);\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n padding: 9px 16px 9px 12px;\r\n border-radius:999px;\r\n background: rgba(244,239,230,0.9);\r\n border:1px solid var(--line);\r\n font-size: 11px;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n color:var(--brown);\r\n font-weight:500;\r\n }\r\n .badge .dot{\r\n width:7px; height:7px;\r\n border-radius:50%;\r\n background: var(--brown);\r\n animation: pulse-dot 1.8s ease-in-out infinite;\r\n }\r\n @keyframes pulse-dot{\r\n 0%,100%{ opacity:1; transform:scale(1); }\r\n 50%{ opacity:.35; transform:scale(.7); }\r\n }\r\n\r\n .info-bar{\r\n position:absolute;\r\n z-index:3;\r\n left:0; right:0;\r\n bottom: clamp(10px, 1.6vh, 18px);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n flex-wrap:wrap;\r\n row-gap:6px;\r\n column-gap: clamp(12px, 2.4vw, 30px);\r\n padding: 0 clamp(24px, 6vw, 96px);\r\n text-align:center;\r\n }\r\n .info-bar .item{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n font-size: clamp(9.5px, 0.35vw + 0.55vh, 11.5px);\r\n color: rgba(42,33,25,0.62);\r\n letter-spacing:.01em;\r\n white-space:nowrap;\r\n }\r\n .info-bar svg{ width:13px; height:13px; flex:none; opacity:.85; }\r\n .info-bar a{ text-decoration:none; color:inherit; }\r\n .info-bar a:hover{ text-decoration:underline; }\r\n\r\n \/* ============ LOGO ESCRITA PELO FIO ============ *\/\r\n .brand{\r\n position:relative;\r\n width: clamp(160px, 17vw, 240px);\r\n margin-bottom: clamp(14px, 2.4vh, 28px);\r\n }\r\n\r\n \/* logo real: fica escondida enquanto o fio escreve; aparece no fim *\/\r\n .brand-img{\r\n width:100%;\r\n display:block;\r\n opacity:0;\r\n animation: logoSafe .8s ease 7s forwards; \/* rede de seguran\u00e7a caso o script n\u00e3o rode *\/\r\n }\r\n .brand.fx .brand-img{ animation:none; opacity:0; transition: opacity .7s ease; }\r\n .brand.fx.done .brand-img{ opacity:1; }\r\n\r\n \/* camadas desenhadas pelo script *\/\r\n .brand-write,\r\n .brand-fx{\r\n position:absolute;\r\n pointer-events:none;\r\n }\r\n .brand-write{ left:0; top:0; }\r\n .brand-fx{ transition: opacity .6s ease; }\r\n .brand.done .brand-fx{ opacity:0; }\r\n .brand.done .brand-write{ opacity:0; transition: opacity .7s ease .1s; }\r\n\r\n \/* plano B (se o navegador n\u00e3o deixar ler a imagem): revela\u00e7\u00e3o suave da esquerda p\/ direita *\/\r\n .brand.plain .brand-img{\r\n opacity:1;\r\n -webkit-mask-image: linear-gradient(90deg, #000 40%, transparent 60%);\r\n mask-image: linear-gradient(90deg, #000 40%, transparent 60%);\r\n -webkit-mask-size: 250% 100%;\r\n mask-size: 250% 100%;\r\n -webkit-mask-repeat:no-repeat;\r\n mask-repeat:no-repeat;\r\n -webkit-mask-position: 100% 0;\r\n mask-position: 100% 0;\r\n animation: wipe 2.6s cubic-bezier(.45,.05,.35,1) .5s forwards;\r\n }\r\n @keyframes wipe{ to{ -webkit-mask-position: 0 0; mask-position: 0 0; } }\r\n @keyframes logoSafe{ to{ opacity:1; } }\r\n\r\n \/* ============ FIO DESENHADO EM \"PERFEITO\" ============ *\/\r\n h1 em{ position:relative; display:inline-block; }\r\n h1 em .swoosh{\r\n position:absolute;\r\n left:-2%; bottom:-.14em;\r\n width:104%; height:.28em;\r\n overflow:visible;\r\n pointer-events:none;\r\n }\r\n h1 em .swoosh path{\r\n fill:none;\r\n stroke: var(--brown);\r\n stroke-width:1.6;\r\n stroke-linecap:round;\r\n vector-effect: non-scaling-stroke;\r\n stroke-dasharray:1;\r\n stroke-dashoffset:1;\r\n animation: drawThread 1.3s cubic-bezier(.5,0,.25,1) 4.6s forwards;\r\n }\r\n @keyframes drawThread{ to{ stroke-dashoffset:0; } }\r\n\r\n \/* ============ ENTRADA EM CASCATA ============ *\/\r\n @keyframes fadeUp{\r\n from{ opacity:0; transform: translateY(18px); }\r\n to { opacity:1; transform: translateY(0); }\r\n }\r\n @keyframes fadeIn{ from{opacity:0} to{opacity:1} }\r\n @keyframes bgZoom{\r\n from{ opacity:0; transform: scale(1.06); }\r\n to { opacity:1; transform: scale(1); }\r\n }\r\n @keyframes slideDown{\r\n from{ opacity:0; transform: translateY(-14px); }\r\n to { opacity:1; transform: translateY(0); }\r\n }\r\n\r\n .bg-photo{ animation: bgZoom 1.8s cubic-bezier(.2,.7,.2,1) both; }\r\n .scrim{ animation: fadeIn 1.4s ease both; }\r\n .badge{ animation: slideDown .8s cubic-bezier(.2,.7,.2,1) .4s both; }\r\n\r\n \/* o texto entra enquanto a logo est\u00e1 sendo escrita *\/\r\n .content > :nth-child(2){ animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) 3.6s both; }\r\n .content > :nth-child(3){ animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) 3.8s both; }\r\n .content > :nth-child(4){ animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) 4.0s both; }\r\n .content > :nth-child(5){ animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) 4.2s both; }\r\n .content > :nth-child(6){ animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) 4.4s both; }\r\n .content > :nth-child(7){ animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) 4.6s both; }\r\n .info-bar{ animation: fadeIn 1s ease 5s both; }\r\n\r\n .feature{ animation: fadeUp .7s cubic-bezier(.2,.7,.2,1) both; }\r\n .feature:nth-child(1){ animation-delay: 4.7s; }\r\n .feature:nth-child(2){ animation-delay: 4.8s; }\r\n .feature:nth-child(3){ animation-delay: 4.9s; }\r\n .feature:nth-child(4){ animation-delay: 5.0s; }\r\n\r\n \/* micro-intera\u00e7\u00f5es *\/\r\n .feature .icon{ transition: transform .35s ease; }\r\n .feature:hover .icon{ transform: translateY(-3px) rotate(-6deg); }\r\n .specialty{ transition: background .3s ease, transform .3s ease; }\r\n .specialty:hover{ background: rgba(255,255,255,.7); transform: translateY(-1px); }\r\n\r\n \/* ---------- MOBILE \/ NARROW ---------- *\/\r\n @media (max-width: 760px){\r\n .scrim{\r\n background:\r\n linear-gradient(165deg,\r\n rgba(244,239,230,0.95) 0%,\r\n rgba(244,239,230,0.9) 32%,\r\n rgba(244,239,230,0.55) 52%,\r\n rgba(244,239,230,0.15) 68%,\r\n rgba(244,239,230,0.5) 84%,\r\n rgba(244,239,230,0.92) 100%);\r\n }\r\n .content{ max-width:none; padding-left: 6vw; padding-right: 6vw; padding-bottom: 54px; }\r\n h1{ max-width:none; }\r\n .features{ gap: clamp(10px, 4vw, 20px); }\r\n .feature{ max-width:none; flex:1; }\r\n .info-bar{ padding:0 4vw; }\r\n .info-bar .item{ white-space:normal; }\r\n .badge{ right:4vw; top:calc(env(safe-area-inset-top,0px) + 14px); padding:7px 13px 7px 10px; font-size:9.5px; }\r\n }\r\n\r\n @media (max-height: 620px){\r\n .brand{ margin-bottom:12px; }\r\n .eyebrow{ margin-bottom:6px; }\r\n h1{ margin-bottom:8px; font-size: clamp(24px, 3vw + 1.6vh, 40px); }\r\n .lede{ display:none; }\r\n .specialty{ margin-bottom:12px; }\r\n .cta-row{ margin-bottom:12px; }\r\n .features{ padding-top:10px; }\r\n .info-bar .hours{ display:none; }\r\n }\r\n\r\n \/* quem prefere menos movimento v\u00ea tudo pronto *\/\r\n @media (prefers-reduced-motion: reduce){\r\n .cta .ring, .badge .dot{ animation:none; }\r\n .brand-write, .brand-fx{ display:none; }\r\n .brand-img{ opacity:1 !important; animation:none !important; }\r\n h1 em .swoosh path{ stroke-dashoffset:0 !important; animation:none !important; }\r\n .bg-photo, .scrim, .badge, .content > *, .info-bar, .feature{\r\n animation:none !important; opacity:1 !important; transform:none !important;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero\">\r\n\r\n <img decoding=\"async\" class=\"bg-photo\" src=\"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg\" alt=\"\" onerror=\"this.style.display='none'\">\r\n\r\n <div class=\"scrim\"><\/div>\r\n\r\n <span class=\"badge\"><span class=\"dot\"><\/span>Em breve<\/span>\r\n\r\n <div class=\"content\">\r\n\r\n <div class=\"brand\">\r\n <img decoding=\"async\" class=\"brand-img\"\r\n src=\"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Logomarca-Tati-Atelier.png\"\r\n alt=\"Tati Viticzinski Atelier\">\r\n <\/div>\r\n\r\n <p class=\"eyebrow\">Site em constru\u00e7\u00e3o<\/p>\r\n\r\n <h1>O ajuste <em>perfeito<svg class=\"swoosh\" viewBox=\"0 0 200 20\" preserveAspectRatio=\"none\" aria-hidden=\"true\"><path pathLength=\"1\" d=\"M2 13C38 3 82 19 122 9S188 5 198 11\"\/><\/svg><\/em> em cada detalhe<\/h1>\r\n\r\n <p class=\"lede\">Enquanto preparamos o novo site, continue contando comigo para ajustes e costuras sob medida.<\/p>\r\n\r\n <span class=\"specialty\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><circle cx=\"6.5\" cy=\"17.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M20 5 8.5 12 20 19M8.7 12h-.2\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n Especialistas em ajustes de roupas\r\n <\/span>\r\n\r\n <div class=\"cta-row\">\r\n <a class=\"cta\" id=\"whatsBtn\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"ring\"><\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17.6 6.3A8.9 8.9 0 0 0 4.1 17l-1.1 4 4.2-1.1a8.9 8.9 0 0 0 12.6-8A8.9 8.9 0 0 0 17.6 6.3Z\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M9.1 9.4c.3-.7.6-.7.9-.7h.6c.2 0 .4 0 .6.4l.7 1.6c.1.2 0 .4-.1.6l-.5.6c-.1.2-.1.3 0 .5.4.7 1.4 1.7 2.1 2.1.2.1.3.1.5 0l.6-.5c.2-.1.4-.2.6-.1l1.6.7c.4.2.4.4.4.6v.6c0 .3 0 .6-.7.9-.7.3-1.6.3-2.5-.1-1.6-.6-3.3-2-4.3-3.8-.4-.9-.4-1.8-.1-2.5Z\" fill=\"currentColor\"\/><\/svg>\r\n Falar com a Tati no WhatsApp\r\n <\/a>\r\n\r\n <a class=\"insta\" href=\"https:\/\/www.instagram.com\/tatiatelieroficial\/\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"5\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><circle cx=\"17.1\" cy=\"6.9\" r=\"1.1\" fill=\"currentColor\"\/><\/svg>\r\n @tatiatelieroficial\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"features\">\r\n <div class=\"feature\">\r\n <span class=\"icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 3.5 7.3 5.6a2 2 0 0 0-.4 1.9L8 10l-3.3 8.8a1 1 0 0 0 .94 1.35h12.72a1 1 0 0 0 .94-1.35L16 10l1.1-2.5a2 2 0 0 0-.4-1.9L15 3.5\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M9 3.5C9.4 5 10.4 6 12 6s2.6-1 3-2.5\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <span>Pe\u00e7as sob medida<\/span>\r\n <\/div>\r\n <div class=\"feature\">\r\n <span class=\"icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><circle cx=\"6.5\" cy=\"17.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M20 5 8.5 12 20 19M8.7 12h-.2\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/span>\r\n <span>Ajustes e acabamento sob medida<\/span>\r\n <\/div>\r\n <div class=\"feature\">\r\n <span class=\"icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 19c8-1 12.5-5.5 13.5-13.5C10 6.5 5.5 11 5 19Z\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/><path d=\"M6 18c2.5-3.5 5-6 9.5-10.5\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <span>Moda consciente<\/span>\r\n <\/div>\r\n <div class=\"feature\">\r\n <span class=\"icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 20.2S3.8 15.3 3.8 9.6A4.2 4.2 0 0 1 12 7.8a4.2 4.2 0 0 1 8.2 1.8c0 5.7-8.2 10.6-8.2 10.6Z\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/span>\r\n <span>Feito com paix\u00e3o<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-bar\">\r\n <span class=\"item\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 21s7-6.1 7-11.5A7 7 0 0 0 5 9.5C5 14.9 12 21 12 21Z\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"9.4\" r=\"2.4\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg>\r\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=R.+Pref.+Helmuth+Fallgatter,+1034+-+Boa+Vista,+Joinville+-+SC,+89206-100\" target=\"_blank\" rel=\"noopener\">R. Pref. Helmuth Fallgatter, 1034 \u2014 Boa Vista, Joinville\/SC<\/a>\r\n <\/span>\r\n <span class=\"item\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M6.5 3.5h3l1.5 4-2 1.5a11 11 0 0 0 5 5l1.5-2 4 1.5v3a2 2 0 0 1-2.15 2C10.6 18.7 5.3 13.4 4.5 6.65A2 2 0 0 1 6.5 3.5Z\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/><\/svg>\r\n <a href=\"tel:+5547997859829\">(47) 99785-9829<\/a>\r\n <\/span>\r\n <span class=\"item hours\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"12\" cy=\"12\" r=\"8.2\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M12 7.5V12l3 2\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n Ter\u2014sex 13h\u201418h \u00b7 qua tamb\u00e9m 9h\u201411h30 \u00b7 s\u00e1b, dom e seg fechado\r\n <\/span>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n var phone = \"5547997859829\";\r\n var msg = \"Ol\u00e1, Tati! Vi o site do seu atelier e gostaria de saber mais sobre os atendimentos e como agendar um hor\u00e1rio. \ud83d\udc9b\";\r\n document.getElementById('whatsBtn').href = \"https:\/\/wa.me\/\" + phone + \"?text=\" + encodeURIComponent(msg);\r\n<\/script>\r\n\r\n\r\n<script>\r\n(function(){\r\n var brand = document.querySelector('.brand');\r\n var img = brand.querySelector('.brand-img');\r\n\r\n if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n function plain(){ brand.classList.add('plain'); }\r\n function start(){ try { run(); } catch(e){ plain(); } }\r\n\r\n if (img.complete && img.naturalWidth) start();\r\n else {\r\n img.addEventListener('load', start);\r\n img.addEventListener('error', plain);\r\n }\r\n\r\n function run(){\r\n \/* ---------- AJUSTES ---------- *\/\r\n var DELAY = 300; \/\/ espera inicial (ms)\r\n var FLOURISH= 1500; \/\/ tempo do floreio (o fio desenhando o la\u00e7o) (ms)\r\n var WRITE = 2800; \/\/ tempo do fio escrevendo o nome (ms)\r\n var THREAD = '#4a3327'; \/\/ cor do fio\r\n \/* ----------------------------- *\/\r\n\r\n var dpr = Math.min(window.devicePixelRatio || 1, 2.5);\r\n var rect = img.getBoundingClientRect();\r\n var W = Math.round(rect.width), H = Math.round(rect.height);\r\n if (!W || !H) throw new Error('size');\r\n var pw = Math.round(W * dpr), ph = Math.round(H * dpr);\r\n\r\n \/* 1) l\u00ea os pixels da logo (pode lan\u00e7ar erro de seguran\u00e7a -> plano B) *\/\r\n var off = document.createElement('canvas');\r\n off.width = pw; off.height = ph;\r\n var octx = off.getContext('2d');\r\n octx.drawImage(img, 0, 0, pw, ph);\r\n var src = octx.getImageData(0, 0, pw, ph).data;\r\n\r\n \/* 2) acha o \"atelier\" embaixo (bloco separado por um v\u00e3o), para aparecer por \u00faltimo *\/\r\n var rows = new Array(ph);\r\n var y, x, i;\r\n for (y = 0; y < ph; y++){\r\n var c = 0;\r\n for (x = 0; x < pw; x++){ if (src[(y * pw + x) * 4 + 3] > 60) c++; }\r\n rows[y] = c;\r\n }\r\n var subStart = -1, last = -1;\r\n for (y = ph - 1; y >= 0; y--){ if (rows[y] > 0){ last = y; break; } }\r\n if (last > 0){\r\n var a = last, gapRun = 0;\r\n for (y = last; y >= 0; y--){\r\n if (rows[y] > 0){ a = y; gapRun = 0; }\r\n else { gapRun++; if (gapRun > Math.max(2, Math.round(ph * 0.03))) break; }\r\n }\r\n var gapAbove = 0;\r\n for (y = a - 1; y >= 0 && rows[y] === 0; y--) gapAbove++;\r\n if (a > ph * 0.55 && gapAbove >= Math.max(2, Math.round(ph * 0.03)) && (last - a) < ph * 0.3) subStart = a;\r\n }\r\n\r\n \/* 3) para cada pixel de tinta, define QUANDO o fio passa por ele (efeito de escrita) *\/\r\n var rnd = (function(s){ return function(){ s = (s * 16807) % 2147483647; return (s - 1) \/ 2147483646; }; })(11);\r\n var inkIdx = [];\r\n var T = new Float32Array(pw * ph);\r\n var PERIODS = 15; \/\/ aprox. n\u00ba de letras: alterna o sentido do tra\u00e7o a cada letra\r\n for (y = 0; y < ph; y++){\r\n for (x = 0; x < pw; x++){\r\n i = y * pw + x;\r\n if (src[i * 4 + 3] < 12) continue;\r\n var nx = x \/ pw, ny = y \/ ph, t;\r\n if (subStart >= 0 && y >= subStart){\r\n t = 1.02 + nx * 0.08; \/\/ \"atelier\": depois do nome\r\n } else {\r\n var u = nx * PERIODS, k = Math.floor(u);\r\n var stroke = (k % 2) ? (1 - ny) : ny; \/\/ tra\u00e7o desce \/ sobe, como a caneta\r\n t = nx * 0.9 + stroke * 0.07 + rnd() * 0.012;\r\n }\r\n T[i] = t;\r\n inkIdx.push(i);\r\n }\r\n }\r\n if (inkIdx.length < 50) throw new Error('empty');\r\n\r\n \/\/ altura m\u00e9dia da tinta por coluna: a agulha acompanha o desenho\r\n var colSum = new Float32Array(W + 1), colCnt = new Float32Array(W + 1);\r\n for (var q = 0; q < inkIdx.length; q += 3){\r\n var ii = inkIdx[q];\r\n var px = Math.min(W, Math.floor((ii % pw) \/ dpr)), py = Math.floor(ii \/ pw) \/ dpr;\r\n if (subStart >= 0 && Math.floor(ii \/ pw) >= subStart) continue;\r\n colSum[px] += py; colCnt[px]++;\r\n }\r\n function meanY(cx){\r\n var s = 0, n = 0, c0 = Math.round(cx);\r\n for (var d = -16; d <= 16; d++){\r\n var j = c0 + d;\r\n if (j >= 0 && j <= W && colCnt[j]){ s += colSum[j]; n += colCnt[j]; }\r\n }\r\n return n ? s \/ n : H * 0.45;\r\n }\r\n\r\n \/* 4) camadas *\/\r\n var wc = document.createElement('canvas'); \/\/ tinta escrita\r\n wc.className = 'brand-write';\r\n wc.width = pw; wc.height = ph;\r\n wc.style.width = W + 'px'; wc.style.height = H + 'px';\r\n var wctx = wc.getContext('2d');\r\n var frameData = wctx.createImageData(pw, ph);\r\n var fd = frameData.data;\r\n\r\n var PADX = 36, PADY = 40;\r\n var cw = W + PADX * 2, ch = H + PADY * 2;\r\n var fc = document.createElement('canvas'); \/\/ floreio + agulha\r\n fc.className = 'brand-fx';\r\n fc.width = Math.round(cw * dpr); fc.height = Math.round(ch * dpr);\r\n fc.style.width = cw + 'px'; fc.style.height = ch + 'px';\r\n fc.style.left = -PADX + 'px'; fc.style.top = -PADY + 'px';\r\n var fctx = fc.getContext('2d');\r\n fctx.scale(dpr, dpr);\r\n\r\n brand.appendChild(wc);\r\n brand.appendChild(fc);\r\n brand.classList.add('fx');\r\n\r\n \/\/ pr\u00e9-preenche cor (rgb) da logo; s\u00f3 o alpha muda a cada quadro\r\n var thr = [74, 51, 39];\r\n for (q = 0; q < inkIdx.length; q++){\r\n var o = inkIdx[q] * 4;\r\n fd[o] = src[o]; fd[o + 1] = src[o + 1]; fd[o + 2] = src[o + 2]; fd[o + 3] = 0;\r\n }\r\n\r\n \/* 5) floreio: o fio desenha um la\u00e7o no ar (como no v\u00eddeo) e some *\/\r\n var FL_N = 220, flour = [];\r\n (function(){\r\n var X0 = -0.03 * W, L = 1.06 * W, r = 0.1 * W, amp = 0.4 * H;\r\n for (var n = 0; n <= FL_N; n++){\r\n var u = n \/ FL_N, th = Math.PI * 4 * u + Math.PI;\r\n flour.push([ X0 + L * u - r * Math.sin(th), H * 0.52 - amp * Math.cos(th) ]);\r\n }\r\n })();\r\n\r\n function clamp(v){ return v < 0 ? 0 : v > 1 ? 1 : v; }\r\n function ease(p){ return 0.5 - 0.5 * Math.cos(Math.PI * p); }\r\n\r\n function drawFlourish(prog, alpha){\r\n if (alpha <= 0 || prog <= 0) return;\r\n var n = Math.max(2, Math.floor(prog * FL_N));\r\n fctx.save();\r\n fctx.globalAlpha = alpha;\r\n fctx.strokeStyle = THREAD; fctx.lineCap = 'round'; fctx.lineJoin = 'round';\r\n fctx.lineWidth = 1.5;\r\n fctx.beginPath();\r\n fctx.moveTo(PADX + flour[0][0], PADY + flour[0][1]);\r\n for (var m = 1; m <= n; m++) fctx.lineTo(PADX + flour[m][0], PADY + flour[m][1]);\r\n fctx.stroke();\r\n fctx.restore();\r\n }\r\n\r\n function drawNeedle(x, y, alpha, tt){\r\n if (alpha <= 0) return;\r\n var tx = PADX + x, ty = PADY + y;\r\n fctx.save();\r\n fctx.globalAlpha = alpha;\r\n \/\/ fio saindo do fundo da agulha\r\n fctx.strokeStyle = THREAD; fctx.lineWidth = 1.1; fctx.lineCap = 'round';\r\n fctx.beginPath();\r\n fctx.moveTo(tx + 6, ty - 22);\r\n fctx.quadraticCurveTo(tx - 4, ty - 40 + Math.sin(tt * 7) * 3, tx - 40, ty - 22 + Math.sin(tt * 5) * 3);\r\n fctx.stroke();\r\n \/\/ corpo da agulha\r\n fctx.strokeStyle = '#2a2119'; fctx.lineWidth = 1.5;\r\n fctx.beginPath(); fctx.moveTo(tx, ty); fctx.lineTo(tx + 6.5, ty - 25); fctx.stroke();\r\n \/\/ olho da agulha\r\n fctx.fillStyle = '#f4efe6'; fctx.lineWidth = .7;\r\n fctx.beginPath(); fctx.ellipse(tx + 5.6, ty - 21, .9, 2.4, 0.25, 0, Math.PI * 2); fctx.fill(); fctx.stroke();\r\n fctx.restore();\r\n }\r\n\r\n \/* 6) anima\u00e7\u00e3o *\/\r\n var t0 = performance.now() + DELAY;\r\n var SOFT = 0.05, finished = false;\r\n var WS = FLOURISH - 150; \/\/ quando come\u00e7a a escrever\r\n var END = WS + WRITE + 450;\r\n\r\n function frame(now){\r\n var t = now - t0;\r\n if (t < 0){ requestAnimationFrame(frame); return; }\r\n\r\n fctx.clearRect(0, 0, cw, ch);\r\n\r\n \/\/ floreio\r\n var fp = ease(clamp(t \/ FLOURISH));\r\n var fa = 1 - clamp((t - (FLOURISH - 100)) \/ 500);\r\n drawFlourish(fp, fa);\r\n\r\n \/\/ escrita\r\n var wt = t - WS;\r\n if (wt >= 0){\r\n var p = (wt \/ WRITE) * 1.14; \/\/ 0 -> ~1.14 (inclui o \"atelier\")\r\n for (var n = 0; n < inkIdx.length; n++){\r\n var idx = inkIdx[n], o = idx * 4;\r\n var a = clamp((p - T[idx]) \/ SOFT);\r\n if (a <= 0){ fd[o + 3] = 0; continue; }\r\n var al = src[o + 3] * a;\r\n \/\/ ponta ainda \"fio\": mistura a cor do fio na borda da escrita\r\n var m = 1 - a;\r\n fd[o] = src[o] * (1 - m) + thr[0] * m;\r\n fd[o + 1] = src[o + 1] * (1 - m) + thr[1] * m;\r\n fd[o + 2] = src[o + 2] * (1 - m) + thr[2] * m;\r\n fd[o + 3] = al;\r\n }\r\n wctx.putImageData(frameData, 0, 0);\r\n\r\n \/\/ agulha na ponta da escrita\r\n var front = clamp(p \/ 0.97);\r\n var fx = front * W;\r\n var tt = t \/ 1000;\r\n var bob = Math.sin(tt * Math.PI * 2 * 4.2) * 6;\r\n var after = clamp((wt - WRITE * 0.88) \/ 450);\r\n var ny = meanY(fx) + bob - after * 34;\r\n var na = clamp(wt \/ 160) * (1 - after);\r\n drawNeedle(fx, ny, na, tt);\r\n }\r\n\r\n if (t < END){\r\n requestAnimationFrame(frame);\r\n } else if (!finished){\r\n finished = true;\r\n fctx.clearRect(0, 0, cw, ch);\r\n brand.classList.add('done');\r\n setTimeout(function(){ if (wc.parentNode) wc.remove(); if (fc.parentNode) fc.remove(); }, 1400);\r\n }\r\n }\r\n requestAnimationFrame(frame);\r\n }\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tati Viticzinski Atelier \u2014 Em breve Em breve Site em constru\u00e7\u00e3o O ajuste perfeito em cada detalhe Enquanto preparamos o novo site, continue contando comigo para ajustes e costuras sob medida. Especialistas em ajustes de roupas Falar com a Tati no WhatsApp @tatiatelieroficial Pe\u00e7as sob medida Ajustes e acabamento sob medida Moda consciente Feito com […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Home - Tati Viliczinski Atelier<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tatiatelier.com.br\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Tati Viliczinski Atelier\" \/>\n<meta property=\"og:description\" content=\"Tati Viticzinski Atelier \u2014 Em breve Em breve Site em constru\u00e7\u00e3o O ajuste perfeito em cada detalhe Enquanto preparamos o novo site, continue contando comigo para ajustes e costuras sob medida. Especialistas em ajustes de roupas Falar com a Tati no WhatsApp @tatiatelieroficial Pe\u00e7as sob medida Ajustes e acabamento sob medida Moda consciente Feito com […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tatiatelier.com.br\/\" \/>\n<meta property=\"og:site_name\" content=\"Tati Viliczinski Atelier\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-06T14:42:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tatiatelier.com.br\/\",\"url\":\"https:\/\/tatiatelier.com.br\/\",\"name\":\"Home - Tati Viliczinski Atelier\",\"isPartOf\":{\"@id\":\"https:\/\/tatiatelier.com.br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tatiatelier.com.br\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tatiatelier.com.br\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg\",\"datePublished\":\"2023-08-30T17:54:28+00:00\",\"dateModified\":\"2026-10-06T14:42:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/tatiatelier.com.br\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tatiatelier.com.br\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tatiatelier.com.br\/#primaryimage\",\"url\":\"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg\",\"contentUrl\":\"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg\",\"width\":1264,\"height\":843},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tatiatelier.com.br\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tatiatelier.com.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tatiatelier.com.br\/#website\",\"url\":\"https:\/\/tatiatelier.com.br\/\",\"name\":\"Tati Viliczinski Atelier\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tatiatelier.com.br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Home - Tati Viliczinski Atelier","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tatiatelier.com.br\/","og_locale":"en_US","og_type":"article","og_title":"Home - Tati Viliczinski Atelier","og_description":"Tati Viticzinski Atelier \u2014 Em breve Em breve Site em constru\u00e7\u00e3o O ajuste perfeito em cada detalhe Enquanto preparamos o novo site, continue contando comigo para ajustes e costuras sob medida. Especialistas em ajustes de roupas Falar com a Tati no WhatsApp @tatiatelieroficial Pe\u00e7as sob medida Ajustes e acabamento sob medida Moda consciente Feito com […]","og_url":"https:\/\/tatiatelier.com.br\/","og_site_name":"Tati Viliczinski Atelier","article_modified_time":"2026-10-06T14:42:32+00:00","og_image":[{"url":"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tatiatelier.com.br\/","url":"https:\/\/tatiatelier.com.br\/","name":"Home - Tati Viliczinski Atelier","isPartOf":{"@id":"https:\/\/tatiatelier.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tatiatelier.com.br\/#primaryimage"},"image":{"@id":"https:\/\/tatiatelier.com.br\/#primaryimage"},"thumbnailUrl":"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg","datePublished":"2023-08-30T17:54:28+00:00","dateModified":"2026-10-06T14:42:32+00:00","breadcrumb":{"@id":"https:\/\/tatiatelier.com.br\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tatiatelier.com.br\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tatiatelier.com.br\/#primaryimage","url":"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg","contentUrl":"https:\/\/tatiatelier.com.br\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_ch374sch374sch37.jpeg","width":1264,"height":843},{"@type":"BreadcrumbList","@id":"https:\/\/tatiatelier.com.br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tatiatelier.com.br\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/tatiatelier.com.br\/#website","url":"https:\/\/tatiatelier.com.br\/","name":"Tati Viliczinski Atelier","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tatiatelier.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":70,"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":168,"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions\/168"}],"wp:attachment":[{"href":"https:\/\/tatiatelier.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}