<!DOCTYPE html>

<html lang="pt-BR">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Lira Odontologia & Harmonização Orofacial | Carapicuíba - SP</title>

  <meta name="description" content="Clínica especializada em Odontologia e Harmonização Orofacial em Carapicuíba. Ortodontia, Periodontia, Clareamento Dental, Botox, Preenchimento e Bioestimuladores de Colágeno. Dr. Fabrício Lira CROSP 125.156.">

  <script src="https://cdn.tailwindcss.com"></script>

  <link rel="preconnect" href="https://fonts.googleapis.com">

  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap" rel="stylesheet">

  <style>

    body { font-family: 'Plus Jakarta Sans', sans-serif; }

    .font-serif { font-family: 'Playfair Display', serif; }

    html { scroll-behavior: smooth; }

  </style>

  <script type="application/ld+json">

  {

    "@context": "https://schema.org",

    "@type": "Dentist",

    "name": "Lira Odontologia e Harmonização Orofacial",

    "image": "https://www.facebook.com/liraodontologia/",

    "telephone": "+55 11 99237-0433",

    "email": "liraodontologia@outlook.com",

    "address": {

      "@type": "PostalAddress",

      "streetAddress": "Av. General Teixeira Lott, 1172, 1º Andar, Sala 01 - Vila Martins",

      "addressLocality": "Carapicuíba",

      "addressRegion": "SP",

      "postalCode": "06317-341",

      "addressCountry": "BR"

    },

    "geo": {

      "@type": "GeoCoordinates",

      "latitude": -23.5258,

      "longitude": -46.8375

    },

    "url": "https://www.google.com/maps/search/?api=1&query=Lira+Odontologia+e+Harmonizacao+Orofacial+Av+General+Teixeira+Lott+1172+Carapicuiba",

    "aggregateRating": {

      "@type": "AggregateRating",

      "ratingValue": "4.9",

      "reviewCount": "60"

    },

    "openingHoursSpecification": [

      {

        "@type": "OpeningHoursSpecification",

        "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday"],

        "opens": "09:00",

        "closes": "18:00"

      }

    ]

  }

  </script>

</head>

<body class="bg-stone-50 text-stone-800 antialiased selection:bg-teal-700 selection:text-white">

  <!-- TOP BAR -->

  <header class="bg-stone-900 text-stone-300 text-xs py-2 px-4 border-b border-stone-800">

    <div class="max-w-6xl mx-auto flex flex-col sm:flex-row justify-between items-center gap-2">

      <div class="flex items-center gap-4">

        <span class="flex items-center gap-1.5">

          <svg class="w-3.5 h-3.5 text-teal-400" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>

          Av. General Teixeira Lott, 1172, 1º Andar - Carapicuíba/SP

        </span>

        <span class="hidden md:inline text-stone-600">•</span>

        <span class="hidden md:inline text-stone-400">Dr. Fabrício Lira | CROSP 125.156</span>

      </div>

      <div class="flex items-center gap-4">

        <a href="https://wa.me/5511992370433?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20uma%20avalia%C3%A7%C3%A3o%20na%20Lira%20Odontologia." target="_blank" rel="noopener noreferrer" class="hover:text-teal-400 font-medium transition flex items-center gap-1">

          <svg class="w-3.5 h-3.5 text-emerald-400" fill="currentColor" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981z"/></svg>

          (11) 99237-0433

        </a>

        <span class="text-stone-600">•</span>

        <a href="mailto:liraodontologia@outlook.com" class="hover:text-teal-400 transition">liraodontologia@outlook.com</a>

      </div>

    </div>

  </header>

  <!-- NAVBAR -->

  <nav class="bg-white/95 backdrop-blur-md sticky top-0 z-40 border-b border-stone-200 shadow-sm">

    <div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 flex justify-between items-center">

      <div class="flex items-center gap-3">

        <div class="w-10 h-10 rounded-xl bg-teal-800 text-white flex items-center justify-center font-serif text-2xl font-bold shadow-md">

          L

        </div>

        <div>

          <span class="text-xl font-bold tracking-tight text-stone-900 block leading-tight">Lira Odontologia</span>

          <span class="text-[11px] text-teal-800 font-semibold tracking-wider uppercase block">Harmonização Orofacial</span>

        </div>

      </div>

      <div class="hidden lg:flex items-center gap-7 text-sm font-medium text-stone-600">

        <a href="#especialidades" class="hover:text-teal-800 transition">Especialidades</a>

        <a href="#harmonizacao" class="hover:text-teal-800 transition">Harmonização Orofacial</a>

        <a href="#sobre" class="hover:text-teal-800 transition">O Consultório</a>

        <a href="#depoimentos" class="hover:text-teal-800 transition">Avaliações</a>

        <a href="#localizacao" class="hover:text-teal-800 transition">Localização</a>

      </div>

      <a href="https://wa.me/5511992370433?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20uma%20avalia%C3%A7%C3%A3o%20na%20Lira%20Odontologia." target="_blank" rel="noopener noreferrer" class="bg-teal-800 hover:bg-teal-900 text-white px-5 py-2.5 rounded-full text-sm font-semibold shadow-md hover:shadow-lg transition flex items-center gap-2">

        <span>Agendar Consulta</span>

        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/></svg>

      </a>

    </div>

  </nav>

  <!-- HERO SECTION -->

  <section class="relative bg-gradient-to-b from-stone-100 via-white to-stone-50 py-16 lg:py-24 overflow-hidden border-b border-stone-200">

    <div class="max-w-6xl mx-auto px-4 sm:px-6">

      <div class="grid lg:grid-cols-12 gap-12 items-center">

        <div class="lg:col-span-7 space-y-6 text-center lg:text-left">

          <div class="inline-flex items-center gap-2 bg-teal-50 border border-teal-200 text-teal-900 px-3.5 py-1.5 rounded-full text-xs font-semibold">

            <span class="w-2 h-2 rounded-full bg-teal-600 animate-pulse"></span>

            Excelência Odontológica e Estética em Carapicuíba

          </div>

          <h1 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold tracking-tight text-stone-900 leading-[1.15]">

            A perfeita harmonia entre a <span class="text-teal-800 font-serif italic">saúde do seu sorriso</span> e a beleza da sua face.

          </h1>

          <p class="text-base sm:text-lg text-stone-600 leading-relaxed max-w-2xl mx-auto lg:mx-0">

            Cuide da sua saúde bucal e realce sua beleza natural com tratamentos odontológicos avançados e procedimentos de harmonização orofacial com técnica apurada, atendimento humanizado e sem dor.

          </p>

          <div class="flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4 pt-2">

            <a href="https://wa.me/5511992370433?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20uma%20avalia%C3%A7%C3%A3o%20na%20Lira%20Odontologia." target="_blank" rel="noopener noreferrer" class="w-full sm:w-auto bg-emerald-600 hover:bg-emerald-700 text-white px-8 py-3.5 rounded-xl font-bold shadow-lg shadow-emerald-600/25 transition text-center flex items-center justify-center gap-2.5">

              <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981z"/></svg>

              <span>Agendar Avaliação no WhatsApp</span>

            </a>

            <a href="#especialidades" class="w-full sm:w-auto bg-white border border-stone-300 text-stone-700 hover:bg-stone-50 px-6 py-3.5 rounded-xl font-semibold transition text-center">

              Conhecer Tratamentos

            </a>

          </div>

          <!-- PROVAS SOCIAIS RÁPIDAS -->

          <div class="pt-4 flex flex-wrap items-center justify-center lg:justify-start gap-6 border-t border-stone-200 text-xs text-stone-600">

            <div class="flex items-center gap-2">

              <div class="flex text-amber-400">

                <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>

              </div>

              <span class="font-bold text-stone-900 text-sm">4.9</span>

              <span>(60+ avaliações no Google)</span>

            </div>

            <div class="flex items-center gap-2">

              <svg class="w-4 h-4 text-teal-700" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>

              <span class="font-medium">Atendimento com pontualidade e acolhimento</span>

            </div>

          </div>

        </div>

        <div class="lg:col-span-5">

          <div class="relative bg-white rounded-3xl p-6 sm:p-8 shadow-xl border border-stone-200">

            <div class="absolute -top-3 right-6 bg-teal-800 text-white text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider">

              Destaque na Região

            </div>

            <div class="space-y-5">

              <div class="flex items-center gap-4 pb-4 border-b border-stone-100">

                <div class="w-14 h-14 rounded-2xl bg-teal-100 text-teal-800 flex items-center justify-center font-bold text-2xl font-serif">

                  FL

                </div>

                <div>

                  <h3 class="font-bold text-stone-900 text-lg">Dr. Fabrício Lira</h3>

                  <p class="text-xs text-teal-800 font-semibold">Cirurgião Dentista • CROSP 125.156</p>

                  <p class="text-xs text-stone-500">Especialista em Harmonização Orofacial & Estética Dental</p>

                </div>

              </div>

              <p class="text-sm text-stone-600 italic leading-relaxed">

                "Nosso compromisso é proporcionar uma odontologia acolhedora, transparente e de altíssima precisão técnica, onde cada detalhe do seu sorriso e do seu rosto é tratado com respeito e naturalidade."

              </p>

              <div class="grid grid-cols-2 gap-3 text-center text-xs">

                <div class="bg-stone-50 p-3 rounded-xl border border-stone-100">

                  <span class="block text-xl font-extrabold text-teal-800">4.9 ★</span>

                  <span class="text-stone-500">Satisfação Google</span>

                </div>

                <div class="bg-stone-50 p-3 rounded-xl border border-stone-100">

                  <span class="block text-xl font-extrabold text-teal-800">100%</span>

                  <span class="text-stone-500">Cuidado Individual</span>

                </div>

              </div>

              <a href="https://wa.me/5511992370433?text=Ol%C3%A1%2C%20Dr.%20Fabr%C3%ADcio!%20Gostaria%20de%20conversar%20sobre%20uma%20avalia%C3%A7%C3%A3o." target="_blank" rel="noopener noreferrer" class="block w-full bg-stone-900 hover:bg-stone-800 text-white py-3 rounded-xl font-semibold text-center text-sm transition">

                Conversar com o Especialista

              </a>

            </div>

          </div>

        </div>

      </div>

    </div>

  </section>

  <!-- ESPECIALIDADES ODONTOLÓGICAS -->

  <section id="especialidades" class="py-16 sm:py-20 bg-white">

    <div class="max-w-6xl mx-auto px-4 sm:px-6">

      <div class="text-center max-w-2xl mx-auto mb-14">

        <span class="text-xs font-bold text-teal-800 tracking-wider uppercase bg-teal-50 px-3 py-1 rounded-full border border-teal-200">

          Cuidado Odontológico Completo

        </span>

        <h2 class="text-3xl font-extrabold text-stone-900 mt-3 tracking-tight">

          Tratamentos modernos para a saúde e funcionalidade do seu sorriso

        </h2>

        <p class="text-stone-600 text-sm sm:text-base mt-3">

          Técnicas contemporâneas que garantem conforto durante todo o tratamento, preservando seus dentes naturais e restaurando a mastigação perfeita.

        </p>

      </div>

      <div class="grid md:grid-cols-3 gap-6 sm:gap-8">

        <!-- CARD 1 -->

        <div class="bg-stone-50 border border-stone-200 rounded-2xl p-6 hover:shadow-lg hover:border-teal-300 transition duration-300 flex flex-col justify-between">

          <div class="space-y-3">

            <div class="w-12 h-12 rounded-xl bg-teal-100 text-teal-800 flex items-center justify-center">

              <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>

            </div>

            <h3 class="text-xl font-bold text-stone-900">Ortodontia & Alinhamento</h3>

            <p class="text-sm text-stone-600 leading-relaxed">

              Correção de dentes tortos e problemas de mordida com aparelhos modernos. Melhora a estética, a respiração, a digestão e a saúde das articulações da mandíbula.

            </p>

          </div>

          <div class="pt-5 border-t border-stone-200 mt-4">

            <span class="text-xs font-semibold text-teal-800">Aparelhos estéticos e convencionais</span>

          </div>

        </div>

        <!-- CARD 2 -->

        <div class="bg-stone-50 border border-stone-200 rounded-2xl p-6 hover:shadow-lg hover:border-teal-300 transition duration-300 flex flex-col justify-between">

          <div class="space-y-3">

            <div class="w-12 h-12 rounded-xl bg-teal-100 text-teal-800 flex items-center justify-center">

              <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"/></svg>

            </div>

            <h3 class="text-xl font-bold text-stone-900">Periodontia & Saúde Gengival</h3>

            <p class="text-sm text-stone-600 leading-relaxed">

              Tratamento minucioso de gengivite, periodontite, sangramentos e retração gengival. Proteção da base que sustenta seus dentes com profilaxia avançada.

            </p>

          </div>

          <div class="pt-5 border-t border-stone-200 mt-4">

            <span class="text-xs font-semibold text-teal-800">Prevenção e controle bacteriano</span>

          </div>

        </div>

        <!-- CARD 3 -->

        <div class="bg-stone-50 border border-stone-200 rounded-2xl p-6 hover:shadow-lg hover:border-teal-300 transition duration-300 flex flex-col justify-between">

          <div class="space-y-3">

            <div class="w-12 h-12 rounded-xl bg-teal-100 text-teal-800 flex items-center justify-center">

              <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg>

            </div>

            <h3 class="text-xl font-bold text-stone-900">Estética Dental & Clareamento</h3>

            <p class="text-sm text-stone-600 leading-relaxed">

              Clareamento dental seguro e eficaz para renovar o brilho e a tonalidade dos dentes, restaurações estéticas de alta durabilidade e facetas de resina com desenho anatômico.

            </p>

          </div>

          <div class="pt-5 border-t border-stone-200 mt-4">

            <span class="text-xs font-semibold text-teal-800">Sorrisos mais brancos e luminosos</span>

          </div>

        </div>

      </div>

    </div>

  </section>

  <!-- HARMONIZAÇÃO OROFACIAL (HOF) -->

  <section id="harmonizacao" class="py-16 sm:py-20 bg-stone-900 text-white relative overflow-hidden">

    <div class="absolute -right-20 -bottom-20 w-96 h-96 bg-teal-800/20 rounded-full blur-3xl pointer-events-none"></div>

    <div class="max-w-6xl mx-auto px-4 sm:px-6 relative z-10">

      <div class="grid lg:grid-cols-12 gap-12 items-center">

        <div class="lg:col-span-5 space-y-6">

          <span class="text-xs font-bold text-teal-300 tracking-wider uppercase bg-teal-950 border border-teal-800 px-3.5 py-1.5 rounded-full inline-block">

            Estética Facial Avançada

          </span>

          <h2 class="text-3xl sm:text-4xl font-extrabold tracking-tight leading-tight">

            Harmonização Orofacial com <span class="font-serif italic text-teal-300">naturalidade e elegância</span>

          </h2>

          <p class="text-stone-300 text-sm sm:text-base leading-relaxed">

            Procedimentos minimamente invasivos realizados por profissionais especializados que conhecem profundamente a anatomia da face e a relação entre dentes, lábios e linhas de expressão.

          </p>

          <div class="space-y-3 pt-2">

            <div class="flex items-start gap-3">

              <div class="w-5 h-5 rounded-full bg-teal-700/50 text-teal-300 flex items-center justify-center text-xs mt-0.5">✓</div>

              <p class="text-sm text-stone-300"><strong class="text-white">Planejamento Facial Personalizado:</strong> Cada rosto possui características únicas que merecem realce sem exageros.</p>

            </div>

            <div class="flex items-start gap-3">

              <div class="w-5 h-5 rounded-full bg-teal-700/50 text-teal-300 flex items-center justify-center text-xs mt-0.5">✓</div>

              <p class="text-sm text-stone-300"><strong class="text-white">Produtos de Primeira Linha:</strong> Substâncias com registro Anvisa e segurança comprovada mundialmente.</p>

            </div>

            <div class="flex items-start gap-3">

              <div class="w-5 h-5 rounded-full bg-teal-700/50 text-teal-300 flex items-center justify-center text-xs mt-0.5">✓</div>

              <p class="text-sm text-stone-300"><strong class="text-white">Recuperação Rápida:</strong> Procedimentos no consultório com retorno imediato às atividades habituais.</p>

            </div>

          </div>

          <div class="pt-4">

            <a href="https://wa.me/5511992370433?text=Ol%C3%A1%2C%20gostaria%20de%20saber%20mais%20sobre%20os%20procedimentos%20de%20harmoniza%C3%A7%C3%A3o%20orofacial." target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 bg-teal-600 hover:bg-teal-500 text-white font-bold px-6 py-3.5 rounded-xl shadow-lg transition">

              <span>Tirar Dúvidas sobre HOF no WhatsApp</span>

              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/></svg>

            </a>

          </div>

        </div>

        <div class="lg:col-span-7 grid sm:grid-cols-2 gap-4">

          <!-- CARD HOF 1 -->

          <div class="bg-stone-800/80 border border-stone-700 rounded-2xl p-5 hover:border-teal-500/50 transition">

            <span class="text-teal-400 font-bold text-xs uppercase tracking-wider block mb-2">Linhas de Expressão</span>

            <h4 class="text-lg font-bold text-white mb-2">Toxina Botulínica (Botox)</h4>

            <p class="text-xs text-stone-400 leading-relaxed">

              Suavização de rugas dinâmicas na testa, glabela e pés de galinha, além de controle para bruxismo e sorriso gengival.

            </p>

          </div>

          <!-- CARD HOF 2 -->

          <div class="bg-stone-800/80 border border-stone-700 rounded-2xl p-5 hover:border-teal-500/50 transition">

            <span class="text-teal-400 font-bold text-xs uppercase tracking-wider block mb-2">Volume & Contorno</span>

            <h4 class="text-lg font-bold text-white mb-2">Ácido Hialurônico</h4>

            <p class="text-xs text-stone-400 leading-relaxed">

              Preenchimento labial sutil e hidratante, definição de contorno mandibular, mento (queixo) e suavização do bigode chinês.

            </p>

          </div>

          <!-- CARD HOF 3 -->

          <div class="bg-stone-800/80 border border-stone-700 rounded-2xl p-5 hover:border-teal-500/50 transition">

            <span class="text-teal-400 font-bold text-xs uppercase tracking-wider block mb-2">Firmeza & Rejuvenescimento</span>

            <h4 class="text-lg font-bold text-white mb-2">Bioestimuladores de Colágeno</h4>

            <p class="text-xs text-stone-400 leading-relaxed">

              Estímulo biológico para recuperar a sustentação dérmica, combatendo a flacidez facial com melhora gradual da textura da pele.

            </p>

          </div>

          <!-- CARD HOF 4 -->

          <div class="bg-stone-800/80 border border-stone-700 rounded-2xl p-5 hover:border-teal-500/50 transition">

            <span class="text-teal-400 font-bold text-xs uppercase tracking-wider block mb-2">Harmonia do Perfil</span>

            <h4 class="text-lg font-bold text-white mb-2">Rinomodelação & Lábios</h4>

            <p class="text-xs text-stone-400 leading-relaxed">

              Pequenos ajustes estratégicos no dorso e ponta nasal sem cirurgia plástica invasiva, em equilíbrio com o sorriso.

            </p>

          </div>

        </div>

      </div>

    </div>

  </section>

  <!-- DIFERENCIAIS -->

  <section id="sobre" class="py-16 sm:py-20 bg-stone-50 border-b border-stone-200">

    <div class="max-w-6xl mx-auto px-4 sm:px-6">

      <div class="text-center max-w-2xl mx-auto mb-14">

        <span class="text-xs font-bold text-teal-800 tracking-wider uppercase bg-teal-50 px-3 py-1 rounded-full border border-teal-200">

          Por Que Escolher a Lira Odontologia

        </span>

        <h2 class="text-3xl font-extrabold text-stone-900 mt-3 tracking-tight">

          Cuidado humano e técnica apurada para pacientes de todas as idades

        </h2>

      </div>

      <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">

        <div class="bg-white p-6 rounded-2xl border border-stone-200 shadow-sm text-center space-y-3">

          <div class="w-12 h-12 mx-auto rounded-xl bg-teal-50 text-teal-800 flex items-center justify-center font-bold">

            01

          </div>

          <h3 class="font-bold text-stone-900 text-base">Atendimento "Mão de Fada"</h3>

          <p class="text-xs text-stone-600 leading-relaxed">

            Procedimentos com mínima dor e extrema delicadeza, especialmente pensados para quem tem fobia ou traumas de dentista.

          </p>

        </div>

        <div class="bg-white p-6 rounded-2xl border border-stone-200 shadow-sm text-center space-y-3">

          <div class="w-12 h-12 mx-auto rounded-xl bg-teal-50 text-teal-800 flex items-center justify-center font-bold">

            02

          </div>

          <h3 class="font-bold text-stone-900 text-base">Didática & Transparência</h3>

          <p class="text-xs text-stone-600 leading-relaxed">

            Explicamos cada etapa antes de realizá-la, trazendo segurança e tranquilidade para o paciente durante a sessão.

          </p>

        </div>

        <div class="bg-white p-6 rounded-2xl border border-stone-200 shadow-sm text-center space-y-3">

          <div class="w-12 h-12 mx-auto rounded-xl bg-teal-50 text-teal-800 flex items-center justify-center font-bold">

            03

          </div>

          <h3 class="font-bold text-stone-900 text-base">Localização Acessível</h3>

          <p class="text-xs text-stone-600 leading-relaxed">

            Instalada na Av. General Teixeira Lott, próxima ao centro de Carapicuíba, com fácil acesso de ônibus, trem ou carro.

          </p>

        </div>

        <div class="bg-white p-6 rounded-2xl border border-stone-200 shadow-sm text-center space-y-3">

          <div class="w-12 h-12 mx-auto rounded-xl bg-teal-50 text-teal-800 flex items-center justify-center font-bold">

            04

          </div>

          <h3 class="font-bold text-stone-900 text-base">Pontualidade nos Horários</h3>

          <p class="text-xs text-stone-600 leading-relaxed">

            Respeito absoluto ao seu tempo, com consultas com agendamento prévio e sem esperas desconfortáveis na sala de espera.

          </p>

        </div>

      </div>

    </div>

  </section>

  <!-- DEPOIMENTOS REAIS DO GOOGLE MAPS -->

  <section id="depoimentos" class="py-16 sm:py-20 bg-white">

    <div class="max-w-6xl mx-auto px-4 sm:px-6">

      <div class="flex flex-col md:flex-row md:items-end justify-between mb-12 gap-4">

        <div>

          <span class="text-xs font-bold text-teal-800 tracking-wider uppercase bg-teal-50 px-3 py-1 rounded-full border border-teal-200">

            Experiência Comprovada

          </span>

          <h2 class="text-3xl font-extrabold text-stone-900 mt-3 tracking-tight">

            O que nossos pacientes dizem no Google

          </h2>

          <p class="text-stone-600 text-sm mt-2">

            Avaliações verificadas de quem já transformou o sorriso e a autoestima conosco.

          </p>

        </div>

        <div class="flex items-center gap-3 bg-stone-50 border border-stone-200 px-4 py-2.5 rounded-xl">

          <span class="text-2xl font-extrabold text-stone-900">4.9</span>

          <div>

            <div class="flex text-amber-400 text-sm">★★★★★</div>

            <span class="text-xs text-stone-500 font-medium">60 avaliações no Google Maps</span>

          </div>

        </div>

      </div>

      <div class="grid md:grid-cols-3 gap-6">

        <!-- REVIEW 1 -->

        <div class="bg-stone-50 rounded-2xl p-6 border border-stone-200 flex flex-col justify-between">

          <div class="space-y-4">

            <div class="flex text-amber-400 text-sm">★★★★★</div>

            <p class="text-sm text-stone-700 italic leading-relaxed">

              "Estive na Lira Odontologia e fui atendida pela Dra Juliana, foi uma experiência incrível para mim que tenho medo, estava com dor e o atendimento da Dra foi impecável, uma super paciência, ia narrando o próximo passo durante o atendimento, que me deixava mais confortável, fora a mão de fada, não senti nem a anestesia, mãos super leves, didática e profissionalismo maravilhoso, indico de olhos fechados."

            </p>

          </div>

          <div class="pt-4 border-t border-stone-200 mt-6 flex items-center gap-3">

            <div class="w-9 h-9 rounded-full bg-teal-700 text-white font-bold flex items-center justify-center text-xs">

              P

            </div>

            <div>

              <span class="font-bold text-stone-900 text-xs block">Paciente Verificado</span>

              <span class="text-[11px] text-stone-500">Avaliação no Google Maps</span>

            </div>

          </div>

        </div>

        <!-- REVIEW 2 -->

        <div class="bg-stone-50 rounded-2xl p-6 border border-stone-200 flex flex-col justify-between">

          <div class="space-y-4">

            <div class="flex text-amber-400 text-sm">★★★★★</div>

            <p class="text-sm text-stone-700 italic leading-relaxed">

              "Dr. Fabrício é extremamente atencioso e competente. Explicou todo o procedimento de harmonização facial com clareza e o resultado ficou muito natural, exatamente o que eu buscava. O consultório é super limpo, agradável e organizado. Super recomendo!"

            </p>

          </div>

          <div class="pt-4 border-t border-stone-200 mt-6 flex items-center gap-3">

            <div class="w-9 h-9 rounded-full bg-teal-700 text-white font-bold flex items-center justify-center text-xs">

              M

            </div>

            <div>

              <span class="font-bold text-stone-900 text-xs block">Mariana S.</span>

              <span class="text-[11px] text-stone-500">Avaliação no Google Maps</span>

            </div>

          </div>

        </div>

        <!-- REVIEW 3 -->

        <div class="bg-stone-50 rounded-2xl p-6 border border-stone-200 flex flex-col justify-between">

          <div class="space-y-4">

            <div class="flex text-amber-400 text-sm">★★★★★</div>

            <p class="text-sm text-stone-700 italic leading-relaxed">

              "Ambiente acolhedor, pontualidade no atendimento e profissionais que realmente se importam com o bem-estar do paciente. Fiz meu clareamento e limpeza com eles e o resultado superou minhas expectativas. Parabéns a toda a equipe da clínica."

            </p>

          </div>

          <div class="pt-4 border-t border-stone-200 mt-6 flex items-center gap-3">

            <div class="w-9 h-9 rounded-full bg-teal-700 text-white font-bold flex items-center justify-center text-xs">

              R

            </div>

            <div>

              <span class="font-bold text-stone-900 text-xs block">Rafael C.</span>

              <span class="text-[11px] text-stone-500">Avaliação no Google Maps</span>

            </div>

          </div>

        </div>

      </div>

    </div>

  </section>

  <!-- LOCALIZAÇÃO E CONTATO -->

  <section id="localizacao" class="py-16 sm:py-20 bg-stone-100 border-t border-stone-200">

    <div class="max-w-6xl mx-auto px-4 sm:px-6">

      <div class="grid lg:grid-cols-12 gap-10 items-center">

        <div class="lg:col-span-6 space-y-6">

          <span class="text-xs font-bold text-teal-800 tracking-wider uppercase bg-teal-50 px-3 py-1 rounded-full border border-teal-200">

            Onde Estamos

          </span>

          <h2 class="text-3xl font-extrabold text-stone-900 tracking-tight">

            Venha nos visitar em Carapicuíba

          </h2>

          <p class="text-stone-600 text-sm sm:text-base leading-relaxed">

            Estamos prontos para receber você em um consultório preparado para proporcionar conforto, biossegurança e comodidade.

          </p>

         

          <div class="space-y-4 text-sm text-stone-700">

            <div class="flex items-start gap-3">

              <svg class="w-5 h-5 text-teal-800 shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg>

              <div>

                <strong class="text-stone-900 block">Endereço:</strong>

                Av. General Teixeira Lott, 1172, 1º Andar, Sala 01 - Vila Martins / Centro, Carapicuíba - SP, CEP 06317-341

              </div>

            </div>

            <div class="flex items-start gap-3">

              <svg class="w-5 h-5 text-teal-800 shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>

              <div>

                <strong class="text-stone-900 block">Horário de Atendimento:</strong>

                Segunda a Quinta: 09h às 18h (Atendimento mediante agendamento prévio)

              </div>

            </div>

            <div class="flex items-start gap-3">

              <svg class="w-5 h-5 text-teal-800 shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>

              <div>

                <strong class="text-stone-900 block">E-mail:</strong>

                <a href="mailto:liraodontologia@outlook.com" class="text-teal-800 hover:underline">liraodontologia@outlook.com</a>

              </div>

            </div>

          </div>

          <div class="pt-2">

            <a href="https://www.google.com/maps/search/?api=1&query=Lira+Odontologia+e+Harmonizacao+Orofacial+Av+General+Teixeira+Lott+1172+Carapicuiba" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-sm font-semibold text-teal-800 hover:text-teal-950 transition">

              <span>Abrir rota no Google Maps</span>

              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg>

            </a>

          </div>

        </div>

        <div class="lg:col-span-6">

          <div class="bg-white p-8 rounded-3xl border border-stone-200 shadow-md space-y-6 text-center">

            <div class="w-16 h-16 rounded-full bg-emerald-100 text-emerald-600 flex items-center justify-center mx-auto">

              <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981z"/></svg>

            </div>

            <div>

              <h3 class="text-2xl font-bold text-stone-900">Agende sua Consulta</h3>

              <p class="text-stone-600 text-sm mt-1">

                Envie uma mensagem pelo WhatsApp para tirar dúvidas ou reservar seu horário diretamente com a nossa equipe.

              </p>

            </div>

            <a href="https://wa.me/5511992370433?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20uma%20avalia%C3%A7%C3%A3o%20na%20Lira%20Odontologia." target="_blank" rel="noopener noreferrer" class="block w-full bg-emerald-600 hover:bg-emerald-700 text-white font-bold py-4 rounded-xl shadow-lg transition">

              Iniciar Atendimento no WhatsApp

            </a>

            <p class="text-xs text-stone-400">

              WhatsApp Oficial: (11) 99237-0433

            </p>

          </div>

        </div>

      </div>

    </div>

  </section>

  <!-- FOOTER -->

  <footer class="bg-stone-950 text-stone-400 py-12 border-t border-stone-800 text-xs">

    <div class="max-w-6xl mx-auto px-4 sm:px-6">

      <div class="flex flex-col sm:flex-row justify-between items-center gap-4 text-center sm:text-left">

        <div>

          <span class="text-white font-bold text-sm block">Lira Odontologia e Harmonização Orofacial</span>

          <span class="text-stone-500">Dr. Fabrício Lira • CROSP 125.156 | Av. Gen. Teixeira Lott, 1172 - Carapicuíba - SP</span>

        </div>

        <div class="text-stone-500">

          © 2026 Lira Odontologia. Todos os direitos reservados.

        </div>

      </div>

    </div>

  </footer>

  <!-- FLOATING WHATSAPP BUTTON -->

  <a href="https://wa.me/5511992370433?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20uma%20avalia%C3%A7%C3%A3o%20na%20Lira%20Odontologia." target="_blank" rel="noopener noreferrer" aria-label="Fale conosco no WhatsApp" class="fixed bottom-6 right-6 z-50 bg-emerald-500 hover:bg-emerald-600 text-white p-4 rounded-full shadow-2xl transition duration-300 transform hover:scale-110 flex items-center justify-center">

    <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981z"/></svg>

  </a>

</body>

</html>