Instituto da Boca Sinop | Em Breve<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Outfit:wght@200;300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n DESIGN SYSTEM TOKENS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n --ds-navy-900: #001030;\r\n --ds-navy-800: #002060;\r\n --ds-navy-700: #002D72;\r\n --ds-navy-600: #103060;\r\n --ds-navy-500: #104070;\r\n --ds-champagne-100: #E8E4D9;\r\n --ds-champagne-200: #D4CFC2;\r\n --ds-champagne-300: #C0BAA8;\r\n --ds-champagne-400: #B0B0A0;\r\n --ds-champagne-500: #9A9A8A;\r\n --ds-white: #FFFFFF;\r\n --ds-white-10: rgba(255,255,255,0.1);\r\n --ds-white-05: rgba(255,255,255,0.05);\r\n --ds-white-60: rgba(255,255,255,0.6);\r\n --ds-white-80: rgba(255,255,255,0.8);\r\n --font-display: 'Cormorant Garamond', Georgia, serif;\r\n --font-body: 'Outfit', -apple-system, sans-serif;\r\n --space-1: 8px; --space-2: 16px; --space-3: 24px;\r\n --space-4: 32px; --space-5: 40px; --space-6: 48px;\r\n --space-8: 64px; --space-10: 80px;\r\n --radius-sm: 8px;\r\n --radius-md: 16px;\r\n --radius-lg: 24px;\r\n --radius-xl: 32px;\r\n --radius-full: 9999px;\r\n --shadow-soft: 0 4px 30px rgba(0,0,0,0.15);\r\n --shadow-glow: 0 0 40px rgba(176,176,160,0.15);\r\n --shadow-chat: 0 25px 80px rgba(0,0,0,0.5);\r\n --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\r\n --duration: 0.5s;\r\n}\r\n\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\nhtml { font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }\r\n\r\nbody {\r\n font-family: var(--font-body);\r\n background: var(--ds-navy-800);\r\n color: var(--ds-white);\r\n min-height: 100vh;\r\n min-height: 100dvh;\r\n overflow-x: hidden;\r\n position: relative;\r\n -webkit-text-size-adjust: 100%;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BACKGROUND\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.bg-layer {\r\n position: fixed; inset: 0; z-index: 0; pointer-events: none;\r\n}\r\n.bg-layer::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background:\r\n radial-gradient(ellipse 80% 60% at 20% 20%, rgba(16,64,112,0.6) 0%, transparent 60%),\r\n radial-gradient(ellipse 60% 50% at 85% 80%, rgba(16,64,128,0.3) 0%, transparent 50%),\r\n radial-gradient(ellipse 40% 40% at 50% 50%, rgba(176,176,160,0.03) 0%, transparent 40%);\r\n}\r\n.particle {\r\n position: absolute;\r\n width: 2px; height: 2px;\r\n background: var(--ds-champagne-400);\r\n border-radius: 50%;\r\n opacity: 0;\r\n animation: particleFade 8s infinite ease-in-out;\r\n}\r\n@keyframes particleFade {\r\n 0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n 50% { opacity: 0.4; transform: translateY(-30px) scale(1.5); }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n LAYOUT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.page-wrapper {\r\n position: relative;\r\n z-index: 1;\r\n min-height: 100vh;\r\n min-height: 100dvh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: var(--space-4);\r\n}\r\n.content-card {\r\n width: 100%;\r\n max-width: 720px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: var(--space-6);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO TEXT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero-text {\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--space-2);\r\n}\r\n.hero-eyebrow {\r\n font-family: var(--font-body);\r\n font-weight: 300;\r\n font-size: clamp(0.7rem, 1.5vw, 0.85rem);\r\n letter-spacing: 6px;\r\n text-transform: uppercase;\r\n color: var(--ds-champagne-400);\r\n opacity: 0.8;\r\n}\r\n.hero-title {\r\n font-family: var(--font-display);\r\n font-weight: 700;\r\n font-size: clamp(2.8rem, 7vw, 5rem);\r\n line-height: 0.95;\r\n color: var(--ds-white);\r\n}\r\n.hero-title em {\r\n font-style: italic;\r\n color: var(--ds-champagne-300);\r\n}\r\n.hero-subtitle {\r\n font-family: var(--font-body);\r\n font-weight: 200;\r\n font-size: clamp(0.95rem, 2vw, 1.15rem);\r\n line-height: 1.7;\r\n color: var(--ds-white-60);\r\n max-width: 520px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BARRA DE PROGRESSO + CARROSSEL DE \u00cdCONES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.progress-section {\r\n width: 100%;\r\n max-width: 460px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--space-2);\r\n}\r\n.progress-meta {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.progress-label {\r\n font-size: 0.7rem;\r\n font-weight: 500;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--ds-champagne-400);\r\n}\r\n.progress-percent {\r\n font-family: var(--font-display);\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: var(--ds-champagne-300);\r\n min-width: 70px;\r\n text-align: right;\r\n}\r\n.dental-icons-carousel {\r\n position: relative;\r\n height: 52px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n}\r\n.dental-icon-item {\r\n position: absolute;\r\n color: var(--ds-champagne-400);\r\n opacity: 0;\r\n animation: iconCycle 12.5s infinite ease-in-out;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n.dental-icon-item i {\r\n font-size: 1.5rem;\r\n}\r\n.dental-icon-item span {\r\n font-family: var(--font-body);\r\n font-size: 0.72rem;\r\n font-weight: 500;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n}\r\n.dental-icon-item:nth-child(1) { animation-delay: 0s; }\r\n.dental-icon-item:nth-child(2) { animation-delay: 2.5s; }\r\n.dental-icon-item:nth-child(3) { animation-delay: 5s; }\r\n.dental-icon-item:nth-child(4) { animation-delay: 7.5s; }\r\n.dental-icon-item:nth-child(5) { animation-delay: 10s; }\r\n@keyframes iconCycle {\r\n 0%, 16% { opacity: 0; transform: translateY(10px); }\r\n 4%, 12% { opacity: 0.8; transform: translateY(0); }\r\n 16.1%, 100% { opacity: 0; transform: translateY(-10px); }\r\n}\r\n.progress-track {\r\n width: 100%;\r\n height: 3px;\r\n background: var(--ds-white-05);\r\n border-radius: var(--radius-full);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.progress-fill {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 0%;\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--ds-champagne-500), var(--ds-champagne-300));\r\n border-radius: var(--radius-full);\r\n box-shadow: 0 0 12px rgba(176,176,160,0.4);\r\n transition: width 0.4s ease-out;\r\n}\r\n.progress-fill::after {\r\n content: '';\r\n position: absolute;\r\n top: -2px; left: -120%;\r\n width: 60%;\r\n height: calc(100% + 4px);\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.7), transparent);\r\n animation: shimmer 2.5s infinite ease-in-out;\r\n}\r\n@keyframes shimmer {\r\n 0% { left: -120%; }\r\n 100% { left: 120%; }\r\n}\r\n.progress-dot {\r\n position: absolute;\r\n top: 50%;\r\n left: 0%;\r\n transform: translate(-50%, -50%);\r\n width: 10px; height: 10px;\r\n background: var(--ds-champagne-300);\r\n border-radius: 50%;\r\n box-shadow: 0 0 15px var(--ds-champagne-400), 0 0 30px rgba(176,176,160,0.2);\r\n animation: dotPulse 2s infinite ease-in-out;\r\n transition: left 0.4s ease-out;\r\n}\r\n@keyframes dotPulse {\r\n 0%, 100% { box-shadow: 0 0 10px var(--ds-champagne-400); transform: translate(-50%, -50%) scale(1); }\r\n 50% { box-shadow: 0 0 25px var(--ds-champagne-300); transform: translate(-50%, -50%) scale(1.3); }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BOT\u00d5ES E REDES SOCIAIS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.actions-group {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: var(--space-4);\r\n}\r\n.btn-dra {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 18px 36px;\r\n font-family: var(--font-body);\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--ds-navy-800);\r\n background: linear-gradient(135deg, var(--ds-champagne-200), var(--ds-champagne-400));\r\n border: none;\r\n border-radius: var(--radius-full);\r\n cursor: pointer;\r\n transition: var(--duration) var(--ease-out);\r\n overflow: hidden;\r\n max-width: 100%;\r\n text-align: center;\r\n line-height: 1.4;\r\n}\r\n.btn-dra::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, var(--ds-champagne-100), var(--ds-champagne-300));\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n}\r\n.btn-dra:hover::before { opacity: 1; }\r\n.btn-dra:hover { transform: translateY(-2px); box-shadow: var(--shadow-glow); }\r\n.btn-dra i, .btn-dra span, .btn-dra .ia-highlight { position: relative; z-index: 1; }\r\n.btn-dra .ia-highlight {\r\n font-weight: 800;\r\n color: var(--ds-navy-700);\r\n}\r\n.social-row {\r\n display: flex;\r\n gap: var(--space-3);\r\n}\r\n.social-icon {\r\n width: 44px; height: 44px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid var(--ds-white-10);\r\n border-radius: 50%;\r\n color: var(--ds-champagne-400);\r\n text-decoration: none;\r\n font-size: 1.1rem;\r\n transition: var(--duration) var(--ease-out);\r\n}\r\n.social-icon:hover {\r\n border-color: var(--ds-champagne-400);\r\n color: var(--ds-champagne-200);\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 25px rgba(176,176,160,0.15);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CHAT WIDGET \u2014 Dra. OdontologIA\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#chatWidget {\r\n position: fixed;\r\n bottom: var(--space-3);\r\n right: var(--space-3);\r\n width: 400px;\r\n height: 590px;\r\n display: none;\r\n flex-direction: column;\r\n background: var(--ds-white);\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-chat);\r\n z-index: 9999;\r\n overflow: hidden;\r\n animation: chatSlideIn 0.5s var(--ease-out);\r\n color: #1a1a2e;\r\n}\r\n@keyframes chatSlideIn {\r\n from { opacity: 0; transform: translateY(40px) scale(0.95); }\r\n to { opacity: 1; transform: translateY(0) scale(1); }\r\n}\r\n.chat-head {\r\n background: linear-gradient(135deg, var(--ds-navy-800), var(--ds-navy-600));\r\n padding: var(--space-3);\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-2);\r\n position: relative;\r\n}\r\n.chat-avatar {\r\n width: 48px; height: 48px;\r\n background: linear-gradient(135deg, var(--ds-champagne-300), var(--ds-champagne-400));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--ds-navy-800);\r\n font-size: 1.3rem;\r\n flex-shrink: 0;\r\n}\r\n.chat-head-info h3 {\r\n font-family: var(--font-display);\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: var(--ds-white);\r\n}\r\n.chat-head-info p {\r\n font-size: 0.75rem;\r\n color: var(--ds-champagne-400);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n}\r\n.status-dot {\r\n width: 6px; height: 6px;\r\n background: #4ade80;\r\n border-radius: 50%;\r\n display: inline-block;\r\n animation: statusBlink 2s infinite;\r\n}\r\n@keyframes statusBlink {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.4; }\r\n}\r\n.chat-close {\r\n position: absolute;\r\n top: var(--space-2); right: var(--space-2);\r\n background: none;\r\n border: none;\r\n color: var(--ds-white-60);\r\n font-size: 1.4rem;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n width: 32px; height: 32px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n}\r\n.chat-close:hover { background: var(--ds-white-10); color: var(--ds-white); }\r\n\r\n.chat-body {\r\n flex: 1;\r\n padding: var(--space-3);\r\n overflow-y: auto;\r\n display: flex;\r\n flex-direction: column;\r\n background: #f7f8fa;\r\n gap: var(--space-1);\r\n}\r\n.chat-body::-webkit-scrollbar { width: 4px; }\r\n.chat-body::-webkit-scrollbar-thumb { background: #ddd; border-radius: 4px; }\r\n\r\n\/* Lead Form *\/\r\n.lead-form-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--space-2);\r\n}\r\n.lead-form-container p {\r\n font-size: 0.9rem;\r\n color: #555;\r\n line-height: 1.6;\r\n}\r\n.lead-form-container p strong { color: var(--ds-navy-800); }\r\n.input-group { position: relative; }\r\n.input-group i {\r\n position: absolute;\r\n left: 14px; top: 50%;\r\n transform: translateY(-50%);\r\n color: var(--ds-champagne-500);\r\n font-size: 0.85rem;\r\n}\r\n.input-group input {\r\n width: 100%;\r\n padding: 14px 14px 14px 42px;\r\n border: 1.5px solid #e8e8e8;\r\n border-radius: var(--radius-sm);\r\n font-family: var(--font-body);\r\n font-size: 1rem;\r\n outline: none;\r\n transition: 0.3s;\r\n background: var(--ds-white);\r\n}\r\n.input-group input:focus {\r\n border-color: var(--ds-navy-700);\r\n box-shadow: 0 0 0 3px rgba(0,45,114,0.08);\r\n}\r\n.input-group input::placeholder { color: #aaa; }\r\n.btn-lead {\r\n width: 100%;\r\n padding: 14px;\r\n background: linear-gradient(135deg, var(--ds-navy-800), var(--ds-navy-600));\r\n color: var(--ds-white);\r\n border: none;\r\n border-radius: var(--radius-sm);\r\n font-family: var(--font-body);\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n}\r\n.btn-lead:hover { opacity: 0.9; transform: translateY(-1px); }\r\n\r\n\/* Messages *\/\r\n#chatMessages {\r\n display: none;\r\n flex-direction: column;\r\n gap: var(--space-1);\r\n}\r\n.msg-bubble {\r\n max-width: 85%;\r\n padding: 12px 16px;\r\n border-radius: var(--radius-md);\r\n font-size: 0.88rem;\r\n line-height: 1.55;\r\n animation: msgIn 0.3s var(--ease-out);\r\n \/* \u2500\u2500 FIX 2: Quebra de linha para URLs longas \u2500\u2500 *\/\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n}\r\n@keyframes msgIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n.msg-bot {\r\n background: var(--ds-white);\r\n color: #333;\r\n align-self: flex-start;\r\n border-bottom-left-radius: 4px;\r\n box-shadow: 0 1px 4px rgba(0,0,0,0.06);\r\n}\r\n\/* \u2500\u2500 Estilos para links dentro das bolhas do bot \u2500\u2500 *\/\r\n.msg-bot a {\r\n color: var(--ds-navy-700);\r\n text-decoration: underline;\r\n text-underline-offset: 2px;\r\n transition: color 0.2s, opacity 0.2s;\r\n}\r\n.msg-bot a:hover {\r\n color: var(--ds-navy-800);\r\n opacity: 0.8;\r\n}\r\n.msg-user {\r\n background: linear-gradient(135deg, var(--ds-navy-800), var(--ds-navy-600));\r\n color: var(--ds-white);\r\n align-self: flex-end;\r\n border-bottom-right-radius: 4px;\r\n}\r\n\/* \u2500\u2500 Estilos para links dentro das bolhas do user \u2500\u2500 *\/\r\n.msg-user a {\r\n color: var(--ds-champagne-200);\r\n text-decoration: underline;\r\n text-underline-offset: 2px;\r\n transition: opacity 0.2s;\r\n}\r\n.msg-user a:hover {\r\n opacity: 0.8;\r\n}\r\n.typing-indicator {\r\n display: flex;\r\n gap: 5px;\r\n padding: 14px 16px;\r\n background: var(--ds-white);\r\n border-radius: var(--radius-md);\r\n border-bottom-left-radius: 4px;\r\n align-self: flex-start;\r\n box-shadow: 0 1px 4px rgba(0,0,0,0.06);\r\n}\r\n.typing-indicator span {\r\n width: 7px; height: 7px;\r\n background: #bbb;\r\n border-radius: 50%;\r\n animation: typingBounce 1.2s infinite ease-in-out;\r\n}\r\n.typing-indicator span:nth-child(2) { animation-delay: 0.15s; }\r\n.typing-indicator span:nth-child(3) { animation-delay: 0.3s; }\r\n@keyframes typingBounce {\r\n 0%, 60%, 100% { transform: translateY(0); }\r\n 30% { transform: translateY(-6px); }\r\n}\r\n\r\n\/* Chat Footer *\/\r\n.chat-foot {\r\n display: none;\r\n padding: var(--space-2);\r\n border-top: 1px solid #eee;\r\n gap: var(--space-1);\r\n background: var(--ds-white);\r\n align-items: center;\r\n}\r\n.chat-foot input {\r\n flex: 1;\r\n padding: 12px 16px;\r\n border: 1.5px solid #e8e8e8;\r\n border-radius: var(--radius-full);\r\n font-family: var(--font-body);\r\n font-size: 1rem;\r\n outline: none;\r\n transition: 0.3s;\r\n}\r\n.chat-foot input:focus { border-color: var(--ds-navy-700); }\r\n.chat-foot button {\r\n width: 44px; height: 44px;\r\n border: none;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--ds-navy-800), var(--ds-navy-600));\r\n color: var(--ds-white);\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.chat-foot button:hover { opacity: 0.85; transform: scale(1.05); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 768px) {\r\n .content-card { gap: var(--space-4); }\r\n .btn-dra {\r\n font-size: 0.7rem;\r\n padding: 16px 24px;\r\n letter-spacing: 1.5px;\r\n border-radius: var(--radius-md);\r\n flex-wrap: wrap;\r\n }\r\n #chatWidget {\r\n width: calc(100% - 16px);\r\n height: calc(100dvh - 80px);\r\n bottom: 8px; right: 8px;\r\n border-radius: var(--radius-md);\r\n }\r\n .msg-bubble {\r\n max-width: 88%;\r\n }\r\n}\r\n@media (max-width: 480px) {\r\n .page-wrapper { padding: var(--space-2); }\r\n .hero-title { font-size: clamp(2.2rem, 10vw, 3rem); }\r\n .hero-eyebrow { letter-spacing: 3px; font-size: 0.65rem; }\r\n .hero-subtitle { font-size: 0.9rem; }\r\n .btn-dra {\r\n font-size: 0.62rem;\r\n padding: 14px 20px;\r\n letter-spacing: 1px;\r\n border-radius: var(--radius-md);\r\n gap: 6px;\r\n }\r\n .social-row { gap: var(--space-2); }\r\n .social-icon { width: 40px; height: 40px; font-size: 1rem; }\r\n .actions-group { width: 100%; padding: 0 var(--space-1); }\r\n #chatWidget {\r\n width: 100%; height: 100dvh;\r\n bottom: 0; right: 0;\r\n border-radius: 0;\r\n }\r\n .chat-body { padding: var(--space-2); }\r\n .chat-foot { padding: var(--space-1) var(--space-2); }\r\n .chat-foot input { padding: 10px 14px; font-size: 0.85rem; }\r\n .chat-foot button { width: 40px; height: 40px; font-size: 0.9rem; }\r\n .msg-bubble {\r\n max-width: 90%;\r\n padding: 10px 14px;\r\n font-size: 0.85rem;\r\n }\r\n}\r\n@media (max-width: 360px) {\r\n .btn-dra {\r\n font-size: 0.58rem;\r\n padding: 12px 16px;\r\n letter-spacing: 0.5px;\r\n gap: 4px;\r\n }\r\n .hero-title { font-size: clamp(1.8rem, 9vw, 2.5rem); }\r\n}\r\n@media (min-width: 1200px) {\r\n .content-card { gap: var(--space-8); }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"bg-layer\" id=\"bgLayer\"><\/div>\r\n\r\n<div class=\"page-wrapper\">\r\n <div class=\"content-card\">\r\n\r\n \r\n <div class=\"hero-text\">\r\n <p class=\"hero-eyebrow\">Instituto da Boca Sinop<\/p>\r\n <h1 class=\"hero-title\">Seu novo <em>sorriso<\/em><br>est\u00e1 sendo preparado.<\/h1>\r\n <p class=\"hero-subtitle\">Estamos calibrando cada detalhe para entregar a voc\u00ea uma experi\u00eancia odontol\u00f3gica que Sinop nunca viu. Falta pouco.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"progress-section\">\r\n <div class=\"progress-meta\">\r\n <span class=\"progress-label\">Preparando sistemas<\/span>\r\n <span class=\"progress-percent\" id=\"progressPercent\">...<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"dental-icons-carousel\">\r\n <div class=\"dental-icon-item\"><i class=\"fas fa-tooth\"><\/i><span>Implantes<\/span><\/div>\r\n <div class=\"dental-icon-item\"><i class=\"fas fa-teeth\"><\/i><span>Facetas<\/span><\/div>\r\n <div class=\"dental-icon-item\"><i class=\"fas fa-teeth-open\"><\/i><span>Ortodontia<\/span><\/div>\r\n <div class=\"dental-icon-item\"><i class=\"fas fa-syringe\"><\/i><span>Harmoniza\u00e7\u00e3o<\/span><\/div>\r\n <div class=\"dental-icon-item\"><i class=\"fas fa-stethoscope\"><\/i><span>Protocolo<\/span><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"progress-track\">\r\n <div class=\"progress-fill\" id=\"progressFill\"><\/div>\r\n <div class=\"progress-dot\" id=\"progressDot\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"actions-group\">\r\n <button class=\"btn-dra\" onclick=\"openChat()\">\r\n <i class=\"fas fa-sparkles\"><\/i>\r\n <span>Enquanto isso fale com a nossa Dra. Odontolog<span class=\"ia-highlight\">IA<\/span><\/span>\r\n <\/button>\r\n <div class=\"social-row\">\r\n <a href=\"https:\/\/www.instagram.com\/institutodaboca.sinop\/\" target=\"_blank\" rel=\"noopener\" class=\"social-icon\" title=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/www.facebook.com\/institutodabocasinopmt\" target=\"_blank\" rel=\"noopener\" class=\"social-icon\" title=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/wa.me\/5566992216181?text=Ol%C3%A1!%20%F0%9F%91%8B%20Vim%20do%20site%20do%20Instituto%20da%20Boca%20e%20quero%20saber%20mais%20sobre%20os%20tratamentos!\" target=\"_blank\" rel=\"noopener\" class=\"social-icon\" title=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div id=\"chatWidget\">\r\n <div class=\"chat-head\">\r\n <div class=\"chat-avatar\"><i class=\"fas fa-user-doctor\"><\/i><\/div>\r\n <div class=\"chat-head-info\">\r\n <h3>Dra. OdontologIA<\/h3>\r\n <p><span class=\"status-dot\"><\/span> Online agora<\/p>\r\n <\/div>\r\n <button class=\"chat-close\" onclick=\"closeChat()\">×<\/button>\r\n <\/div>\r\n\r\n <div class=\"chat-body\" id=\"chatBody\">\r\n \r\n <div class=\"lead-form-container\" id=\"leadForm\">\r\n <p>Ol\u00e1! Sou a <strong>Dra. OdontologIA<\/strong>, assistente virtual do Instituto da Boca. Para iniciarmos seu atendimento personalizado, precisamos de algumas informa\u00e7\u00f5es:<\/p>\r\n <div class=\"input-group\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <input type=\"text\" id=\"leadName\" placeholder=\"Seu nome completo\">\r\n <\/div>\r\n <div class=\"input-group\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <input type=\"text\" id=\"leadPhone\" placeholder=\"(00) 00000-0000\">\r\n <\/div>\r\n <div class=\"input-group\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <input type=\"email\" id=\"leadEmail\" placeholder=\"seu@email.com\">\r\n <\/div>\r\n <button class=\"btn-lead\" onclick=\"submitLead()\">Iniciar Atendimento<\/button>\r\n <\/div>\r\n \r\n <div id=\"chatMessages\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"chat-foot\" id=\"chatFoot\">\r\n <input type=\"text\" id=\"msgInput\" placeholder=\"Escreva sua mensagem...\" onkeydown=\"if(event.key==='Enter') sendMsg()\">\r\n <button onclick=\"sendMsg()\"><i class=\"fas fa-paper-plane\"><\/i><\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.mask\/1.14.16\/jquery.mask.min.js\"><\/script>\r\n<script>\r\n(function () {\r\n 'use strict';\r\n\r\n \/* \u2500\u2500 M\u00e1scara WhatsApp \u2500\u2500 *\/\r\n $(document).ready(function () {\r\n $('#leadPhone').mask('(00) 00000-0000');\r\n });\r\n\r\n \/* \u2500\u2500 Part\u00edculas de fundo \u2500\u2500 *\/\r\n const bgLayer = document.getElementById('bgLayer');\r\n for (let i = 0; i < 30; i++) {\r\n const p = document.createElement('div');\r\n p.className = 'particle';\r\n p.style.left = Math.random() * 100 + '%';\r\n p.style.top = Math.random() * 100 + '%';\r\n p.style.animationDelay = (Math.random() * 8) + 's';\r\n p.style.animationDuration = (6 + Math.random() * 6) + 's';\r\n bgLayer.appendChild(p);\r\n }\r\n\r\n \/* \u2500\u2500 Falso contador din\u00e2mico (loading effect) \u2500\u2500 *\/\r\n const percentEl = document.getElementById('progressPercent');\r\n const fillEl = document.getElementById('progressFill');\r\n const dotEl = document.getElementById('progressDot');\r\n\r\n let currentVal = 0;\r\n const targetMin = 78;\r\n const targetMax = 97;\r\n let target = Math.floor(Math.random() * (targetMax - targetMin + 1)) + targetMin;\r\n let phase = 'loading';\r\n\r\n function updateBar(val) {\r\n fillEl.style.width = val + '%';\r\n dotEl.style.left = val + '%';\r\n }\r\n\r\n function animateCounter() {\r\n if (phase === 'loading') {\r\n if (currentVal < target) {\r\n const speed = Math.max(30, 200 - (currentVal * 2));\r\n const increment = currentVal < 40 ? Math.floor(Math.random() * 3) + 1 : 1;\r\n currentVal = Math.min(currentVal + increment, target);\r\n percentEl.textContent = currentVal + '%';\r\n updateBar(currentVal);\r\n setTimeout(animateCounter, speed);\r\n } else {\r\n phase = 'pause';\r\n let dots = 0, pauseCount = 0;\r\n const pauseInterval = setInterval(() => {\r\n dots = (dots % 3) + 1;\r\n percentEl.textContent = currentVal + '%' + '.'.repeat(dots);\r\n pauseCount++;\r\n if (pauseCount > 8) {\r\n clearInterval(pauseInterval);\r\n phase = 'crawl';\r\n animateCounter();\r\n }\r\n }, 600);\r\n }\r\n } else if (phase === 'crawl') {\r\n const crawlTarget = Math.min(currentVal + Math.floor(Math.random() * 5) + 1, 99);\r\n if (currentVal < crawlTarget) {\r\n currentVal++;\r\n percentEl.textContent = currentVal + '%';\r\n updateBar(currentVal);\r\n setTimeout(animateCounter, Math.random() * 2000 + 1500);\r\n } else {\r\n setTimeout(() => {\r\n let dots = 0, waitCount = 0;\r\n const waitInterval = setInterval(() => {\r\n dots = (dots % 3) + 1;\r\n percentEl.textContent = currentVal + '%' + '.'.repeat(dots);\r\n waitCount++;\r\n if (waitCount > 6) {\r\n clearInterval(waitInterval);\r\n currentVal = currentVal - Math.floor(Math.random() * 8) - 3;\r\n target = Math.min(currentVal + Math.floor(Math.random() * 10) + 5, 99);\r\n phase = 'loading';\r\n animateCounter();\r\n }\r\n }, 600);\r\n }, 3000);\r\n }\r\n }\r\n }\r\n\r\n percentEl.textContent = '...';\r\n setTimeout(() => { animateCounter(); }, 1500);\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n WEBHOOK \u2014 payload alinhado com o N8N\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n const WEBHOOK = 'https:\/\/treedwellingfruitfly-n8n.cloudfy.live\/webhook\/f336ba66-498f-4f9f-84f3-b345ed134b09';\r\n\r\n let lead = {};\r\n let messageCount = 0;\r\n let sessionId = '';\r\n\r\n window.openChat = function () { document.getElementById('chatWidget').style.display = 'flex'; };\r\n window.closeChat = function () { document.getElementById('chatWidget').style.display = 'none'; };\r\n\r\n window.submitLead = function () {\r\n const name = document.getElementById('leadName').value.trim();\r\n const phone = document.getElementById('leadPhone').value.trim();\r\n const email = document.getElementById('leadEmail').value.trim();\r\n\r\n if (!name || !phone || !email) {\r\n if (!name) shake('leadName');\r\n if (!phone) shake('leadPhone');\r\n if (!email) shake('leadEmail');\r\n return;\r\n }\r\n\r\n \/* Gera sessionId \u00fanico para este visitante *\/\r\n sessionId = 'web_' + phone.replace(\/\\D\/g, '') + '_' + Date.now();\r\n\r\n lead = {\r\n userName: name,\r\n userWhatsApp: phone.replace(\/\\D\/g, ''), \/* apenas d\u00edgitos, sem m\u00e1scara *\/\r\n email: email\r\n };\r\n\r\n messageCount = 0;\r\n\r\n document.getElementById('leadForm').style.display = 'none';\r\n document.getElementById('chatMessages').style.display = 'flex';\r\n document.getElementById('chatFoot').style.display = 'flex';\r\n\r\n addMsg('bot', 'Prazer em conhec\u00ea-la, ' + name + '! Sou a Dra. OdontologIA, assistente virtual do Instituto da Boca Sinop. Como posso ajudar a transformar o seu sorriso hoje?');\r\n };\r\n\r\n window.sendMsg = async function () {\r\n const input = document.getElementById('msgInput');\r\n const text = input.value.trim();\r\n if (!text) return;\r\n\r\n addMsg('user', text);\r\n input.value = '';\r\n messageCount++;\r\n\r\n const typing = showTyping();\r\n\r\n try {\r\n const res = await fetch(WEBHOOK, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'text\/plain' },\r\n body: JSON.stringify({\r\n userName: lead.userName,\r\n userWhatsApp: lead.userWhatsApp,\r\n email: lead.email,\r\n message: text,\r\n messageNumber: messageCount,\r\n sessionId: sessionId,\r\n timestamp: new Date().toISOString()\r\n })\r\n });\r\n const data = await res.json();\r\n removeTyping(typing);\r\n addMsg('bot', data.response || data.output || data.message || data.reply || data.text || 'Entendido. Estou processando a sua solicita\u00e7\u00e3o.');\r\n } catch (err) {\r\n removeTyping(typing);\r\n addMsg('bot', 'Desculpe, ocorreu um problema de conex\u00e3o. Por favor, tente novamente em instantes.');\r\n }\r\n };\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FIX 1: parseMarkdown \u2014 converte Markdown\r\n em HTML seguro para exibir nas bolhas\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n function parseMarkdown(text) {\r\n \/* 1. Escapa HTML perigoso para evitar XSS *\/\r\n let safe = text\r\n .replace(\/&\/g, '&')\r\n .replace(\/<\/g, '<')\r\n .replace(\/>\/g, '>')\r\n .replace(\/\"\/g, '"');\r\n\r\n \/* 2. Converte **negrito** em <strong> *\/\r\n safe = safe.replace(\/\\*\\*(.+?)\\*\\*\/g, '<strong>$1<\/strong>');\r\n\r\n \/* 3. Converte [texto](url) em <a> clic\u00e1vel *\/\r\n safe = safe.replace(\r\n \/\\[([^\\]]+)\\]\$(https?:\\\/\\\/[^\\s)]+)\$\/g,\r\n '<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\">$1<\/a>'\r\n );\r\n\r\n \/* 4. Converte URLs nuas que N\u00c3O est\u00e3o dentro de href=\"\" em <a> clic\u00e1vel *\/\r\n safe = safe.replace(\r\n \/(?<!href=\"|\">)(https?:\\\/\\\/[^\\s<\"]+)\/g,\r\n '<a href=\"$1\" target=\"_blank\" rel=\"noopener noreferrer\">$1<\/a>'\r\n );\r\n\r\n \/* 5. Converte \\n em <br> *\/\r\n safe = safe.replace(\/\\n\/g, '<br>');\r\n\r\n return safe;\r\n }\r\n\r\n \/* \u2500\u2500 Helpers de UI \u2500\u2500 *\/\r\n function addMsg(type, text) {\r\n const container = document.getElementById('chatMessages');\r\n const div = document.createElement('div');\r\n div.className = 'msg-bubble msg-' + type;\r\n \/* \u2500\u2500 FIX 1: Usa innerHTML + parseMarkdown em vez de textContent \u2500\u2500 *\/\r\n div.innerHTML = parseMarkdown(text);\r\n container.appendChild(div);\r\n scrollChat();\r\n }\r\n\r\n function showTyping() {\r\n const container = document.getElementById('chatMessages');\r\n const div = document.createElement('div');\r\n div.className = 'typing-indicator';\r\n div.innerHTML = '<span><\/span><span><\/span><span><\/span>';\r\n container.appendChild(div);\r\n scrollChat();\r\n return div;\r\n }\r\n\r\n function removeTyping(el) { if (el && el.parentNode) el.parentNode.removeChild(el); }\r\n\r\n function scrollChat() {\r\n const body = document.getElementById('chatBody');\r\n body.scrollTop = body.scrollHeight;\r\n }\r\n\r\n function shake(id) {\r\n const el = document.getElementById(id);\r\n el.style.borderColor = '#e74c3c';\r\n el.style.animation = 'shake 0.4s ease';\r\n setTimeout(() => { el.style.animation = ''; el.style.borderColor = '#e8e8e8'; }, 500);\r\n }\r\n\r\n \/* Injeta keyframe do shake *\/\r\n const shakeStyle = document.createElement('style');\r\n shakeStyle.textContent = '@keyframes shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-6px)} 75%{transform:translateX(6px)} }';\r\n document.head.appendChild(shakeStyle);\r\n\r\n})();\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>Instituto da Boca Sinop | Em Breve Instituto da Boca Sinop Seu novo sorrisoest\u00e1 sendo preparado. Estamos calibrando cada detalhe para entregar a voc\u00ea uma experi\u00eancia odontol\u00f3gica que Sinop nunca viu. Falta pouco. Preparando sistemas … Implantes Facetas Ortodontia Harmoniza\u00e7\u00e3o Protocolo Enquanto isso fale com a nossa Dra. OdontologIA Dra. OdontologIA Online agora × Ol\u00e1! Sou a Dra. OdontologIA, assistente virtual do Instituto da Boca. Para iniciarmos seu atendimento personalizado, precisamos de algumas informa\u00e7\u00f5es: Iniciar Atendimento<\/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-7","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":5,"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/pages\/7\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nInstituto da Boca Sinop | Em Breve<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Outfit:wght@200;300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n DESIGN SYSTEM TOKENS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n --ds-navy-900: #001030;\r\n --ds-navy-800: #002060;\r\n --ds-navy-700: #002D72;\r\n --ds-navy-600: #103060;\r\n --ds-navy-500: #104070;\r\n --ds-champagne-100: #E8E4D9;\r\n --ds-champagne-200: #D4CFC2;\r\n --ds-champagne-300: #C0BAA8;\r\n --ds-champagne-400: #B0B0A0;\r\n --ds-champagne-500: #9A9A8A;\r\n --ds-white: #FFFFFF;\r\n --ds-white-10: rgba(255,255,255,0.1);\r\n --ds-white-05: rgba(255,255,255,0.05);\r\n --ds-white-60: rgba(255,255,255,0.6);\r\n --ds-white-80: rgba(255,255,255,0.8);\r\n --font-display: 'Cormorant Garamond', Georgia, serif;\r\n --font-body: 'Outfit', -apple-system, sans-serif;\r\n --space-1: 8px; --space-2: 16px; --space-3: 24px;\r\n --space-4: 32px; --space-5: 40px; --space-6: 48px;\r\n --space-8: 64px; --space-10: 80px;\r\n --radius-sm: 8px;\r\n --radius-md: 16px;\r\n --radius-lg: 24px;\r\n --radius-xl: 32px;\r\n --radius-full: 9999px;\r\n --shadow-soft: 0 4px 30px rgba(0,0,0,0.15);\r\n --shadow-glow: 0 0 40px rgba(176,176,160,0.15);\r\n --shadow-chat: 0 25px 80px rgba(0,0,0,0.5);\r\n --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\r\n --duration: 0.5s;\r\n}\r\n\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\nhtml { font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }\r\n\r\nbody {\r\n font-family: var(--font-body);\r\n background: var(--ds-navy-800);\r\n color: var(--ds-white);\r\n min-height: 100vh;\r\n min-height: 100dvh;\r\n overflow-x: hidden;\r\n position: relative;\r\n -webkit-text-size-adjust: 100%;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BACKGROUND\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.bg-layer {\r\n position: fixed; inset: 0; z-index: 0; pointer-events: none;\r\n}\r\n.bg-layer::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background:\r\n radial-gradient(ellipse 80% 60% at 20% 20%, rgba(16,64,112,0.6) 0%, transparent 60%),\r\n radial-gradient(ellipse 60% 50% at 85% 80%, rgba(16,64,128,0.3) 0%, transparent 50%),\r\n radial-gradient(ellipse 40% 40% at 50% 50%, rgba(176,176,160,0.03) 0%, transparent 40%);\r\n}\r\n.particle {\r\n position: absolute;\r\n width: 2px; height: 2px;\r\n background: var(--ds-champagne-400);\r\n border-radius: 50%;\r\n opacity: 0;\r\n animation: particleFade 8s infinite ease-in-out;\r\n}\r\n@keyframes particleFade {\r\n 0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n 50% { opacity: 0.4; transform: translateY(-30px) scale(1.5); }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n LAYOUT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.page-wrapper {\r\n position: relative;\r\n z-index: 1;\r\n min-height: 100vh;\r\n min-height: 100dvh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: var(--space-4);\r\n}\r\n.content-card {\r\n width: 100%;\r\n max-width: 720px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: var(--space-6);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO TEXT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero-text {\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--space-2);\r\n}\r\n.hero-eyebrow {\r\n font-family: var(--font-body);\r\n font-weight: 300;\r\n font-size: clamp(0.7rem, 1.5vw, 0.85rem);\r\n letter-spacing: 6px;\r\n text-transform: uppercase;\r\n color: var(--ds-champagne-400);\r\n opacity: 0.8;\r\n}\r\n.hero-title {\r\n font-family: var(--font-display);\r\n font-weight: 700;\r\n font-size: clamp(2.8rem, 7vw, 5rem);\r\n line-height: 0.95;\r\n color: var(--ds-white);\r\n}\r\n.hero-title em {\r\n font-style: italic;\r\n color: var(--ds-champagne-300);\r\n}\r\n.hero-subtitle {\r\n font-family: var(--font-body);\r\n font-weight: 200;\r\n font-size: clamp(0.95rem, 2vw, 1.15rem);\r\n line-height: 1.7;\r\n color: var(--ds-white-60);\r\n max-width: 520px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BARRA DE PROGRESSO + CARROSSEL DE \u00cdCONES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.progress-section {\r\n width: 100%;\r\n max-width: 460px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--space-2);\r\n}\r\n.progress-meta {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.progress-label {\r\n font-size: 0.7rem;\r\n font-weight: 500;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--ds-champagne-400);\r\n}\r\n.progress-percent {\r\n font-family: var(--font-display);\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: var(--ds-champagne-300);\r\n min-width: 70px;\r\n text-align: right;\r\n}\r\n.dental-icons-carousel {\r\n position: relative;\r\n height: 52px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n}\r\n.dental-icon-item {\r\n position: absolute;\r\n color: var(--ds-champagne-400);\r\n opacity: 0;\r\n animation: iconCycle 12.5s infinite ease-in-out;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n.dental-icon-item i {\r\n font-size: 1.5rem;\r\n}\r\n.dental-icon-item span {\r\n font-family: var(--font-body);\r\n font-size: 0.72rem;\r\n font-weight: 500;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n}\r\n.dental-icon-item:nth-child(1) { animation-delay: 0s; }\r\n.dental-icon-item:nth-child(2) { animation-delay: 2.5s; }\r\n.dental-icon-item:nth-child(3) { animation-delay: 5s; }\r\n.dental-icon-item:nth-child(4) { animation-delay: 7.5s; }\r\n.dental-icon-item:nth-child(5) { animation-delay: 10s; }\r\n@keyframes iconCycle {\r\n 0%, 16% { opacity: 0; transform: translateY(10px); }\r\n 4%, 12% { opacity: 0.8; transform: translateY(0); }\r\n 16.1%, 100% { opacity: 0; transform: translateY(-10px); }\r\n}\r\n.progress-track {\r\n width: 100%;\r\n height: 3px;\r\n background: var(--ds-white-05);\r\n border-radius: var(--radius-full);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.progress-fill {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 0%;\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--ds-champagne-500), var(--ds-champagne-300));\r\n border-radius: var(--radius-full);\r\n box-shadow: 0 0 12px rgba(176,176,160,0.4);\r\n transition: width 0.4s ease-out;\r\n}\r\n.progress-fill::after {\r\n content: '';\r\n position: absolute;\r\n top: -2px; left: -120%;\r\n width: 60%;\r\n height: calc(100% + 4px);\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.7), transparent);\r\n animation: shimmer 2.5s infinite ease-in-out;\r\n}\r\n@keyframes shimmer {\r\n 0% { left: -120%; }\r\n 100% { left: 120%; }\r\n}\r\n.progress-dot {\r\n position: absolute;\r\n top: 50%;\r\n left: 0%;\r\n transform: translate(-50%, -50%);\r\n width: 10px; height: 10px;\r\n background: var(--ds-champagne-300);\r\n border-radius: 50%;\r\n box-shadow: 0 0 15px var(--ds-champagne-400), 0 0 30px rgba(176,176,160,0.2);\r\n animation: dotPulse 2s infinite ease-in-out;\r\n transition: left 0.4s ease-out;\r\n}\r\n@keyframes dotPulse {\r\n 0%, 100% { box-shadow: 0 0 10px var(--ds-champagne-400); transform: translate(-50%, -50%) scale(1); }\r\n 50% { box-shadow: 0 0 25px var(--ds-champagne-300); transform: translate(-50%, -50%) scale(1.3); }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BOT\u00d5ES E REDES SOCIAIS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.actions-group {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: var(--space-4);\r\n}\r\n.btn-dra {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 18px 36px;\r\n font-family: var(--font-body);\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--ds-navy-800);\r\n background: linear-gradient(135deg, var(--ds-champagne-200), var(--ds-champagne-400));\r\n border: none;\r\n border-radius: var(--radius-full);\r\n cursor: pointer;\r\n transition: var(--duration) var(--ease-out);\r\n overflow: hidden;\r\n max-width: 100%;\r\n text-align: center;\r\n line-height: 1.4;\r\n}\r\n.btn-dra::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, var(--ds-champagne-100), var(--ds-champagne-300));\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n}\r\n.btn-dra:hover::before { opacity: 1; }\r\n.btn-dra:hover { transform: translateY(-2px); box-shadow: var(--shadow-glow); }\r\n.btn-dra i, .btn-dra span, .btn-dra .ia-highlight { position: relative; z-index: 1; }\r\n.btn-dra .ia-highlight {\r\n font-weight: 800;\r\n color: var(--ds-navy-700);\r\n}\r\n.social-row {\r\n display: flex;\r\n gap: var(--space-3);\r\n}\r\n.social-icon {\r\n width: 44px; height: 44px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid var(--ds-white-10);\r\n border-radius: 50%;\r\n color: var(--ds-champagne-400);\r\n text-decoration: none;\r\n font-size: 1.1rem;\r\n transition: var(--duration) var(--ease-out);\r\n}\r\n.social-icon:hover {\r\n border-color: var(--ds-champagne-400);\r\n color: var(--ds-champagne-200);\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 25px rgba(176,176,160,0.15);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CHAT WIDGET \u2014 Dra. OdontologIA\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#chatWidget {\r\n position: fixed;\r\n bottom: var(--space-3);\r\n right: var(--space-3);\r\n width: 400px;\r\n height: 590px;\r\n display: none;\r\n flex-direction: column;\r\n background: var(--ds-white);\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-chat);\r\n z-index: 9999;\r\n overflow: hidden;\r\n animation: chatSlideIn 0.5s var(--ease-out);\r\n color: #1a1a2e;\r\n}\r\n@keyframes chatSlideIn {\r\n from { opacity: 0; transform: translateY(40px) scale(0.95); }\r\n to { opacity: 1; transform: translateY(0) scale(1); }\r\n}\r\n.chat-head {\r\n background: linear-gradient(135deg, var(--ds-navy-800), var(--ds-navy-600));\r\n padding: var(--space-3);\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-2);\r\n position: relative;\r\n}\r\n.chat-avatar {\r\n width: 48px; height: 48px;\r\n background: linear-gradient(135deg, var(--ds-champagne-300), var(--ds-champagne-400));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--ds-navy-800);\r\n font-size: 1.3rem;\r\n flex-shrink: 0;\r\n}\r\n.chat-head-info h3 {\r\n font-family: var(--font-display);\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: var(--ds-white);\r\n}\r\n.chat-head-info p {\r\n font-size: 0.75rem;\r\n color: var(--ds-champagne-400);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n}\r\n.status-dot {\r\n width: 6px; height: 6px;\r\n background: #4ade80;\r\n border-radius: 50%;\r\n display: inline-block;\r\n animation: statusBlink 2s infinite;\r\n}\r\n@keyframes statusBlink {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.4; }\r\n}\r\n.chat-close {\r\n position: absolute;\r\n top: var(--space-2); right: var(--space-2);\r\n background: none;\r\n border: none;\r\n color: var(--ds-white-60);\r\n font-size: 1.4rem;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n width: 32px; height: 32px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n}\r\n.chat-close:hover { background: var(--ds-white-10); color: var(--ds-white); }\r\n\r\n.chat-body {\r\n flex: 1;\r\n padding: var(--space-3);\r\n overflow-y: auto;\r\n display: flex;\r\n flex-direction: column;\r\n background: #f7f8fa;\r\n gap: var(--space-1);\r\n}\r\n.chat-body::-webkit-scrollbar { width: 4px; }\r\n.chat-body::-webkit-scrollbar-thumb { background: #ddd; border-radius: 4px; }\r\n\r\n\/* Lead Form *\/\r\n.lead-form-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--space-2);\r\n}\r\n.lead-form-container p {\r\n font-size: 0.9rem;\r\n color: #555;\r\n line-height: 1.6;\r\n}\r\n.lead-form-container p strong { color: var(--ds-navy-800); }\r\n.input-group { position: relative; }\r\n.input-group i {\r\n position: absolute;\r\n left: 14px; top: 50%;\r\n transform: translateY(-50%);\r\n color: var(--ds-champagne-500);\r\n font-size: 0.85rem;\r\n}\r\n.input-group input {\r\n width: 100%;\r\n padding: 14px 14px 14px 42px;\r\n border: 1.5px solid #e8e8e8;\r\n border-radius: var(--radius-sm);\r\n font-family: var(--font-body);\r\n font-size: 1rem;\r\n outline: none;\r\n transition: 0.3s;\r\n background: var(--ds-white);\r\n}\r\n.input-group input:focus {\r\n border-color: var(--ds-navy-700);\r\n box-shadow: 0 0 0 3px rgba(0,45,114,0.08);\r\n}\r\n.input-group input::placeholder { color: #aaa; }\r\n.btn-lead {\r\n width: 100%;\r\n padding: 14px;\r\n background: linear-gradient(135deg, var(--ds-navy-800), var(--ds-navy-600));\r\n color: var(--ds-white);\r\n border: none;\r\n border-radius: var(--radius-sm);\r\n font-family: var(--font-body);\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n}\r\n.btn-lead:hover { opacity: 0.9; transform: translateY(-1px); }\r\n\r\n\/* Messages *\/\r\n#chatMessages {\r\n display: none;\r\n flex-direction: column;\r\n gap: var(--space-1);\r\n}\r\n.msg-bubble {\r\n max-width: 85%;\r\n padding: 12px 16px;\r\n border-radius: var(--radius-md);\r\n font-size: 0.88rem;\r\n line-height: 1.55;\r\n animation: msgIn 0.3s var(--ease-out);\r\n \/* \u2500\u2500 FIX 2: Quebra de linha para URLs longas \u2500\u2500 *\/\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n}\r\n@keyframes msgIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n.msg-bot {\r\n background: var(--ds-white);\r\n color: #333;\r\n align-self: flex-start;\r\n border-bottom-left-radius: 4px;\r\n box-shadow: 0 1px 4px rgba(0,0,0,0.06);\r\n}\r\n\/* \u2500\u2500 Estilos para links dentro das bolhas do bot \u2500\u2500 *\/\r\n.msg-bot a {\r\n color: var(--ds-navy-700);\r\n text-decoration: underline;\r\n text-underline-offset: 2px;\r\n transition: color 0.2s, opacity 0.2s;\r\n}\r\n.msg-bot a:hover {\r\n color: var(--ds-navy-800);\r\n opacity: 0.8;\r\n}\r\n.msg-user {\r\n background: linear-gradient(135deg, var(--ds-navy-800), var(--ds-navy-600));\r\n color: var(--ds-white);\r\n align-self: flex-end;\r\n border-bottom-right-radius: 4px;\r\n}\r\n\/* \u2500\u2500 Estilos para links dentro das bolhas do user \u2500\u2500 *\/\r\n.msg-user a {\r\n color: var(--ds-champagne-200);\r\n text-decoration: underline;\r\n text-underline-offset: 2px;\r\n transition: opacity 0.2s;\r\n}\r\n.msg-user a:hover {\r\n opacity: 0.8;\r\n}\r\n.typing-indicator {\r\n display: flex;\r\n gap: 5px;\r\n padding: 14px 16px;\r\n background: var(--ds-white);\r\n border-radius: var(--radius-md);\r\n border-bottom-left-radius: 4px;\r\n align-self: flex-start;\r\n box-shadow: 0 1px 4px rgba(0,0,0,0.06);\r\n}\r\n.typing-indicator span {\r\n width: 7px; height: 7px;\r\n background: #bbb;\r\n border-radius: 50%;\r\n animation: typingBounce 1.2s infinite ease-in-out;\r\n}\r\n.typing-indicator span:nth-child(2) { animation-delay: 0.15s; }\r\n.typing-indicator span:nth-child(3) { animation-delay: 0.3s; }\r\n@keyframes typingBounce {\r\n 0%, 60%, 100% { transform: translateY(0); }\r\n 30% { transform: translateY(-6px); }\r\n}\r\n\r\n\/* Chat Footer *\/\r\n.chat-foot {\r\n display: none;\r\n padding: var(--space-2);\r\n border-top: 1px solid #eee;\r\n gap: var(--space-1);\r\n background: var(--ds-white);\r\n align-items: center;\r\n}\r\n.chat-foot input {\r\n flex: 1;\r\n padding: 12px 16px;\r\n border: 1.5px solid #e8e8e8;\r\n border-radius: var(--radius-full);\r\n font-family: var(--font-body);\r\n font-size: 1rem;\r\n outline: none;\r\n transition: 0.3s;\r\n}\r\n.chat-foot input:focus { border-color: var(--ds-navy-700); }\r\n.chat-foot button {\r\n width: 44px; height: 44px;\r\n border: none;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--ds-navy-800), var(--ds-navy-600));\r\n color: var(--ds-white);\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.chat-foot button:hover { opacity: 0.85; transform: scale(1.05); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 768px) {\r\n .content-card { gap: var(--space-4); }\r\n .btn-dra {\r\n font-size: 0.7rem;\r\n padding: 16px 24px;\r\n letter-spacing: 1.5px;\r\n border-radius: var(--radius-md);\r\n flex-wrap: wrap;\r\n }\r\n #chatWidget {\r\n width: calc(100% - 16px);\r\n height: calc(100dvh - 80px);\r\n bottom: 8px; right: 8px;\r\n border-radius: var(--radius-md);\r\n }\r\n .msg-bubble {\r\n max-width: 88%;\r\n }\r\n}\r\n@media (max-width: 480px) {\r\n .page-wrapper { padding: var(--space-2); }\r\n .hero-title { font-size: clamp(2.2rem, 10vw, 3rem); }\r\n .hero-eyebrow { letter-spacing: 3px; font-size: 0.65rem; }\r\n .hero-subtitle { font-size: 0.9rem; }\r\n .btn-dra {\r\n font-size: 0.62rem;\r\n padding: 14px 20px;\r\n letter-spacing: 1px;\r\n border-radius: var(--radius-md);\r\n gap: 6px;\r\n }\r\n .social-row { gap: var(--space-2); }\r\n .social-icon { width: 40px; height: 40px; font-size: 1rem; }\r\n .actions-group { width: 100%; padding: 0 var(--space-1); }\r\n #chatWidget {\r\n width: 100%; height: 100dvh;\r\n bottom: 0; right: 0;\r\n border-radius: 0;\r\n }\r\n .chat-body { padding: var(--space-2); }\r\n .chat-foot { padding: var(--space-1) var(--space-2); }\r\n .chat-foot input { padding: 10px 14px; font-size: 0.85rem; }\r\n .chat-foot button { width: 40px; height: 40px; font-size: 0.9rem; }\r\n .msg-bubble {\r\n max-width: 90%;\r\n padding: 10px 14px;\r\n font-size: 0.85rem;\r\n }\r\n}\r\n@media (max-width: 360px) {\r\n .btn-dra {\r\n font-size: 0.58rem;\r\n padding: 12px 16px;\r\n letter-spacing: 0.5px;\r\n gap: 4px;\r\n }\r\n .hero-title { font-size: clamp(1.8rem, 9vw, 2.5rem); }\r\n}\r\n@media (min-width: 1200px) {\r\n .content-card { gap: var(--space-8); }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"bg-layer\" id=\"bgLayer\"><\/div>\r\n\r\n<div class=\"page-wrapper\">\r\n <div class=\"content-card\">\r\n\r\n \r\n <div class=\"hero-text\">\r\n <p class=\"hero-eyebrow\">Instituto da Boca Sinop<\/p>\r\n <h1 class=\"hero-title\">Seu novo <em>sorriso<\/em><br>est\u00e1 sendo preparado.<\/h1>\r\n <p class=\"hero-subtitle\">Estamos calibrando cada detalhe para entregar a voc\u00ea uma experi\u00eancia odontol\u00f3gica que Sinop nunca viu. Falta pouco.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"progress-section\">\r\n <div class=\"progress-meta\">\r\n <span class=\"progress-label\">Preparando sistemas<\/span>\r\n <span class=\"progress-percent\" id=\"progressPercent\">...<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"dental-icons-carousel\">\r\n <div class=\"dental-icon-item\"><i class=\"fas fa-tooth\"><\/i><span>Implantes<\/span><\/div>\r\n <div class=\"dental-icon-item\"><i class=\"fas fa-teeth\"><\/i><span>Facetas<\/span><\/div>\r\n <div class=\"dental-icon-item\"><i class=\"fas fa-teeth-open\"><\/i><span>Ortodontia<\/span><\/div>\r\n <div class=\"dental-icon-item\"><i class=\"fas fa-syringe\"><\/i><span>Harmoniza\u00e7\u00e3o<\/span><\/div>\r\n <div class=\"dental-icon-item\"><i class=\"fas fa-stethoscope\"><\/i><span>Protocolo<\/span><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"progress-track\">\r\n <div class=\"progress-fill\" id=\"progressFill\"><\/div>\r\n <div class=\"progress-dot\" id=\"progressDot\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"actions-group\">\r\n <button class=\"btn-dra\" onclick=\"openChat()\">\r\n <i class=\"fas fa-sparkles\"><\/i>\r\n <span>Enquanto isso fale com a nossa Dra. Odontolog<span class=\"ia-highlight\">IA<\/span><\/span>\r\n <\/button>\r\n <div class=\"social-row\">\r\n <a href=\"https:\/\/www.instagram.com\/institutodaboca.sinop\/\" target=\"_blank\" rel=\"noopener\" class=\"social-icon\" title=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/www.facebook.com\/institutodabocasinopmt\" target=\"_blank\" rel=\"noopener\" class=\"social-icon\" title=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/wa.me\/5566992216181?text=Ol%C3%A1!%20%F0%9F%91%8B%20Vim%20do%20site%20do%20Instituto%20da%20Boca%20e%20quero%20saber%20mais%20sobre%20os%20tratamentos!\" target=\"_blank\" rel=\"noopener\" class=\"social-icon\" title=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div id=\"chatWidget\">\r\n <div class=\"chat-head\">\r\n <div class=\"chat-avatar\"><i class=\"fas fa-user-doctor\"><\/i><\/div>\r\n <div class=\"chat-head-info\">\r\n <h3>Dra. OdontologIA<\/h3>\r\n <p><span class=\"status-dot\"><\/span> Online agora<\/p>\r\n <\/div>\r\n <button class=\"chat-close\" onclick=\"closeChat()\">×<\/button>\r\n <\/div>\r\n\r\n <div class=\"chat-body\" id=\"chatBody\">\r\n \r\n <div class=\"lead-form-container\" id=\"leadForm\">\r\n <p>Ol\u00e1! Sou a <strong>Dra. OdontologIA<\/strong>, assistente virtual do Instituto da Boca. Para iniciarmos seu atendimento personalizado, precisamos de algumas informa\u00e7\u00f5es:<\/p>\r\n <div class=\"input-group\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <input type=\"text\" id=\"leadName\" placeholder=\"Seu nome completo\">\r\n <\/div>\r\n <div class=\"input-group\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <input type=\"text\" id=\"leadPhone\" placeholder=\"(00) 00000-0000\">\r\n <\/div>\r\n <div class=\"input-group\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <input type=\"email\" id=\"leadEmail\" placeholder=\"seu@email.com\">\r\n <\/div>\r\n <button class=\"btn-lead\" onclick=\"submitLead()\">Iniciar Atendimento<\/button>\r\n <\/div>\r\n \r\n <div id=\"chatMessages\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"chat-foot\" id=\"chatFoot\">\r\n <input type=\"text\" id=\"msgInput\" placeholder=\"Escreva sua mensagem...\" onkeydown=\"if(event.key==='Enter') sendMsg()\">\r\n <button onclick=\"sendMsg()\"><i class=\"fas fa-paper-plane\"><\/i><\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.mask\/1.14.16\/jquery.mask.min.js\"><\/script>\r\n<script>\r\n(function () {\r\n 'use strict';\r\n\r\n \/* \u2500\u2500 M\u00e1scara WhatsApp \u2500\u2500 *\/\r\n $(document).ready(function () {\r\n $('#leadPhone').mask('(00) 00000-0000');\r\n });\r\n\r\n \/* \u2500\u2500 Part\u00edculas de fundo \u2500\u2500 *\/\r\n const bgLayer = document.getElementById('bgLayer');\r\n for (let i = 0; i < 30; i++) {\r\n const p = document.createElement('div');\r\n p.className = 'particle';\r\n p.style.left = Math.random() * 100 + '%';\r\n p.style.top = Math.random() * 100 + '%';\r\n p.style.animationDelay = (Math.random() * 8) + 's';\r\n p.style.animationDuration = (6 + Math.random() * 6) + 's';\r\n bgLayer.appendChild(p);\r\n }\r\n\r\n \/* \u2500\u2500 Falso contador din\u00e2mico (loading effect) \u2500\u2500 *\/\r\n const percentEl = document.getElementById('progressPercent');\r\n const fillEl = document.getElementById('progressFill');\r\n const dotEl = document.getElementById('progressDot');\r\n\r\n let currentVal = 0;\r\n const targetMin = 78;\r\n const targetMax = 97;\r\n let target = Math.floor(Math.random() * (targetMax - targetMin + 1)) + targetMin;\r\n let phase = 'loading';\r\n\r\n function updateBar(val) {\r\n fillEl.style.width = val + '%';\r\n dotEl.style.left = val + '%';\r\n }\r\n\r\n function animateCounter() {\r\n if (phase === 'loading') {\r\n if (currentVal < target) {\r\n const speed = Math.max(30, 200 - (currentVal * 2));\r\n const increment = currentVal < 40 ? Math.floor(Math.random() * 3) + 1 : 1;\r\n currentVal = Math.min(currentVal + increment, target);\r\n percentEl.textContent = currentVal + '%';\r\n updateBar(currentVal);\r\n setTimeout(animateCounter, speed);\r\n } else {\r\n phase = 'pause';\r\n let dots = 0, pauseCount = 0;\r\n const pauseInterval = setInterval(() => {\r\n dots = (dots % 3) + 1;\r\n percentEl.textContent = currentVal + '%' + '.'.repeat(dots);\r\n pauseCount++;\r\n if (pauseCount > 8) {\r\n clearInterval(pauseInterval);\r\n phase = 'crawl';\r\n animateCounter();\r\n }\r\n }, 600);\r\n }\r\n } else if (phase === 'crawl') {\r\n const crawlTarget = Math.min(currentVal + Math.floor(Math.random() * 5) + 1, 99);\r\n if (currentVal < crawlTarget) {\r\n currentVal++;\r\n percentEl.textContent = currentVal + '%';\r\n updateBar(currentVal);\r\n setTimeout(animateCounter, Math.random() * 2000 + 1500);\r\n } else {\r\n setTimeout(() => {\r\n let dots = 0, waitCount = 0;\r\n const waitInterval = setInterval(() => {\r\n dots = (dots % 3) + 1;\r\n percentEl.textContent = currentVal + '%' + '.'.repeat(dots);\r\n waitCount++;\r\n if (waitCount > 6) {\r\n clearInterval(waitInterval);\r\n currentVal = currentVal - Math.floor(Math.random() * 8) - 3;\r\n target = Math.min(currentVal + Math.floor(Math.random() * 10) + 5, 99);\r\n phase = 'loading';\r\n animateCounter();\r\n }\r\n }, 600);\r\n }, 3000);\r\n }\r\n }\r\n }\r\n\r\n percentEl.textContent = '...';\r\n setTimeout(() => { animateCounter(); }, 1500);\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n WEBHOOK \u2014 payload alinhado com o N8N\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n const WEBHOOK = 'https:\/\/treedwellingfruitfly-n8n.cloudfy.live\/webhook\/f336ba66-498f-4f9f-84f3-b345ed134b09';\r\n\r\n let lead = {};\r\n let messageCount = 0;\r\n let sessionId = '';\r\n\r\n window.openChat = function () { document.getElementById('chatWidget').style.display = 'flex'; };\r\n window.closeChat = function () { document.getElementById('chatWidget').style.display = 'none'; };\r\n\r\n window.submitLead = function () {\r\n const name = document.getElementById('leadName').value.trim();\r\n const phone = document.getElementById('leadPhone').value.trim();\r\n const email = document.getElementById('leadEmail').value.trim();\r\n\r\n if (!name || !phone || !email) {\r\n if (!name) shake('leadName');\r\n if (!phone) shake('leadPhone');\r\n if (!email) shake('leadEmail');\r\n return;\r\n }\r\n\r\n \/* Gera sessionId \u00fanico para este visitante *\/\r\n sessionId = 'web_' + phone.replace(\/\\D\/g, '') + '_' + Date.now();\r\n\r\n lead = {\r\n userName: name,\r\n userWhatsApp: phone.replace(\/\\D\/g, ''), \/* apenas d\u00edgitos, sem m\u00e1scara *\/\r\n email: email\r\n };\r\n\r\n messageCount = 0;\r\n\r\n document.getElementById('leadForm').style.display = 'none';\r\n document.getElementById('chatMessages').style.display = 'flex';\r\n document.getElementById('chatFoot').style.display = 'flex';\r\n\r\n addMsg('bot', 'Prazer em conhec\u00ea-la, ' + name + '! Sou a Dra. OdontologIA, assistente virtual do Instituto da Boca Sinop. Como posso ajudar a transformar o seu sorriso hoje?');\r\n };\r\n\r\n window.sendMsg = async function () {\r\n const input = document.getElementById('msgInput');\r\n const text = input.value.trim();\r\n if (!text) return;\r\n\r\n addMsg('user', text);\r\n input.value = '';\r\n messageCount++;\r\n\r\n const typing = showTyping();\r\n\r\n try {\r\n const res = await fetch(WEBHOOK, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'text\/plain' },\r\n body: JSON.stringify({\r\n userName: lead.userName,\r\n userWhatsApp: lead.userWhatsApp,\r\n email: lead.email,\r\n message: text,\r\n messageNumber: messageCount,\r\n sessionId: sessionId,\r\n timestamp: new Date().toISOString()\r\n })\r\n });\r\n const data = await res.json();\r\n removeTyping(typing);\r\n addMsg('bot', data.response || data.output || data.message || data.reply || data.text || 'Entendido. Estou processando a sua solicita\u00e7\u00e3o.');\r\n } catch (err) {\r\n removeTyping(typing);\r\n addMsg('bot', 'Desculpe, ocorreu um problema de conex\u00e3o. Por favor, tente novamente em instantes.');\r\n }\r\n };\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FIX 1: parseMarkdown \u2014 converte Markdown\r\n em HTML seguro para exibir nas bolhas\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n function parseMarkdown(text) {\r\n \/* 1. Escapa HTML perigoso para evitar XSS *\/\r\n let safe = text\r\n .replace(\/&\/g, '&')\r\n .replace(\/<\/g, '<')\r\n .replace(\/>\/g, '>')\r\n .replace(\/\"\/g, '"');\r\n\r\n \/* 2. Converte **negrito** em <strong> *\/\r\n safe = safe.replace(\/\\*\\*(.+?)\\*\\*\/g, '<strong>$1<\/strong>');\r\n\r\n \/* 3. Converte [texto](url) em <a> clic\u00e1vel *\/\r\n safe = safe.replace(\r\n \/\\[([^\\]]+)\\]\$(https?:\\\/\\\/[^\\s)]+)\$\/g,\r\n '<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\">$1<\/a>'\r\n );\r\n\r\n \/* 4. Converte URLs nuas que N\u00c3O est\u00e3o dentro de href=\"\" em <a> clic\u00e1vel *\/\r\n safe = safe.replace(\r\n \/(?<!href=\"|\">)(https?:\\\/\\\/[^\\s<\"]+)\/g,\r\n '<a href=\"$1\" target=\"_blank\" rel=\"noopener noreferrer\">$1<\/a>'\r\n );\r\n\r\n \/* 5. Converte \\n em <br> *\/\r\n safe = safe.replace(\/\\n\/g, '<br>');\r\n\r\n return safe;\r\n }\r\n\r\n \/* \u2500\u2500 Helpers de UI \u2500\u2500 *\/\r\n function addMsg(type, text) {\r\n const container = document.getElementById('chatMessages');\r\n const div = document.createElement('div');\r\n div.className = 'msg-bubble msg-' + type;\r\n \/* \u2500\u2500 FIX 1: Usa innerHTML + parseMarkdown em vez de textContent \u2500\u2500 *\/\r\n div.innerHTML = parseMarkdown(text);\r\n container.appendChild(div);\r\n scrollChat();\r\n }\r\n\r\n function showTyping() {\r\n const container = document.getElementById('chatMessages');\r\n const div = document.createElement('div');\r\n div.className = 'typing-indicator';\r\n div.innerHTML = '<span><\/span><span><\/span><span><\/span>';\r\n container.appendChild(div);\r\n scrollChat();\r\n return div;\r\n }\r\n\r\n function removeTyping(el) { if (el && el.parentNode) el.parentNode.removeChild(el); }\r\n\r\n function scrollChat() {\r\n const body = document.getElementById('chatBody');\r\n body.scrollTop = body.scrollHeight;\r\n }\r\n\r\n function shake(id) {\r\n const el = document.getElementById(id);\r\n el.style.borderColor = '#e74c3c';\r\n el.style.animation = 'shake 0.4s ease';\r\n setTimeout(() => { el.style.animation = ''; el.style.borderColor = '#e8e8e8'; }, 500);\r\n }\r\n\r\n \/* Injeta keyframe do shake *\/\r\n const shakeStyle = document.createElement('style');\r\n shakeStyle.textContent = '@keyframes shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-6px)} 75%{transform:translateX(6px)} }';\r\n document.head.appendChild(shakeStyle);\r\n\r\n})();\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>Instituto da Boca Sinop | Em Breve Instituto da Boca Sinop Seu novo sorrisoest\u00e1 sendo preparado. Estamos calibrando cada detalhe para entregar a voc\u00ea uma experi\u00eancia odontol\u00f3gica que Sinop nunca viu. Falta pouco. Preparando sistemas … Implantes Facetas Ortodontia Harmoniza\u00e7\u00e3o Protocolo Enquanto isso fale com a nossa Dra. OdontologIA Dra. OdontologIA Online agora × Ol\u00e1! Sou a Dra. OdontologIA, assistente virtual do Instituto da Boca. Para iniciarmos seu atendimento personalizado, precisamos de algumas informa\u00e7\u00f5es: Iniciar Atendimento<\/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-7","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":5,"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/pages\/7\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/institutodabocasinop.com.br\/home\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}