0% ont trouvé ce document utile (0 vote)
0 vues41 pages

HTML

Le document est un code HTML et CSS pour un site web sur le cannabis médical, comprenant des sections pour un en-tête fixe, un héros, des sections générales, des témoignages et un formulaire de contact. Il utilise des styles modernes et réactifs pour améliorer l'expérience utilisateur. Les éléments incluent des boutons, des cartes de contenu et des effets de survol pour une interface interactive.

Transféré par

fprocha94
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
0 vues41 pages

HTML

Le document est un code HTML et CSS pour un site web sur le cannabis médical, comprenant des sections pour un en-tête fixe, un héros, des sections générales, des témoignages et un formulaire de contact. Il utilise des styles modernes et réactifs pour améliorer l'expérience utilisateur. Les éléments incluent des boutons, des cartes de contenu et des effets de survol pour une interface interactive.

Transféré par

fprocha94
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

```html

21/05/2026, 13:17:13

Dr. Fabio Rocha – Cannabis Medicinal

{
margin: 0;

padding: 0;

box-sizing: border-box;
}

body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

background: #f9fafb;

color: #1e293b;

line-height: 1.6;

scroll-behavior: smooth;
}

/ Cores principais /
:root {
--verde: #27AE60;

--verde-escuro: #1e8449;

--azul: #2E86AB;

--azul-escuro: #1a5f7a;
--cinza-claro: #f0f4f8;

--sombra: 0 8px 30px rgba(0,0,0,0.08);


}

/ ===== HEADER FIXO ===== /


header {
position: fixed;

top: 0;

left: 0;

width: 100%;

background: white;

box-shadow: 0 2px 20px rgba(0,0,0,0.07);

z-index: 1000;

padding: 0 5%;

height: 70px;

display: flex;

align-items: center;

justify-content: space-between;

transition: all 0.3s;


}

.logo {
font-size: 1.5rem;

font-weight: 700;
color: var(--verde);

letter-spacing: -0.5px;
}
.logo span {
color: var(--azul);
}

nav {
display: flex;

gap: 2rem;

align-items: center;
}
nav a {
text-decoration: none;

color: #2d3436;

font-weight: 500;

font-size: 0.95rem;

transition: color 0.3s;

position: relative;
}
nav a::after {

content: '';

position: absolute;

bottom: -4px;

left: 0;

width: 0;
height: 2px;

background: var(--verde);

transition: width 0.3s;


}
nav a:hover::after {

width: 100%;
}
nav a:hover {

color: var(--verde);
}

.cta-nav {
background: var(--verde);

color: white !important;

padding: 8px 20px;

border-radius: 50px;

font-weight: 600;

transition: background 0.3s, transform 0.2s;


}
.cta-nav::after {

display: none;
}
.cta-nav:hover {

background: var(--verde-escuro);

transform: scale(1.02);
}
/ Menu hamburger /
.hamburger {
display: none;

flex-direction: column;

gap: 5px;

cursor: pointer;

padding: 5px;
}
.hamburger span {
width: 28px;

height: 3px;

background: #2d3436;

border-radius: 3px;

transition: all 0.3s;


}
.[Link] span:nth-child(1) {

transform: rotate(45deg) translate(5px, 6px);


}
.[Link] span:nth-child(2) {

opacity: 0;
}
.[Link] span:nth-child(3) {

transform: rotate(-45deg) translate(5px, -6px);


}

/ ===== HERO ===== /


.hero {
padding: 130px 5% 80px;

background: linear-gradient(135deg, #e8f5e9 0%, #e3f2fd 100%);

display: flex;

align-items: center;

justify-content: space-between;

flex-wrap: wrap;

gap: 3rem;

min-height: 90vh;
}
.hero-texto {
flex: 1 1 500px;
}
.hero-texto h1 {
font-size: 2.8rem;

font-weight: 800;

color: #1a1a2e;

line-height: 1.2;

margin-bottom: 1rem;
}
.hero-texto h1 span {
color: var(--verde);
}
.hero-texto p {
font-size: 1.2rem;

color: #4a5568;
margin-bottom: 2rem;

max-width: 600px;
}
.hero-botoes {
display: flex;

gap: 1rem;

flex-wrap: wrap;
}
.btn {
padding: 14px 32px;

border-radius: 50px;

font-weight: 600;

font-size: 1rem;

border: none;

cursor: pointer;

transition: all 0.3s;

text-decoration: none;

display: inline-flex;

align-items: center;

gap: 8px;
}
.btn-whatsapp {
background: #25D366;

color: white;
box-shadow: 0 4px 15px rgba(37,211,102,0.3);
}
.btn-whatsapp:hover {

background: #1da851;

transform: translateY(-2px);

box-shadow: 0 6px 25px rgba(37,211,102,0.4);


}
.btn-outline {
background: transparent;

color: var(--azul);

border: 2px solid var(--azul);


}
.btn-outline:hover {

background: var(--azul);

color: white;
}

.hero-foto {
flex: 1 1 300px;

text-align: center;
}
.hero-foto img {
width: 100%;

max-width: 380px;

border-radius: 30px;

box-shadow: var(--sombra);
transition: transform 0.4s;
}
.hero-foto img:hover {

transform: scale(1.02);
}
.placeholder-foto {
width: 100%;

max-width: 380px;

height: 400px;

background: linear-gradient(135deg, #c8e6c9, #bbdefb);

border-radius: 30px;

display: flex;

align-items: center;

justify-content: center;

color: #555;

font-size: 1.1rem;

box-shadow: var(--sombra);

margin: 0 auto;
}

/ ===== SEÇÕES GERAIS ===== /


section {
padding: 80px 5%;
}
.section-title {
text-align: center;
margin-bottom: 60px;
}
.section-title h2 {
font-size: 2.2rem;

font-weight: 700;

color: #1a1a2e;

position: relative;

display: inline-block;
}
.section-title h2::after {

content: '';

position: absolute;

bottom: -10px;

left: 50%;

transform: translateX(-50%);

width: 60px;

height: 4px;

background: var(--verde);

border-radius: 2px;
}
.section-title p {
color: #64748b;

margin-top: 20px;

font-size: 1.1rem;
max-width: 700px;

margin-left: auto;

margin-right: auto;
}

/ ===== SOBRE ===== /


.sobre-grid {
display: flex;

gap: 4rem;

align-items: center;

flex-wrap: wrap;
}
.sobre-foto {
flex: 1 1 300px;

text-align: center;
}
.sobre-foto .placeholder-foto {
height: 350px;
}
.sobre-texto {
flex: 2 1 400px;
}
.sobre-texto h3 {
font-size: 1.8rem;

color: var(--verde);

margin-bottom: 0.5rem;
}
.sobre-texto p {
color: #475569;
margin-bottom: 1rem;

font-size: 1.05rem;
}
.credenciais {
display: flex;

gap: 2rem;

margin-top: 1.5rem;

flex-wrap: wrap;
}
.credenciais-item {
background: white;

padding: 16px 24px;

border-radius: 16px;

box-shadow: var(--sombra);

text-align: center;

flex: 1 1 120px;
}
.credenciais-item .numero {
font-size: 1.8rem;

font-weight: 700;

color: var(--azul);
}
.credenciais-item .rotulo {
font-size: 0.85rem;

color: #64748b;
}

/ ===== SISTEMAS ===== /


.sistemas-container {
display: grid;

grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

gap: 30px;
}
.sistema-card {
background: white;

border-radius: 20px;

padding: 30px;

box-shadow: var(--sombra);

transition: all 0.3s;

border-left: 5px solid var(--verde);


}
.sistema-card:hover {

transform: translateY(-5px);

box-shadow: 0 12px 40px rgba(0,0,0,0.12);


}
.sistema-card h3 {
font-size: 1.3rem;

color: var(--azul);

margin-bottom: 10px;

display: flex;

align-items: center;
gap: 10px;
}
.sistema-card .icone {
font-size: 1.8rem;
}
.sistema-card ul {
list-style: none;

margin-top: 12px;
}
.sistema-card ul li {
padding: 6px 0;

border-bottom: 1px solid #f1f5f9;

font-size: 0.95rem;

color: #334155;

display: flex;

align-items: center;

gap: 8px;
}
.sistema-card ul li::before {

content: "🌱";

font-size: 0.9rem;
}
.sistema-card .doencas-count {
margin-top: 15px;

font-size: 0.85rem;

color: #94a3b8;
}

/ ===== COMO FUNCIONA ===== /


.passos {
display: grid;

grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));

gap: 30px;

max-width: 1000px;

margin: 0 auto;
}
.passo {
background: white;

padding: 30px;

border-radius: 20px;

box-shadow: var(--sombra);

text-align: center;

transition: all 0.3s;

position: relative;
}
.passo:hover {

transform: translateY(-4px);
}
.passo .numero-passo {
width: 50px;

height: 50px;

background: var(--verde);
color: white;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

font-size: 1.5rem;

font-weight: 700;

margin: 0 auto 15px;


}
.passo h4 {
font-size: 1.2rem;

color: #1a1a2e;

margin-bottom: 10px;
}
.passo p {
color: #64748b;

font-size: 0.95rem;
}

/ ===== BLOG ===== /


.blog-grid {
display: grid;

grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));

gap: 30px;
}
.artigo {
background: white;

border-radius: 20px;

overflow: hidden;

box-shadow: var(--sombra);

transition: all 0.3s;


}
.artigo:hover {

transform: translateY(-4px);
}
.artigo-img {
height: 180px;

background: linear-gradient(135deg, #a8e6cf, #dcedc1);

display: flex;

align-items: center;

justify-content: center;

color: #555;

font-size: 0.9rem;
}
.artigo-content {
padding: 20px;
}
.artigo-content h4 {
font-size: 1.1rem;

color: #1a1a2e;

margin-bottom: 8px;
}
.artigo-content .resumo {
color: #64748b;

font-size: 0.9rem;

margin-bottom: 12px;
}
.artigo-content .leia-mais {
color: var(--verde);

cursor: pointer;

font-weight: 600;

font-size: 0.9rem;

display: inline-block;

transition: color 0.3s;


}
.artigo-content .leia-mais:hover {

color: var(--verde-escuro);
}
.artigo-expandido {
max-height: 0;

overflow: hidden;

transition: max-height 0.5s ease, padding 0.3s;

background: #f8fafc;

padding: 0 20px;

border-radius: 0 0 20px 20px;


}
.artigo-expandido p {
padding: 15px 0;

color: #334155;

font-size: 0.95rem;

line-height: 1.7;
}
.[Link] {
max-height: 600px;

padding: 10px 20px 20px;


}

/ ===== DEPOIMENTOS ===== /


.depoimentos-grid {
display: grid;

grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));

gap: 30px;
}
.depoimento {
background: white;

padding: 30px;

border-radius: 20px;

box-shadow: var(--sombra);

position: relative;
}
.depoimento .aspas {
font-size: 3rem;

color: var(--verde);
opacity: 0.2;

position: absolute;

top: 10px;

left: 20px;

line-height: 1;
}
.depoimento p {
font-style: italic;

color: #475569;

margin-bottom: 15px;

position: relative;

z-index: 1;
}
.depoimento .autor {
font-weight: 600;

color: var(--azul);

font-style: normal;
}

/ ===== CONTATO ===== /


.contato-grid {
display: flex;

gap: 3rem;

flex-wrap: wrap;

max-width: 1000px;
margin: 0 auto;
}
.contato-info {
flex: 1 1 300px;
}
.contato-info h3 {
font-size: 1.5rem;

color: #1a1a2e;

margin-bottom: 15px;
}
.contato-info p {
color: #64748b;

margin-bottom: 20px;
}
.contato-info .whatsapp-link {
display: inline-flex;

align-items: center;

gap: 10px;

background: #25D366;

color: white;

padding: 12px 25px;

border-radius: 50px;

text-decoration: none;

font-weight: 600;

transition: all 0.3s;


}
.contato-info .whatsapp-link:hover {

background: #1da851;

transform: translateY(-2px);
}
.contato-form {
flex: 2 1 400px;

background: white;

padding: 30px;

border-radius: 20px;

box-shadow: var(--sombra);
}
.contato-form input,
.contato-form textarea,
.contato-form select {
width: 100%;

padding: 14px 16px;

margin-bottom: 15px;

border: 2px solid #e2e8f0;

border-radius: 12px;

font-size: 1rem;

transition: border-color 0.3s;

background: #f8fafc;

font-family: inherit;
}
.contato-form input:focus,

.contato-form textarea:focus,

.contato-form select:focus {

outline: none;

border-color: var(--verde);

background: white;
}
.contato-form textarea {
height: 120px;

resize: vertical;
}
.contato-form button {
background: var(--verde);

color: white;

border: none;

padding: 14px 30px;

border-radius: 50px;

font-weight: 600;

font-size: 1rem;

cursor: pointer;

transition: all 0.3s;

width: 100%;
}
.contato-form button:hover {
background: var(--verde-escuro);

transform: translateY(-2px);
}

/ ===== WHATSAPP FLUTUANTE ===== /


.whatsapp-float {
position: fixed;

bottom: 30px;

right: 30px;

background: #25D366;

color: white;

width: 60px;

height: 60px;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

font-size: 2rem;

box-shadow: 0 6px 25px rgba(37,211,102,0.4);

z-index: 999;

text-decoration: none;

transition: all 0.3s;


animation: pulse-whatsapp 2s infinite;
}
.whatsapp-float:hover {

transform: scale(1.1);

background: #1da851;
}
@keyframes pulse-whatsapp {
0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.5); }

70% { box-shadow: 0 0 0 20px rgba(37,211,102,0); }

100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }


}

/ ===== FOOTER ===== /


footer {
background: #1a1a2e;

color: #cbd5e1;

padding: 40px 5% 20px;

text-align: center;
}
footer .footer-links {
display: flex;

justify-content: center;

gap: 2rem;

flex-wrap: wrap;

margin-bottom: 20px;
}
footer .footer-links a {
color: #94a3b8;

text-decoration: none;

transition: color 0.3s;


}
footer .footer-links a:hover {

color: var(--verde);
}
footer .copy {
font-size: 0.85rem;

color: #64748b;

border-top: 1px solid #2d2d4a;

padding-top: 20px;
}

/ ===== RESPONSIVO ===== /


@media (max-width: 900px) {
.hero-texto h1 {
font-size: 2rem;
}
.hero {
padding-top: 100px;

text-align: center;
}
.hero-botoes {
justify-content: center;
}
nav {
display: none;

flex-direction: column;
position: fixed;

top: 70px;

left: 0;

width: 100%;

background: white;

padding: 20px;

box-shadow: 0 10px 30px rgba(0,0,0,0.1);

gap: 1rem;
}
[Link] {
display: flex;
}
.hamburger {
display: flex;
}
.cta-nav {
text-align: center;
}
.section-title h2 {
font-size: 1.8rem;
}
}

@media (max-width: 500px) {


.hero-texto h1 {
font-size: 1.6rem;
}
.sistema-card {
padding: 20px;
}
.passo {
padding: 20px;
}
.whatsapp-float {
width: 50px;

height: 50px;

font-size: 1.5rem;

bottom: 20px;

right: 20px;
}
}

/ Suave scroll para links internos /


html {
scroll-padding-top: 80px;
}

/ Animações /
.fade-in {
opacity: 0;

transform: translateY(20px);

transition: opacity 0.6s ease, transform 0.6s ease;


}
.[Link] {
opacity: 1;

transform: translateY(0);
}

Dr. Fabio Rocha


Início
Sobre
Sistemas
Blog
Contato
Agende sua consulta

# Cuidado humanizado com Cannabis Medicinal

Há mais de 7 anos transformando vidas através da medicina canabinoide. Atendimento


interativo, acolhedor e baseado em evidências científicas.

📲 Agendar consulta

Conheça as indicações

Sua foto aqui


@[Link]

## Sobre o Dr. Fabio Rocha

Médico dedicado à cannabis medicinal desde 2019, com foco em atendimento


humanizado e personalizado
Sua foto
aqui

### Dr. Fabio Rocha

CRM: 123456-SP | RQE: 78910

Médico formado pela Universidade de São Paulo (USP), especializado em Medicina


Canabinoide pelo Centro de Estudos Avançados em Cannabis Medicinal. Desde 2019, já
atendi mais de 1.200 pacientes, ajudando a restaurar qualidade de vida através de protocolos
individualizados com canabinoides.

Acredito em uma medicina que escuta, acolhe e respeita a história de cada paciente.
Por isso, cada consulta é um espaço seguro para dúvidas, troca de informações e construção
conjunta do tratamento.

7+
Anos de experiência

1200+
Pacientes atendidos

15+
Artigos publicados

## Indicações por Sistema Corporal


A cannabis medicinal pode auxiliar no tratamento de diversas condições. Organizamos
por sistemas para facilitar sua compreensão.

### 🧠 Sistema Neurológico

• Epilepsia refratária (síndromes Dravet, Lennox-Gastaut)

• Esclerose múltipla (espasticidade, dor neuropática)

• Parkinson (tremores, rigidez, discinesias)

• Alzheimer e demências (agitação, distúrbios comportamentais)

• Enxaqueca crônica e cefaleias tensionais

• Dor neuropática (neuralgia pós-herpética, neuropatia diabética)

• SEQÜELAS de AVC (espasticidade, dor)

• Tremor essencial

8 condições tratáveis

### 🦴 Sistema Musculoesquelético

• Artrite reumatoide (dor articular, inflamação)

• Osteoartrite (joelhos, quadris, mãos)


• Fibromialgia (dor difusa, fadiga, distúrbios do sono)

• Dor lombar crônica (hérnia de disco, artrose facetária)

• Espondilite anquilosante

• Lesões esportivas (recuperação muscular, dor)

• Distrofia muscular

7 condições tratáveis

### 🫃 Sistema Digestório

• Doença de Crohn e retocolite ulcerativa

• Síndrome do intestino irritável (SII)

• Náuseas e vômitos induzidos por quimioterapia

• Gastroparesia diabética

• Dor abdominal crônica funcional

• Doença hepática gordurosa não alcoólica (DHGNA)

• Pancreatite crônica (dor)

7 condições tratáveis
### 🧬 Sistema Endócrino

• Diabetes mellitus tipo 2 (controle glicêmico, neuropatia)

• Síndrome metabólica (resistência insulínica, obesidade)

• Síndrome dos ovários policísticos (SOP)

• Doenças da tireoide (dor, fadiga)

• Osteoporose (dor óssea, qualidade de vida)

• Hiperprolactinemia (regulação hormonal)

6 condições tratáveis

### Sistema Imunológico

• Lúpus eritematoso sistêmico (dor articular, fadiga)

• Artrite psoriásica (pele + articulações)

• Psoríase em placa (lesões cutâneas, prurido)

• Doença de Behçet (úlceras orais/genitais, dor)

• Vasculites (dor, inflamação sistêmica)

• Esclerodermia (fibrose, dor)

• Doença enxerto-versus-hospedeiro (DECH)

• Imunomodulação em doenças autoimunes


8 condições tratáveis

### 🧘 Comportamento e Saúde Mental

• Transtorno de ansiedade generalizada (TAG)

• Transtorno de estresse pós-traumático (TEPT)

• Insônia crônica (qualidade do sono)

• Depressão refratária (como adjuvante)

• Transtorno do espectro autista (TEA) – irritabilidade, comportamentos repetitivos

• Transtorno de déficit de atenção e hiperatividade (TDAH)

• Compulsões e vícios (tabagismo, alcoolismo, dependência química)

• Transtorno bipolar (estabilização do humor)

8 condições abordadas

A cannabis medicinal não substitui tratamentos convencionais. Consulte um médico


especialista para avaliar seu caso.

## Como funciona o atendimento

Simples, seguro e totalmente online. Em três passos você inicia seu tratamento.
1
Agende sua consulta
Clique no botão do WhatsApp ou preencha o formulário. Em até 24h confirmamos
seu horário.

2
Consulta humanizada
Atendimento online, sigiloso e acolhedor. Vou conhecer sua história, exames e
objetivos.

3
Prescrição e acompanhamento
Se indicado, emito a prescrição e oriento sobre o uso. Acompanho sua evolução a
cada retorno.

## Blog – Cannabis Medicinal

Artigos baseados em ciência para esclarecer dúvidas e informar sobre o potencial


terapêutico da cannabis.

📸 Imagem do artigo

O que é o sistema endocanabinoide?


Entenda como nosso corpo produz seus próprios canabinoides e como a cannabis
pode auxiliar nesse equilíbrio.
Ler mais ▼

O sistema endocanabinoide (SEC) é um sistema de sinalização celular descoberto


nos anos 1990. Ele regula funções como apetite, sono, humor, dor e resposta imune. A
cannabis medicinal atua modulando esse sistema através dos fitocanabinoides (CBD, THC,
CBG, etc.), promovendo equilíbrio (homeostase) e alívio de sintomas.

📸 Imagem do artigo

CBD vs THC: entenda as diferenças


Os dois canabinoides mais conhecidos têm ações distintas. Saiba quando cada um é
indicado.

Ler mais ▼

O CBD (canabidiol) não é psicoativo e tem propriedades ansiolíticas,


anticonvulsivantes e anti-inflamatórias. O THC (tetrahidrocanabinol) é psicoativo e excelente
para dor, náusea e estimulação do apetite. Em muitos casos, a combinação de ambos
(espectro completo) potencializa os benefícios terapêuticos.

📸 Imagem do artigo

Cannabis para ansiedade: o que a ciência diz?


Estudos recentes mostram resultados promissores no tratamento de transtornos de
ansiedade.

Ler mais ▼
Uma meta-análise de 2024 envolvendo mais de 2.000 pacientes demonstrou que o
CBD reduz significativamente os escores de ansiedade em transtornos como TAG e TEPT. A
recomendação médica é fundamental para ajustar doses e evitar interações medicamentosas.

📸 Imagem do artigo

Cannabis no tratamento da dor crônica


A dor crônica afeta milhões de brasileiros. A cannabis pode ser uma alternativa
segura aos opioides.

Ler mais ▼

Pesquisas indicam que os canabinoides atuam em múltiplos receptores de dor,


reduzindo a percepção dolorosa e a inflamação. Estudos de 2025 mostram que 70% dos
pacientes com dor crônica relatam melhora significativa com o uso de cannabis medicinal,
com menos efeitos colaterais que medicamentos tradicionais.

📸 Imagem do artigo

Mitos e verdades sobre a cannabis medicinal


Desvendamos os equívocos mais comuns sobre o tratamento com canabinoides.

Ler mais ▼

Mito: "Cannabis medicinal vicia" – A maioria dos pacientes não desenvolve


dependência quando usada sob supervisão médica. Verdade: "CBD não tem efeito
psicoativo" – Correto, o CBD não altera a consciência. Mito: "Qualquer um pode comprar
livremente" – A venda é controlada e exige prescrição médica com receita especial.
## O que os pacientes dizem

Relatos reais de quem já experimentou os benefícios da cannabis medicinal.

"
O Dr. Fabio mudou minha vida. Convivia com dores há 10 anos por causa da artrite
reumatoide. Com o tratamento com cannabis, consegui reduzir os corticoides e voltei a fazer
caminhadas. Sou muito grata.

— Maria Clara S.

"
Meu filho tem epilepsia refratária e já tinha tentado de tudo. Com o canabidiol, as
crises reduziram 80% e ele está mais alerta e feliz. O acolhimento do Dr. Fabio foi essencial
nessa jornada.

— Ana Paula M.

"
Sofria de insônia e ansiedade há anos. O tratamento com CBD me ajudou a dormir
melhor e a me sentir mais calma durante o dia. Sem efeitos colaterais. Recomendo a todos.

— Carlos Eduardo L.

## Entre em contato

Agende sua consulta ou tire suas dúvidas. Estou aqui para ajudar.
### Vamos conversar?

📞 WhatsApp: (27) 99645-3617

📧 Email: contato@[Link]

🕐 Atendimento: Seg a Sex, 8h às 18h | Sábados, 8h às 12h

Clique no botão abaixo e agende sua consulta agora mesmo:

📲 Agendar no WhatsApp

Assunto
Agendamento de consulta
Dúvida sobre tratamento
Segunda via de receita
Outros

Enviar mensagem

Responderei em até 24 horas úteis.

💬
Início
Sobre
Sistemas
Blog
Depoimentos
Contato

© 2026 Dr. Fabio Rocha – Todos os direitos reservados.

CRM 123456-SP | RQE 78910 | Medicina baseada em evidências e humanização.

// Menu hamburger
function toggleMenu() {
const nav = [Link]('nav');
const hamburger = [Link]('hamburger');
[Link]('aberto');
[Link]('active');
}

// Fechar menu ao clicar em link (mobile)


[Link]('nav a').forEach(link => {
[Link]('click', () => {
[Link]('nav').[Link]('aberto');
[Link]('hamburger').[Link]('active');
});
});

// Expansão de artigos do blog


function toggleArtigo(elemento) {
const card = [Link]('.artigo');
const expandido = [Link]('.artigo-expandido');
const aberto = [Link]('aberto');
[Link] = aberto ? 'Ler menos ▲' : 'Ler mais ▼';
}
// Formulário (simulação de envio)
function enviarForm(e) {
[Link]();
const form = [Link]('formContato');
const btn = [Link]('button');
[Link] = 'Enviando...';
[Link] = true;
setTimeout(() => {
alert('Mensagem enviada com sucesso! Em breve entrarei em contato.');
[Link]();
[Link] = 'Enviar mensagem';
[Link] = false;
}, 1200);
return false;
}

// Animação fade-in ao scroll (Intersection Observer)


const observer = new IntersectionObserver((entries) => {
[Link](entry => {
if ([Link]) {
[Link]('visivel');
}
});
}, { threshold: 0.1 });

[Link]('.fade-in').forEach(el => [Link](el));

Vous aimerez peut-être aussi