Página HTML — Doutor Coluna

Copie o código abaixo e cole no Google Sites (Incorporar HTML)
💡 Como usar no Google Sites:
1. Abra o Google Sites e edite a página
2. Clique em Inserir → Incorporar → Código
3. Cole o HTML copiado e clique em Seguinte → Inserir
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Doutor Coluna Instituto de Quiropraxia</title>
<style>
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Open+Sans:wght@400;600&display=swap');

  * { margin: 0; padding: 0; box-sizing: border-box; }

  body {
    font-family: 'Open Sans', sans-serif;
    color: #1a1a2e;
    background: #fff;
    overflow-x: hidden;
  }

  /* ===== HERO ===== */
  .hero {
    background: linear-gradient(135deg, #0d1b4b 0%, #1a3a7e 50%, #0d1b4b 100%);
    padding: 60px 20px;
    position: relative;
    overflow: hidden;
  }
  .hero::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);
    border-radius: 50%;
  }
  .hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: 1;
  }
  .hero-text { flex: 1; }
  .hero-logo {
    width: 180px;
    margin-bottom: 24px;
    filter: brightness(0) invert(1);
  }
  .hero-tag {
    display: inline-block;
    background: rgba(255,255,255,0.15);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 20px;
    border: 1px solid rgba(255,255,255,0.3);
  }
  .hero h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 52px;
    font-weight: 900;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 16px;
    text-shadow: 0 2px 20px rgba(0,0,0,0.3);
  }
  .hero h1 span { color: #f0c040; }
  .hero-sub {
    font-size: 18px;
    color: rgba(255,255,255,0.85);
    margin-bottom: 32px;
    line-height: 1.6;
  }
  .hero-ctas { display: flex; gap: 16px; flex-wrap: wrap; }
  .btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #25d366;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding: 16px 32px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(37,211,102,0.4);
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(37,211,102,0.5); }
  .btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding: 16px 32px;
    border-radius: 50px;
    text-decoration: none;
    border: 2px solid rgba(255,255,255,0.5);
    transition: background 0.2s, border-color 0.2s;
  }
  .btn-secondary:hover { background: rgba(255,255,255,0.1); border-color: #fff; }
  .hero-image {
    flex-shrink: 0;
    width: 340px;
    text-align: center;
  }
  .hero-image img {
    width: 100%;
    max-width: 320px;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.4));
  }

  /* ===== BANNER ===== */
  .banner-img {
    width: 100%;
    display: block;
  }
  .banner-img img { width: 100%; display: block; }

  /* ===== SECTION BASE ===== */
  section { padding: 80px 20px; }
  .container { max-width: 1100px; margin: 0 auto; }
  .section-label {
    display: inline-block;
    background: #e8f0fe;
    color: #1a3a7e;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 16px;
  }
  .section-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
    font-weight: 800;
    color: #0d1b4b;
    margin-bottom: 16px;
    line-height: 1.2;
  }
  .section-title span { color: #1a3a7e; }
  .section-desc {
    font-size: 17px;
    color: #555;
    line-height: 1.7;
    max-width: 640px;
  }

  /* ===== ABOUT / DOCTOR ===== */
  .about { background: #f7f9ff; }
  .about-inner {
    display: flex;
    align-items: center;
    gap: 60px;
  }
  .about-img {
    flex-shrink: 0;
    width: 320px;
    text-align: center;
  }
  .about-img img {
    width: 100%;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(13,27,75,0.15);
  }
  .about-content { flex: 1; }
  .about-credentials {
    display: flex;
    gap: 20px;
    margin: 24px 0;
    flex-wrap: wrap;
  }
  .cred-card {
    background: #fff;
    border: 1px solid #e0e7ff;
    border-left: 4px solid #1a3a7e;
    border-radius: 12px;
    padding: 16px 20px;
    min-width: 180px;
  }
  .cred-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #1a3a7e;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .cred-card p { font-size: 14px; color: #444; line-height: 1.4; }

  /* ===== CONDIÇÕES TRATADAS ===== */
  .conditions { background: #fff; }
  .conditions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
    margin-top: 40px;
  }
  .cond-card {
    background: linear-gradient(135deg, #f0f4ff 0%, #fff 100%);
    border: 1px solid #dde5ff;
    border-top: 4px solid #1a3a7e;
    border-radius: 16px;
    padding: 28px 24px;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .cond-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(13,27,75,0.1); }
  .cond-icon {
    width: 48px;
    height: 48px;
    background: #1a3a7e;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    font-size: 22px;
  }
  .cond-card h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #0d1b4b;
    margin-bottom: 8px;
  }
  .cond-card p { font-size: 13px; color: #666; line-height: 1.5; }

  /* ===== QUIROPRAXIA ===== */
  .quiro { background: linear-gradient(135deg, #0d1b4b 0%, #1a3a7e 100%); }
  .quiro .section-title { color: #fff; }
  .quiro .section-title span { color: #f0c040; }
  .quiro .section-label { background: rgba(255,255,255,0.15); color: #fff; }
  .quiro .section-desc { color: rgba(255,255,255,0.8); }
  .quiro-steps {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 24px;
    margin-top: 40px;
  }
  .quiro-step {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 16px;
    padding: 28px 24px;
  }
  .quiro-step .step-num {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 900;
    color: #f0c040;
    line-height: 1;
    margin-bottom: 12px;
  }
  .quiro-step h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
  }
  .quiro-step p { font-size: 13px; color: rgba(255,255,255,0.7); line-height: 1.6; }

  /* ===== MASSOTERAPIA ===== */
  .massa { background: #f7f9ff; }
  .massa-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 24px;
    margin-top: 40px;
  }
  .massa-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(13,27,75,0.08);
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .massa-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(13,27,75,0.15); }
  .massa-card-header {
    background: linear-gradient(135deg, #1a3a7e 0%, #2855b8 100%);
    padding: 28px 24px;
    text-align: center;
  }
  .massa-card-header .icon { font-size: 40px; margin-bottom: 12px; }
  .massa-card-header h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
  }
  .massa-card-body { padding: 24px; }
  .massa-card-body p { font-size: 14px; color: #555; line-height: 1.6; }
  .massa-badge {
    display: inline-block;
    background: #e8f0fe;
    color: #1a3a7e;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 50px;
    margin-top: 12px;
  }

  /* ===== DIFERENCIAIS ===== */
  .diff { background: #fff; }
  .diff-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 24px;
    margin-top: 40px;
  }
  .diff-card {
    text-align: center;
    padding: 32px 20px;
    border-radius: 20px;
    background: #f7f9ff;
    border: 1px solid #dde5ff;
  }
  .diff-icon { font-size: 48px; margin-bottom: 16px; }
  .diff-card h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #0d1b4b;
    margin-bottom: 8px;
  }
  .diff-card p { font-size: 13px; color: #666; line-height: 1.5; }

  /* ===== CTA ===== */
  .cta {
    background: linear-gradient(135deg, #0d1b4b 0%, #1a3a7e 100%);
    text-align: center;
    padding: 80px 20px;
  }
  .cta h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 16px;
    line-height: 1.2;
  }
  .cta h2 span { color: #f0c040; }
  .cta p { font-size: 18px; color: rgba(255,255,255,0.8); margin-bottom: 40px; }
  .cta-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
  .cta-wpp {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #25d366;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    padding: 18px 40px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(37,211,102,0.4);
  }
  .cta-email {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: rgba(255,255,255,0.1);
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    padding: 18px 40px;
    border-radius: 50px;
    text-decoration: none;
    border: 2px solid rgba(255,255,255,0.4);
  }
  .cta-contact-info {
    margin-top: 40px;
    color: rgba(255,255,255,0.7);
    font-size: 15px;
  }
  .cta-contact-info a { color: #f0c040; text-decoration: none; }

  /* ===== FOOTER ===== */
  .footer {
    background: #060d1f;
    padding: 40px 20px;
    text-align: center;
    color: rgba(255,255,255,0.5);
    font-size: 13px;
  }
  .footer img { width: 140px; margin-bottom: 16px; filter: brightness(0) invert(0.6); }
  .footer p { margin-top: 8px; }

  /* ===== RESPONSIVE ===== */
  @media (max-width: 768px) {
    .hero-inner { flex-direction: column; text-align: center; }
    .hero h1 { font-size: 36px; }
    .hero-image { width: 220px; }
    .hero-logo { width: 140px; }
    .about-inner { flex-direction: column; }
    .about-img { width: 100%; max-width: 280px; margin: 0 auto; }
    .cta h2 { font-size: 30px; }
    .section-title { font-size: 28px; }
  }
</style>
</head>
<body>

<!-- ===== HERO ===== -->
<section class="hero">
  <div class="hero-inner">
    <div class="hero-text">
      <img src="https://media.base44.com/images/public/692b8d2a76dfbc846144c73b/340477cc7_2.png" alt="Doutor Coluna Logo" class="hero-logo">
      <div class="hero-tag">🏥 Instituto de Quiropraxia</div>
      <h1>Chega de <span>Dor nas Costas!</span></h1>
      <p class="hero-sub">Tratamento especializado em quiropraxia com o Dr. Gabriel Fogaça de Souza.<br>Especialista em hérnia de disco e doenças da coluna vertebral.</p>
      <div class="hero-ctas">
        <a href="https://wa.me/5514996416572?text=Olá!%20Gostaria%20de%20agendar%20uma%20consulta%20no%20Doutor%20Coluna." class="btn-primary">
          💬 Agendar pelo WhatsApp
        </a>
        <a href="mailto:adm@doutorcolunainstituto.com" class="btn-secondary">
          ✉️ Enviar E-mail
        </a>
      </div>
    </div>
    <div class="hero-image">
      <img src="https://media.base44.com/images/public/692b8d2a76dfbc846144c73b/d6b8ce601_Boneco3Dsemfundo2.png" alt="Dr. Gabriel Fogaça de Souza">
    </div>
  </div>
</section>

<!-- ===== BANNER ===== -->
<div class="banner-img">
  <img src="https://media.base44.com/images/public/692b8d2a76dfbc846144c73b/e125431e2_Dornascostas.png" alt="Doutor Coluna - Dor nas Costas">
</div>

<!-- ===== SOBRE O DOUTOR ===== -->
<section class="about">
  <div class="container">
    <div class="about-inner">
      <div class="about-img">
        <img src="https://media.base44.com/images/public/692b8d2a76dfbc846144c73b/7aca90b1b_DoutorColunasemfundo.png" alt="Dr. Gabriel Fogaça de Souza - Quiropraxista">
      </div>
      <div class="about-content">
        <div class="section-label">Sobre o Especialista</div>
        <h2 class="section-title">Dr. Gabriel Fogaça<br><span>de Souza</span></h2>
        <p class="section-desc">Quiropraxista e Especialista em Hérnia de Disco, com vasta experiência no tratamento de disfunções da coluna vertebral e do sistema músculo-esquelético. À frente do <strong>Doutor Coluna Instituto de Quiropraxia</strong>, oferece atendimento personalizado e humanizado para cada paciente.</p>
        <div class="about-credentials">
          <div class="cred-card">
            <h4>🩺 Especialidade</h4>
            <p>Quiropraxia & Hérnia de Disco</p>
          </div>
          <div class="cred-card">
            <h4>🏛️ Instituto</h4>
            <p>Doutor Coluna Instituto de Quiropraxia</p>
          </div>
          <div class="cred-card">
            <h4>📞 Contato</h4>
            <p>(14) 99641-6572</p>
          </div>
        </div>
        <a href="https://wa.me/5514996416572?text=Olá%20Dr.%20Gabriel!%20Gostaria%20de%20mais%20informações." class="btn-primary" style="margin-top:8px; display:inline-flex; gap:10px;">
          💬 Falar com o Doutor
        </a>
      </div>
    </div>
  </div>
</section>

<!-- ===== CONDIÇÕES TRATADAS ===== -->
<section class="conditions">
  <div class="container">
    <div class="section-label">Condições Tratadas</div>
    <h2 class="section-title">O que <span>Tratamos</span></h2>
    <p class="section-desc">A quiropraxia é eficaz no tratamento de diversas disfunções da coluna e do sistema nervoso. Confira as principais condições tratadas no Instituto:</p>
    <div class="conditions-grid">
      <div class="cond-card">
        <div class="cond-icon">🦴</div>
        <h3>Hérnia de Disco</h3>
        <p>Especialidade principal do Dr. Gabriel. Tratamento conservador altamente eficaz sem necessidade de cirurgia.</p>
      </div>
      <div class="cond-card">
        <div class="cond-icon">🦜</div>
        <h3>Bico de Papagaio</h3>
        <p>Osteofitose vertebral tratada com ajustes quiropráticos que aliviam a dor e restauram a mobilidade.</p>
      </div>
      <div class="cond-card">
        <div class="cond-icon">🔄</div>
        <h3>Escoliose</h3>
        <p>Correção e controle da curvatura anormal da coluna, melhorando postura e qualidade de vida.</p>
      </div>
      <div class="cond-card">
        <div class="cond-icon">🧍</div>
        <h3>Má Postura</h3>
        <p>Identificação e correção de desequilíbrios posturais que causam dores crônicas no pescoço e costas.</p>
      </div>
      <div class="cond-card">
        <div class="cond-icon">💢</div>
        <h3>Fibromialgia</h3>
        <p>Alívio da dor difusa e cansaço crônico por meio de técnicas quiropráticas e terapias complementares.</p>
      </div>
      <div class="cond-card">
        <div class="cond-icon">🦵</div>
        <h3>Artrose & Artrite</h3>
        <p>Tratamento das articulações desgastadas e inflamadas, devolvendo mobilidade e reduzindo a dor.</p>
      </div>
      <div class="cond-card">
        <div class="cond-icon">⚡</div>
        <h3>Ciatalgia</h3>
        <p>Tratamento da dor irradiada pelo nervo ciático, desde a lombar até os pés, com resultados comprovados.</p>
      </div>
      <div class="cond-card">
        <div class="cond-icon">🤕</div>
        <h3>Tendinite & Bursite</h3>
        <p>Tratamento das inflamações tendinosas e bursites por meio de ajustes e terapias manuais especializadas.</p>
      </div>
      <div class="cond-card">
        <div class="cond-icon">🧠</div>
        <h3>Dores de Cabeça</h3>
        <p>Tratamento de cefaleias tensionais e cervicogênicas com alta taxa de sucesso através da quiropraxia.</p>
      </div>
    </div>
  </div>
</section>

<!-- ===== O QUE É QUIROPRAXIA ===== -->
<section class="quiro">
  <div class="container">
    <div class="section-label">Entenda o Tratamento</div>
    <h2 class="section-title">O que é a <span>Quiropraxia?</span></h2>
    <p class="section-desc">A quiropraxia é uma ciência da saúde reconhecida pela OMS (Organização Mundial de Saúde), focada no diagnóstico e tratamento de disfunções do sistema músculo-esquelético, especialmente da coluna vertebral.</p>
    <div class="quiro-steps">
      <div class="quiro-step">
        <div class="step-num">01</div>
        <h3>Avaliação Detalhada</h3>
        <p>Realizamos uma avaliação completa, incluindo histórico clínico, exame físico e análise postural para identificar a origem da dor.</p>
      </div>
      <div class="quiro-step">
        <div class="step-num">02</div>
        <h3>Diagnóstico Preciso</h3>
        <p>Identificamos subluxações vertebrais e disfunções articulares que comprometem o funcionamento do sistema nervoso e causam dor.</p>
      </div>
      <div class="quiro-step">
        <div class="step-num">03</div>
        <h3>Ajuste Quiroprático</h3>
        <p>Aplicamos técnicas manuais precisas e seguras para corrigir as subluxações, restaurando o alinhamento e a função normal da coluna.</p>
      </div>
      <div class="quiro-step">
        <div class="step-num">04</div>
        <h3>Acompanhamento</h3>
        <p>Plano de tratamento personalizado com acompanhamento contínuo para garantir resultados duradouros e prevenir recidivas.</p>
      </div>
    </div>
  </div>
</section>

<!-- ===== MASSOTERAPIA ===== -->
<section class="massa">
  <div class="container">
    <div class="section-label">Terapias Complementares</div>
    <h2 class="section-title">Massoterapia &<br><span>Terapias Manuais</span></h2>
    <p class="section-desc">Além da quiropraxia, oferecemos serviços completos de massoterapia para complementar o tratamento, promover relaxamento profundo e acelerar a recuperação.</p>
    <div class="massa-grid">
      <div class="massa-card">
        <div class="massa-card-header">
          <div class="icon">🌿</div>
          <h3>Massagem Relaxante</h3>
        </div>
        <div class="massa-card-body">
          <p>Técnica suave que alivia tensões musculares, reduz o estresse e promove bem-estar geral. Ideal para quem busca relaxamento profundo e alívio da tensão diária.</p>
          <span class="massa-badge">⏱ 60 min</span>
        </div>
      </div>
      <div class="massa-card">
        <div class="massa-card-header">
          <div class="icon">💪</div>
          <h3>Liberação Miofascial</h3>
        </div>
        <div class="massa-card-body">
          <p>Técnica especializada que trata aderências na fáscia muscular, liberando tensões profundas, melhorando a mobilidade e aliviando dores crônicas e pontos-gatilho.</p>
          <span class="massa-badge">⏱ 45-60 min</span>
        </div>
      </div>
      <div class="massa-card">
        <div class="massa-card-header">
          <div class="icon">🦶</div>
          <h3>Reflexoterapia</h3>
        </div>
        <div class="massa-card-body">
          <p>Técnica que estimula pontos reflexos nos pés, mãos e orelhas correspondentes a órgãos e sistemas do corpo. Promove equilíbrio energético e bem-estar integral.</p>
          <span class="massa-badge">⏱ 50 min</span>
        </div>
      </div>
      <div class="massa-card">
        <div class="massa-card-header">
          <div class="icon">🌸</div>
          <h3>Massagem Sueca</h3>
        </div>
        <div class="massa-card-body">
          <p>A técnica mais clássica da massoterapia. Combina movimentos de deslizamento, amassamento e percussão para aliviar tensões musculares e ativar a circulação.</p>
          <span class="massa-badge">⏱ 60 min</span>
        </div>
      </div>
      <div class="massa-card">
        <div class="massa-card-header">
          <div class="icon">🔥</div>
          <h3>Ventosaterapia</h3>
        </div>
        <div class="massa-card-body">
          <p>Terapia milenar que utiliza ventosas para criar sucção na pele, melhorando a circulação, liberando tensões musculares e promovendo a desintoxicação dos tecidos.</p>
          <span class="massa-badge">⏱ 45 min</span>
        </div>
      </div>
      <div class="massa-card">
        <div class="massa-card-header">
          <div class="icon">🧘</div>
          <h3>Aromaterapia</h3>
        </div>
        <div class="massa-card-body">
          <p>Massagem terapêutica combinada com óleos essenciais selecionados para potencializar o relaxamento, reduzir ansiedade e equilibrar mente e corpo.</p>
          <span class="massa-badge">⏱ 60 min</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== DIFERENCIAIS ===== -->
<section class="diff">
  <div class="container">
    <div style="text-align:center; margin-bottom:8px;">
      <div class="section-label">Por que nos escolher?</div>
    </div>
    <h2 class="section-title" style="text-align:center;">Nossos <span>Diferenciais</span></h2>
    <div class="diff-grid">
      <div class="diff-card">
        <div class="diff-icon">🎓</div>
        <h3>Especialista em Hérnia</h3>
        <p>Dr. Gabriel é especialista certificado em hérnia de disco, com técnicas avançadas e atualizadas.</p>
      </div>
      <div class="diff-card">
        <div class="diff-icon">🩺</div>
        <h3>Atendimento Humanizado</h3>
        <p>Cada paciente é único. Protocolos personalizados para garantir os melhores resultados.</p>
      </div>
      <div class="diff-card">
        <div class="diff-icon">🏛️</div>
        <h3>Instituto Especializado</h3>
        <p>Estrutura completa dedicada exclusivamente à quiropraxia e terapias da coluna vertebral.</p>
      </div>
      <div class="diff-card">
        <div class="diff-icon">✅</div>
        <h3>Ciência Reconhecida pela OMS</h3>
        <p>A quiropraxia é reconhecida internacionalmente como ciência da saúde eficaz e segura.</p>
      </div>
      <div class="diff-card">
        <div class="diff-icon">💊</div>
        <h3>Sem Medicamentos</h3>
        <p>Tratamento 100% natural e manual, sem dependência de medicamentos e sem cirurgia.</p>
      </div>
      <div class="diff-card">
        <div class="diff-icon">📲</div>
        <h3>Fácil Agendamento</h3>
        <p>Agende sua consulta de forma rápida e prática pelo WhatsApp, sem complicações.</p>
      </div>
    </div>
  </div>
</section>

<!-- ===== CTA FINAL ===== -->
<section class="cta">
  <div class="container">
    <h2>Pronto para <span>Viver sem Dor?</span></h2>
    <p>Agende sua avaliação com o Dr. Gabriel Fogaça de Souza e dê o primeiro passo para uma vida com qualidade e livre de dores!</p>
    <div class="cta-buttons">
      <a href="https://wa.me/5514996416572?text=Olá!%20Gostaria%20de%20agendar%20uma%20avaliação%20no%20Doutor%20Coluna." class="cta-wpp">
        💬 Agendar via WhatsApp
      </a>
      <a href="mailto:adm@doutorcolunainstituto.com" class="cta-email">
        ✉️ adm@doutorcolunainstituto.com
      </a>
    </div>
    <p class="cta-contact-info">
      📞 <a href="tel:+5514996416572">(14) 99641-6572</a> &nbsp;|&nbsp;
      Doutor Coluna Instituto de Quiropraxia
    </p>
  </div>
</section>

<!-- ===== FOOTER ===== -->
<footer class="footer">
  <img src="https://media.base44.com/images/public/692b8d2a76dfbc846144c73b/340477cc7_2.png" alt="Doutor Coluna">
  <p>© 2024 Doutor Coluna Instituto de Quiropraxia — Dr. Gabriel Fogaça de Souza</p>
  <p>Quiropraxia • Massoterapia • Saúde da Coluna</p>
</footer>

</body>
</html>
Preview — Doutor Coluna Instituto de Quiropraxia