<!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>