<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Infográfico: Edital de Credenciamento Saúde - Ipiaú/BA 2025</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></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=Inter:wght@400;600;700;900&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #F0F9FF;
}
.chart-container {
position: relative;
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
height: 300px;
max-height: 350px;
}
.flowchart-arrow {
position: relative;
width: 100%;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.flowchart-arrow::after {
content: '▼';
font-size: 24px;
color: #0369A1;
}
.flowchart-arrow-horizontal {
position: relative;
width: 40px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.flowchart-arrow-horizontal::after {
content: '►';
font-size: 24px;
color: #0369A1;
}
</style>
</head>
<body class="text-sky-900">
<div class="container mx-auto p-4 md:p-8 max-w-6xl">
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-black text-sky-800 tracking-tight">Oportunidade de Credenciamento</h1>
<p class="text-xl md:text-2xl text-sky-700 mt-2">Secretaria de Saúde de Ipiaú/BA - Edital 001/2025</p>
<p class="text-lg text-sky-600 mt-1 font-semibold">Foco: Ginecologia e Obstetrícia</p>
</header>
<main class="grid grid-cols-1 md:grid-cols-2 gap-8">
<section class="md:col-span-2 bg-white rounded-xl shadow-lg p-6 border border-sky-200">
<h2 class="text-3xl font-bold text-center mb-4 text-sky-800">Qual é a Oportunidade?</h2>
<p class="text-center text-lg max-w-3xl mx-auto mb-6">
A Prefeitura de Ipiaú está credenciando profissionais e empresas para prestar serviços de saúde aos usuários do SUS. O credenciamento habilita você a ser chamado conforme a demanda, sem criar vínculo empregatício.
</p>
<div class="flex flex-col md:flex-row justify-center items-center gap-8">
<div class="text-center p-4 border-2 border-dashed border-sky-300 rounded-lg">
<span class="text-6xl">????⚕️</span>
<h3 class="text-xl font-bold mt-2">Pessoa Física</h3>
<p>(Médicos)</p>
</div>
<div class="text-4xl font-bold text-sky-500">+</div>
<div class="text-center p-4 border-2 border-dashed border-sky-300 rounded-lg">
<span class="text-6xl">????</span>
<h3 class="text-xl font-bold mt-2">Pessoa Jurídica</h3>
<p>(Clínicas e Empresas)</p>
</div>
</div>
</section>
<section class="md:col-span-2 bg-white rounded-xl shadow-lg p-6 border border-sky-200">
<h2 class="text-3xl font-bold text-center mb-6 text-sky-800">Prazos Essenciais</h2>
<div class="flex flex-col md:flex-row justify-between items-center text-center space-y-6 md:space-y-0 md:space-x-4">
<div class="flex-1">
<div class="text-sky-600 text-5xl font-black">????️</div>
<h3 class="text-xl font-bold mt-2">Inscrições Abertas</h3>
<p class="text-lg font-semibold text-sky-700">07/Abr/2025 a 31/Dez/2025</p>
<p class="text-sm text-slate-500">Credenciamento contínuo durante o período.</p>
</div>
<div class="text-2xl text-sky-400 font-thin hidden md:block">▶</div>
<div class="text-2xl text-sky-400 font-thin md:hidden">▼</div>
<div class="flex-1">
<div class="text-sky-600 text-5xl font-black">????</div>
<h3 class="text-xl font-bold mt-2">Validade do Contrato</h3>
<p class="text-lg font-semibold text-sky-700">12 meses</p>
<p class="text-sm text-slate-500">Pode ser prorrogado por igual período.</p>
</div>
<div class="text-2xl text-sky-400 font-thin hidden md:block">▶</div>
<div class="text-2xl text-sky-400 font-thin md:hidden">▼</div>
<div class="flex-1">
<div class="text-sky-600 text-5xl font-black">????</div>
<h3 class="text-xl font-bold mt-2">Prazo para Pagamento</h3>
<p class="text-lg font-semibold text-sky-700">Até 30 dias</p>
<p class="text-sm text-slate-500">Após a entrega da fatura dos serviços.</p>
</div>
</div>
</section>
<section class="bg-white rounded-xl shadow-lg p-6 border border-sky-200">
<h2 class="text-3xl font-bold text-center mb-4 text-sky-800">Modelo de Atendimento</h2>
<p class="text-center text-md mb-6">Os serviços podem ser prestados em dois locais, oferecendo flexibilidade para o credenciado e para o paciente.</p>
<div class="space-y-4">
<div class="flex items-center gap-4 p-4 bg-sky-50 rounded-lg">
<span class="text-4xl">????</span>
<div>
<h3 class="font-bold text-lg">Unidades de Saúde de Ipiaú</h3>
<p>Serviços realizados na estrutura da prefeitura.</p>
</div>
</div>
<div class="flex items-center gap-4 p-4 bg-sky-50 rounded-lg">
<span class="text-4xl">????</span>
<div>
<h3 class="font-bold text-lg">No seu Consultório/Clínica</h3>
<p>Desde que a uma distância máxima de <span class="font-black text-sky-700 text-xl">130 km</span> de Ipiaú.</p>
</div>
</div>
</div>
</section>
<section class="bg-white rounded-xl shadow-lg p-6 border border-sky-200 flex flex-col">
<h2 class="text-3xl font-bold text-center mb-2 text-sky-800">Valores e Pagamento</h2>
<p class="text-center text-md mb-4">O sistema de remuneração é transparente, baseado em tabela e com custos inclusos.</p>
<div class="chart-container flex-grow">
<canvas id="paymentChart"></canvas>
</div>
<p class="text-center text-sm mt-4 text-red-600 font-bold">⚠️ É estritamente proibido cobrar qualquer valor adicional dos pacientes.</p>
</section>
<section class="md:col-span-2 bg-white rounded-xl shadow-lg p-6 border border-sky-200">
<h2 class="text-3xl font-bold text-center mb-4 text-sky-800">Como os Pacientes São Encaminhados?</h2>
<p class="text-center text-lg max-w-3xl mx-auto mb-6">O sistema prioriza a escolha do paciente, mas garante uma distribuição justa quando não há preferência.</p>
<div class="flex flex-col items-center">
<div class="bg-sky-100 p-4 rounded-lg shadow-sm text-center">
<h3 class="font-bold text-lg">Paciente precisa de atendimento</h3>
<p>A demanda é registrada na Central de Regulação.</p>
</div>
<div class="flowchart-arrow"></div>
<div class="bg-sky-200 p-4 rounded-lg shadow-sm text-center">
<h3 class="font-bold text-lg">O paciente indicou um preferido?</h3>
</div>
<div class="w-full flex flex-col md:flex-row justify-center items-stretch mt-4">
<div class="flex-1 flex items-center justify-center p-2">
<div class="text-center p-4 bg-green-100 border-2 border-green-300 rounded-lg w-full h-full flex flex-col justify-center">
<span class="font-bold text-green-800">SIM</span>
<div class="flowchart-arrow"></div>
<p class="text-green-900">Encaminhado para o profissional/clínica escolhido.</p>
</div>
</div>
<div class="flex-1 flex items-center justify-center p-2">
<div class="text-center p-4 bg-amber-100 border-2 border-amber-300 rounded-lg w-full h-full flex flex-col justify-center">
<span class="font-bold text-amber-800">NÃO</span>
<div class="flowchart-arrow"></div>
<p class="text-amber-900">A Secretaria distribui por:</p>
<ul class="list-disc list-inside text-left text-sm mt-2">
<li>Rodízio (ordem de inscrição)</li>
<li>Localidade</li>
<li>Sorteio</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="md:col-span-2 bg-white rounded-xl shadow-lg p-6 border border-sky-200">
<h2 class="text-3xl font-bold text-center mb-6 text-sky-800">Documentação Necessária</h2>
<p class="text-center text-md mb-6">Prepare um <strong>arquivo PDF único</strong> com todos os documentos e envie para o e-mail da licitação.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<h3 class="text-2xl font-bold mb-3 text-sky-700">???? Para Pessoa Física</h3>
<ul class="space-y-2">
<li class="p-3 bg-sky-50 rounded-md">✔️ RG e CPF</li>
<li class="p-3 bg-sky-50 rounded-md">✔️ Diploma e Regularidade no CREMEB</li>
<li class="p-3 bg-sky-50 rounded-md">✔️ Comprovante de Endereço</li>
<li class="p-3 bg-sky-50 rounded-md">✔️ Certidões Fiscais (Federal e Estadual)</li>
</ul>
</div>
<div>
<h3 class="text-2xl font-bold mb-3 text-sky-700">???? Para Pessoa Jurídica</h3>
<ul class="space-y-2">
<li class="p-3 bg-sky-50 rounded-md">✔️ CNPJ e Contrato Social</li>
<li class="p-3 bg-sky-50 rounded-md">✔️ Documentos dos Sócios</li>
<li class="p-3 bg-sky-50 rounded-md">✔️ Alvarás (Funcionamento e Sanitário)</li>
<li class="p-3 bg-sky-50 rounded-md">✔️ Certidões Fiscais (Federal, Estadual, Municipal)</li>
<li class="p-3 bg-sky-50 rounded-md">✔️ Regularidade do FGTS e Trabalhista</li>
<li class="p-3 bg-sky-50 rounded-md">✔️ Comprovação de Qualificação Técnica</li>
</ul>
</div>
</div>
<div class="mt-6 text-center bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4 rounded-r-lg">
<p><strong>Atenção ao E-mail!</strong> O edital menciona dois e-mails. Confirme com a prefeitura o endereço correto antes de enviar: <code>licitaipiau_credenciamento@hotmail.com</code> ou <code>licitaipiau@gmail.com</code>.</p>
</div>
</section>
<section class="md:col-span-2 bg-white rounded-xl shadow-lg p-6 border border-sky-200">
<h2 class="text-3xl font-bold text-center mb-6 text-sky-800">Condições de Participação</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-green-50 p-4 rounded-lg border border-green-200">
<h3 class="text-2xl font-bold mb-3 text-green-800">Quem pode participar? ✅</h3>
<ul class="space-y-2 list-inside">
<li>Médicos com registro ativo no conselho de classe.</li>
<li>Pessoas Jurídicas (clínicas, hospitais) com profissionais habilitados.</li>
</ul>
</div>
<div class="bg-red-50 p-4 rounded-lg border border-red-200">
<h3 class="text-2xl font-bold mb-3 text-red-800">Quem NÃO pode? ????</h3>
<ul class="space-y-2 list-inside">
<li>Servidores públicos de Ipiaú.</li>
<li>Parentes de gestores municipais.</li>
<li>Empresas em consórcio.</li>
<li>Pessoas/empresas declaradas inidôneas ou com pendências com o município.</li>
</ul>
</div>
</div>
</section>
</main>
<footer class="text-center mt-12 text-sm text-slate-500">
<p>Este é um infográfico-resumo para fins informativos. Todas as informações devem ser confirmadas no edital oficial.</p>
<p>Prefeitura Municipal de Ipiaú/BA - Credenciamento nº 001/2025.</p>
</footer>
</div>
<script>
const paymentCtx = document.getElementById('paymentChart').getContext('2d');
new Chart(paymentCtx, {
type: 'doughnut',
data: {
labels: ['Valor do Serviço (Tabela SUS)', 'Custos Inclusos (Materiais, Impostos, etc.)'],
datasets: [{
label: 'Composição do Valor',
data: [100],
backgroundColor: [
'#0284C7',
],
borderColor: [
'#FFFFFF',
],
borderWidth: 4
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
display: false
},
title: {
display: true,
text: 'O valor da tabela cobre 100% dos custos',
font: {
size: 16,
weight: 'bold'
},
color: '#082f49'
},
tooltip: {
callbacks: {
title: function(tooltipItems) {
const item = tooltipItems[0];
let label = item.chart.data.labels[item.dataIndex];
if (Array.isArray(label)) {
return label.join(' ');
} else {
return label;
}
},
label: function(context) {
return 'O valor fixado já inclui todos os custos.';
}
}
}
},
cutout: '70%'
}
});
</script>
</body>
</html>
Comentários