<!-- =========================
PÁGINA: Plano de Saúde – UCS Seguros
Versão: seções independentes + logo fixa no topo direito
Uso: Widget HTML do Elementor (Free) em página com Largura do Conteúdo = Largura Total
========================= -->
<style>
:root{
--max: 1120px;
--pad: clamp(28px,4vw,64px);
--blue:#0f1f3d;
--gold:#f5b301;
--bg:#f7f9fc;
--txt:#1b1b1b;
--mute:#6b7280;
}
/* Reset leve para consistência dentro do widget */
.ucs *{box-sizing:border-box}
.ucs{font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--txt);line-height:1.55;background:#fff}
/* LOGO fixa canto superior direito */
.ucs .ucs-logo-top{
position: fixed; /* fica “acima da página” */
top: 16px; right: 16px; z-index: 9999;
background:#fff; border:1px solid #e5e7eb; border-radius:14px;
padding:8px 10px; box-shadow:0 10px 24px rgba(16,24,40,.08)
}
.ucs .ucs-logo-top img{height:42px; width:auto; display:block}
/* Seções independentes (full width) */
.ucs section{width:100%; padding: var(--pad) 16px}
.ucs .container{max-width:var(--max); margin:0 auto}
/* Tipografia */
.ucs h1,.ucs h2{color:var(--blue);margin:0 0 10px}
.ucs h1{font-size:clamp(30px,4.2vw,44px);font-weight:800}
.ucs h2{font-size:clamp(22px,2.8vw,28px);font-weight:800}
.ucs p{margin:0 0 10px;color:var(--txt)}
.ucs .sub{color:var(--mute);font-size:clamp(16px,2vw,20px)}
/* HERO */
.ucs .hero{background:linear-gradient(160deg,#eaf3ff 0%,#ffffff 60%)}
.ucs .hero-wrap{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.ucs .hero-col{flex:1 1 420px;min-width:280px}
.ucs .hero-img{flex:1 1 420px;min-height:240px;border-radius:18px;overflow:hidden;background:#dfeaff url('https://images.unsplash.com/photo-1584515933487-779824d29309?q=80&w=1400&auto=format&fit=crop') center/cover no-repeat}
/* Badges */
.ucs .badges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.ucs .badge{background:#eef2ff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-size:13px;color:#1e293b}
/* CTAs */
.ucs .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.ucs .btn{appearance:none;border:none;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:.2s}
.ucs .btn-primary{background:var(--gold);color:#111827}
.ucs .btn-primary:hover{filter:brightness(.95);transform:translateY(-1px)}
.ucs .btn-ghost{background:#fff;border:1px solid #e5e7eb;color:#111827}
/* Cards simples (sem grid complexo para não “engessar” no Elementor) */
.ucs .card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:clamp(16px,2.5vw,24px);box-shadow:0 10px 20px rgba(16,24,40,.06);margin:0 auto}
.ucs .list{display:grid;gap:12px;margin-top:10px}
.ucs .li{display:flex;gap:10px;align-items:flex-start}
.ucs .li i{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e8f7ee}
.ucs .li i svg{width:16px;height:16px}
/* Steps */
.ucs .steps{counter-reset:step;display:grid;gap:12px}
.ucs .step{position:relative;padding-left:44px}
.ucs .step:before{counter-increment:step;content:counter(step) "️⃣";position:absolute;left:0;top:0;font-size:20px}
/* FAQ */
.ucs .faq details{border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;background:#fff}
.ucs .faq summary{cursor:pointer;font-weight:800;color:var(--blue)}
.ucs .faq p{margin-top:8px}
.ucs .foot{font-size:12px;color:var(--mute);text-align:center}
</style>
<div class="ucs">
<!-- LOGO FIXA NO TOPO DIREITO -->
<a class="ucs-logo-top" href="/" aria-label="UCS Seguros - Página inicial">
<img src="LOGO-URL-AQUI" alt="UCS Seguros">
</a>
<!-- HERO (seção 1) -->
<section class="hero" role="banner">
<div class="container">
<div class="hero-wrap">
<div class="hero-col">
<h1>Plano de Saúde com a segurança que você precisa</h1>
<p class="sub">Proteção completa para você e sua família, com atendimento de qualidade e custo acessível. Compare opções e contrate com a <b>UCS Seguros</b>.</p>
<div class="badges" aria-label="Diferenciais">
<span class="badge">👨👩👦 Família e Empresas</span>
<span class="badge">🏥 Rede ampla</span>
<span class="badge">📍 Cobertura nacional*</span>
<span class="badge">🕘 Atendimento 24h</span>
</div>
<div class="cta">
<a class="btn btn-primary" target="_blank" rel="noopener" href="https://wa.me/5571996285800?text=Ol%C3%A1!%20Quero%20uma%20cota%C3%A7%C3%A3o%20de%20plano%20de%20sa%C3%BAde.">💬 Solicitar Cotação no WhatsApp</a>
<a class="btn btn-ghost" target="_blank" rel="noopener" href="tel:+5571996285800">📞 Falar com um especialista</a>
</div>
<p class="foot" style="margin-top:10px">*A cobertura varia conforme a operadora/segmentação contratada.</p>
</div>
<div class="hero-img" role="img" aria-label="Família em atendimento de saúde"></div>
</div>
</div>
</section>
<!-- BENEFÍCIOS (seção 2) -->
<section style="background:var(--bg)">
<div class="container">
<div class="card">
<h2>Por que contratar com a UCS Seguros?</h2>
<div class="list" role="list">
<div class="li" role="listitem">
<i aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></i>
<div><b>Comparativo imparcial:</b> apresentamos as melhores opções para o seu perfil, sem “empurrar” plano.</div>
</div>
<div class="li" role="listitem">
<i aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></i>
<div><b>Rede credenciada ampla:</b> hospitais, clínicas e laboratórios de referência.</div>
</div>
<div class="li" role="listitem">
<i aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></i>
<div><b>PF, MEI e Empresas:</b> condições especiais para famílias e CNPJs.</div>
</div>
<div class="li" role="listitem">
<i aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></i>
<div><b>Suporte 24h:</b> orientação e apoio em situações de urgência.</div>
</div>
<div class="li" role="listitem">
<i aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></i>
<div><b>Economia real:</b> buscamos o melhor custo‑benefício e condições promocionais.</div>
</div>
</div>
<div class="cta">
<a class="btn btn-primary" target="_blank" rel="noopener" href="https://wa.me/5571996285800?text=Ol%C3%A1!%20Quero%20comparar%20op%C3%A7%C3%B5es%20de%20plano%20de%20sa%C3%BAde.">🔍 Comparar planos agora</a>
</div>
</div>
</div>
</section>
<!-- COMO FUNCIONA (seção 3) -->
<section>
<div class="container">
<div class="card">
<h2>Como contratar em 4 passos</h2>
<div class="steps">
<div class="step"><b>Informe seus dados e necessidades</b> (idade, cidade, PF/MEI/Empresa).</div>
<div class="step"><b>Receba propostas personalizadas</b> com comparativo claro.</div>
<div class="step"><b>Escolha o plano ideal</b> (rede, apartamento/enfermaria, coparticipação etc.).</div>
<div class="step"><b>Ative sua cobertura</b> e tenha suporte contínuo da UCS.</div>
</div>
<div class="cta">
<a class="btn btn-primary" target="_blank" rel="noopener" href="https://wa.me/5571996285800?text=Ol%C3%A1!%20Quero%20uma%20cota%C3%A7%C3%A3o%20de%20plano%20de%20sa%C3%BAde.">🚀 Quero meu plano de saúde</a>
<a class="btn btn-ghost" target="_blank" rel="noopener" href="https://wa.me/5571996285800?text=Tenho%20d%C3%BAvidas%20sobre%20planos%20de%20sa%C3%BAde.">❓ Tirar dúvidas</a>
</div>
</div>
</div>
</section>
<!-- FAQ (seção 4) -->
<section style="background:var(--bg)">
<div class="container">
<div class="card faq">
<h2>Perguntas frequentes</h2>
<details>
<summary>Quais documentos preciso para contratar?</summary>
<p>RG, CPF, comprovante de residência e, se empresa/MEI, CNPJ e documentos dos beneficiários. As exigências variam por operadora.</p>
</details>
<details>
<summary>Existe carência?</summary>
<p>Sim, conforme o plano. Em alguns casos há redução/portabilidade. A UCS orienta o melhor cenário para o seu perfil.</p>
</details>
<details>
<summary>Atende pessoa física, MEI e empresas?</summary>
<p>Sim. Temos linhas para PF, MEI e empresarial com condições diferenciadas.</p>
</details>
<details>
<summary>Como falar com a UCS em caso de urgência?</summary>
<p>Pelo WhatsApp <a href="https://wa.me/5571996285800" target="_blank" rel="noopener">71 99628‑5800</a>. Nosso time direciona conforme sua operadora.</p>
</details>
<div class="cta">
<a class="btn btn-primary" target="_blank" rel="noopener" href="https://wa.me/5571996285800?text=Quero%20iniciar%20minha%20contrata%C3%A7%C3%A3o%20de%20plano%20de%20sa%C3%BAde.">💬 Falar agora no WhatsApp</a>
</div>
</div>
</div>
</section>
<!-- Rodapé local da página -->
<section>
<div class="container">
<p class="foot">UCS Corretora de Seguros • Salvador/BA • WhatsApp: <a href="https://wa.me/5571996285800" target="_blank" rel="noopener">71 99628‑5800</a></p>
</div>
</section>
</div>
<!-- FAQ SCHEMA (SEO) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{"@type":"Question","name":"Quais documentos preciso para contratar?","acceptedAnswer":{"@type":"Answer","text":"RG, CPF, comprovante de residência e, se empresa/MEI, CNPJ e documentos dos beneficiários. As exigências variam por operadora."}},
{"@type":"Question","name":"Existe carência?","acceptedAnswer":{"@type":"Answer","text":"Sim, conforme o plano. Em alguns casos há redução ou portabilidade. A UCS orienta o melhor cenário para o seu perfil."}},
{"@type":"Question","name":"Atende pessoa física, MEI e empresas?","acceptedAnswer":{"@type":"Answer","text":"Sim. Temos linhas para PF, MEI e empresarial com condições diferenciadas."}},
{"@type":"Question","name":"Como falar com a UCS em caso de urgência?","acceptedAnswer":{"@type":"Answer","text":"Pelo WhatsApp 71 99628-5800. Nosso time direciona conforme sua operadora."}}
]
}
</script>