<!DOCTYPE html>

<head>

<title>Clínica Sementinha</title>

<style>

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

body {

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

line-height: 1.6;

color: #333;

}

header {

background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);

color: white;

padding: 20px 0;

position: sticky;

top: 0;

z-index: 100;

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

}

header nav {

max-width: 1200px;

margin: 0 auto;

display: flex;

justify-content: space-between;

align-items: center;

padding: 0 20px;

}

header h1 {

font-size: 28px;

font-weight: 700;

}

nav ul {

list-style: none;

display: flex;

gap: 30px;

}

nav a {

color: white;

text-decoration: none;

font-weight: 500;

transition: opacity 0.3s;

cursor: pointer;

}

nav a:hover {

opacity: 0.8;

}

.hero {

background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);

color: white;

padding: 80px 20px;

text-align: center;

}

.hero h2 {

font-size: 48px;

margin-bottom: 20px;

}

.hero p {

font-size: 20px;

max-width: 600px;

margin: 0 auto 30px;

}

.btn {

display: inline-block;

padding: 15px 40px;

background: #FF9800;

color: white;

text-decoration: none;

border-radius: 5px;

font-weight: 600;

transition: background 0.3s;

border: none;

cursor: pointer;

font-size: 16px;

}

.btn:hover {

background: #F57C00;

}

.section {

max-width: 1200px;

margin: 60px auto;

padding: 0 20px;

}

.section h2 {

font-size: 36px;

margin-bottom: 30px;

text-align: center;

color: #2E7D32;

}

.cards {

display: grid;

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

gap: 30px;

margin-bottom: 40px;

}

.card {

background: white;

border-radius: 10px;

padding: 30px;

box-shadow: 0 4px 15px rgba(0,0,0,0.1);

transition: transform 0.3s;

}

.card:hover {

transform: translateY(-5px);

}

.card h3 {

color: #4CAF50;

margin-bottom: 15px;

font-size: 22px;

}

.card p {

color: #666;

line-height: 1.8;

}

.therapies {

display: grid;

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

gap: 20px;

}

.therapy {

background: #f5f5f5;

padding: 20px;

border-radius: 8px;

border-left: 4px solid #4CAF50;

text-align: center;

}

.therapy h4 {

color: #2E7D32;

}

.values {

display: grid;

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

gap: 25px;

}

.value-item {

text-align: center;

padding: 20px;

background: white;

border-radius: 8px;

box-shadow: 0 2px 10px rgba(0,0,0,0.05);

}

.value-item h4 {

color: #4CAF50;

margin-bottom: 10px;

font-size: 18px;

}

.value-item p {

color: #666;

font-size: 14px;

}

.facilities {

display: grid;

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

gap: 30px;

}

.facility {

background: white;

border-radius: 10px;

overflow: hidden;

box-shadow: 0 4px 15px rgba(0,0,0,0.1);

}

.facility-icon {

background: #4CAF50;

color: white;

padding: 40px;

text-align: center;

font-size: 40px;

}

.facility-content {

padding: 20px;

}

.facility h4 {

color: #2E7D32;

margin-bottom: 10px;

font-size: 18px;

}

.facility p {

color: #666;

font-size: 14px;

}

.contact {

background: #2E7D32;

color: white;

padding: 60px 20px;

text-align: center;

}

.contact h2 {

color: white;

margin-bottom: 30px;

}

.contact-info {

display: grid;

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

gap: 30px;

max-width: 1200px;

margin: 30px auto;

}

.info-item {

background: rgba(255,255,255,0.1);

padding: 20px;

border-radius: 8px;

}

.info-item h4 {

margin-bottom: 10px;

font-size: 18px;

}

.info-item p {

font-size: 14px;

}

footer {

background: #1B5E20;

color: white;

text-align: center;

padding: 20px;

font-size: 14px;

}

@media (max-width: 768px) {

nav ul {

flex-direction: column;

gap: 15px;

}

.hero h2 {

font-size: 32px;

}

.section h2 {

font-size: 28px;

}

</style>

</head>

<body>

<nav>

<h1>🌿 Clínica Sementinha</h1>

<ul>

<li><a href='#sobre'>Sobre</a></li>

<li><a href='#terapias'>Terapias</a></li>

<li><a href='#estrutura'>Estrutura</a></li>

<li><a href='#valores'>Valores</a></li>

<li><a href='#contato'>Contato</a></li>

</ul>

</nav>

</header>

<h2>Desenvolvimento Integral Infantil</h2>

<p>Especializada no atendimento de crianças neurodivergentes com abordagem interdisciplinar, humanizada e baseada em evidências científicas.</p>

<button class='btn'>Agende uma Avaliação</button>

</section>

<h2>Sobre a Clínica Sementinha</h2>

<h3>⭐ Nossa Missão</h3>

<p>Promover o desenvolvimento, autonomia e inclusão social de todas as crianças, por meio de atendimento interdisciplinar inovador e humanizado.</p>

</div>

<h3>📋 Especialização</h3>

<p>Atendemos crianças neurodivergentes com foco principal em TEA, TDAH, paralisia cerebral e deficiências motoras, além de dificuldades no desenvolvimento.</p>

</div>

<h3>🔬 Evidências Científicas</h3>

<p>Todas as nossas intervenções são baseadas em pesquisas e técnicas comprovadas, respeitando as singularidades de cada criança.</p>

</div>

</section>

<h2>Terapias Disponíveis</h2>

<div class='therapy'><h4>🗣️ Fonoaudiologia</h4></div>

<div class='therapy'><h4>🧠 Psicologia</h4></div>

<div class='therapy'><h4>📚 Psicopedagogia</h4></div>

<div class='therapy'><h4>✋ Terapia Ocupacional</h4></div>

<div class='therapy'><h4>🎵 Musicoterapia</h4></div>

<div class='therapy'><h4>💪 Fisioterapia</h4></div>

<div class='therapy'><h4>🤝 Acompanhante Terapêutico</h4></div>

</div>

</section>

<h2>Nossa Estrutura Física</h2>

<p style='text-align:center;margin-bottom:30px;color:#666;font-size:18px'>Espaço amplo de <strong>600m²</strong>, sendo <strong>350m²</strong> destinados ao atendimento direto</p>

<h4>18 Salas de Atendimento</h4>

<p>Multiprofissional com infraestrutura moderna</p>

</div>

<h4>Sala de Integração Sensorial</h4>

<p>Ambientes especializados</p>

</div>

<h4>Sala de Fisioterapia</h4>

<p>Equipamentos modernos</p>

</div>

<h4>Sala de Habilidades Sociais</h4>

<p>Desenvolvimento de competências</p>

</div>

<h4>Banheiros Adaptados</h4>

<p>Acessível para PCD</p>

</div>

<h4>Estacionamento</h4>

<p>Conveniência para famílias</p>

</div>

</section>

<h2>Nossos Valores</h2>

<h4>🤝 Humanização</h4>

<p>Atendimento com empatia, respeito e acolhimento</p>

</div>

<h4>🌍 Inclusão</h4>

<p>Ambientes diversos e acessíveis</p>

</div>

<h4>🔗 Colaboração</h4>

<p>Trabalho integrado entre especialidades</p>

</div>

<h4>⚖️ Ética</h4>

<p>Transparência e responsabilidade</p>

</div>

<h4>✨ Excelência</h4>

<p>Qualidade baseada em evidências</p>

</div>

<h4>💡 Inovação</h4>

<p>Técnicas e tecnologias modernas</p>

</div>

<h4>🌱 Sustentabilidade</h4>

<p>Compromisso social e financeiro</p>

</div>

</section>

<h2>Entre em Contato</h2>

<p style='font-size:18px;margin-bottom:30px'>Agende uma avaliação com nossa equipe multidisciplinar</p>

<h4>📍 Localização</h4>

<p>Rua Benjamim Constant, 511<br>Pitangueiras - Guarujá, SP</p>

</div>

<h4>