<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hospital Cândido Rondon — Ji-Paraná/RO | Cuidado que conecta pessoas, tecnologia e saúde</title>
<meta name="description" content="O Hospital Cândido Rondon reúne estrutura, profissionais especializados e atendimento humanizado em Ji-Paraná/RO. Urgência 24h, especialidades, diagnóstico por imagem e Unidade Materno-Infantil.">
<meta property="og:title" content="Hospital Cândido Rondon — Ji-Paraná/RO">
<meta property="og:description" content="Cuidado, tecnologia e excelência para cuidar de você.">
<meta property="og:type" content="website">
<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=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Archivo:wght@400;500;600;700&display=swap" rel="stylesheet">
<script src="https://unpkg.com/lucide@0.454.0/dist/umd/lucide.min.js"></script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"Hospital","name":"Hospital Cândido Rondon","address":{"@type":"PostalAddress","streetAddress":"Rua Almirante Barroso, 1530","addressLocality":"Ji-Paraná","addressRegion":"RO","addressCountry":"BR"},"telephone":"+55-69-3421-0000","medicalSpecialty":["Cardiology","Pediatric","Gynecologic","Neurologic"]}
</script>
<style>
/* ============ DESIGN SYSTEM (azul + branco + vermelho de emergência) ============ */
:root{
--ink:#0d1f33; --ink-2:#3d5166; --ink-3:#6d8099;
--blue:#14508f; --blue-deep:#0a2947; --blue-soft:#e4eef8; --blue-mist:#eff4fa;
--accent:#2e7fc2; --accent-deep:#1e6399; --accent-soft:#e9f2fb;
--emergency:#c92a2a; --emergency-deep:#a31f1f; --emergency-soft:#fdecec;
--paper:#fafbfd; --card:#ffffff; --line:#e2e8f0;
--f-display:"Fraunces",serif; --f-body:"Archivo",sans-serif;
--r-s:10px; --r-m:18px; --r-l:28px; --r-xl:40px;
--sh-1:0 2px 10px rgba(13,42,74,.06); --sh-2:0 14px 40px -12px rgba(13,42,74,.18);
--sh-3:0 30px 70px -20px rgba(13,42,74,.28);
--ease:cubic-bezier(.22,1,.36,1);
--gutter:clamp(20px,5vw,72px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--f-body);color:var(--ink);background:var(--paper);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
::selection{background:var(--blue);color:#fff}
h1,h2,h3,.serif{font-family:var(--f-display);font-weight:400;letter-spacing:-.01em}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.skip{position:fixed;top:-60px;left:16px;z-index:999;background:var(--blue);color:#fff;padding:10px 18px;border-radius:8px;transition:top .2s}
.skip:focus{top:12px}
.wrap{max-width:1360px;margin:0 auto;padding:0 var(--gutter)}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.kicker::before{content:"";width:26px;height:2px;background:var(--accent)}
.kicker.alert{color:var(--emergency)}
.kicker.alert::before{background:var(--emergency)}
.sec{padding:clamp(72px,9vw,130px) 0}
.sec-head{max-width:760px;margin-bottom:clamp(36px,5vw,64px)}
.sec-head h2{font-size:clamp(32px,4.6vw,58px);line-height:1.06;margin:14px 0 16px}
.sec-head p{color:var(--ink-2);font-size:clamp(15px,1.3vw,18px);max-width:560px}
/* Botões */
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .35s var(--ease),background .3s,color .3s,box-shadow .3s;position:relative}
.btn i{width:17px;height:17px;transition:transform .35s var(--ease)}
.btn:hover i{transform:translateX(4px)}
.btn-solid{background:var(--blue);color:#fff;box-shadow:var(--sh-1)}
.btn-solid:hover{background:var(--blue-deep);transform:translateY(-2px);box-shadow:var(--sh-2)}
.btn-accent{background:var(--accent);color:#fff}
.btn-accent:hover{background:var(--accent-deep);transform:translateY(-2px);box-shadow:var(--sh-2)}
.btn-alert{background:var(--emergency);color:#fff;box-shadow:0 2px 10px rgba(201,42,42,.25)}
.btn-alert:hover{background:var(--emergency-deep);transform:translateY(-2px);box-shadow:0 14px 40px -12px rgba(201,42,42,.4)}
.btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--blue)}
.btn-light:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
/* Reveal on scroll */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
html{scroll-behavior:auto}
.rv{opacity:1;transform:none}
}
/* ============ TOPBAR URGÊNCIA (vermelho — único vermelho estrutural do site) ============ */
.topbar{background:var(--emergency);color:#fff;font-size:13px}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px}
.topbar-strong{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.06em}
.topbar-strong .pulse{width:8px;height:8px;border-radius:50%;background:#ffd9d9;animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,217,217,.7)}60%{box-shadow:0 0 0 8px rgba(255,217,217,0)}}
.topbar a{display:inline-flex;align-items:center;gap:6px;font-weight:600;opacity:.95}
.topbar a:hover{opacity:1;text-decoration:underline}
.topbar a i{width:14px;height:14px}
.topbar-links{display:flex;gap:22px}
.ecg{width:64px;height:16px;flex:none}
.ecg path{stroke:#ffd9d9;stroke-width:2;fill:none;stroke-dasharray:140;stroke-dashoffset:140;animation:ecg 2.6s linear infinite}
@keyframes ecg{to{stroke-dashoffset:-140}}
@media(max-width:720px){.topbar-links{display:none}.topbar .wrap{justify-content:center}}
/* ============ HEADER ============ */
header{position:sticky;top:0;z-index:90;background:rgba(250,251,253,.86);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
header.scrolled{border-color:var(--line);box-shadow:0 6px 24px -14px rgba(13,42,74,.15)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}
.logo{display:flex;align-items:center;gap:12px}
.logo-mark{width:44px;height:44px;border-radius:14px;background:var(--blue);color:#fff;display:grid;place-items:center;font-family:var(--f-display);font-weight:600;font-size:17px;letter-spacing:.02em;flex:none}
.logo-txt{line-height:1.15}
.logo-txt b{font-family:var(--f-display);font-size:19px;font-weight:600;display:block}
.logo-txt span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.nav-links{display:flex;gap:4px;list-style:none}
.nav-links a{padding:9px 14px;border-radius:999px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color .2s,background .2s}
.nav-links a:hover{color:var(--blue);background:var(--blue-soft)}
.nav-cta{display:flex;align-items:center;gap:10px}
.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);transition:border-color .2s,background .2s}
.icon-btn:hover{border-color:var(--blue);background:var(--blue-soft)}
.icon-btn i{width:18px;height:18px}
.burger{display:none}
@media(max-width:1080px){
.nav-links{display:none}
.burger{display:grid}
.nav-cta .btn{display:none}
}
/* Menu mobile */
.mmenu{position:fixed;inset:0;z-index:95;background:var(--blue-deep);color:#fff;display:flex;flex-direction:column;padding:26px var(--gutter) 40px;transform:translateX(100%);transition:transform .5s var(--ease)}
.mmenu.open{transform:none}
.mmenu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.mmenu a.mlink{font-family:var(--f-display);font-size:clamp(28px,7vw,40px);padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center}
.mmenu a.mlink i{width:20px;height:20px;opacity:.5}
.mmenu .btn{margin-top:auto;justify-content:center}
/* ============ HERO ============ */
.hero{position:relative;padding:clamp(48px,7vw,96px) 0 clamp(56px,7vw,100px);overflow:hidden}
.hero-bg-word{position:absolute;top:2%;right:-2%;font-family:var(--f-display);font-style:italic;font-size:clamp(120px,22vw,320px);color:var(--blue);opacity:.045;pointer-events:none;line-height:1;white-space:nowrap}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero h1{font-size:clamp(40px,5.6vw,76px);line-height:1.02;margin:20px 0 22px}
.hero h1 em{font-style:italic;color:var(--accent)}
.hero h1 .hl{position:relative;white-space:nowrap}
.hero h1 .hl::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.34em;background:var(--accent-soft);z-index:-1;border-radius:4px}
.hero p{color:var(--ink-2);font-size:clamp(15.5px,1.35vw,18.5px);max-width:520px;margin-bottom:32px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero-trust{display:flex;align-items:center;gap:26px;margin-top:44px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2);font-weight:500}
.trust-item i{width:17px;height:17px;color:var(--blue)}
.trust-item.alert i{color:var(--emergency)}
.hero-visual{position:relative}
.hero-img{border-radius:var(--r-xl) var(--r-xl) var(--r-xl) 120px;overflow:hidden;aspect-ratio:4/4.6;box-shadow:var(--sh-3);position:relative}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(1.1);animation:kenburns 16s var(--ease) forwards}
@keyframes kenburns{to{transform:scale(1)}}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(20,80,143,0) 45%,rgba(7,25,45,.5));mix-blend-mode:multiply}
.hero-badge{position:absolute;left:-26px;bottom:44px;background:#fff;border-radius:20px;padding:16px 22px;box-shadow:var(--sh-2);display:flex;align-items:center;gap:14px;border-left:4px solid var(--emergency)}
.hero-badge .num{font-family:var(--f-display);font-size:30px;font-weight:600;color:var(--emergency);line-height:1}
.hero-badge small{display:block;font-size:11.5px;color:var(--ink-3);letter-spacing:.04em}
.hero-badge i{width:30px;height:30px;color:var(--emergency)}
.hero-since{position:absolute;top:26px;right:-14px;background:var(--blue);color:#fff;border-radius:999px;padding:12px 20px;font-size:12.5px;font-weight:700;letter-spacing:.08em;transform:rotate(3deg);box-shadow:var(--sh-2)}
@media(max-width:960px){
.hero-grid{grid-template-columns:1fr}
.hero-img{aspect-ratio:4/3.4;border-radius:var(--r-l) var(--r-l) var(--r-l) 72px}
.hero-badge{left:12px;bottom:20px;padding:12px 16px}
.hero-since{right:8px}
}
/* Palavras do hero entram */
.hline{display:block;overflow:hidden}
.hline span{display:inline-block;transform:translateY(110%);animation:hup 1s var(--ease) forwards}
.hline:nth-child(2) span{animation-delay:.12s}.hline:nth-child(3) span{animation-delay:.24s}
@keyframes hup{to{transform:none}}
.hero .kicker,.hero p,.hero-ctas,.hero-trust{opacity:0;animation:fadein .9s var(--ease) .35s forwards}
.hero .kicker{animation-delay:.1s}
@keyframes fadein{to{opacity:1}}
/* ============ QUICKBAR ============ */
.quickbar{margin-top:clamp(20px,3vw,0px)}
.qb-inner{display:flex;gap:12px;border:1px solid var(--line);background:#fff;border-radius:var(--r-m);padding:10px;box-shadow:var(--sh-1);overflow-x:auto;scrollbar-width:none}
.qb-inner::-webkit-scrollbar{display:none}
.qb-item{display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:var(--r-s);flex:none;font-weight:600;font-size:14.5px;transition:background .25s,color .25s,transform .25s}
.qb-item i{width:19px;height:19px}
.qb-item:hover{background:var(--blue-soft);color:var(--blue);transform:translateY(-2px)}
.qb-item.alert{background:var(--emergency);color:#fff}
.qb-item.alert:hover{background:var(--emergency-deep);color:#fff}
.qb-sep{width:1px;background:var(--line);flex:none;margin:8px 2px}
/* ============ SOBRE + STATS ============ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,90px);align-items:center}
.about-media{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.about-media img{border-radius:var(--r-l);aspect-ratio:3/3.6;object-fit:cover;width:100%;box-shadow:var(--sh-2)}
.about-media img:first-child{aspect-ratio:3/4.2}
.about-media::before{content:"";position:absolute;inset:-14px 40% 40% -14px;border:2px solid var(--blue-soft);border-radius:var(--r-l);z-index:-1}
.about-txt h2{font-size:clamp(30px,4vw,52px);line-height:1.08;margin:14px 0 20px}
.about-txt h2 em{font-style:italic;color:var(--blue)}
.about-txt p{color:var(--ink-2);margin-bottom:18px;max-width:520px}
.stats{margin-top:clamp(48px,6vw,80px);border-top:1px solid var(--line);padding-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stat .n{font-family:var(--f-display);font-size:clamp(40px,5vw,68px);font-weight:500;line-height:1;color:var(--blue);display:flex;align-items:baseline}
.stat .n small{font-size:.55em;color:var(--accent);margin-left:2px;font-style:italic}
.stat .n small.em{color:var(--emergency)}
.stat .l{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:10px;font-weight:600}
@media(max-width:900px){.about-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
/* ============ ESPECIALIDADES ============ */
.spec-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:40px}
.spec-search{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:6px 8px 6px 22px;min-width:min(440px,100%);transition:border-color .2s,box-shadow .2s}
.spec-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}
.spec-search i{width:19px;height:19px;color:var(--ink-3);flex:none}
.spec-search input{border:none;outline:none;background:none;font:inherit;font-size:15px;width:100%;color:var(--ink)}
.spec-search .go{background:var(--blue);color:#fff;border-radius:999px;padding:11px 22px;font-weight:600;font-size:14px;flex:none}
.spec-search .go:hover{background:var(--blue-deep)}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.spec-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;text-align:left;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;display:flex;flex-direction:column}
.spec-card:hover{transform:translateY(-8px);box-shadow:var(--sh-2);border-color:transparent}
.spec-thumb{aspect-ratio:16/9;overflow:hidden;position:relative}
.spec-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);filter:saturate(.7)}
.spec-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(20,80,143,.5),rgba(10,41,71,.15));mix-blend-mode:multiply}
.spec-card:hover .spec-thumb img{transform:scale(1.09)}
.spec-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.spec-body .tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}
.spec-body h3{font-size:21px}
.spec-body p{font-size:13.5px;color:var(--ink-2);line-height:1.5}
.spec-body .more{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--blue)}
.spec-body .more i{width:15px;height:15px;transition:transform .3s var(--ease)}
.spec-card:hover .more i{transform:translateX(5px)}
.spec-empty{grid-column:1/-1;text-align:center;color:var(--ink-3);padding:48px 0;font-style:italic;font-family:var(--f-display);font-size:19px}
@media(max-width:1080px){.spec-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.spec-grid{grid-template-columns:1fr}}
/* ============ ESTRUTURA ============ */
.structure{background:var(--blue-deep);color:#fff}
.structure .kicker{color:#8fbfe0}
.structure .kicker::before{background:var(--accent)}
.structure h2{color:#fff}
.structure .sec-head p{color:#a9c4dd}
.struct-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:110px;gap:14px}
.struct-item{border-radius:var(--r-m);overflow:hidden;position:relative}
.struct-item img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.9);transition:transform .8s var(--ease)}
.struct-item:hover img{transform:scale(1.06)}
.struct-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(5,18,34,.8))}
.struct-item figcaption{position:absolute;left:18px;bottom:16px;z-index:2;font-family:var(--f-display);font-size:19px}
.struct-item figcaption small{display:block;font-family:var(--f-body);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#8fbfe0;margin-bottom:2px}
.s1{grid-column:span 5;grid-row:span 3}.s2{grid-column:span 4;grid-row:span 2}.s3{grid-column:span 3;grid-row:span 2}
.s4{grid-column:span 4;grid-row:span 2}.s5{grid-column:span 3;grid-row:span 2}.s6{grid-column:span 7;grid-row:span 1}
@media(max-width:900px){.struct-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:96px}.s1{grid-column:span 6;grid-row:span 3}.s2,.s3,.s4,.s5{grid-column:span 3;grid-row:span 2}.s6{grid-column:span 6}}
/* ============ MATERNO-INFANTIL ============ */
.materna{background:var(--blue-soft);position:relative;overflow:hidden}
.materna::before{content:"";position:absolute;right:-140px;top:-140px;width:460px;height:460px;border-radius:50%;border:2px solid rgba(46,127,194,.25)}
.materna::after{content:"";position:absolute;right:-60px;bottom:-180px;width:320px;height:320px;border-radius:50%;border:2px solid rgba(46,127,194,.2)}
.mat-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,5vw,80px);align-items:center;position:relative;z-index:1}
.mat-txt .kicker{color:var(--accent-deep)}.mat-txt .kicker::before{background:var(--accent)}
.mat-txt h2{font-size:clamp(34px,4.8vw,62px);line-height:1.05;margin:16px 0 20px}
.mat-txt h2 em{font-style:italic;color:var(--accent)}
.mat-txt>p{color:#42597a;max-width:480px;margin-bottom:30px}
.mat-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:34px}
.mat-item{background:#fff;border-radius:var(--r-s);padding:16px 18px;display:flex;align-items:center;gap:12px;font-weight:600;font-size:14.5px;box-shadow:var(--sh-1);transition:transform .3s var(--ease)}
.mat-item:hover{transform:translateY(-3px)}
.mat-item i{width:19px;height:19px;color:var(--accent)}
.mat-visual{position:relative}
.mat-visual .frame{border-radius:200px var(--r-l) var(--r-l) var(--r-l);overflow:hidden;aspect-ratio:4/4.8;box-shadow:var(--sh-3)}
.mat-visual img{width:100%;height:100%;object-fit:cover}
.mat-visual .frame::after{content:"";position:absolute;inset:0;background:linear-gradient(210deg,rgba(46,127,194,.18),transparent 50%)}
.mat-quote{position:absolute;left:-24px;bottom:32px;background:#fff;border-radius:18px;padding:16px 20px;box-shadow:var(--sh-2);font-family:var(--f-display);font-style:italic;font-size:16.5px;max-width:250px;line-height:1.4}
@media(max-width:920px){.mat-grid{grid-template-columns:1fr}.mat-quote{left:10px;bottom:14px}}
/* ============ JORNADA ============ */
.journey-track{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;counter-reset:step}
.j-step{position:relative;padding:26px 20px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s}
.j-step:hover{transform:translateY(-6px);box-shadow:var(--sh-2);background:var(--blue);color:#fff;border-color:var(--blue)}
.j-step .idx{font-family:var(--f-display);font-size:38px;font-weight:500;color:var(--accent);line-height:1;margin-bottom:14px}
.j-step h3{font-size:18px;margin-bottom:8px}
.j-step p{font-size:13px;color:var(--ink-3);line-height:1.5}
.j-step:hover p{color:#a9c4dd}
.j-step::after{content:"";position:absolute;top:44px;right:-14px;width:14px;height:2px;background:var(--accent)}
.j-step:last-child::after{display:none}
@media(max-width:1000px){.journey-track{grid-template-columns:repeat(2,1fr)}.j-step::after{display:none}}
@media(max-width:520px){.journey-track{grid-template-columns:1fr}}
/* ============ MÉDICOS ============ */
.doctors{background:var(--blue-mist)}
.doc-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.doc-filters .spec-search{min-width:min(340px,100%);padding-left:18px}
.select-pill{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:0 20px;transition:border-color .2s}
.select-pill:focus-within{border-color:var(--blue)}
.select-pill i{width:17px;height:17px;color:var(--ink-3)}
.select-pill select{border:none;outline:none;background:none;font:inherit;font-size:14.5px;color:var(--ink);padding:15px 0;cursor:pointer;appearance:none}
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.doc-card{background:#fff;border-radius:var(--r-m);padding:26px;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.doc-card:hover{transform:translateY(-6px);box-shadow:var(--sh-2)}
.doc-top{display:flex;gap:16px;align-items:center;margin-bottom:10px}
.avatar{width:60px;height:60px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-family:var(--f-display);font-size:20px;font-weight:600;flex:none;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--blue-soft)}
.doc-top h3{font-size:19px;line-height:1.2}
.doc-top .esp{font-size:13px;color:var(--accent);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.doc-meta{display:flex;flex-direction:column;gap:7px;font-size:13.5px;color:var(--ink-2);margin-bottom:16px}
.doc-meta span{display:flex;align-items:center;gap:9px}
.doc-meta i{width:15px;height:15px;color:var(--ink-3);flex:none}
.doc-card .btn{margin-top:auto;justify-content:center;padding:12px 20px;font-size:14px}
.doc-empty{grid-column:1/-1;text-align:center;color:var(--ink-3);padding:44px 0;font-style:italic;font-family:var(--f-display);font-size:19px}
@media(max-width:960px){.doc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.doc-grid{grid-template-columns:1fr}}
/* ============ CONTEÚDOS ============ */
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}
.chip{padding:9px 20px;border-radius:999px;border:1.5px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink-2);transition:all .25s}
.chip:hover{border-color:var(--blue);color:var(--blue)}
.chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;text-align:left;display:flex;flex-direction:column;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.post-card:hover{transform:translateY(-6px);box-shadow:var(--sh-2)}
.post-thumb{aspect-ratio:16/10;overflow:hidden;position:relative}
.post-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .7s var(--ease)}
.post-card:hover .post-thumb img{transform:scale(1.07)}
.post-cat{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.94);color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.post-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1;gap:9px}
.post-body time{font-size:12px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}
.post-body h3{font-size:20px;line-height:1.25}
.post-body p{font-size:13.5px;color:var(--ink-2)}
.post-body .more{margin-top:auto;padding-top:12px;font-size:13.5px;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:8px}
.post-body .more i{width:15px;height:15px;transition:transform .3s var(--ease)}
.post-card:hover .more i{transform:translateX(5px)}
@media(max-width:960px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.post-grid{grid-template-columns:1fr}}
/* ============ CTA FINAL ============ */
.cta-final{background:var(--blue);color:#fff;text-align:center;position:relative;overflow:hidden}
.cta-final::before{content:"";position:absolute;left:50%;top:-320px;transform:translateX(-50%);width:900px;height:640px;background:radial-gradient(closest-side,rgba(255,255,255,.12),transparent);pointer-events:none}
.cta-final h2{font-size:clamp(34px,5.2vw,66px);line-height:1.06;max-width:820px;margin:18px auto 22px}
.cta-final h2 em{font-style:italic;color:#8fc4ef}
.cta-final p{color:#a9c4dd;max-width:520px;margin:0 auto 36px}
.cta-final .kicker{color:#8fbfe0}
.cta-final .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative}
/* ============ FAQ ============ */
.faq-cols{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(32px,5vw,80px)}
.acc{border-bottom:1px solid var(--line)}
.acc button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px;text-align:left;font-family:var(--f-display);font-size:clamp(17px,1.6vw,21px);color:var(--ink);transition:color .2s}
.acc button:hover{color:var(--blue)}
.acc button i{width:20px;height:20px;flex:none;transition:transform .4s var(--ease);color:var(--accent)}
.acc[data-open] button i{transform:rotate(45deg)}
.acc-body{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.acc-body p{padding:0 4px 26px;color:var(--ink-2);max-width:640px}
@media(max-width:860px){.faq-cols{grid-template-columns:1fr}}
/* ============ LOCALIZAÇÃO ============ */
.loc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:stretch}
.loc-info{display:flex;flex-direction:column;gap:14px}
.loc-line{display:flex;gap:16px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);align-items:flex-start;transition:transform .3s var(--ease)}
.loc-line:hover{transform:translateX(5px)}
.loc-line i{width:20px;height:20px;color:var(--accent);flex:none;margin-top:3px}
.loc-line b{display:block;font-size:15px;margin-bottom:2px}
.loc-line span{font-size:13.5px;color:var(--ink-2)}
.loc-map{border-radius:var(--r-l);overflow:hidden;min-height:420px;box-shadow:var(--sh-2);border:1px solid var(--line)}
.loc-map iframe{width:100%;height:100%;min-height:420px;border:0;display:block;filter:saturate(.8)}
@media(max-width:900px){.loc-grid{grid-template-columns:1fr}}
/* ============ CONTATO ============ */
.contact{background:var(--blue-mist)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,80px)}
.c-form{background:#fff;border-radius:var(--r-l);padding:clamp(26px,3.4vw,44px);box-shadow:var(--sh-2);display:flex;flex-direction:column;gap:18px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f-group{display:flex;flex-direction:column;gap:7px}
.f-group label{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.f-group input,.f-group select,.f-group textarea{border:1.5px solid var(--line);border-radius:var(--r-s);padding:13px 16px;font:inherit;font-size:15px;color:var(--ink);background:var(--paper);transition:border-color .2s,box-shadow .2s;width:100%}
.f-group textarea{resize:vertical;min-height:110px}
.f-group :is(input,select,textarea):focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}
.f-group .err{font-size:12px;color:var(--emergency);display:none}
.f-group.invalid :is(input,select,textarea){border-color:var(--emergency)}
.f-group.invalid .err{display:block}
.lgpd{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--ink-2);cursor:pointer}
.lgpd input{width:18px;height:18px;margin-top:2px;accent-color:var(--blue);flex:none}
.c-side h2{font-size:clamp(28px,3.4vw,44px);line-height:1.1;margin:14px 0 18px}
.c-side h2 em{font-style:italic;color:var(--accent)}
.c-side>p{color:var(--ink-2);max-width:460px;margin-bottom:30px}
.c-channels{display:flex;flex-direction:column;gap:12px}
.c-chan{display:flex;gap:16px;align-items:center;padding:18px;border-radius:var(--r-m);background:#fff;border:1px solid var(--line);transition:transform .3s var(--ease),border-color .2s}
.c-chan:hover{transform:translateX(6px);border-color:var(--blue)}
.c-chan .ic{width:46px;height:46px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:none}
.c-chan .ic i{width:21px;height:21px}
.c-chan b{display:block;font-size:15px}
.c-chan span{font-size:13px;color:var(--ink-3)}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.f-row{grid-template-columns:1fr}}
/* ============ CARREIRAS ============ */
.careers-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.jobs{display:flex;flex-direction:column;gap:12px}
.job{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.job:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.job b{font-size:17px;display:block;font-family:var(--f-display);font-weight:500}
.job .meta{font-size:13px;color:var(--ink-3);margin-top:3px}
.job .go{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;flex:none;transition:all .25s}
.job .go i{width:17px;height:17px}
.job:hover .go{background:var(--blue);border-color:var(--blue);color:#fff;transform:rotate(-45deg)}
@media(max-width:900px){.careers-grid{grid-template-columns:1fr}}
/* ============ FOOTER ============ */
footer{background:var(--blue-deep);color:#a9c4dd;padding:clamp(56px,7vw,90px) 0 0}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(28px,4vw,56px);padding-bottom:56px}
.f-brand p{font-size:14px;max-width:300px;margin:18px 0 24px}
.f-social{display:flex;gap:10px}
.f-social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;transition:all .25s}
.f-social a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-3px)}
.f-social i{width:17px;height:17px}
.f-col h4{color:#fff;font-family:var(--f-display);font-size:17px;font-weight:500;margin-bottom:20px}
.f-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.f-col a{font-size:14px;transition:color .2s;opacity:.85}
.f-col a:hover{color:#fff;opacity:1}
.f-bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;opacity:.7}
@media(max-width:900px){.f-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.f-grid{grid-template-columns:1fr}}
/* ============ DRAWER ============ */
.overlay{position:fixed;inset:0;background:rgba(7,25,45,.55);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;transition:opacity .4s}
.overlay.show{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);background:var(--paper);z-index:101;transform:translateX(105%);transition:transform .55s var(--ease);display:flex;flex-direction:column;box-shadow:var(--sh-3)}
.drawer.open{transform:none}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;border-bottom:1px solid var(--line)}
.drawer-head .lbl{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.drawer-body{overflow-y:auto;padding:30px;flex:1}
.drawer-close{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;transition:all .25s}
.drawer-close:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:rotate(90deg)}
.drawer-close i{width:18px;height:18px}
.dw-hero{height:220px;border-radius:var(--r-l);overflow:hidden;position:relative;margin-bottom:26px}
.dw-hero img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}
.dw-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(170deg,rgba(20,80,143,.5),transparent 60%)}
.dw-sec{margin-bottom:30px}
.dw-sec h3{font-size:22px;margin-bottom:12px;display:flex;align-items:center;gap:12px}
.dw-sec h3 i{width:19px;height:19px;color:var(--accent)}
.dw-sec p{color:var(--ink-2);font-size:14.5px}
.dw-list{list-style:none;display:flex;flex-direction:column;gap:9px}
.dw-list li{display:flex;gap:11px;align-items:flex-start;font-size:14px;color:var(--ink-2)}
.dw-list li i{width:16px;height:16px;color:var(--blue);flex:none;margin-top:3px}
.dw-docs{display:flex;flex-direction:column;gap:10px}
.dw-doc{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:14px 16px;transition:transform .3s var(--ease)}
.dw-doc:hover{transform:translateX(6px)}
.dw-doc b{font-size:14.5px;display:block}
.dw-doc span{font-size:12.5px;color:var(--ink-3)}
.dw-doc .btn{margin-left:auto;padding:9px 18px;font-size:13px}
.dw-cta{background:var(--blue);color:#fff;border-radius:var(--r-l);padding:26px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.dw-cta b{font-family:var(--f-display);font-size:20px;font-weight:500}
/* ============ BUSCA GLOBAL ============ */
.gsearch{position:fixed;inset:0;z-index:110;display:grid;place-items:start center;padding-top:12vh;background:rgba(7,25,45,.6);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s}
.gsearch.show{opacity:1;pointer-events:auto}
.gs-panel{width:min(640px,92vw);background:#fff;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sh-3);transform:translateY(14px) scale(.98);transition:transform .35s var(--ease)}
.gsearch.show .gs-panel{transform:none}
.gs-input{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--line)}
.gs-input i{width:20px;height:20px;color:var(--ink-3)}
.gs-input input{border:none;outline:none;font:inherit;font-size:17px;width:100%}
.gs-input kbd{font-family:var(--f-body);font-size:11px;border:1px solid var(--line);border-radius:6px;padding:3px 8px;color:var(--ink-3)}
.gs-results{max-height:52vh;overflow-y:auto;padding:10px}
.gs-group{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink-3);padding:14px 14px 8px}
.gs-item{width:100%;display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:var(--r-s);text-align:left;transition:background .2s}
.gs-item:hover{background:var(--blue-mist)}
.gs-item i{width:17px;height:17px;color:var(--blue);flex:none}
.gs-item b{font-size:14.5px;display:block}
.gs-item span{font-size:12.5px;color:var(--ink-3)}
.gs-none{padding:36px;text-align:center;color:var(--ink-3);font-style:italic;font-family:var(--f-display)}
/* ============ POP-UP / COOKIES / TOAST / FAB ============ */
.popup{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:rgba(7,25,45,.6);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .4s;padding:20px}
.popup.show{opacity:1;pointer-events:auto}
.popup-card{width:min(460px,100%);background:#fff;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sh-3);transform:translateY(20px);transition:transform .5s var(--ease);position:relative}
.popup.show .popup-card{transform:none}
.popup-card img{height:210px;width:100%;object-fit:cover;filter:saturate(.75)}
.popup-body{padding:28px 30px 30px}
.popup-body h3{font-family:var(--f-display);font-size:25px;margin-bottom:10px}
.popup-body p{font-size:14.5px;color:var(--ink-2);margin-bottom:22px}
.popup-x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;transition:transform .25s}
.popup-x:hover{transform:rotate(90deg)}
.popup-x i{width:17px;height:17px}
.cookies{position:fixed;left:16px;bottom:16px;z-index:115;width:min(400px,calc(100vw - 32px));background:var(--blue-deep);color:#cfe0ee;border-radius:var(--r-m);padding:24px;box-shadow:var(--sh-3);transform:translateY(140%);transition:transform .6s var(--ease)}
.cookies.show{transform:none}
.cookies h4{color:#fff;font-family:var(--f-display);font-size:18px;font-weight:500;margin-bottom:8px;display:flex;gap:10px;align-items:center}
.cookies h4 i{width:18px;height:18px;color:var(--accent)}
.cookies p{font-size:13px;margin-bottom:18px}
.cookies .row{display:flex;gap:10px;flex-wrap:wrap}
.cookies .btn{padding:10px 18px;font-size:13px}
.cookies .btn-ghost{border-color:rgba(255,255,255,.3);color:#cfe0ee}
.cookies .btn-ghost:hover{border-color:#fff;color:#fff}
.fab{position:fixed;right:20px;bottom:20px;z-index:105;display:flex;align-items:center;gap:11px;background:var(--blue);color:#fff;border-radius:999px;padding:15px 24px 15px 17px;font-weight:600;font-size:14.5px;box-shadow:var(--sh-2);transition:transform .35s var(--ease),background .25s}
.fab:hover{transform:translateY(-4px) scale(1.02);background:var(--blue-deep)}
.fab i{width:21px;height:21px}
@media(max-width:560px){.fab span{display:none}.fab{padding:16px}}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,120%);z-index:130;background:var(--blue-deep);color:#fff;padding:15px 26px;border-radius:999px;font-size:14.5px;font-weight:600;box-shadow:var(--sh-3);display:flex;align-items:center;gap:11px;transition:transform .5s var(--ease);max-width:92vw}
.toast.show{transform:translate(-50%,0)}
.toast i{width:18px;height:18px;color:#7fc4ef}
/* Artigo modal (usa drawer) */
.art-meta{display:flex;gap:14px;align-items:center;font-size:12.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}
.art-meta .cat{background:var(--blue-soft);color:var(--blue);padding:5px 12px;border-radius:999px;font-weight:700}
.art-body p{margin-bottom:16px;color:var(--ink-2);font-size:15.5px;line-height:1.75}
.art-body h3{margin:26px 0 10px;font-size:21px}
</style>
</head>
<body>
<a class="skip" href="#main">Ir para o conteúdo principal</a>
<!-- Topbar Urgência (vermelho = emergência) -->
<div class="topbar">
<div class="wrap">
<div class="topbar-strong"><span class="pulse"></span> URGÊNCIA 24H <svg class="ecg" viewBox="0 0 64 16" aria-hidden="true"><path d="M0 8 H14 L18 2 L23 14 L27 8 H36 L39 4 L43 12 L46 8 H64"/></svg></div>
<div class="topbar-links">
<a href="tel:+556934210000"><i data-lucide="phone"></i> (69) 3421-0000</a>
<a href="#localizacao"><i data-lucide="map-pin"></i> Como chegar</a>
</div>
</div>
</div>
<!-- Header -->
<header id="header">
<div class="wrap nav">
<a class="logo" href="#" aria-label="Hospital Cândido Rondon — início">
<span class="logo-mark">HC</span>
<span class="logo-txt"><b>Cândido Rondon</b><span>Hospital · Ji-Paraná/RO</span></span>
</a>
<nav aria-label="Menu principal">
<ul class="nav-links">
<li><a href="#sobre">O HCR</a></li>
<li><a href="#especialidades">Especialidades</a></li>
<li><a href="#estrutura">Estrutura</a></li>
<li><a href="#medicos">Médicos</a></li>
<li><a href="#conteudos">Conteúdos</a></li>
<li><a href="#carreiras">Trabalhe Conosco</a></li>
</ul>
</nav>
<div class="nav-cta">
<button class="icon-btn" id="gsOpen" aria-label="Buscar no site"><i data-lucide="search"></i></button>
<a class="btn btn-solid" href="#contato">Atendimento <i data-lucide="arrow-right"></i></a>
<button class="icon-btn burger" id="mOpen" aria-label="Abrir menu"><i data-lucide="menu"></i></button>
</div>
</div>
</header>
<!-- Menu mobile -->
<div class="mmenu" id="mmenu" aria-hidden="true">
<div class="mmenu-top">
<span class="logo-mark" style="background:#fff;color:var(--blue)">HC</span>
<button class="icon-btn" id="mClose" style="border-color:rgba(255,255,255,.3);color:#fff" aria-label="Fechar menu"><i data-lucide="x"></i></button>
</div>
<a class="mlink" href="#sobre">O HCR <i data-lucide="arrow-up-right"></i></a>
<a class="mlink" href="#especialidades">Especialidades <i data-lucide="arrow-up-right"></i></a>
<a class="mlink" href="#materna">Materno-Infantil <i data-lucide="arrow-up-right"></i></a>
<a class="mlink" href="#medicos">Encontre seu médico <i data-lucide="arrow-up-right"></i></a>
<a class="mlink" href="#conteudos">Conteúdos <i data-lucide="arrow-up-right"></i></a>
<a class="mlink" href="#carreiras">Trabalhe Conosco <i data-lucide="arrow-up-right"></i></a>
<a class="mlink" href="#contato">Contato <i data-lucide="arrow-up-right"></i></a>
<a class="btn btn-alert" href="tel:+556934210000">Urgência 24h · (69) 3421-0000</a>
</div>
<main id="main">
<!-- HERO -->
<section class="hero">
<span class="hero-bg-word" aria-hidden="true">cuidar</span>
<div class="wrap hero-grid">
<div>
<span class="kicker">Hospital Cândido Rondon · Desde 2003</span>
<h1>
<span class="hline"><span>Cuidado, tecnologia</span></span>
<span class="hline"><span>e <em>excelência</em> para</span></span>
<span class="hline"><span class="hl">cuidar de você.</span></span>
</h1>
<p>O Hospital Cândido Rondon reúne estrutura, profissionais especializados e atendimento humanizado para cuidar de diferentes momentos da sua jornada de saúde — em Ji-Paraná e em toda a região.</p>
<div class="hero-ctas">
<a class="btn btn-solid" href="#sobre">Conheça o HCR <i data-lucide="arrow-right"></i></a>
<a class="btn btn-ghost" href="#medicos">Encontre um especialista <i data-lucide="stethoscope"></i></a>
</div>
<div class="hero-trust">
<span class="trust-item alert"><i data-lucide="clock"></i> Urgência 24 horas</span>
<span class="trust-item"><i data-lucide="baby"></i> Materno-Infantil</span>
<span class="trust-item"><i data-lucide="scan-line"></i> Diagnóstico por imagem</span>
</div>
</div>
<div class="hero-visual">
<div class="hero-img"><img src="https://www.hostimage.org/images/2026/09/30/WhatsApp-Image-2026-09-10-at-10.15.37.jpeg" alt="Fachada do Hospital Cândido Rondon, em Ji-Paraná/RO, com entrada principal e área de Emergência 24h" fetchpriority="high"></div>
<span class="hero-since">+24 anos de história</span>
<div class="hero-badge">
<i data-lucide="heart-pulse"></i>
<div><span class="num">24h</span><small>Atendimento de urgência,<br>todos os dias</small></div>
</div>
</div>
</div>
</section>
<!-- QUICKBAR -->
<div class="wrap quickbar">
<div class="qb-inner rv" role="navigation" aria-label="Atalhos rápidos">
<a class="qb-item alert" href="tel:+556934210000"><i data-lucide="siren"></i> Urgência 24h</a>
<span class="qb-sep"></span>
<a class="qb-item" href="#medicos"><i data-lucide="stethoscope"></i> Encontre um médico</a>
<a class="qb-item" href="#especialidades"><i data-lucide="clipboard-list"></i> Especialidades</a>
<a class="qb-item" href="#estrutura"><i data-lucide="scan-line"></i> Exames</a>
<a class="qb-item" href="#materna"><i data-lucide="baby"></i> Materno-Infantil</a>
<span class="qb-sep"></span>
<a class="qb-item" href="#localizacao"><i data-lucide="map-pin"></i> Localização</a>
<a class="qb-item" href="#contato"><i data-lucide="phone"></i> Contato</a>
</div>
</div>
<!-- SOBRE -->
<section class="sec" id="sobre">
<div class="wrap">
<div class="about-grid">
<div class="about-media rv">
<img src="https://picsum.photos/seed/hcr-recep7/700/900.jpg" alt="Recepção do Hospital Cândido Rondon" loading="lazy">
<img src="https://picsum.photos/seed/hcr-equipe4/600/800.jpg" alt="Profissionais de saúde do HCR" loading="lazy">
</div>
<div class="about-txt rv">
<span class="kicker">O HCR</span>
<h2>Mais que um hospital.<br><em>Um lugar para cuidar.</em></h2>
<p>Há mais de 24 anos, o Hospital Cândido Rondon é referência em saúde em Ji-Paraná e no vale do Jamari. Ao longo desse percurso, crescemos em estrutura, tecnologia e corpo clínico — sem nunca perder o que nos move desde o primeiro dia: o cuidado com cada pessoa que atravessa as nossas portas.</p>
<p>Nosso atendimento une recursos diagnósticos modernos, equipes multiprofissionais e um olhar humano para cada etapa da jornada — da emergência à alta hospitalar.</p>
<a class="btn btn-ghost" href="#jornada" style="margin-top:8px">Sua jornada no HCR <i data-lucide="arrow-right"></i></a>
</div>
</div>
<div class="stats rv">
<div class="stat"><span class="n"><span data-count="24">0</span><small>+</small></span><span class="l">Anos de história</span></div>
<div class="stat"><span class="n"><span data-count="24">0</span><small class="em">h</small></span><span class="l">Urgência, todos os dias</span></div>
<div class="stat"><span class="n"><span data-count="20">0</span><small>+</small></span><span class="l">Especialidades médicas</span></div>
<div class="stat"><span class="n"><span data-count="180">0</span><small>+</small></span><span class="l">Profissionais dedicados*</span></div>
</div>
<p style="margin-top:14px;font-size:12px;color:var(--ink-3)">* Números ilustrativos no protótipo — a serem validados oficialmente pelo HCR.</p>
</div>
</section>
<!-- ESPECIALIDADES -->
<section class="sec" id="especialidades" style="padding-top:0">
<div class="wrap">
<div class="spec-head-row rv">
<div class="sec-head" style="margin:0">
<span class="kicker">Especialidades</span>
<h2>Qual especialidade<br>você procura?</h2>
</div>
<div class="spec-search" role="search">
<i data-lucide="search"></i>
<input type="search" id="specInput" placeholder="Ex.: cardiologia, pediatria, ortopedia…" aria-label="Buscar especialidade">
<button class="go" id="specGo">Buscar</button>
</div>
</div>
<div class="spec-grid" id="specGrid"></div>
</div>
</section>
<!-- ESTRUTURA -->
<section class="sec structure" id="estrutura">
<div class="wrap">
<div class="sec-head rv">
<span class="kicker">Estrutura & Tecnologia</span>
<h2>Uma estrutura pensada<br>para cada momento do cuidado.</h2>
<p>Centro cirúrgico, diagnóstico por imagem, UTI e internação equipada — tecnologia a serviço do atendimento humanizado.</p>
</div>
<div class="struct-grid rv">
<figure class="struct-item s1"><img src="https://picsum.photos/seed/hcr-uti3/800/1000.jpg" alt="UTI do HCR" loading="lazy"><figcaption><small>Terapia intensiva</small>UTI adulto equipada</figcaption></figure>
<figure class="struct-item s2"><img src="https://picsum.photos/seed/hcr-tomo2/700/500.jpg" alt="Tomógrafo do setor de diagnóstico por imagem" loading="lazy"><figcaption><small>Diagnóstico</small>Tomografia</figcaption></figure>
<figure class="struct-item s3"><img src="https://picsum.photos/seed/hcr-cirurgia5/600/500.jpg" alt="Centro cirúrgico" loading="lazy"><figcaption><small>Centro cirúrgico</small>Salas modernas</figcaption></figure>
<figure class="struct-item s4"><img src="https://picsum.photos/seed/hcr-quarto6/700/500.jpg" alt="Quarto de internação" loading="lazy"><figcaption><small>Internação</small>Quartos e acompanhante</figcaption></figure>
<figure class="struct-item s5"><img src="https://picsum.photos/seed/hcr-lab8/600/500.jpg" alt="Laboratório de análises" loading="lazy"><figcaption><small>Laboratório</small>Análises clínicas</figcaption></figure>
<figure class="struct-item s6"><img src="https://picsum.photos/seed/hcr-pronto1/900/300.jpg" alt="Entrada da urgência 24 horas" loading="lazy"><figcaption><small>Pronto atendimento</small>Urgência 24 horas, todos os dias do ano</figcaption></figure>
</div>
</div>
</section>
<!-- MATERNO-INFANTIL -->
<section class="sec materna" id="materna">
<div class="wrap mat-grid">
<div class="mat-txt rv">
<span class="kicker">Unidade Materno-Infantil</span>
<h2>Um novo começo merece <em>todo cuidado.</em></h2>
<p>Pensamos cada detalhe da jornada das gestantes, bebês e famílias: do pré-natal ao pós-parto, com maternidade, centro obstétrico e UTI Neonatal no mesmo lugar.</p>
<div class="mat-list">
<span class="mat-item"><i data-lucide="flower-2"></i> Pré-natal completo</span>
<span class="mat-item"><i data-lucide="heart-handshake"></i> Centro obstétrico</span>
<span class="mat-item"><i data-lucide="baby"></i> Maternidade</span>
<span class="mat-item"><i data-lucide="activity"></i> UTI Neonatal</span>
</div>
<a class="btn btn-accent" href="#contato">Conheça nossa estrutura <i data-lucide="arrow-right"></i></a>
</div>
<div class="mat-visual rv">
<div class="frame"><img src="https://picsum.photos/seed/hcr-bebe12/800/1000.jpg" alt="Recém-nascido no colo da mãe na maternidade do HCR" loading="lazy"></div>
<span class="mat-quote">“Onde as histórias mais importantes começam.”</span>
</div>
</div>
</section>
<!-- JORNADA -->
<section class="sec" id="jornada">
<div class="wrap">
<div class="sec-head rv">
<span class="kicker">Sua jornada no HCR</span>
<h2>Do primeiro contato à alta:<br>nosso cuidado acompanha cada etapa.</h2>
</div>
<div class="journey-track rv">
<div class="j-step"><span class="idx">01</span><h3>Antes do atendimento</h3><p>Agendamento, preparação para exames e orientações prévias claras.</p></div>
<div class="j-step"><span class="idx">02</span><h3>Chegada</h3><p>Recepção acolhedora, triagem e direcionamento para o setor certo.</p></div>
<div class="j-step"><span class="idx">03</span><h3>Atendimento</h3><p>Consulta com equipe especializada e escuta atenta da sua queixa.</p></div>
<div class="j-step"><span class="idx">04</span><h3>Exames</h3><p>Diagnóstico por imagem e laboratório com tecnologia moderna.</p></div>
<div class="j-step"><span class="idx">05</span><h3>Internação</h3><p>Quartos confortáveis, acompanhantes e equipe multiprofissional.</p></div>
<div class="j-step"><span class="idx">06</span><h3>Alta</h3><p>Orientações de continuidade de cuidado e retorno, quando necessário.</p></div>
</div>
</div>
</section>
<!-- MÉDICOS -->
<section class="sec doctors" id="medicos">
<div class="wrap">
<div class="sec-head rv">
<span class="kicker">Corpo clínico</span>
<h2>Encontre seu médico</h2>
<p>Busque por nome ou filtre por especialidade para conhecer os profissionais que atendem no HCR.</p>
</div>
<div class="doc-filters rv">
<div class="spec-search">
<i data-lucide="user"></i>
<input type="search" id="docInput" placeholder="Buscar pelo nome do médico…" aria-label="Buscar médico por nome">
</div>
<div class="select-pill">
<i data-lucide="filter"></i>
<select id="docSelect" aria-label="Filtrar por especialidade"><option value="">Todas as especialidades</option></select>
</div>
</div>
<div class="doc-grid" id="docGrid"></div>
</div>
</section>
<!-- CONTEÚDOS -->
<section class="sec" id="conteudos">
<div class="wrap">
<div class="sec-head rv">
<span class="kicker">HCR Saúde</span>
<h2>Saúde em foco</h2>
<p>Conteúdos, prevenção e notícias — produzidos para manter você e a sua família bem informados.</p>
</div>
<div class="chips rv" id="postChips"></div>
<div class="post-grid" id="postGrid"></div>
</div>
</section>
<!-- CTA FINAL -->
<section class="sec cta-final">
<div class="wrap">
<span class="kicker alert rv">Sempre prontos</span>
<h2 class="rv">Quando você precisar,<br><em>o HCR estará aqui.</em></h2>
<p class="rv">Urgência 24 horas, especialistas e estrutura completa — perto de você, em Ji-Paraná.</p>
<div class="row rv">
<a class="btn btn-alert" href="tel:+556934210000"><i data-lucide="phone"></i> Ligar agora</a>
<a class="btn btn-light" href="#localizacao"><i data-lucide="navigation"></i> Como chegar</a>
</div>
</div>
</section>
<!-- FAQ -->
<section class="sec" id="faq">
<div class="wrap faq-cols">
<div class="rv">
<span class="kicker">Perguntas frequentes</span>
<h2 style="font-size:clamp(30px,4vw,50px);line-height:1.08;margin-top:14px">Dúvidas sobre o seu atendimento?</h2>
<p style="color:var(--ink-2);margin-top:16px;max-width:380px">Reunimos as orientações mais procuradas por pacientes e acompanhantes. Se precisar de mais ajuda, fale com a gente.</p>
<a class="btn btn-solid" href="#contato" style="margin-top:26px">Falar com o HCR <i data-lucide="arrow-right"></i></a>
</div>
<div id="faqList" class="rv"></div>
</div>
</section>
<!-- LOCALIZAÇÃO -->
<section class="sec" id="localizacao" style="padding-top:0">
<div class="wrap">
<div class="sec-head rv">
<span class="kicker">Onde estamos</span>
<h2>No coração de Ji-Paraná</h2>
</div>
<div class="loc-grid rv">
<div class="loc-info">
<div class="loc-line"><i data-lucide="map-pin"></i><div><b>Endereço</b><span>Rua Almirante Barroso, 1530 — Centro, Ji-Paraná/RO</span></div></div>
<div class="loc-line"><i data-lucide="phone"></i><div><b>Telefone</b><span>(69) 3421-0000 · Urgência 24h</span></div></div>
<div class="loc-line"><i data-lucide="message-circle"></i><div><b>WhatsApp</b><span>(69) 99999-7233 — canais de informação e atendimento</span></div></div>
<div class="loc-line"><i data-lucide="car-front"></i><div><b>Estacionamento & entradas</b><span>Estacionamento próprio e entrada principal pela Av. Barroso. Entrada da urgência sinalizada 24h.</span></div></div>
</div>
<div class="loc-map">
<iframe title="Mapa — Hospital Cândido Rondon" loading="lazy" src="https://www.google.com/maps?q=Rua+Almirante+Barroso+1530+Ji-Parana+RO&output=embed"></iframe>
</div>
</div>
</div>
</section>
<!-- CONTATO -->
<section class="sec contact" id="contato">
<div class="wrap contact-grid">
<div class="c-side rv">
<span class="kicker">Contato</span>
<h2>Estamos aqui<br>para <em>ouvir você.</em></h2>
<p>Envie sua mensagem, dúvida ou solicitação. Nossa equipe responde o quanto antes — nos horários e canais abaixo.</p>
<div class="c-channels">
<a class="c-chan" href="tel:+556934210000"><span class="ic"><i data-lucide="phone"></i></span><div><b>(69) 3421-0000</b><span>Atendimento telefônico</span></div></a>
<a class="c-chan" href="https://wa.me/5569999972383" target="_blank" rel="noopener"><span class="ic"><i data-lucide="message-circle"></i></span><div><b>WhatsApp HCR</b><span>Informações e canais digitais</span></div></a>
<a class="c-chan" href="#localizacao"><span class="ic"><i data-lucide="clock"></i></span><div><b>Urgência 24 horas</b><span>Todos os dias, inclusive feriados</span></div></a>
</div>
</div>
<form class="c-form rv" id="cForm" novalidate>
<div class="f-row">
<div class="f-group"><label for="fNome">Nome</label><input id="fNome" name="nome" required autocomplete="name"><span class="err">Informe seu nome.</span></div>
<div class="f-group"><label for="fTel">Telefone</label><input id="fTel" name="telefone" required inputmode="tel" autocomplete="tel" placeholder="(69) 90000-0000"><span class="err">Informe um telefone válido.</span></div>
</div>
<div class="f-row">
<div class="f-group"><label for="fMail">E-mail</label><input id="fMail" name="email" type="email" required autocomplete="email"><span class="err">Informe um e-mail válido.</span></div>
<div class="f-group"><label for="fAss">Assunto</label>
<select id="fAss" name="assunto" required>
<option value="">Selecione…</option>
<option>Agendamento</option><option>Informações sobre exames</option>
<option>Materno-Infantil</option><option>Convênios</option>
<option>Trabalhe Conosco</option><option>Outros assuntos</option>
</select><span class="err">Escolha um assunto.</span>
</div>
</div>
<div class="f-group"><label for="fMsg">Mensagem</label><textarea id="fMsg" name="mensagem" required></textarea><span class="err">Escreva sua mensagem.</span></div>
<label class="lgpd"><input type="checkbox" id="fLgpd" required><span>Li e concordo com a <a href="#" style="text-decoration:underline">Política de Privacidade</a> e autorizo o uso dos meus dados para resposta a esta solicitação, conforme a LGPD.</span></label>
<button class="btn btn-solid" type="submit" style="justify-content:center">Enviar mensagem <i data-lucide="send"></i></button>
</form>
</div>
</section>
<!-- CARREIRAS -->
<section class="sec" id="carreiras">
<div class="wrap careers-grid">
<div class="rv">
<span class="kicker">Trabalhe conosco</span>
<h2 style="font-size:clamp(30px,4.2vw,54px);line-height:1.08;margin:14px 0 18px">Faça parte de<br><em style="color:var(--accent);font-style:italic">quem cuida.</em></h2>
<p style="color:var(--ink-2);max-width:460px;margin-bottom:28px">No HCR, mais de 180 pessoas constroem todos os dias uma saúde regional melhor. Se o seu propósito é cuidar de pessoas, temos um lugar para você.</p>
<a class="btn btn-ghost" href="#contato">Enviar currículo / banco de talentos <i data-lucide="arrow-right"></i></a>
</div>
<div class="jobs rv" id="jobList"></div>
</div>
</section>
</main>
<!-- FOOTER -->
<footer>
<div class="wrap">
<div class="f-grid">
<div class="f-brand">
<a class="logo" href="#" style="color:#fff">
<span class="logo-mark" style="background:#fff;color:var(--blue)">HC</span>
<span class="logo-txt"><b style="color:#fff">Cândido Rondon</b><span style="color:#7fa3c9">Hospital · Ji-Paraná/RO</span></span>
</a>
<p>Cuidado que conecta pessoas, tecnologia e saúde. Mais de 24 anos cuidando de Ji-Paraná e região.</p>
<div class="f-social">
<a href="#" aria-label="Instagram"><i data-lucide="instagram"></i></a>
<a href="#" aria-label="Facebook"><i data-lucide="facebook"></i></a>
<a href="#" aria-label="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="#" aria-label="YouTube"><i data-lucide="youtube"></i></a>
</div>
</div>
<div class="f-col"><h4>O HCR</h4><ul>
<li><a href="#sobre">Sobre o HCR</a></li><li><a href="#sobre">Nossa história</a></li>
<li><a href="#estrutura">Estrutura</a></li><li><a href="#especialidades">Especialidades</a></li>
<li><a href="#medicos">Corpo clínico</a></li><li><a href="#carreiras">Trabalhe Conosco</a></li>
</ul></div>
<div class="f-col"><h4>Atendimento</h4><ul>
<li><a href="tel:+556934210000">Urgência 24h</a></li><li><a href="#medicos">Encontre um médico</a></li>
<li><a href="#materna">Materno-Infantil</a></li><li><a href="#localizacao">Localização</a></li>
<li><a href="#contato">Contato</a></li>
</ul></div>
<div class="f-col"><h4>Institucional</h4><ul>
<li><a href="#">Política de Privacidade</a></li><li><a href="#">LGPD</a></li>
<li><a href="#">Termos de Uso</a></li><li><a href="#">Política de Cookies</a></li>
<li><a href="#conteudos">Notícias</a></li>
</ul></div>
</div>
<div class="f-bottom">
<span>© 2025 Hospital Cândido Rondon — Ji-Paraná/RO. Todos os direitos reservados.</span>
<span>Protótipo de nova plataforma digital HCR · dados ilustrativos</span>
</div>
</div>
</footer>
<!-- Drawer -->
<div class="overlay" id="overlay"></div>
<aside class="drawer" id="drawer" role="dialog" aria-modal="true" aria-label="Detalhes">
<div class="drawer-head">
<span class="lbl" id="drawerLbl">Especialidade</span>
<button class="drawer-close" id="drawerClose" aria-label="Fechar"><i data-lucide="x"></i></button>
</div>
<div class="drawer-body" id="drawerBody"></div>
</aside>
<!-- Busca global -->
<div class="gsearch" id="gsearch" role="dialog" aria-modal="true" aria-label="Busca no site">
<div class="gs-panel">
<div class="gs-input">
<i data-lucide="search"></i>
<input type="search" id="gsInput" placeholder="O que você está procurando?" aria-label="Buscar no site">
<kbd>ESC</kbd>
</div>
<div class="gs-results" id="gsResults"><div class="gs-none">Busque por médicos, especialidades, exames ou conteúdos…</div></div>
</div>
</div>
<!-- Pop-up -->
<div class="popup" id="popup" role="dialog" aria-modal="true" aria-label="Destaque">
<div class="popup-card">
<button class="popup-x" id="popupX" aria-label="Fechar"><i data-lucide="x"></i></button>
<img src="https://picsum.photos/seed/hcr-materna3/800/420.jpg" alt="">
<div class="popup-body">
<h3>Conheça nossa Unidade Materno-Infantil</h3>
<p>Maternidade, centro obstétrico e UTI Neonatal — um novo começo merece todo cuidado.</p>
<button class="btn btn-accent" id="popupGo" style="width:100%;justify-content:center">Conhecer <i data-lucide="arrow-right"></i></button>
</div>
</div>
</div>
<!-- Cookies -->
<div class="cookies" id="cookies" role="dialog" aria-label="Consentimento de cookies">
<h4><i data-lucide="cookie"></i> Cookies e privacidade</h4>
<p>Usamos cookies para melhorar sua experiência e analisar o uso do site, conforme a LGPD. Você escolhe como quer continuar.</p>
<div class="row">
<button class="btn btn-accent" id="ckOk">Aceitar todos</button>
<button class="btn btn-ghost" id="ckMin">Apenas essenciais</button>
</div>
</div>
<!-- WhatsApp FAB -->
<a class="fab" href="https://wa.me/5569999972383?text=Ol%C3%A1!%20Gostaria%20de%20informa%C3%A7%C3%B5es%20sobre%20o%20Hospital%20C%C3%A2ndido%20Rondon." target="_blank" rel="noopener" aria-label="Falar com o HCR no WhatsApp" data-ga="whatsapp">
<i data-lucide="message-circle"></i><span>Fale com o HCR</span>
</a>
<!-- Toast -->
<div class="toast" id="toast" role="status"><i data-lucide="check-circle-2"></i><span id="toastMsg"></span></div>
<script>
/* ================= DADOS (simulam o conteúdo do CMS) ================= */
const ESPECIALIDADES=[
{id:"cardio",nome:"Cardiologia",cat:"Coração",seed:"hcr-cardio2",desc:"Prevenção, diagnóstico e tratamento das doenças do coração, com acompanhamento contínuo.",
quando:["Dor ou aperto no peito","Pressão alta de difícil controle","Falta de ar e cansaço aos esforços","Palpitações ou arritmias","Histórico familiar de doença cardíaca"],
procs:["Eletrocardiograma","Teste ergométrico","Ecocardiograma","Monitorização de 24h (Holter)"],
docs:["dr-marcos","dra-elena"]},
{id:"orto",nome:"Ortopedia",cat:"Ossos e movimento",seed:"hcr-orto4",desc:"Cuidado com ossos, articulações e lesões — do trauma esportivo à cirurgia de coluna.",
quando:["Dores articulares persistentes","Fraturas e entorses","Lesões esportivas","Dor lombar ou cervical","Dificuldade de mobilidade"],
procs:["Radiologia ortopédica","Bloqueios e infiltrações","Cirurgias de coluna e quadril","Reabilitação"],
docs:["dr-rafael"]},
{id:"pedia",nome:"Pediatria",cat:"Crianças",seed:"hcr-pedia5",desc:"Acompanhamento completo da saúde de bebês, crianças e adolescentes.",
quando:["Consultas de rotina e crescimento","Vacinação e puericultura","Febres e infecções","Acompanhamento de asma e alergias"],
procs:["Consulta pediátrica","Urgência pediátrica 24h","Internação infantil"],
docs:["dra-beatriz"]},
{id:"gineco",nome:"Ginecologia e Obstetrícia",cat:"Saúde da mulher",seed:"hcr-gineco1",desc:"Saúde da mulher em todas as fases, do preventivo ao parto humanizado na Materno-Infantil.",
quando:["Preventivo ginecológico","Pré-natal e planejamento de parto","Menstruação irregular","Climatério e menopausa"],
procs:["Pré-natal","Ultrassonografia obstétrica","Parto e cesárea","Preventivo (Papanicolau)"],
docs:["dra-camila","dra-elena"]},
{id:"neuro",nome:"Neurologia",cat:"Sistema nervoso",seed:"hcr-neuro3",desc:"Diagnóstico e acompanhamento de condições neurológicas em adultos e idosos.",
quando:["Dores de cabeça frequentes","Convulsões","Tontura e formigamentos","Alterações de memória"],
procs:["Eletroencefalograma","Avaliação neurológica completa","Tomografia e ressonância"],
docs:["dr-marcos"]},
{id:"cirur",nome:"Cirurgia Geral",cat:"Cirurgias",seed:"hcr-cirur2",desc:"Procedimentos cirúrgicos com centro cirúrgico moderno e equipe multiprofissional.",
quando:["Hérnias e vesícula","Indicação cirúrgica avaliada em consulta","Procedimentos laparoscópicos"],
procs:["Cirurgia laparoscópica","Cirurgia de hérnia","Colecistectomia","Apoio nutricional pré e pós-operatório"],
docs:["dr-rafael"]},
{id:"uro",nome:"Urologia",cat:"Sistema urinário",seed:"hcr-uro6",desc:"Saúde do trato urinário e masculino, com prevenção e tratamento moderno.",
quando:["Pedras nos rins","Alterações urinárias","Saúde masculina após os 45 anos"],
procs:["Ultrassonografia","Tratamento de litíase renal","Cirurgias urológicas"],
docs:["dr-rafael"]},
{id:"oftal",nome:"Oftalmologia",cat:"Visão",seed:"hcr-oftal5",desc:"Cuidado completo da visão, de exames de rotina a acompanhamento de doenças oculares.",
quando:["Visão embaçada","Dor ou vermelhidão ocular","Exame de rotina anual","Glaucoma e catarata"],
procs:["Exame de acuidade visual","Mapeamento de retina","Cirurgia de catarata"],
docs:["dra-camila"]},
{id:"derma",nome:"Dermatologia",cat:"Pele",seed:"hcr-derma7",desc:"Saúde da pele, cabelos e unhas — prevenção do câncer de pele e estética clínica.",
quando:["Pintas e lesões suspeitas","Acne e dermatites","Queda de cabelo","Rastreio de câncer de pele"],
procs:["Dermatoscopia","Biopsias de pele","Tratamentos clínicos"],
docs:["dra-beatriz"]},
{id:"imagem",nome:"Diagnóstico por Imagem",cat:"Exames",seed:"hcr-imagem8",desc:"Tomografia, raio-x, ultrassonografia e mais — tecnologia que revela com precisão.",
quando:["Exames solicitados pelo seu médico","Rastreamentos de rotina","Avaliação pré-operatória"],
procs:["Tomografia computadorizada","Raio-X digital","Ultrassonografia","Ergometria e ecografia"],
docs:["dr-marcos"]},
{id:"clinica",nome:"Clínica Médica",cat:"Cuidado geral",seed:"hcr-clinica9",desc:"Porta de entrada do cuidado: avaliação global, prevenção e acompanhamento contínuo.",
quando:["Check-up anual","Doenças crônicas (diabetes, hipertensão)","Sintomas gerais sem causa definida"],
procs:["Consultas de acompanhamento","Avaliação pré-operatória","Encaminhamentos especializados"],
docs:["dra-camila","dr-marcos"]},
{id:"materno",nome:"Materno-Infantil",cat:"Unidade especial",seed:"hcr-materno10",desc:"Pré-natal, parto, UTI neonatal e puericultura — a unidade mais acolhedora do HCR.",
quando:["Gestação em qualquer fase","Planejamento do parto","Cuidado com o recém-nascido"],
procs:["Pré-natal","Centro obstétrico","UTI Neonatal","Consultas de puericultura"],
docs:["dra-camila","dra-beatriz"]}
];
const MEDICOS=[
{id:"dra-camila",nome:"Dra. Camila Ferraz",esp:"Ginecologia e Obstetrícia",crm:"CRM/RO 00000",rqe:"RQE 00000",hora:"Segunda a sexta · 8h–17h",seed:"hcr-dr1",bio:"Ginecologista e obstetra com dedicação ao parto humanizado e ao pré-natal de alto risco. Integrante da equipe da Unidade Materno-Infantil.",areas:["Pré-natal","Parto humanizado","Saúde da mulher"]},
{id:"dr-marcos",nome:"Dr. Marcos Antunes",esp:"Cardiologia",crm:"CRM/RO 00000",rqe:"RQE 00000",hora:"Segunda, quarta e sexta · 8h–13h",seed:"hcr-dr2",bio:"Cardiologista focado em prevenção cardiovascular e reabilitação cardíaca, com atuação no setor de diagnóstico por imagem.",areas:["Prevenção cardiovascular","Ecocardiografia","Hipertensão"]},
{id:"dra-beatriz",nome:"Dra. Beatriz Lopes",esp:"Pediatria",crm:"CRM/RO 00000",rqe:"RQE 00000",hora:"Diariamente · turnos escalonados",seed:"hcr-dr3",bio:"Pediatra da urgência e da consulta de puericultura, com formação em cuidado integral de bebês e crianças.",areas:["Puericultura","Urgência pediátrica","Alergias infantis"]},
{id:"dr-rafael",nome:"Dr. Rafael Moreira",esp:"Ortopedia e Cirurgia Geral",crm:"CRM/RO 00000",rqe:"",hora:"Terça a sábado · 9h–18h",seed:"hcr-dr4",bio:"Especialista em cirurgias minimamente invasivas e trauma ortopédico, com atuação no centro cirúrgico do HCR.",areas:["Cirurgia laparoscópica","Trauma ortopédico","Coluna"]},
{id:"dra-elena",nome:"Dra. Elena Vasques",esp:"Cardiologia e Obstetrícia",crm:"CRM/RO 00000",rqe:"",hora:"Quarta e quinta · 14h–19h",seed:"hcr-dr5",bio:"Atuação na interface entre cardiologia e gestação — cuidado especial para gestantes com condições cardíacas.",areas:["Cardiologia na gestação","Pré-natal de alto risco"]},
{id:"dr-tiago",nome:"Dr. Tiago Nunes",esp:"Neurologia",crm:"CRM/RO 00000",rqe:"",hora:"Segunda e sexta · 8h–12h",seed:"hcr-dr6",bio:"Neurologista com foco em cefaleias, epilepsia e cuidados neurológicos do idoso.",areas:["Epilepsia","Cefaleia","Neurogeriatria"]},
{id:"dra-lorena",nome:"Dra. Lorena Saldanha",esp:"Dermatologia",crm:"CRM/RO 00000",rqe:"",hora:"Terça e quinta · 8h–16h",seed:"hcr-dr7",bio:"Dermatologista clínica e cirúrgica, com ênfase em prevenção do câncer de pele e dermatoscopia.",areas:["Dermatoscopia","Cirurgia dermatológica","Dermatites"]},
{id:"dr-hugo",nome:"Dr. Hugo Prado",esp:"Urologia",crm:"CRM/RO 00000",rqe:"",hora:"Sexta · 8h–14h",seed:"hcr-dr8",bio:"Urologista com experiência em litíase renal e saúde masculina, atuando também no pronto atendimento.",areas:["Litíase renal","Saúde masculina","Cirurgia urológica"]}
];
const POSTS=[
{id:"p1",cat:"Materno-infantil",data:"12 NOV 2025",titulo:"Pré-natal: por que cada consulta importa para você e para o bebê",seed:"hcr-post1",res:"O acompanhamento gestacional regular é o caminho mais seguro para um parto tranquilo. Entenda o que acontece em cada etapa.",corpo:[["p","O pré-natal é muito mais do que uma rotina de consultas: é a construção mês a mês de uma gestação segura. Cada visita permite acompanhar o crescimento do bebê, a saúde da mãe e antecipar cuidados."],["h3","O que é avaliado em cada consulta"],["p","Pressão arterial, peso, medida uterina e batimentos do bebê fazem parte do acompanhamento básico. Exames de sangue e ultrassonografias complementam o panorama em momentos-chave da gestação."],["h3","Comece cedo"],["p","O ideal é iniciar o pré-natal assim que a gravidez for confirmada. Na Unidade Materno-Infantil do HCR, a equipe acompanha a gestante do primeiro teste até o pós-parto."]]},
{id:"p2",cat:"Prevenção",data:"05 NOV 2025",titulo:"Pressão alta: o inimigo silencioso que pode ser controlado",seed:"hcr-post2",res:"Um em cada quatro adultos convive com hipertensão sem saber. A boa notícia: com acompanhamento, é totalmente controlável.",corpo:[["p","A hipertensão arterial raramente dá sintomas, mas é o principal fator de risco para infarto e AVC. Medir a pressão regularmente é o primeiro gesto de cuidado."],["h3","Sinais de alerta"],["p","Dores de cabeça ao acordar, tonturas e alterações visuais podem indicar picos de pressão. Nesses casos, procure avaliação médica."],["h3","O papel do cardiologista"],["p","Na Cardiologia do HCR, o acompanhamento inclui avaliação completa, exames como o ecocardiograma e um plano de cuidado individualizado."]]},
{id:"p3",cat:"Tecnologia",data:"28 OUT 2025",titulo:"Tomografia no HCR: agilidade no diagnóstico que salva tempo — e vidas",seed:"hcr-post3",res:"O setor de diagnóstico por imagem do HCR opera integrado à urgência 24h, agilizando decisões clínicas nos momentos críticos.",corpo:[["p","Em emergências, cada minuto conta. A integração entre o pronto atendimento e o setor de imagem permite que tomografias e radiografias sejam realizadas e laudadas rapidamente, direcionando o tratamento no tempo certo."],["h3","Exames disponíveis"],["p","Tomografia computadorizada, raio-X digital, ultrassonografia e exames de função cardíaca compõem o setor de diagnóstico por imagem do hospital."]]},
{id:"p4",cat:"Notícias",data:"20 OUT 2025",titulo:"HCR registra crescimento no número de partos na Materno-Infantil",seed:"hcr-post4",res:"A unidade dedicada a gestantes, bebês e recém-nascidos ampliou a assistência em Ji-Paraná e região no último ano.",corpo:[["p","A Unidade Materno-Infantil do Hospital Cândido Rondon consolida-se como referência para gestantes de Ji-Paraná e do vale do Jamari, com maternidade, centro obstétrico e UTI Neonatal."],["h3","Estrutura completa"],["p","Do pré-natal ao acompanhamento do recém-nascido, a unidade oferece cuidado contínuo com equipe multiprofissional dedicada."]]},
{id:"p5",cat:"Bem-estar",data:"10 OUT 2025",titulo:"Sono de qualidade: o hábito mais subestimado da sua saúde",seed:"hcr-post5",res:"Dormir bem regula o coração, a memória e a imunidade. Veja como melhorar sua rotina noturna.",corpo:[["p","O sono é o momento em que o corpo se repara. Dormir menos de seis horas por noite de forma crônica aumenta o risco de hipertensão, diabetes e quadros de ansiedade."],["h3","Pequenas mudanças, grande efeito"],["p","Horários regulares, luz natural pela manhã e telas de molho uma hora antes de dormir são os três pilares de uma boa higiene do sono."]]},
{id:"p6",cat:"Saúde",data:"02 OUT 2025",titulo:"Check-up anual: o que avaliar em cada fase da vida",seed:"hcr-post6",res:"Os exames de rotina mudam com a idade. Um guia simples do que priorizar dos 20 aos 60+.",corpo:[["p","Prevenção não é esperar adoecer para agir. O check-up anual é personalizado conforme idade, histórico familiar e estilo de vida."],["h3","Depois dos 45 anos"],["p","A partir desta fase, ganham prioridade a avaliação cardiovascular, o rastreio de câncer de cólon e, no caso dos homens, a consulta urológica."]]}
];
const FAQ=[
{q:"O hospital atende emergência 24h?",a:"Sim. O HCR mantém atendimento de urgência 24 horas, todos os dias da semana, inclusive feriados. A entrada da urgência é sinalizada e conta com equipe de triagem permanente."},
{q:"Quais são os horários de visita?",a:"As visitas à internação acontecem em horários definidos por setor, com acompanhante autorizado em cada quarto. Recomendamos confirmar o horário no atendimento ou por telefone antes de visitar."},
{q:"Como funciona a internação?",a:"A internação é iniciada pela liberação médica, seguida de check-in no setor de internação. Nossos quartos são preparados para o conforto do paciente e do acompanhante, com equipe multiprofissional 24h."},
{q:"Onde fica o HCR?",a:"Estamos na Rua Almirante Barroso, 1530, Centro, Ji-Paraná/RO — com estacionamento próprio e entrada principal sinalizada. Veja o mapa na seção “Onde estamos”."},
{q:"Preciso preparar algo antes dos exames?",a:"Alguns exames pedem preparo específico, como jejum ou suspensão de medicamentos. As orientações completas são informadas no agendamento e na seção “Sua jornada no HCR”."},
{q:"Como agendar uma consulta com especialista?",a:"Você pode entrar em contato pelos nossos canais de atendimento (telefone ou WhatsApp) ou pelo formulário desta página. Nossa equipe direciona você para o especialista adequado."}
];
const VAGAS=[
{cargo:"Enfermeiro(a) — UTI",setor:"Terapia intensiva",tipo:"CLT · Escala 12x36"},
{cargo:"Técnico(a) em Enfermagem — Urgência",setor:"Pronto atendimento 24h",tipo:"CLT · Escalas variadas"},
{cargo:"Recepcionista de Atendimento",setor:"Hospitalar · Centro",tipo:"CLT · Administrativo"}
];
/* ================= HELPERS ================= */
const $=s=>document.querySelector(s), $$=s=>document.querySelectorAll(s);
const img=(seed,w,h)=>`https://picsum.photos/seed/${seed}/${w}/${h}.jpg`;
function toast(msg){$("#toastMsg").textContent=msg;$("#toast").classList.add("show");clearTimeout(toast._t);toast._t=setTimeout(()=>$("#toast").classList.remove("show"),3400)}
function initials(n){return n.replace(/^(Dr\.|Dra\.)\s*/,"").split(" ").slice(0,2).map(p=>p[0]).join("")}
/* ================= RENDER: ESPECIALIDADES ================= */
function specCard(s){
return `<button class="spec-card" data-spec="${s.id}">
<span class="spec-thumb"><img src="${img(s.seed,560,320)}" alt="${s.nome}" loading="lazy"></span>
<span class="spec-body">
<span class="tag">${s.cat}</span><h3>${s.nome}</h3>
<p>${s.desc}</p><span class="more">Conhecer a especialidade <i data-lucide="arrow-right"></i></span>
</span></button>`;
}
function renderSpecs(filter=""){
const f=filter.trim().toLowerCase();
const list=ESPECIALIDADES.filter(s=>!f||s.nome.toLowerCase().includes(f)||s.cat.toLowerCase().includes(f));
$("#specGrid").innerHTML=list.length?list.map(specCard).join(""):`<div class="spec-empty">Nenhuma especialidade encontrada para “${filter}”. Tente outro termo.</div>`;
lucide.createIcons();
}
$("#specInput").addEventListener("input",e=>renderSpecs(e.target.value));
$("#specGo").addEventListener("click",()=>renderSpecs($("#specInput").value));
/* ================= RENDER: MÉDICOS ================= */
const docCard=d=>`<article class="doc-card">
<div class="doc-top"><span class="avatar">${initials(d.nome)}</span>
<div><span class="esp">${d.esp}</span><h3>${d.nome}</h3></div></div>
<div class="doc-meta">
<span><i data-lucide="badge-check"></i> ${d.crm}${d.rqe?" · "+d.rqe:""}</span>
<span><i data-lucide="clock"></i> ${d.hora}</span>
<span><i data-lucide="map-pin"></i> Hospital Cândido Rondon · Ji-Paraná</span>
</div>
<button class="btn btn-ghost" data-doc="${d.id}">Ver perfil <i data-lucide="arrow-right"></i></button></article>`;
function renderDocs(){
const n=$("#docInput").value.trim().toLowerCase(), e=$("#docSelect").value;
const list=MEDICOS.filter(d=>(!n||d.nome.toLowerCase().includes(n))&&(!e||d.esp.includes(e)));
$("#docGrid").innerHTML=list.length?list.map(docCard).join(""):`<div class="doc-empty">Nenhum médico encontrado. Ajuste a busca ou o filtro.</div>`;
lucide.createIcons();
}
$("#docInput").addEventListener("input",renderDocs);
$("#docSelect").addEventListener("change",renderDocs);
[...new Set(MEDICOS.map(d=>d.esp))].forEach(e=>{const o=document.createElement("option");o.textContent=e;$("#docSelect").appendChild(o)});
/* ================= RENDER: CONTEÚDOS ================= */
const cats=["Todos",...new Set(POSTS.map(p=>p.cat))];let activeCat="Todos";
$("#postChips").innerHTML=cats.map(c=>`<button class="chip${c==="Todos"?" on":""}" data-cat="${c}">${c}</button>`).join("");
function renderPosts(){
const list=POSTS.filter(p=>activeCat==="Todos"||p.cat===activeCat);
$("#postGrid").innerHTML=list.map(p=>`<button class="post-card" data-post="${p.id}">
<span class="post-thumb"><img src="${img(p.seed,640,400)}" alt="" loading="lazy"><span class="post-cat">${p.cat}</span></span>
<span class="post-body"><time>${p.data}</time><h3>${p.titulo}</h3><p>${p.res}</p>
<span class="more">Ler conteúdo <i data-lucide="arrow-right"></i></span></span></button>`).join("");
lucide.createIcons();
}
$("#postChips").addEventListener("click",e=>{const b=e.target.closest(".chip");if(!b)return;activeCat=b.dataset.cat;$$("#postChips .chip").forEach(c=>c.classList.toggle("on",c===b));renderPosts()});
renderPosts();
/* ================= RENDER: FAQ ================= */
$("#faqList").innerHTML=FAQ.map(f=>`<div class="acc"><button aria-expanded="false">${f.q}<i data-lucide="plus"></i></button><div class="acc-body"><p>${f.a}</p></div></div>`).join("");
$("#faqList").addEventListener("click",e=>{
const b=e.target.closest("button");if(!b)return;const acc=b.parentElement,body=acc.querySelector(".acc-body"),open=acc.hasAttribute("data-open");
$$("#faqList .acc").forEach(a=>{a.removeAttribute("data-open");a.querySelector(".acc-body").style.maxHeight=null;a.querySelector("button").setAttribute("aria-expanded","false")});
if(!open){acc.setAttribute("data-open","");body.style.maxHeight=body.scrollHeight+"px";b.setAttribute("aria-expanded","true")}
});
/* ================= RENDER: VAGAS ================= */
$("#jobList").innerHTML=VAGAS.map(v=>`<a class="job" href="#contato"><div><b>${v.cargo}</b><div class="meta">${v.setor} · ${v.tipo}</div></div><span class="go"><i data-lucide="arrow-right"></i></span></a>`).join("");
/* ================= DRAWER (páginas internas simuladas) ================= */
const overlay=$("#overlay"),drawer=$("#drawer");
function openDrawer(html,lbl){$("#drawerBody").innerHTML=html;$("#drawerLbl").textContent=lbl;drawer.classList.add("open");overlay.classList.add("show");document.body.style.overflow="hidden";$("#drawerBody").scrollTop=0;lucide.createIcons()}
function closeDrawer(){drawer.classList.remove("open");overlay.classList.remove("show");document.body.style.overflow=""}
$("#drawerClose").addEventListener("click",closeDrawer);overlay.addEventListener("click",closeDrawer);
function drawerCTA(t){return `<div class="dw-cta"><b>${t}</b><a class="btn btn-accent" href="#contato" onclick="closeDrawer()">Falar com o HCR <i data-lucide="arrow-right"></i></a></div>`}
function openSpec(id){
const s=ESPECIALIDADES.find(x=>x.id===id);if(!s)return;
const docs=MEDICOS.filter(d=>s.docs.includes(d.id));
openDrawer(`
<div class="dw-hero"><img src="${img(s.seed,800,440)}" alt="${s.nome}"></div>
<span class="kicker">${s.cat}</span>
<h2 style="font-size:clamp(30px,4vw,42px);margin:12px 0 10px">${s.nome}</h2>
<p style="color:var(--ink-2);margin-bottom:28px">${s.desc}</p>
<div class="dw-sec"><h3><i data-lucide="alert-circle"></i> Quando procurar um especialista?</h3>
<ul class="dw-list">${s.quando.map(q=>`<li><i data-lucide="check"></i>${q}</li>`).join("")}</ul></div>
<div class="dw-sec"><h3><i data-lucide="clipboard-list"></i> Procedimentos e exames</h3>
<ul class="dw-list">${s.procs.map(q=>`<li><i data-lucide="check"></i>${q}</li>`).join("")}</ul></div>
<div class="dw-sec"><h3><i data-lucide="stethoscope"></i> Profissionais relacionados</h3>
<div class="dw-docs">${docs.map(d=>`<div class="dw-doc"><span class="avatar" style="width:46px;height:46px;font-size:16px">${initials(d.nome)}</span>
<div><b>${d.nome}</b><span>${d.esp} · ${d.hora}</span></div>
<button class="btn btn-ghost" data-doc="${d.id}">Perfil</button></div>`).join("")}</div></div>
${drawerCTA("Encontre um especialista em "+s.nome)}`,"Especialidade");
}
function openDoc(id){
const d=MEDICOS.find(x=>x.id===id);if(!d)return;
openDrawer(`
<div class="doc-top" style="margin:8px 0 18px"><span class="avatar" style="width:76px;height:76px;font-size:26px">${initials(d.nome)}</span>
<div><span class="esp">${d.esp}</span><h2 style="font-size:clamp(26px,3vw,34px)">${d.nome}</h2></div></div>
<p style="color:var(--ink-2);margin-bottom:28px">${d.bio}</p>
<div class="dw-sec"><h3><i data-lucide="badge-check"></i> Registro</h3>
<ul class="dw-list"><li><i data-lucide="check"></i>${d.crm}${d.rqe?" · "+d.rqe:""}</li>
<li><i data-lucide="check"></i>Unidade de atendimento: Hospital Cândido Rondon — Ji-Paraná/RO</li></ul></div>
<div class="dw-sec"><h3><i data-lucide="activity"></i> Áreas de atuação</h3>
<ul class="dw-list">${d.areas.map(a=>`<li><i data-lucide="check"></i>${a}</li>`).join("")}</ul></div>
<div class="dw-sec"><h3><i data-lucide="clock"></i> Horário de atendimento</h3>
<ul class="dw-list"><li><i data-lucide="check"></i>${d.hora}</li></ul></div>
${drawerCTA("Agendar atendimento com "+d.nome)}`,"Perfil do médico");
}
function openPost(id){
const p=POSTS.find(x=>x.id===id);if(!p)return;
openDrawer(`
<div class="dw-hero" style="height:260px"><img src="${img(p.seed,800,440)}" alt=""></div>
<div class="art-meta"><span class="cat">${p.cat}</span><span>${p.data} · HCR Saúde</span></div>
<h2 style="font-size:clamp(26px,3.4vw,36px);line-height:1.15;margin-bottom:24px">${p.titulo}</h2>
<div class="art-body">${p.corpo.map(([t,c])=>t==="h3"?`<h3>${c}</h3>`:`<p>${c}</p>`).join("")}</div>
${drawerCTA("Quando você precisar, o HCR estará aqui")}`,"Conteúdo");
}
/* Delegação global de cliques */
document.addEventListener("click",e=>{
const sp=e.target.closest("[data-spec]");if(sp)return openSpec(sp.dataset.spec);
const dc=e.target.closest("[data-doc]");if(dc)return openDoc(dc.dataset.doc);
const pc=e.target.closest("[data-post]");if(pc)return openPost(pc.dataset.post);
});
/* ================= BUSCA GLOBAL ================= */
const gsearch=$("#gsearch"),gsInput=$("#gsInput");
const INDEX=[
...ESPECIALIDADES.map(s=>({t:s.nome,d:"Especialidade · "+s.cat,ic:"clipboard-list",go:()=>{openSpec(s.id)}})),
...MEDICOS.map(m=>({t:m.nome,d:"Médico · "+m.esp,ic:"stethoscope",go:()=>{openDoc(m.id)}})),
{t:"Urgência 24h",d:"Serviço · Atendimento imediato",ic:"siren",go:()=>location.hash="#localizacao"},
{t:"Diagnóstico por Imagem",d:"Serviço · Tomografia, Raio-X, Ultrassom",ic:"scan-line",go:()=>openSpec("imagem")},
{t:"Unidade Materno-Infantil",d:"Serviço · Maternidade e UTI Neonatal",ic:"baby",go:()=>location.hash="#materna"},
{t:"Trabalhe Conosco",d:"Carreiras · Vagas e banco de talentos",ic:"briefcase",go:()=>location.hash="#carreiras"},
...POSTS.map(p=>({t:p.titulo,d:"Conteúdo · "+p.cat,ic:"book-open",go:()=>openPost(p.id)})),
...FAQ.map(f=>({t:f.q,d:"Pergunta frequente",ic:"help-circle",go:()=>location.hash="#faq"}))
];
function gsRender(q){
const box=$("#gsResults");
if(!q.trim()){box.innerHTML=`<div class="gs-none">Busque por médicos, especialidades, exames ou conteúdos…</div>`;return}
const f=q.trim().toLowerCase();
const hits=INDEX.filter(i=>i.t.toLowerCase().includes(f)||i.d.toLowerCase().includes(f)).slice(0,10);
box.innerHTML=hits.length?hits.map((h,i)=>`<button class="gs-item" data-gs="${i}"><i data-lucide="${h.ic}"></i><div><b>${h.t}</b><span>${h.d}</span></div></button>`).join("")
:`<div class="gs-none">Nada encontrado para “${q}”.</div>`;
box._hits=hits;lucide.createIcons();
}
gsInput.addEventListener("input",e=>gsRender(e.target.value));
$("#gsResults").addEventListener("click",e=>{const b=e.target.closest("[data-gs]");if(!b)return;closeGS();$("#gsResults")._hits[b.dataset.gs].go()});
function openGS(){gsearch.classList.add("show");document.body.style.overflow="hidden";setTimeout(()=>gsInput.focus(),80)}
function closeGS(){gsearch.classList.remove("show");document.body.style.overflow="";gsInput.value="";gsRender("")}
$("#gsOpen").addEventListener("click",openGS);
gsearch.addEventListener("click",e=>{if(e.target===gsearch)closeGS()});
document.addEventListener("keydown",e=>{
if((e.ctrlKey||e.metaKey)&&e.key==="k"){e.preventDefault();openGS()}
if(e.key==="Escape"){closeGS();closeDrawer();$("#popup").classList.remove("show")}
});
/* ================= REVEAL + CONTADORES ================= */
const io=new IntersectionObserver(es=>es.forEach(en=>{if(en.isIntersecting){en.target.classList.add("in");io.unobserve(en.target)}}),{threshold:.12});
$$(".rv").forEach(el=>io.observe(el));
const cio=new IntersectionObserver(es=>es.forEach(en=>{
if(!en.isIntersecting)return;cio.unobserve(en.target);
const el=en.target,end=+el.dataset.count,t0=performance.now(),dur=1600;
(function tick(t){const p=Math.min((t-t0)/dur,1),e=1-Math.pow(1-p,3);el.textContent=Math.round(end*e);if(p<1)requestAnimationFrame(tick)})(t0);
}),{threshold:.6});
$$("[data-count]").forEach(el=>cio.observe(el));
/* ================= HEADER / MENU MOBILE ================= */
addEventListener("scroll",()=>$("#header").classList.toggle("scrolled",scrollY>10),{passive:true});
const mmenu=$("#mmenu");
$("#mOpen").addEventListener("click",()=>{mmenu.classList.add("open");mmenu.setAttribute("aria-hidden","false")});
$("#mClose").addEventListener("click",()=>{mmenu.classList.remove("open");mmenu.setAttribute("aria-hidden","true")});
mmenu.addEventListener("click",e=>{if(e.target.closest("a")){mmenu.classList.remove("open");mmenu.setAttribute("aria-hidden","true")}});
/* ================= POP-UP INTELIGENTE ================= */
if(!sessionStorage.getItem("hcr_popup")){
setTimeout(()=>{$("#popup").classList.add("show");sessionStorage.setItem("hcr_popup","1")},8000);
}
$("#popupX").addEventListener("click",()=>$("#popup").classList.remove("show"));
$("#popup").addEventListener("click",e=>{if(e.target===e.currentTarget)$("#popup").classList.remove("show")});
$("#popupGo").addEventListener("click",()=>{$("#popup").classList.remove("show");location.hash="#materna"});
/* ================= COOKIES / LGPD ================= */
if(!localStorage.getItem("hcr_cookies")){setTimeout(()=>$("#cookies").classList.add("show"),2200)}
function ck(v){localStorage.setItem("hcr_cookies",v);$("#cookies").classList.remove("show");toast("Preferência de cookies salva.")}
$("#ckOk").addEventListener("click",()=>ck("all"));
$("#ckMin").addEventListener("click",()=>ck("essential"));
/* ================= FORMULÁRIO ================= */
$("#cForm").addEventListener("submit",e=>{
e.preventDefault();let ok=true;
const check=(id,fn)=>{const g=$(id).closest(".f-group"),valid=fn($(id).value.trim());g.classList.toggle("invalid",!valid);if(!valid)ok=false};
check("#fNome",v=>v.length>=2);
check("#fTel",v=>v.replace(/\D/g,"").length>=10);
check("#fMail",v=>/^\S+@\S+\.\S+$/.test(v));
check("#fAss",v=>v!=="");
check("#fMsg",v=>v.length>=5);
if(!$("#fLgpd").checked){ok=false;toast("É necessário aceitar a Política de Privacidade (LGPD).")}
if(!ok)return;
e.target.reset();$$("#cForm .invalid").forEach(g=>g.classList.remove("invalid"));
toast("Mensagem enviada! Nossa equipe entrará em contato.");
});
/* Máscara leve de telefone */
$("#fTel").addEventListener("input",e=>{
let v=e.target.value.replace(/\D/g,"").slice(0,11);
if(v.length>6)v=`(${v.slice(0,2)}) ${v.slice(2,7)}-${v.slice(7)}`;
else if(v.length>2)v=`(${v.slice(0,2)}) ${v.slice(2)}`;
e.target.value=v;
});
/* ================= EVENTOS DE CONVERSÃO (para GA/GTM em produção) ================= */
document.addEventListener("click",e=>{
const el=e.target.closest("[data-ga],a[href^='tel:']");
if(el&&window.dataLayer)window.dataLayer.push({event:"hcr_click",label:el.dataset.ga||"telefone"});
});
/* ================= INIT ================= */
renderSpecs();renderDocs();lucide.createIcons();
</script>
</body>
</html>