{"id":10,"date":"2026-05-08T20:52:10","date_gmt":"2026-05-08T20:52:10","guid":{"rendered":"https:\/\/draannaoliveira.mesusmedia.com.br\/?page_id=10"},"modified":"2026-05-08T21:08:35","modified_gmt":"2026-05-08T21:08:35","slug":"obrigado","status":"publish","type":"page","link":"https:\/\/draannaoliveira.mesusmedia.com.br\/","title":{"rendered":"obrigado"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-102212d e-con-full e-flex e-con e-parent\" data-id=\"102212d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c2c98c elementor-widget elementor-widget-html\" data-id=\"8c2c98c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Dra. Anna Oliveira | Obrigado pelo interesse<\/title>\r\n  <meta name=\"description\" content=\"P\u00e1gina de agradecimento e orienta\u00e7\u00f5es - Dra. Anna Oliveira.\">\r\n\r\n  <!-- Tipografia Luxuosa -->\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;0,700;1,400&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/* ===== RESET & BASE ===== *\/\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    :root {\r\n      --bg-light: #FAF8F5;       \r\n      --primary: #C5A059;        \r\n      --primary-light: #E8D8B0;  \r\n      --secondary: #D6B5B5;      \r\n      --accent: #8E7A7A;         \r\n      --card-bg: rgba(255, 255, 255, 0.65);\r\n      --card-border: rgba(255, 255, 255, 0.8);\r\n      --card-shadow: 0 10px 40px rgba(197, 160, 89, 0.05);\r\n      --text-main: #2C2C2C;      \r\n      --text-muted: #7A7A7A;\r\n      --text-light: #FFFFFF;\r\n    }\r\n\r\n    html { scroll-behavior: smooth; }\r\n    body {\r\n      font-family: 'Montserrat', sans-serif;\r\n      background-color: var(--bg-light);\r\n      color: var(--text-main);\r\n      min-height: 100vh;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      position: relative;\r\n      overflow-x: hidden;\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    a { text-decoration: none; color: inherit; }\r\n    img { display: block; max-width: 100%; }\r\n\r\n    \/* ===== BACKGROUND CANVAS ===== *\/\r\n    #bokeh-canvas {\r\n      position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n      z-index: 0; pointer-events: none; opacity: 0.7;\r\n    }\r\n\r\n    @keyframes fade-up {\r\n      0% { opacity: 0; transform: translateY(30px); }\r\n      100% { opacity: 1; transform: translateY(0); }\r\n    }\r\n    @keyframes spin-slow {\r\n      0% { transform: rotate(0deg); }\r\n      100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    .animate-stagger {\r\n      animation: fade-up 0.9s cubic-bezier(0.25, 1, 0.25, 1) calc(var(--idx, 0) * 0.15s) both;\r\n    }\r\n\r\n    .main-container {\r\n      width: 100%; max-width: 500px;\r\n      padding: 40px 20px;\r\n      display: flex; flex-direction: column; align-items: center;\r\n      position: relative; z-index: 10;\r\n    }\r\n\r\n    \/* ===== PROFILE SECTION ===== *\/\r\n    .profile-section {\r\n      width: 100%; margin-bottom: 30px;\r\n      animation: fade-up 1s cubic-bezier(0.25, 1, 0.25, 1) both;\r\n    }\r\n    .profile-inner {\r\n      display: flex; flex-direction: column; align-items: center; text-align: center; gap: 15px;\r\n    }\r\n\r\n    .photo-wrapper { position: relative; }\r\n    .photo-outer {\r\n      position: relative; width: 110px; height: 110px;\r\n      border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n      padding: 3px;\r\n    }\r\n    .photo-outer::before {\r\n      content: ''; position: absolute; inset: 0; border-radius: 50%;\r\n      background: conic-gradient(from 0deg, transparent, var(--primary), transparent 60%);\r\n      animation: spin-slow 8s linear infinite;\r\n    }\r\n    .photo-inner {\r\n      position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;\r\n      border: 4px solid var(--bg-light); background: var(--bg-light); z-index: 1;\r\n    }\r\n    .photo-inner img { width: 100%; height: 100%; object-fit: cover; }\r\n\r\n    .profile-info h1 {\r\n      font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; font-weight: 600;\r\n      color: var(--text-main);\r\n    }\r\n    .profile-info .thank-you-tag {\r\n      font-size: 0.7rem; color: var(--primary); font-weight: 600; margin-bottom: 5px;\r\n      text-transform: uppercase; letter-spacing: 0.2em;\r\n    }\r\n\r\n    \/* ===== STATUS CARD ===== *\/\r\n    .status-card {\r\n      width: 100%;\r\n      background: var(--card-bg);\r\n      border: 1px solid var(--card-border);\r\n      border-radius: 20px;\r\n      padding: 35px 25px;\r\n      text-align: center;\r\n      margin-bottom: 25px;\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      box-shadow: var(--card-shadow);\r\n      animation: fade-up 1s cubic-bezier(0.25, 1, 0.25, 1) 0.2s both;\r\n    }\r\n    .status-card h2 {\r\n      font-family: 'Cormorant Garamond', serif;\r\n      font-size: 1.6rem; margin-bottom: 15px; color: var(--primary);\r\n    }\r\n    .status-card p {\r\n      font-size: 0.95rem; line-height: 1.7; color: var(--text-main);\r\n      font-style: italic; margin-bottom: 25px;\r\n    }\r\n\r\n    \/* ===== ACTION BUTTONS ===== *\/\r\n    .links-section { width: 100%; display: flex; flex-direction: column; gap: 12px; }\r\n\r\n    .btn-main {\r\n      display: flex; align-items: center; justify-content: center; gap: 12px;\r\n      width: 100%; padding: 18px 15px; border-radius: 16px;\r\n      font-weight: 600; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px;\r\n      transition: all 0.3s ease; cursor: pointer;\r\n      text-align: center;\r\n      line-height: 1.4;\r\n      white-space: normal; \/* Garante que o texto quebre corretamente *\/\r\n    }\r\n\r\n    .btn-whatsapp {\r\n      background: var(--primary); color: white;\r\n      box-shadow: 0 10px 20px rgba(197, 160, 89, 0.2);\r\n    }\r\n    .btn-whatsapp:hover { transform: translateY(-3px); background: #b38e46; }\r\n\r\n    .link-card-small {\r\n      display: flex; align-items: center; justify-content: space-between;\r\n      background: white; border: 1px solid var(--card-border); border-radius: 14px;\r\n      padding: 14px 20px; transition: all 0.3s ease;\r\n    }\r\n    .link-card-small:hover { transform: translateX(5px); border-color: var(--primary-light); }\r\n\r\n    .link-info { display: flex; align-items: center; gap: 12px; }\r\n    .link-icon { color: var(--primary); flex-shrink: 0; }\r\n    .link-title { font-size: 0.85rem; font-weight: 500; }\r\n    .link-subtitle { font-size: 0.7rem; color: var(--text-muted); display: block; margin-top: 2px; }\r\n\r\n    \/* ===== FOOTER ===== *\/\r\n    .footer { margin-top: 40px; text-align: center; padding-bottom: 30px; opacity: 0.7; }\r\n    .footer-logo { font-family: 'Cormorant Garamond', serif; font-size: 1rem; font-weight: 600; }\r\n    .footer-copy { font-size: 0.65rem; color: var(--text-muted); margin-top: 5px; }\r\n\r\n    \/* ===== RESPONSIVIDADE PARA CELULARES ===== *\/\r\n    @media (max-width: 400px) {\r\n      .main-container { padding: 30px 15px; }\r\n      .status-card { padding: 30px 15px; }\r\n      .btn-main { font-size: 0.8rem; padding: 16px 10px; }\r\n      .profile-info h1 { font-size: 1.6rem; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <canvas id=\"bokeh-canvas\"><\/canvas>\r\n\r\n  <main class=\"main-container\">\r\n\r\n    <!-- ===== HEADER ===== -->\r\n    <header class=\"profile-section\">\r\n      <div class=\"profile-inner\">\r\n        <div class=\"photo-wrapper\">\r\n          <div class=\"photo-outer\">\r\n            <div class=\"photo-inner\">\r\n              <img decoding=\"async\" src=\"https:\/\/draannaoliveira.mesusmedia.com.br\/wp-content\/uploads\/2026\/05\/485766346_946944480984382_8967561466471667683_n.jpg\" alt=\"Dra. Anna Oliveira\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"profile-info\">\r\n          <span class=\"thank-you-tag\">Dados Recebidos<\/span>\r\n          <h1>Dra. Anna Oliveira<\/h1>\r\n        <\/div>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <!-- ===== MENSAGEM DE AGRADECIMENTO ===== -->\r\n    <section class=\"status-card\">\r\n      <h2>Obrigada!<\/h2>\r\n      <p>Recebemos suas informa\u00e7\u00f5es e em breve nossa equipe entrar\u00e1 em contato. \ud83e\udd0d Caso ainda tenha alguma d\u00favida, clique no bot\u00e3o abaixo:<\/p>\r\n      \r\n      <!-- BOT\u00c3O WHATSAPP COM AJUSTE DE QUEBRA DE TEXTO -->\r\n      <a href=\"https:\/\/wa.me\/+555519996958698?text=Ol%C3%A1%2C%20vim%20pela%20p%C3%A1gina%20de%20Obrigado%20e%20gostaria%20de%20falar%20com%20a%20Dra.%20Anna.\" \r\n         target=\"_blank\" class=\"btn-main btn-whatsapp\">\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n        Ainda desejo falar com a Dra\r\n      <\/a>\r\n    <\/section>\r\n\r\n    <!-- ===== LINKS ADICIONAIS ===== -->\r\n    <nav class=\"links-section\">\r\n      <p style=\"font-size: 0.7rem; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); margin-bottom: 5px; text-align: center;\">Continue nos acompanhando<\/p>\r\n      \r\n      <a href=\"https:\/\/instagram.com\/draannaoliveira\" target=\"_blank\" class=\"link-card-small animate-stagger\" style=\"--idx: 1;\">\r\n        <div class=\"link-info\">\r\n          <div class=\"link-icon\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <span class=\"link-title\">Acompanhe Resultados<\/span>\r\n            <span class=\"link-subtitle\">Casos cl\u00ednicos e dicas no Instagram<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"flex-shrink:0;\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n      <\/a>\r\n\r\n      <!-- ATUALIZADO COM O LINK DO GOOGLE MAPS -->\r\n      <a href=\"https:\/\/share.google\/dRCoK95DIj5A5irXf\" target=\"_blank\" class=\"link-card-small animate-stagger\" style=\"--idx: 2;\">\r\n        <div class=\"link-info\">\r\n          <div class=\"link-icon\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"link-title\">Nosso Endere\u00e7o<\/span>\r\n        <\/div>\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"flex-shrink:0;\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n      <\/a>\r\n    <\/nav>\r\n\r\n    <footer class=\"footer\">\r\n      <div class=\"footer-logo\">DRA. ANNA OLIVEIRA<\/div>\r\n      <p class=\"footer-copy\">&copy; 2026. Todos os direitos reservados.<\/p>\r\n    <\/footer>\r\n\r\n  <\/main>\r\n\r\n  <script>\r\n    (() => {\r\n      const canvas = document.getElementById('bokeh-canvas');\r\n      const ctx = canvas.getContext('2d');\r\n      let width, height, particles = [];\r\n\r\n      function resize() {\r\n        width = canvas.width = window.innerWidth;\r\n        height = canvas.height = window.innerHeight;\r\n      }\r\n\r\n      class Particle {\r\n        constructor() { this.reset(true); }\r\n        reset(initial = false) {\r\n          this.x = Math.random() * width;\r\n          this.y = initial ? Math.random() * height : height + 100;\r\n          this.size = Math.random() * 80 + 40;\r\n          this.speedY = (Math.random() * 0.15 + 0.05) * -1;\r\n          this.color = ['rgba(197, 160, 89, 0.04)', 'rgba(214, 181, 181, 0.05)'][Math.floor(Math.random() * 2)];\r\n        }\r\n        update() {\r\n          this.y += this.speedY;\r\n          if (this.y < -this.size) this.reset();\r\n        }\r\n        draw() {\r\n          ctx.beginPath();\r\n          ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n          ctx.fillStyle = this.color;\r\n          ctx.fill();\r\n        }\r\n      }\r\n\r\n      function init() {\r\n        particles = [];\r\n        for (let i = 0; i < 10; i++) particles.push(new Particle());\r\n      }\r\n\r\n      function animate() {\r\n        ctx.clearRect(0, 0, width, height);\r\n        particles.forEach(p => { p.update(); p.draw(); });\r\n        requestAnimationFrame(animate);\r\n      }\r\n\r\n      window.addEventListener('resize', () => { resize(); init(); });\r\n      resize(); init(); animate();\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dra. Anna Oliveira | Obrigado pelo interesse Dados Recebidos Dra. Anna Oliveira Obrigada! Recebemos suas informa\u00e7\u00f5es e em breve nossa equipe entrar\u00e1 em contato. \ud83e\udd0d Caso ainda tenha alguma d\u00favida, clique no bot\u00e3o abaixo: Ainda desejo falar com a Dra Continue nos acompanhando Acompanhe Resultados Casos cl\u00ednicos e dicas no Instagram Nosso Endere\u00e7o DRA. ANNA [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/draannaoliveira.mesusmedia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/draannaoliveira.mesusmedia.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/draannaoliveira.mesusmedia.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/draannaoliveira.mesusmedia.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/draannaoliveira.mesusmedia.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":16,"href":"https:\/\/draannaoliveira.mesusmedia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/draannaoliveira.mesusmedia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/draannaoliveira.mesusmedia.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}