{"id":13,"date":"2025-06-29T18:13:50","date_gmt":"2025-06-29T18:13:50","guid":{"rendered":"https:\/\/odontotubarao.com.br\/?page_id=13"},"modified":"2025-08-08T14:22:16","modified_gmt":"2025-08-08T14:22:16","slug":"inicio","status":"publish","type":"page","link":"https:\/\/odontotubarao.com.br\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-a8ed0974 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&display=swap');\n\n.custom-navbar {\n  position: absolute;\n  top: 20px;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  z-index: 3; \/* acima do .overlay (z-index: 1) e .container (z-index: 2) *\/\n}\n\n  .custom-navbar-inner {\npointer-events: auto;\n    display: flex;\n    align-items: center;\n    background: white;\n    border-radius: 24px;\n    padding: 0 24px;\n    height: 80px;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n    box-sizing: border-box;\n    gap: 32px;\n  }\n\n  .custom-navbar-logo img {\n    height: 60px;\n    display: block;\n    object-fit: contain;\n  }\n\n  .custom-navbar-menu {\n    display: flex;\n    align-items: center;\n    gap: 32px;\n  }\n\n  .custom-navbar-menu a {\n    text-decoration: none;\n    color: #000;\n    font-weight: 600;\n    font-size: 16px;\n    transition: color 0.3s;\n    line-height: 64px;\n  }\n\n  .custom-navbar-menu a.active,\n  .custom-navbar-menu a:hover {\n    color: #038dff;\n  }\n\n  .custom-navbar-toggle {\n    display: none;\n  }\n\n  @media (max-width: 768px) {\n    .custom-navbar-inner {\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: flex-start;\n      height: auto;\n      padding: 20px;\n    }\n\n    .custom-navbar-menu {\n      display: none;\n      flex-direction: column;\n      width: 100%;\n      margin-top: 16px;\n      padding: 16px;\n    }\n\n    .custom-navbar-menu.open {\n      display: flex;\n    }\n\n    .custom-navbar-toggle {\n      display: block;\n      align-self: auto;\n      background: none;\n      border: none;\n      font-size: 32px;\n      cursor: pointer;\n    }\n\n    .custom-navbar-menu a {\n      line-height: normal;\n    }\n  }\n\n  #hero {\n    height: 100svh;\n    position: relative;\n    background-color: #038dff;\n    padding-top: 140px;\n    overflow: hidden;\n    width: 100vw;\n    margin: 0;\n  }\n\n  #hero .overlay {\n    position: absolute;\n    inset: 0;\n    background-color: rgba(3, 141, 255, 0.8);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    background: url('https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Image_background.png') center\/cover no-repeat;\n    z-index: 1;\n  }\n\n  #hero .container {\n    position: relative;\n    z-index: 2;\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 1rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    min-height: 100%;\n    gap: 2rem;\n  }\n\n  #hero .hero-text {\n    color: #ffffff;\n    font-family: 'Poppins', sans-serif;\n    max-width: 600px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 1.5rem;\n    text-align: center;\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n    align-items: center;\n  }\n\n  #hero .hero-text h1 {\n    margin: 0;\n    font-weight: 800;\n    line-height: 1.1;\n    font-size: 2.75rem; \/* ~44px *\/\n    color: #ffffff;\n  }\n\n  #hero .hero-text p {\n    margin: 0;\n    font-size: 1.3rem; \/* ~20.8px *\/\n    opacity: 0.9;\n  }\n\n  #hero .cta-button {\n    display: inline-flex;\n    align-items: center;\n    background: #fff;\n    color: #000;\n    padding: 0.75rem 1.5rem;\n    border-radius: 9999px;\n    font-family: 'Poppins', sans-serif;\n    font-weight: 700;\n    font-size: 1.3rem; \/* ~20.8px *\/\n    text-decoration: none;\n    transition: opacity 0.2s;\n    white-space: nowrap;\n    max-width: fit-content;\n  }\n\n  #hero .cta-button:hover {\n    opacity: 0.9;\n  }\n\n  #hero .cta-button img {\n    margin-left: 0.5rem;\n  }\n\n  #hero .social-icons {\n    display: flex;\n    gap: 0.5rem;\n  }\n\n  #hero .social-icons a {\n    background: #fff;\n    padding: 0.5rem;\n    border: 1px solid #f40002;\n    border-radius: 9999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    transition: opacity 0.2s;\n  }\n\n  #hero .social-icons a:hover {\n    opacity: 0.9;\n  }\n\n  @media (min-width: 768px) {\n    #hero .container {\n      flex-direction: row;\n      align-items: center;\n      justify-content: flex-start;\n    }\n\n    #hero .hero-text {\n      text-align: left;\n      padding-left: 2rem;\n      padding-right: 2rem;\n      align-items: flex-start;\n    }\n\n    #hero .hero-text h1 {\n      font-size: 3.25rem; \/* ~52px *\/\n    }\n\n    #hero .hero-text p {\n      font-size: 1.625rem; \/* ~26px *\/\n    }\n\n#hero .social-icons {\n    margin-top: 1.5rem;\n  }\n  }\n\n  \/* ========== MOBILE-ONLY OVERRIDES (at\u00e9 767px) ========== *\/\n @media (max-width: 767px) {\n  \/* container e texto alinhados \u00e0 esquerda *\/\n  #hero .container {\n    align-items: flex-start;\n  }\n  #hero .hero-text {\n    text-align: left;\n    align-items: flex-start;\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n\n  \/* agrupa CTA + \u00edcones em linha e inverte a ordem *\/\n  #hero .hero-actions {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    margin-top: 1rem;\n    width: 100%;\n    flex-direction: row-reverse; \/* agora os \u00edcones ficam \u00e0 esquerda do bot\u00e3o *\/\n  }\n\n  \/* s\u00f3 reduz o bot\u00e3o Agendar no mobile *\/\n  #hero .cta-button {\n    padding: 0.5rem 1rem;\n    font-size: 1.1rem;\n  }\n}\n\n\/* keyframes *\/\n@keyframes fadeInUp {\n  0%   { opacity: 0; transform: translateY(20px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n\/* aplica nos elementos *\/\n#hero .hero-text,\n#hero .cta-button {\n  opacity: 0;\n  animation: fadeInUp 0.8s ease-out forwards;\n}\n\n\/* delays distintos para criar sequ\u00eancia *\/\n#hero .hero-text {\n  animation-delay: 0.4s;\n}\n#hero .cta-button {\n  animation-delay: 0.8s;\n}\n@keyframes bgShift {\n  from { background-position: center 0; }\n  to   { background-position: center 20px; }\n}\n\n#hero .overlay {\n  animation: bgShift 15s linear infinite alternate;\n}\n#hero .cta-button {\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n#hero .cta-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 20px rgba(0,0,0,0.1);\n}\n\n#hero .social-icons a {\n  transition: transform 0.2s ease;\n}\n#hero .social-icons a:hover {\n  transform: scale(1.1);\n}\n<\/style>\n\n<section id=\"hero\">\n  <div class=\"custom-navbar\">\n    <div class=\"custom-navbar-inner\">\n      <a class=\"custom-navbar-logo\" href=\"#hero\">\n        <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_logotype.png\" alt=\"Logo Tubar\u00e3o\" \/>\n      <\/a>\n      <button class=\"custom-navbar-toggle\" aria-label=\"Toggle menu\">\u2630<\/button>\n      <nav id=\"menu\" class=\"custom-navbar-menu\">\n        <a href=\"#hero\" onclick=\"smoothScroll(event, 'hero')\">In\u00edcio<\/a>\n        <a href=\"#cta\" onclick=\"smoothScroll(event, 'cta')\">Agendar<\/a>\n        <a href=\"#sobre\" onclick=\"smoothScroll(event, 'sobre')\">Sobre<\/a>\n        <a href=\"#convenios\" onclick=\"smoothScroll(event, 'convenios')\">Conv\u00eanios<\/a>\n        <a href=\"#contato\" onclick=\"smoothScroll(event, 'contato')\">Contato<\/a>\n        <a href=\"#contato\" onclick=\"smoothScroll(event, 'contato')\">Localiza\u00e7\u00e3o<\/a>\n      <\/nav>\n    <\/div>\n  <\/div>\n\n  <div class=\"overlay\"><\/div>\n  <div class=\"container\">\n    <div class=\"hero-text\">\n      <h1>\n        Seu sorriso<br>\n        merece o<br>\n        melhor<br>\n        cuidado!\n      <\/h1>\n      <p>\n        Agende uma avalia\u00e7\u00e3o<br>\n        agora mesmo!\n      <\/p>\n\n      <!-- WRAPPER PARA MOBILE -->\n      <div class=\"hero-actions\">\n        <a href=\"https:\/\/wa.me\/48999584399\" target=\"_blank\" class=\"cta-button\">\n          Agendar Avalia\u00e7\u00e3o\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_share_red.png\"\n               alt=\"\u00cdcone de compartilhamento\" width=\"18\" height=\"18\" \/>\n        <\/a>\n        <div class=\"social-icons\">\n          <a href=\"https:\/\/www.instagram.com\/odontotubarao\" target=\"_blank\" aria-label=\"Instagram\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_instagram_red.png\"\n                 alt=\"Instagram\" width=\"20\" height=\"20\" \/>\n          <\/a>\n          <a href=\"https:\/\/wa.me\/48999584399\" target=\"_blank\" aria-label=\"WhatsApp\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_whatsapp_red.png\"\n                 alt=\"WhatsApp\" width=\"20\" height=\"20\" \/>\n          <\/a>\n        <\/div>\n      <\/div>\n      <!-- fim hero-actions -->\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  function smoothScroll(event, id) {\n    event.preventDefault();\n    const target = document.getElementById(id);\n    if (!target) return;\n    const pos = target.getBoundingClientRect().top + window.pageYOffset;\n    const offset = window.innerWidth <= 768 ? 128 : 100;\n    window.scrollTo({ top: pos - offset, behavior: 'smooth' });\n    document.querySelectorAll('.custom-navbar-menu a').forEach(l => l.classList.remove('active'));\n    event.currentTarget.classList.add('active');\n    document.getElementById('menu').classList.remove('open');\n  }\n  document.addEventListener('DOMContentLoaded', () => {\n    const tog = document.querySelector('.custom-navbar-toggle');\n    const menu = document.getElementById('menu');\n    if (tog && menu) tog.addEventListener('click', () => menu.classList.toggle('open'));\n  });\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-4b38f07d alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<style>\n  \/* RESET GLOBAL COMPLETO *\/\n  html, body {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    overflow-x: hidden;\n    width: 100vw;\n    max-width: 100vw;\n  }\n  *, *::before, *::after {\n    box-sizing: inherit;\n  }\n\n  \/* Se\u00e7\u00e3o CTA *\/\n  #cta {\n    background-color: #f40002;\n    padding: 3rem 0;\n    font-family: 'Poppins', sans-serif;\n    margin: 0;\n    width: 100vw;\n    overflow-x: hidden;\n  }\n  #cta .cta-wrapper {\n    max-width: 1152px;\n    margin: 0 auto;\n    padding: 0 1rem;\n    width: 100%;\n  }\n  #cta .cta-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: 1.5rem;\n    width: 100%;\n  }\n  #cta .cta-content h2 { \/* t\u00edtulo *\/\n    margin: 0;\n    color: #fff;\n    font-size: 2.25rem;\n    font-weight: 700;\n    line-height: 1.25;\n  }\n  #cta .cta-content p { \/* texto *\/\n    margin: 0;\n    color: #fff;\n    font-size: 1rem;\n    line-height: 1.375;\n    max-width: 28rem;\n  }\n  #cta .cta-button { \/* bot\u00e3o *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #fff;\n    border-radius: 9999px;\n    padding: 1rem 2rem;\n    gap: 1rem;\n    text-decoration: none;\n    max-width: 100%;\n    box-sizing: border-box;\n    \/* estados iniciais para transition *\/\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n  }\n  #cta .cta-button img {\n    display: block;\n    width: 38px;\n    height: 38px;\n  }\n  #cta .cta-button span {\n    color: #f40002;\n    font-weight: 700;\n    font-size: 1.5rem;\n  }\n\n  \/* transi\u00e7\u00f5es do texto (t\u00edtulo + par\u00e1grafo) *\/\n  #cta .cta-content > div {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n  }\n\n  \/* quando em view, dispara as transitions *\/\n  #cta.in-view .cta-content > div {\n    opacity: 1;\n    transform: translateY(0);\n    transition-delay: 0.3s;\n  }\n  #cta.in-view .cta-button {\n    opacity: 1;\n    transform: translateY(0);\n    transition-delay: 0.6s;\n  }\n\n  \/* pulse cont\u00ednuo no \u00edcone *\/\n  @keyframes pulseIcon {\n    0%, 100% { transform: scale(1); }\n    50%      { transform: scale(1.1); }\n  }\n  #cta.in-view .cta-button img {\n    animation: pulseIcon 2.5s ease-in-out infinite;\n    transform-origin: center center;\n  }\n\n  \/* hover suave no bot\u00e3o *\/\n  #cta .cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 6px 20px rgba(0,0,0,0.1);\n  }\n\n  \/* --- mantenha seus media queries intactos abaixo --- *\/\n  @media (max-width: 767px) {\n    #cta { left:50%; transform:translateX(-50%); padding-left:0; padding-right:0; }\n    #cta .cta-wrapper { padding:0 1rem; }\n  }\n  @media (min-width: 768px) {\n    #cta .cta-content { flex-direction: row; justify-content: center; text-align: left; gap:2rem; }\n    #cta .cta-content > div { flex:1; max-width:28rem; }\n  }\n<\/style>\n\n<section id=\"cta\" style=\"margin-bottom:0;\">\n  <div class=\"cta-wrapper\">\n    <div class=\"cta-content\">\n      <div>\n        <h2>Agende uma Avalia\u00e7\u00e3o<\/h2>\n        <p>\n          <strong>Clique no bot\u00e3o de WhatsApp<\/strong> e informe o dia e<br>\n          hor\u00e1rio que deseja comparecer para sua Avalia\u00e7\u00e3o.\n        <\/p>\n      <\/div>\n      <a href=\"https:\/\/wa.me\/48999584399\"\n         target=\"_blank\" rel=\"noopener noreferrer\"\n         class=\"cta-button\" aria-label=\"Agendar via WhatsApp\">\n        <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_whatsapp_red_bigger.png\"\n             alt=\"WhatsApp\" \/>\n        <span>WhatsApp<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function(){\n    const cta = document.getElementById('cta');\n    if (!cta) return;\n    const obs = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          cta.classList.add('in-view');\n          obs.unobserve(cta);\n        }\n      });\n    }, { threshold: 0.3 });\n    obs.observe(cta);\n  });\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-36a3dfe9 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<style>\n  .about-section {\n    padding: 6rem 1rem;\n    background-color: #ffffff;\n    font-family: 'Poppins', sans-serif;\n  }\n\n  .about-container {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .about-flex {\n    display: flex;\n    flex-direction: column;\n    gap: 4rem;\n    margin-bottom: 5rem;\n  }\n\n  @media (min-width: 1024px) {\n    .about-flex {\n      flex-direction: row;\n      align-items: flex-start;\n    }\n\n    .about-image-container {\n      width: 50%;\n    }\n\n    .about-text {\n      width: 50%;\n    }\n\n    .about-text h2 {\n      font-size: 2.5rem;\n      margin-bottom: 1.5rem;\n    }\n\n    .about-text p {\n      font-size: 0.95rem;\n      line-height: 1.5;\n      margin-bottom: 1rem;\n    }\n\n    .about-image {\n      height: 460px;\n    }\n  }\n\n  .about-image {\n    width: 100%;\n    background-color: #008CFF;\n    border-radius: 1.5rem;\n    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);\n    aspect-ratio: 4 \/ 3;\n  }\n\n  .about-text h2 {\n    color: #008CFF;\n    font-weight: 700;\n  }\n\n  .about-text p {\n    color: #4B5563;\n  }\n\n  .metrics {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 3rem;\n  }\n\n  @media (min-width: 768px) {\n    .metrics {\n      flex-direction: row;\n      justify-content: center;\n      align-items: flex-start;\n    }\n  }\n\n  .metric-card {\n    text-align: center;\n  }\n\n  .metric-blue span:first-child {\n    color: #008CFF;\n    font-size: 3.75rem;\n    font-weight: 700;\n  }\n\n  .metric-blue span:last-child {\n    color: #008CFF;\n    font-size: 1.5rem;\n    font-weight: 300;\n    margin-left: 0.5rem;\n  }\n\n  .metric-red span:first-child {\n    color: #FF0000;\n    font-size: 3.75rem;\n    font-weight: 700;\n  }\n\n  .metric-red span:last-child {\n    color: #FF0000;\n    font-size: 1.5rem;\n    font-weight: 300;\n    margin-left: 0.5rem;\n  }\n\n  .metric-card p {\n    color: #4B5563;\n    font-size: 1.125rem;\n  }\n\n\/* ====== Keyframes ====== *\/\n@keyframes fadeInLeft {\n  from { opacity: 0; transform: translateX(-30px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes fadeInRight {\n  from { opacity: 0; transform: translateX(30px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(30px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* ====== Estados iniciais (fora de view) ====== *\/\n#sobre .about-image-container,\n#sobre .about-text,\n#sobre .metric-card {\n  opacity: 0;\n}\n\n\/* ====== Dispara anima\u00e7\u00f5es quando \u2018in-view\u2019 \u00e9 adicionado ====== *\/\n#sobre.in-view .about-image-container {\n  animation: fadeInLeft 0.8s ease-out forwards;\n}\n#sobre.in-view .about-text {\n  animation: fadeInRight 0.8s ease-out forwards;\n  animation-delay: 0.3s;\n}\n#sobre.in-view .metric-card:nth-child(1) {\n  animation: fadeInUp 0.8s ease-out forwards;\n  animation-delay: 0.6s;\n}\n#sobre.in-view .metric-card:nth-child(2) {\n  animation: fadeInUp 0.8s ease-out forwards;\n  animation-delay: 0.9s;\n}\n<\/style>\n\n<!-- Full-bleed e remo\u00e7\u00e3o de padding lateral na se\u00e7\u00e3o \u201cSobre\u201d somente no mobile -->\n<style>\n  @media (max-width: 767px) {\n    \/* Estica a se\u00e7\u00e3o at\u00e9 as bordas *\/\n    #sobre {\n      position: relative !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      width: 100vw !important;\n      overflow-x: hidden !important;\n      box-sizing: border-box !important;\n    }\n    \/* Zera o padding 0 1rem do container interno *\/\n    #sobre .about-container {\n      padding-left: 0 !important;\n      padding-right: 0 !important;\n      margin: 0 auto !important;\n      width: 100% !important;\n      max-width: 1200px !important;\n      box-sizing: border-box !important;\n    }\n  }\n<\/style>\n\n\n<section class=\"about-section\" id=\"sobre\" style=\"margin-top: 0;\">\n  <div class=\"about-container\">\n    <div class=\"about-flex\">\n      <div class=\"about-image-container\">\n        <div class=\"about-image\"><\/div>\n      <\/div>\n      <div class=\"about-text\">\n        <h2>Quem somos<\/h2>\n        <p>\n          Na <strong>Tubar\u00e3o Assist\u00eancia Odontol\u00f3gica<\/strong>, acreditamos que um sorriso saud\u00e1vel vai al\u00e9m da est\u00e9tica \u2014 \u00e9 sin\u00f4nimo de bem-estar, confian\u00e7a e qualidade de vida. Desde 1999, temos o compromisso de oferecer atendimento odontol\u00f3gico humanizado, acess\u00edvel e de excel\u00eancia para a comunidade de Tubar\u00e3o e regi\u00e3o.\n        <\/p>\n        <p>\n          Nossa equipe \u00e9 formada por profissionais dedicados e atualizados, prontos para atender voc\u00ea com empatia e profissionalismo. Aqui, cada paciente \u00e9 \u00fanico, e cada tratamento \u00e9 conduzido com aten\u00e7\u00e3o aos detalhes, respeito \u00e0s necessidades individuais e foco em resultados duradouros. Estamos localizados no cora\u00e7\u00e3o de Tubar\u00e3o, em um espa\u00e7o moderno e acolhedor, preparado para receber voc\u00ea com conforto e seguran\u00e7a.\n        <\/p>\n        <p>\n          Mais do que cuidar de sorrisos, cuidamos de pessoas. Porque para n\u00f3s, sa\u00fade bucal \u00e9 parte essencial de uma vida plena e feliz.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"metrics\">\n      <div class=\"metric-card\">\n        <div class=\"metric-blue\">\n          <span>+25<\/span><span> anos<\/span>\n        <\/div>\n        <p>Tubar\u00e3o, Santa Catarina<\/p>\n      <\/div>\n\n      <div class=\"metric-card\">\n        <div class=\"metric-red\">\n          <span>+10<\/span><span> Especializa\u00e7\u00f5es<\/span>\n        <\/div>\n        <p>Profissionais especializados<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function(){\n    const sobre = document.getElementById('sobre');\n    if (!sobre) return;\n    const observer = new IntersectionObserver((entries, obs) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          sobre.classList.add('in-view');\n          obs.unobserve(sobre);\n        }\n      });\n    }, { threshold: 0.3 });\n    observer.observe(sobre);\n  });\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-d21bdb96 alignfull uagb-is-root-container\">\n<!-- Full-bleed e remo\u00e7\u00e3o de padding lateral no mobile na Se\u00e7\u00e3o de Servi\u00e7os -->\n<style>\n  @media (max-width: 767px) {\n    \/* 1) Estende a se\u00e7\u00e3o at\u00e9 as bordas da viewport *\/\n    #servicos {\n      position: relative !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      width: 100vw !important;\n      overflow-x: hidden !important;\n      box-sizing: border-box !important;\n    }\n    \/* 2) Zera o padding 0 16px do wrapper interno *\/\n    #servicos > div {\n      padding-left: 0 !important;\n      padding-right: 0 !important;\n    }\n\/* 1) Remove o zig-zag vertical para que todos os cards fiquem alinhados *\/\n  #servicos > div > div > div {\n    transform: none !important;\n  }\n\n  \/* 2) Insere espa\u00e7amento uniforme entre cada card *\/\n  #servicos > div > div > div {\n    margin-bottom: 1.5rem;\n  }\n  \/* remove margin-bottom do \u00faltimo *\/\n  #servicos > div > div > div:last-child {\n    margin-bottom: 0;\n  }\n  }\n\n\/* ====== Keyframes para fade-in up ====== *\/\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(30px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* ====== Estados iniciais: cards invis\u00edveis e deslocados ====== *\/\n#servicos > div > div > div {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n\n\/* ====== Dispara anima\u00e7\u00f5es assim que #servicos ganhar .in-view ====== *\/\n#servicos.in-view > div > div > div:nth-child(1) {\n  transition-delay: 0.1s;\n  opacity: 1;\n  transform: translateY(0);\n}\n#servicos.in-view > div > div > div:nth-child(2) {\n  transition-delay: 0.3s;\n  opacity: 1;\n  transform: translateY(0);\n}\n#servicos.in-view > div > div > div:nth-child(3) {\n  transition-delay: 0.5s;\n  opacity: 1;\n  transform: translateY(0);\n}\n#servicos.in-view > div > div > div:nth-child(4) {\n  transition-delay: 0.7s;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n<\/style>\n\n<div id=\"servicos\" style=\"padding: 96px 0; background-color: white;\">\n  <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 16px;\">\n    <div style=\"text-align: center; margin-bottom: 80px;\">\n      <h2 style=\"color: #038DFF; font-size: 2.5rem; font-weight: 700; font-family: Poppins, sans-serif; margin-bottom: 16px;\">\n        Alguns servi\u00e7os\n      <\/h2>\n      <p style=\"font-size: 1.25rem; color: #4B5563; font-family: Poppins, sans-serif;\">\n        Conhe\u00e7a alguns de nossos servi\u00e7os!\n      <\/p>\n    <\/div>\n\n    <div style=\"display: flex; flex-wrap: wrap; justify-content: center;\">\n      <!-- Card 1 -->\n      <div style=\"background-color: #038DFF; width: 300px; min-height: 400px; padding: 32px; text-align: center; color: white; transform: translateY(-12px);\">\n        <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_facialHarmonization.png\" alt=\"Harmoniza\u00e7\u00e3o facial\" style=\"max-width: 96px; height: auto; margin: 0 auto 24px;\" \/>\n        <h3 style=\"font-size: 1.5rem; font-weight: 700; margin-bottom: 16px; font-family: Poppins, sans-serif; color: white\">\n          Harmoniza\u00e7\u00e3o facial\n        <\/h3>\n        <p style=\"font-size: 0.875rem; font-family: Poppins, sans-serif; line-height: 1.6;\">\n          A harmoniza\u00e7\u00e3o facial \u00e9 um conjunto de procedimentos est\u00e9ticos minimamente invasivos que real\u00e7am a beleza natural e promovem equil\u00edbrio entre os tra\u00e7os do rosto. Utilizamos t\u00e9cnicas seguras e produtos de alta qualidade para melhorar contornos, suavizar linhas de express\u00e3o e valorizar a autoestima do paciente. Tudo com acompanhamento profissional e resultado natural.\n        <\/p>\n      <\/div>\n\n      <!-- Card 2 -->\n      <div style=\"background-color: #FF0000; width: 300px; min-height: 400px; padding: 32px; text-align: center; color: white; transform: translateY(12px);\">\n        <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_contactLens.png\" alt=\"Lente de contato\" style=\"max-width: 96px; height: auto; margin: 0 auto 24px;\" \/>\n        <h3 style=\"font-size: 1.5rem; font-weight: 700; margin-bottom: 16px; font-family: Poppins, sans-serif; color: white\">\n          Lente de contato\n        <\/h3>\n        <p style=\"font-size: 0.875rem; font-family: Poppins, sans-serif; line-height: 1.6;\">\n          As lentes de contato dental s\u00e3o l\u00e2minas ultrafinas de porcelana aplicadas sobre os dentes para corrigir forma, cor, tamanho e pequenas imperfei\u00e7\u00f5es. \u00c9 uma solu\u00e7\u00e3o r\u00e1pida, duradoura e minimamente invasiva para quem deseja conquistar um sorriso mais branco, alinhado e harm\u00f4nico. Tudo com planejamento digital e precis\u00e3o nos detalhes para um resultado natural e encantador.\n        <\/p>\n      <\/div>\n\n      <!-- Card 3 -->\n      <div style=\"background-color: #038DFF; width: 300px; min-height: 400px; padding: 32px; text-align: center; color: white; transform: translateY(-12px);\">\n        <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_braces.png\" alt=\"Aparelho\" style=\"max-width: 96px; height: auto; margin: 0 auto 24px;\" \/>\n        <h3 style=\"font-size: 1.5rem; font-weight: 700; margin-bottom: 16px; font-family: Poppins, sans-serif; color: white\">\n          Aparelho\n        <\/h3>\n        <p style=\"font-size: 0.875rem; font-family: Poppins, sans-serif; line-height: 1.6;\">\n          O uso do aparelho ortod\u00f4ntico corrige o alinhamento dos dentes e a mordida, melhorando n\u00e3o s\u00f3 a est\u00e9tica do sorriso, mas tamb\u00e9m a sa\u00fade bucal como um todo. Trabalhamos com diferentes tipos de aparelhos \u2014 do tradicional ao est\u00e9tico \u2014 para atender \u00e0s necessidades de cada paciente com conforto, efici\u00eancia e acompanhamento especializado em todas as etapas do tratamento.\n        <\/p>\n      <\/div>\n\n      <!-- Card 4 -->\n      <div style=\"background-color: #FF0000; width: 300px; min-height: 400px; padding: 32px; text-align: center; color: white; transform: translateY(12px);\">\n        <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_implant.png\" alt=\"Implante\" style=\"max-width: 96px; height: auto; margin: 0 auto 24px;\" \/>\n        <h3 style=\"font-size: 1.5rem; font-weight: 700; margin-bottom: 16px; font-family: Poppins, sans-serif; color: white\">\n          Implante\n        <\/h3>\n        <p style=\"font-size: 0.875rem; font-family: Poppins, sans-serif; line-height: 1.6;\">\n          O implante dent\u00e1rio \u00e9 a solu\u00e7\u00e3o ideal para quem perdeu um ou mais dentes e deseja recuperar o sorriso com seguran\u00e7a, est\u00e9tica e funcionalidade. Trata-se de uma estrutura de tit\u00e2nio fixada ao osso, que substitui a raiz do dente perdido e serve de base para pr\u00f3teses definitivas. Um procedimento moderno, eficaz e com resultados que devolvem a confian\u00e7a ao sorrir.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n    const sec = document.getElementById('servicos');\n    if (!sec) return;\n    const obs = new IntersectionObserver((entries, observer) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          sec.classList.add('in-view');\n          observer.unobserve(sec);\n        }\n      });\n    }, { threshold: 0 });\n    obs.observe(sec);\n  });\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-b475ae5d alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<!-- Apenas zerar as bordas laterais no mobile, sem tocar no layout existente -->\n<style>\n  @media (max-width: 767px) {\n    \/* 0) Faz o wrapper interno estender-se full-bleed e zera padding *\/\n    #convenios > div {\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      width: 100vw !important;\n      max-width: 100vw !important;\n      padding: 0 !important;\n      box-sizing: border-box !important;\n    }\n\n    \/* 1) mant\u00e9m o layout mobile j\u00e1 definido: t\u00edtulo em coluna e grid 2x2 *\/\n    #convenios > div > div {\n      display: flex !important;\n      flex-direction: column !important;\n      gap: 24px !important;\n    }\n    #convenios > div > div > div {\n      display: grid !important;\n      grid-template-columns: repeat(2, 1fr) !important;\n      gap: 16px !important;\n    }\n    #convenios h2 {\n      grid-column: 1 \/ -1 !important;\n      text-align: center !important;\n      margin: 0 !important;\n    }\n  }\n\/* ====== Keyframes para fade-in up ====== *\/\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(30px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* ====== Estados iniciais: itens invis\u00edveis ====== *\/\n#convenios > div > div > div > div {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n\n\/* ====== Quando entrar em view, dispara em cascata ====== *\/\n#convenios.in-view > div > div > div > div:nth-child(1) {\n  transition-delay: 0.1s;\n  opacity: 1;\n  transform: translateY(0);\n}\n#convenios.in-view > div > div > div > div:nth-child(2) {\n  transition-delay: 0.3s;\n  opacity: 1;\n  transform: translateY(0);\n}\n#convenios.in-view > div > div > div > div:nth-child(3) {\n  transition-delay: 0.5s;\n  opacity: 1;\n  transform: translateY(0);\n}\n#convenios.in-view > div > div > div > div:nth-child(4) {\n  transition-delay: 0.7s;\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* continue para todos os logos\u2026 ajuste o nth-child at\u00e9 o \u00faltimo item *\/\n#convenios.in-view > div > div > div > div:nth-child(5) {\n  transition-delay: 0.9s;\n  opacity: 1;\n  transform: translateY(0);\n}\n#convenios.in-view > div > div > div > div:nth-child(6) {\n  transition-delay: 1.1s;\n  opacity: 1;\n  transform: translateY(0);\n}\n#convenios.in-view > div > div > div > div:nth-child(7) {\n  transition-delay: 1.3s;\n  opacity: 1;\n  transform: translateY(0);\n}\n#convenios.in-view > div > div > div > div:nth-child(8) {\n  transition-delay: 1.5s;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n<\/style>\n\n<div id=\"convenios\" style=\"padding: 40px 0; background-color: white;\">\n  <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 16px;\">\n    <div style=\"background-color: #038DFF; border-radius: 24px; padding: 40px 24px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);\">\n      <div style=\"display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; align-items: start;\">\n\n        <!-- T\u00edtulo -->\n        <div style=\"grid-column: span 2; display: flex; align-items: flex-start;\">\n          <h2 style=\"color: white; font-size: 32px; font-weight: 700; line-height: 1.2; font-family: Poppins, sans-serif;\">\n            Conv\u00eanios<br \/>Credenciados\n          <\/h2>\n        <\/div>\n\n        <!-- Top row logos -->\n        <div style=\"background-color: white; border-radius: 16px; padding: 16px; display: flex; justify-content: center; align-items: center; height: 80px;\">\n          <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_agreement_1.png\" alt=\"Conv\u00eanio 1\" style=\"max-height: 60px; max-width: 100%; object-fit: contain;\" \/>\n        <\/div>\n        <div style=\"background-color: white; border-radius: 16px; padding: 16px; display: flex; justify-content: center; align-items: center; height: 80px;\">\n          <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_agreement_2.png\" alt=\"Conv\u00eanio 2\" style=\"max-height: 60px; max-width: 100%; object-fit: contain;\" \/>\n        <\/div>\n        <div style=\"background-color: white; border-radius: 16px; padding: 16px; display: flex; justify-content: center; align-items: center; height: 80px;\">\n          <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_agreement_3.png\" alt=\"Conv\u00eanio 3\" style=\"max-height: 60px; max-width: 100%; object-fit: contain;\" \/>\n        <\/div>\n        <div style=\"background-color: white; border-radius: 16px; padding: 16px; display: flex; justify-content: center; align-items: center; height: 80px;\">\n          <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_agreement_4.png\" alt=\"Conv\u00eanio 4\" style=\"max-height: 60px; max-width: 100%; object-fit: contain;\" \/>\n        <\/div>\n\n        <!-- Bottom row logos -->\n        <div style=\"background-color: white; border-radius: 16px; padding: 16px; display: flex; justify-content: center; align-items: center; height: 80px;\">\n          <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_agreement_mockup.png\" alt=\"Conv\u00eanio 5\" style=\"max-height: 60px; max-width: 100%; object-fit: contain;\" \/>\n        <\/div>\n        <div style=\"background-color: white; border-radius: 16px; padding: 16px; display: flex; justify-content: center; align-items: center; height: 80px;\">\n          <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_agreement_mockup.png\" alt=\"Conv\u00eanio 6\" style=\"max-height: 60px; max-width: 100%; object-fit: contain;\" \/>\n        <\/div>\n        <div style=\"background-color: white; border-radius: 16px; padding: 16px; display: flex; justify-content: center; align-items: center; height: 80px;\">\n          <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_agreement_mockup.png\" alt=\"Conv\u00eanio 7\" style=\"max-height: 60px; max-width: 100%; object-fit: contain;\" \/>\n        <\/div>\n        <div style=\"background-color: white; border-radius: 16px; padding: 16px; display: flex; justify-content: center; align-items: center; height: 80px;\">\n          <img decoding=\"async\" src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_agreement_mockup.png\" alt=\"Conv\u00eanio 8\" style=\"max-height: 60px; max-width: 100%; object-fit: contain;\" \/>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n    const sec = document.getElementById('convenios');\n    if (!sec) return;\n    const obs = new IntersectionObserver((entries, observer) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          sec.classList.add('in-view');\n          observer.unobserve(sec);\n        }\n      });\n    }, { threshold: 0.3 });\n    obs.observe(sec);\n  });\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-95119436 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<!-- Full-bleed e remo\u00e7\u00e3o de padding lateral no mobile na Se\u00e7\u00e3o de Avalia\u00e7\u00f5es -->\n<style>\n  @media (max-width: 767px) {\n    \/* Puxa a se\u00e7\u00e3o at\u00e9 as bordas da viewport *\/\n    #avaliacoes {\n      position: relative !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      width: 100vw !important;\n      overflow-x: hidden !important;\n      box-sizing: border-box !important;\n    }\n    \/* Zera padding lateral do container interno *\/\n    #avaliacoes > div {\n      padding: 0 !important;\n      margin: 0 auto !important;\n      width: 100% !important;\n      max-width: 1280px !important;\n      box-sizing: border-box !important;\n    }\n  }\n\n  \/* ====== Anima\u00e7\u00f5es via CSS ====== *\/\n\n  \/* Keyframes fadeInUp *\/\n  @keyframes fadeInUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Estados iniciais invis\u00edveis e deslocados *\/\n  \/* 1) T\u00edtulo (primeiro bloco interno) *\/\n  #avaliacoes > div > div:first-child {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n  }\n  \/* 2) Cada card (filhos do segundo bloco interno) *\/\n  #avaliacoes > div > div:nth-child(2) > div {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n  }\n\n  \/* Quando entrar em view, adiciona .in-view e dispara em sequ\u00eancia *\/\n  #avaliacoes.in-view > div > div:first-child {\n    opacity: 1;\n    transform: translateY(0);\n    transition-delay: 0.2s;\n    animation: fadeInUp 0.6s ease-out both;\n  }\n  #avaliacoes.in-view > div > div:nth-child(2) > div:nth-child(1) {\n    opacity: 1;\n    transform: translateY(0);\n    transition-delay: 0.4s;\n    animation: fadeInUp 0.6s ease-out both;\n  }\n  #avaliacoes.in-view > div > div:nth-child(2) > div:nth-child(2) {\n    opacity: 1;\n    transform: translateY(0);\n    transition-delay: 0.6s;\n    animation: fadeInUp 0.6s ease-out both;\n  }\n<\/style>\n\n<section id=\"avaliacoes\" style=\"padding: 80px 0; background-color: #ffffff;\">\n  <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 16px;\">\n    <!-- T\u00edtulo -->\n    <div style=\"text-align: center; margin-bottom: 80px;\">\n      <h2 style=\"color: #038dff; font-size: 32px; font-weight: 700; margin-bottom: 12px; font-family: Poppins, sans-serif;\">\n        Avalia\u00e7\u00f5es\n      <\/h2>\n      <p style=\"color: #333333; font-size: 18px; font-weight: 400; font-family: Poppins, sans-serif;\">\n        Veja o que eles falam sobre n\u00f3s!\n      <\/p>\n    <\/div>\n\n    <!-- Cards -->\n    <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 48px;\">\n      <!-- Card 1 -->\n      <div style=\"position: relative; width: 380px; height: 220px; background-color: #ffffff; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); padding: 32px; box-sizing: border-box; transition: box-shadow .3s;\">\n        <div style=\"display: flex; align-items: flex-start; gap: 16px; margin-bottom: 16px;\">\n          <!-- Initial Circle -->\n          <div style=\"width: 48px; height: 48px; border-radius: 50%; background-color: #b734c2; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.1); flex-shrink: 0;\">\n            <span style=\"color: #ffffff; font-size: 20px; font-weight: 700; font-family: Poppins, sans-serif;\">A<\/span>\n          <\/div>\n          <div>\n            <!-- Name -->\n            <h3 style=\"margin: 0 0 8px 0; font-size: 18px; font-weight: 700; color: #000000; font-family: Poppins, sans-serif;\">\n              Angela Pacheco\n            <\/h3>\n            <!-- Stars -->\n            <div style=\"display: flex; gap: 4px;\" aria-label=\"Avalia\u00e7\u00e3o 5 de 5\">\n              <svg width=\"20\" height=\"20\" fill=\"#FBBF24\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n              <svg width=\"20\" height=\"20\" fill=\"#FBBF24\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n              <svg width=\"20\" height=\"20\" fill=\"#FBBF24\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n              <svg width=\"20\" height=\"20\" fill=\"#FBBF24\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n              <svg width=\"20\" height=\"20\" fill=\"#FBBF24\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n        <!-- Texto da avalia\u00e7\u00e3o -->\n        <p style=\"margin: 0; padding-left: 64px; color: #000000; font-size: 16px; line-height: 1.6; font-family: Poppins, sans-serif;\">\n          Profissionais e Atendimento excelentes!\n        <\/p>\n        <!-- Fonte (badge) -->\n        <div style=\"position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); white-space: nowrap;\">\n          <span style=\"display: inline-block; background-color: #038dff; color: #ffffff; font-size: 14px; padding: 8px 24px; border-radius: 9999px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); font-family: Poppins, sans-serif;\">\n            Fonte: Avalia\u00e7\u00e3o no Google\n          <\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2 -->\n      <div style=\"position: relative; width: 380px; height: 220px; background-color: #ffffff; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); padding: 32px; box-sizing: border-box; transition: box-shadow .3s;\">\n        <div style=\"display: flex; align-items: flex-start; gap: 16px; margin-bottom: 16px;\">\n          <div style=\"width: 48px; height: 48px; border-radius: 50%; background-color: #ff6f00; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.1); flex-shrink: 0;\">\n            <span style=\"color: #ffffff; font-size: 20px; font-weight: 700; font-family: Poppins, sans-serif;\">K<\/span>\n          <\/div>\n          <div>\n            <h3 style=\"margin: 0 0 8px 0; font-size: 18px; font-weight: 700; color: #000000; font-family: Poppins, sans-serif;\">\n              Kelly Silva\n            <\/h3>\n            <div style=\"display: flex; gap: 4px;\" aria-label=\"Avalia\u00e7\u00e3o 5 de 5\">\n              <svg width=\"20\" height=\"20\" fill=\"#FBBF24\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n              <svg width=\"20\" height=\"20\" fill=\"#FBBF24\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n              <svg width=\"20\" height=\"20\" fill=\"#FBBF24\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n              <svg width=\"20\" height=\"20\" fill=\"#FBBF24\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n              <svg width=\"20\" height=\"20\" fill=\"#FBBF24\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n        <p style=\"margin: 0; padding-left: 64px; color: #000000; font-size: 16px; line-height: 1.6; font-family: Poppins, sans-serif;\">\n          \u00d3tima cl\u00ednica \ud83d\ude42\n        <\/p>\n        <div style=\"position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); white-space: nowrap;\">\n          <span style=\"display: inline-block; background-color: #038dff; color: #ffffff; font-size: 14px; padding: 8px 24px; border-radius: 9999px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); font-family: Poppins, sans-serif;\">\n            Fonte: Avalia\u00e7\u00e3o no Google\n          <\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n    const sec = document.getElementById('avaliacoes');\n    if (!sec) return;\n    const obs = new IntersectionObserver((entries, observer) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          sec.classList.add('in-view');\n          observer.unobserve(sec);\n        }\n      });\n    }, { threshold: 0.3 });\n    obs.observe(sec);\n  });\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-133d59d0 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<!-- Full-bleed FAQ no mobile -->\n<style>\n  @media (max-width: 767px) {\n    \/* Puxa a se\u00e7\u00e3o FAQ para as bordas da viewport *\/\n    #faq {\n      position: relative !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      width: 100vw !important;\n      overflow-x: hidden !important;\n      box-sizing: border-box !important;\n    }\n    \/* Zera todo padding lateral do container interno *\/\n    #faq > div {\n      padding-left: 0 !important;\n      padding-right: 0 !important;\n      margin-left: auto !important;\n      margin-right: auto !important;\n      max-width: 768px !important;\n      width: 100vw !important;\n      box-sizing: border-box !important;\n    }\n\/* substitui o width:100vw por 100% e garante padding lateral *\/\n  #faq-list .faq-question {\n    width: 100% !important;\n    padding: 0 16px !important;\n  }\n  \/* faz a arrow n\u00e3o encolher e ficar colada \u00e0 direita dentro do bot\u00e3o *\/\n  #faq-list .faq-question .arrow {\n    flex-shrink: 0 !important;\n    margin-left: auto !important;\n    margin-right: 0 !important;\n  }\n  }\n@media (min-width: 768px) {\n  \/* faz o bot\u00e3o FAQ respeitar a largura do container em desktop *\/\n  #faq-list .faq-question {\n    width: 100% !important;\n    padding: 0 16px !important;\n    box-sizing: border-box;\n  }\n}\n<\/style>\n\n<!-- Full-bleed e remo\u00e7\u00e3o de padding lateral no mobile na Se\u00e7\u00e3o de FAQ -->\n<style>\n  @media (max-width: 767px) {\n    \/* 1) faz o #faq esticar full-bleed *\/\n    #faq {\n      position: relative !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      width: 100vw !important;\n      overflow-x: hidden !important;\n      box-sizing: border-box !important;\n    }\n    \/* 2) zera padding lateral do container *\/\n    #faq > div {\n      padding: 0 !important;\n      margin: 0 auto !important;\n      width: 100vw !important;\n      max-width: 768px !important;\n      box-sizing: border-box !important;\n    }\n    \/* 3) reaplica padding interno de 16px nos filhos (t\u00edtulo e lista) *\/\n    #faq > div > * {\n      padding-left: 16px !important;\n      padding-right: 16px !important;\n      box-sizing: border-box !important;\n    }\n  }\n<\/style>\n\n<!-- Perguntas Frequentes -->\n<section\n  id=\"faq\"\n  style=\"background-color: #2563EB; padding: 80px 0; margin-top: 0;\"\n>\n  <div style=\"max-width: 768px; margin: 0 auto; padding: 0 16px;\">\n    <!-- T\u00edtulo -->\n    <div style=\"text-align: center; margin-bottom: 64px;\">\n      <h2 style=\"\n        color: #ffffff;\n        font-size: 2.5rem;\n        font-weight: bold;\n        margin-bottom: 16px;\n        font-family: Poppins, sans-serif;\n      \">\n        Perguntas Frequentes\n      <\/h2>\n      <p style=\"\n        color: rgba(255,255,255,0.9);\n        font-size: 1.125rem;\n        font-family: Poppins, sans-serif;\n      \">\n        Veja o que costumam perguntar para n\u00f3s\n      <\/p>\n    <\/div>\n\n    <!-- Lista de FAQs -->\n    <div id=\"faq-list\">\n      <!-- Item 1 -->\n      <div class=\"faq-item\" style=\"border-bottom: 2px solid #f40002; padding-bottom: 24px; margin-bottom: 24px;\">\n        <button type=\"button\" class=\"faq-question\" style=\"\n          width: 100vw;\n          background: none;\n          border: none;\n          color: #ffffff;\n          font-size: 1.25rem;\n          font-weight: bold;\n          text-align: left;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          cursor: pointer;\n          padding: 0;\n          font-family: Poppins, sans-serif;\n        \">\n          <span>\u00c9 permitido ter acompanhante na consulta?<\/span>\n          <svg class=\"arrow\" style=\"width: 24px; height: 24px; transition: transform 0.3s;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n          <\/svg>\n        <\/button>\n        <div class=\"faq-answer\" style=\"\n          max-height: 0;\n          overflow: hidden;\n          transition: max-height 0.3s ease;\n        \">\n          <p style=\"\n            color: rgba(255,255,255,0.9);\n            margin-top: 16px;\n            font-size: 1rem;\n            font-family: Poppins, sans-serif;\n            line-height: 1.5;\n          \">\n            Os pacientes podem entrar e ter um acompanhante durante o atendimento.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Item 2 -->\n      <div class=\"faq-item\" style=\"border-bottom: 2px solid #f40002; padding-bottom: 24px; margin-bottom: 24px;\">\n        <button type=\"button\" class=\"faq-question\" style=\"\n          width: 100vw;\n          background: none;\n          border: none;\n          color: #ffffff;\n          font-size: 1.25rem;\n          font-weight: bold;\n          text-align: left;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          cursor: pointer;\n          padding: 0;\n          font-family: Poppins, sans-serif;\n        \">\n          <span>Como agendar uma consulta?<\/span>\n          <svg class=\"arrow\" style=\"width: 24px; height: 24px; transition: transform 0.3s;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n          <\/svg>\n        <\/button>\n        <div class=\"faq-answer\" style=\"\n          max-height: 0;\n          overflow: hidden;\n          transition: max-height 0.3s ease;\n        \">\n          <p style=\"\n            color: rgba(255,255,255,0.9);\n            margin-top: 16px;\n            font-size: 1rem;\n            font-family: Poppins, sans-serif;\n            line-height: 1.5;\n          \">\n            Voc\u00ea pode agendar diretamente pelo WhatsApp, no bot\u00e3o fixo ou presente nas se\u00e7\u00f5es do site.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Item 3 -->\n      <div class=\"faq-item\" style=\"border-bottom: 2px solid #f40002; padding-bottom: 24px; margin-bottom: 24px;\">\n        <button type=\"button\" class=\"faq-question\" style=\"\n          width: 100vw;\n          background: none;\n          border: none;\n          color: #ffffff;\n          font-size: 1.25rem;\n          font-weight: bold;\n          text-align: left;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          cursor: pointer;\n          padding: 0;\n          font-family: Poppins, sans-serif;\n        \">\n          <span>Atendem conv\u00eanios odontol\u00f3gicos?<\/span>\n          <svg class=\"arrow\" style=\"width: 24px; height: 24px; transition: transform 0.3s;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n          <\/svg>\n        <\/button>\n        <div class=\"faq-answer\" style=\"\n          max-height: 0;\n          overflow: hidden;\n          transition: max-height 0.3s ease;\n        \">\n          <p style=\"\n            color: rgba(255,255,255,0.9);\n            margin-top: 16px;\n            font-size: 1rem;\n            font-family: Poppins, sans-serif;\n            line-height: 1.5;\n          \">\n            Sim! Atendemos diversos conv\u00eanios. Consulte nossa equipe para verificar se o seu plano \u00e9 aceito.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Script de comportamento (inalterado) -->\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    const faqList = document.getElementById('faq-list');\n    if (!faqList) return;\n\n    const items = faqList.querySelectorAll('.faq-item');\n\n    items.forEach(item => {\n      const btn   = item.querySelector('.faq-question');\n      const ans   = item.querySelector('.faq-answer');\n      const arrow = item.querySelector('.arrow');\n\n      ans.style.maxHeight   = '0px';\n      arrow.style.transform = 'rotate(0deg)';\n\n      btn.addEventListener('click', function() {\n        const isOpen = item.classList.contains('open');\n        items.forEach(i => {\n          const a  = i.querySelector('.faq-answer');\n          const ar = i.querySelector('.arrow');\n          i.classList.remove('open');\n          a.style.maxHeight   = '0px';\n          ar.style.transform  = 'rotate(0deg)';\n        });\n        if (!isOpen) {\n          item.classList.add('open');\n          ans.style.maxHeight   = ans.scrollHeight + 'px';\n          arrow.style.transform = 'rotate(180deg)';\n        }\n      });\n    });\n  });\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-f87383f2 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<!-- Full-bleed e remo\u00e7\u00e3o de padding lateral no mobile na Se\u00e7\u00e3o de Contato -->\n<style>\n  @media (max-width: 767px) {\n    \/* 1) estica a se\u00e7\u00e3o at\u00e9 as bordas da viewport *\/\n    #contato {\n      position: relative !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      width: 100vw !important;\n      overflow-x: hidden !important;\n      box-sizing: border-box !important;\n    }\n    \/* 2) zera todo padding lateral do wrapper interno *\/\n    #contato > div {\n      padding: 0 !important;\n      margin: 0 auto !important;\n      width: 100% !important;\n      max-width: 1280px !important;\n      box-sizing: border-box !important;\n    }\n    \/* 3) reaplica um padding interno de 16px aos filhos (header e conte\u00fado) *\/\n    #contato > div > * {\n      padding-left: 16px !important;\n      padding-right: 16px !important;\n      box-sizing: border-box !important;\n    }\n  }\n<\/style>\n\n<!-- Se\u00e7\u00e3o de Contato -->\n<section\n  id=\"contato\"\n  style=\"background-color: #ffffff; padding: 64px 0; margin-top: 0;\"\n>\n  <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 16px;\">\n    <!-- Cabe\u00e7alho -->\n    <div style=\"text-align: center; margin-bottom: 48px;\">\n      <h2\n        style=\"\n          color: #038dff;\n          font-size: 2rem;\n          font-weight: 700;\n          margin-bottom: 8px;\n          font-family: Poppins, sans-serif;\n        \"\n      >\n        Entre em contato\n      <\/h2>\n      <p\n        style=\"\n          color: #000000;\n          font-size: 1rem;\n          font-family: Poppins, sans-serif;\n        \"\n      >\n        Utilize os canais dispon\u00edveis ou fa\u00e7a-nos uma visita!\n      <\/p>\n    <\/div>\n\n    <!-- Conte\u00fado em duas colunas -->\n    <div\n      style=\"\n        display: flex;\n        flex-wrap: wrap;\n        gap: 32px;\n        align-items: flex-start;\n        justify-content: center;\n      \"\n    >\n      <!-- Coluna esquerda: informa\u00e7\u00f5es de contato -->\n      <div\n        style=\"\n          flex: 1 1 300px;\n          max-width: 480px;\n          display: flex;\n          flex-direction: column;\n          gap: 32px;\n        \"\n      >\n        <!-- Hor\u00e1rios -->\n        <div>\n          <h3\n            style=\"\n              color: #038dff;\n              font-size: 1.25rem;\n              font-weight: 700;\n              margin-bottom: 8px;\n              font-family: Poppins, sans-serif;\n            \"\n          >\n            Hor\u00e1rios\n          <\/h3>\n          <div style=\"display: flex; gap: 8px; align-items: flex-start;\">\n            <img loading=\"lazy\" decoding=\"async\"\n              src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_hour.png\"\n              alt=\"Hor\u00e1rio\"\n              width=\"20\"\n              height=\"20\"\n              style=\"margin-top: 4px;\"\n            \/>\n            <div style=\"display: flex; flex-direction: column; gap: 4px;\">\n              <span\n                style=\"\n                  color: #000000;\n                  font-size: 0.95rem;\n                  font-family: Poppins, sans-serif;\n                \"\n              >\n                Segunda \u00e0 Sexta\n              <\/span>\n              <span\n                style=\"\n                  color: #000000;\n                  font-size: 0.95rem;\n                  font-family: Poppins, sans-serif;\n                \"\n              >\n                08h \u00e0s 20:30h\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Telefone \/ WhatsApp -->\n        <div>\n          <h3\n            style=\"\n              color: #038dff;\n              font-size: 1.25rem;\n              font-weight: 700;\n              margin-bottom: 8px;\n              font-family: Poppins, sans-serif;\n            \"\n          >\n            Telefone\n          <\/h3>\n          <div style=\"display: flex; flex-direction: column; gap: 12px;\">\n            <div style=\"display: flex; gap: 8px; align-items: center;\">\n              <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_telephone.png\"\n                alt=\"Telefone\"\n                width=\"20\"\n                height=\"20\"\n              \/>\n              <span\n                style=\"\n                  color: #000000;\n                  font-size: 0.95rem;\n                  font-family: Poppins, sans-serif;\n                \"\n              >\n                (48) 3626-8183\n              <\/span>\n            <\/div>\n            <div style=\"display: flex; gap: 8px; align-items: center;\">\n              <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_whatsapp_black.png\"\n                alt=\"WhatsApp\"\n                width=\"20\"\n                height=\"20\"\n              \/>\n              <span\n                style=\"\n                  color: #000000;\n                  font-size: 0.95rem;\n                  font-family: Poppins, sans-serif;\n                \"\n              >\n                (48) 99958-4399\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Endere\u00e7o -->\n        <div>\n          <h3\n            style=\"\n              color: #038dff;\n              font-size: 1.25rem;\n              font-weight: 700;\n              margin-bottom: 8px;\n              font-family: Poppins, sans-serif;\n            \"\n          >\n            Endere\u00e7o\n          <\/h3>\n          <div style=\"display: flex; gap: 8px; align-items: flex-start;\">\n            <img loading=\"lazy\" decoding=\"async\"\n              src=\"https:\/\/odontotubarao.com.br\/wp-content\/uploads\/2025\/06\/Icon_location.png\"\n              alt=\"Localiza\u00e7\u00e3o\"\n              width=\"20\"\n              height=\"20\"\n              style=\"margin-top: 4px;\"\n            \/>\n            <div style=\"display: flex; flex-direction: column; gap: 4px;\">\n              <span\n                style=\"\n                  color: #000000;\n                  font-size: 0.95rem;\n                  font-family: Poppins, sans-serif;\n                \"\n              >\n                Av. Marcolino Martins Cabral,\n              <\/span>\n              <span\n                style=\"\n                  color: #000000;\n                  font-size: 0.95rem;\n                  font-family: Poppins, sans-serif;\n                \"\n              >\n                Centro Comercial EJB, 926.\n              <\/span>\n              <span\n                style=\"\n                  color: #000000;\n                  font-size: 0.95rem;\n                  font-family: Poppins, sans-serif;\n                \"\n              >\n                7\u00ba Andar \u2013 Sala 713\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Coluna direita: mapa -->\n      <div\n        style=\"\n          flex: 1 1 300px;\n          max-width: 600px;\n          height: 400px;\n          border-radius: 16px;\n          overflow: hidden;\n          box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n        \"\n      >\n        <iframe\n          src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3519.747432486905!2d-48.63346792374444!3d-28.481751575002925!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9521504e5a91a895%3A0x4b77cd78f6fced0c!2sAv.%20Marcolino%20Martins%20Cabral%2C%20926%20-%20Centro%2C%20Tubar%C3%A3o%20-%20SC%2C%2088701-001!5e0!3m2!1spt-BR!2sbr!4v1705161547372!5m2!1spt-BR!2sbr\"\n          width=\"100%\"\n          height=\"100%\"\n          style=\"border:0;\"\n          allowfullscreen=\"\"\n          loading=\"lazy\"\n          referrerpolicy=\"no-referrer-when-downgrade\"\n        ><\/iframe>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-6a0ed137 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<!-- Full-bleed e remo\u00e7\u00e3o de padding lateral no mobile no Rodap\u00e9 -->\n<style>\n  @media (max-width: 767px) {\n    \/* Estica o rodap\u00e9 at\u00e9 as bordas da viewport *\/\n    footer {\n      position: relative !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      width: 100vw !important;\n      overflow-x: hidden !important;\n      box-sizing: border-box !important;\n    }\n    \/* Zera o padding 0 16px do wrapper interno *\/\n    footer > div {\n      padding-left: 0 !important;\n      padding-right: 0 !important;\n      margin: 0 auto !important;\n      width: 100vw !important;\n      max-width: 1280px !important;\n      box-sizing: border-box !important;\n    }\n  }\n<\/style>\n\n<!-- Rodap\u00e9 -->\n<footer style=\"background-color: #f40002; padding: 32px 0;\">\n  <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 16px;\">\n    <p style=\"\n      color: #ffffff;\n      text-align: center;\n      font-size: 0.875rem;\n      font-family: Poppins, sans-serif;\n      margin: 0;\n    \">\n      2025 \u00a9 Tubar\u00e3o Assist\u00eancia Odontol\u00f3gica \u2013 Todos os direitos reservados\n    <\/p>\n  <\/div>\n<\/footer>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2630 In\u00edcio Agendar Sobre Conv\u00eanios Contato Localiza\u00e7\u00e3o Seu sorriso merece o melhor cuidado! Agende uma avalia\u00e7\u00e3o agora mesmo! Agendar Avalia\u00e7\u00e3o Agende uma Avalia\u00e7\u00e3o Clique no bot\u00e3o de WhatsApp e informe o dia e hor\u00e1rio que deseja comparecer para sua Avalia\u00e7\u00e3o. WhatsApp Quem somos Na Tubar\u00e3o Assist\u00eancia Odontol\u00f3gica, acreditamos que um sorriso saud\u00e1vel vai al\u00e9m da [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Paulo Henrique Theilacker","author_link":"https:\/\/odontotubarao.com.br\/index.php\/author\/paulohenriquetheilacker\/"},"uagb_comment_info":0,"uagb_excerpt":"\u2630 In\u00edcio Agendar Sobre Conv\u00eanios Contato Localiza\u00e7\u00e3o Seu sorriso merece o melhor cuidado! Agende uma avalia\u00e7\u00e3o agora mesmo! Agendar Avalia\u00e7\u00e3o Agende uma Avalia\u00e7\u00e3o Clique no bot\u00e3o de WhatsApp e informe o dia e hor\u00e1rio que deseja comparecer para sua Avalia\u00e7\u00e3o. WhatsApp Quem somos Na Tubar\u00e3o Assist\u00eancia Odontol\u00f3gica, acreditamos que um sorriso saud\u00e1vel vai al\u00e9m da&hellip;","_links":{"self":[{"href":"https:\/\/odontotubarao.com.br\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/odontotubarao.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/odontotubarao.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/odontotubarao.com.br\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/odontotubarao.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":275,"href":"https:\/\/odontotubarao.com.br\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/odontotubarao.com.br\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/odontotubarao.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}