<!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/[email protected]/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 &amp; 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 &amp; 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>