:root{
  /* Substitua pelos HEX extraídos do site atual */
  --primary: #0ea5a4;
  --primary-700:#0b7f7e;
  --secondary:#f472b6;
  --accent:#f59e0b;
  --bg:#ffffff;
  --bg-soft:#f7fafc;
  --text:#0f172a;
  --muted:#64748b;
  --border:#e2e8f0;
  --radius: 16px;
}

*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:var(--bg);}
a{color:inherit;text-decoration:none}
.container{max-width:1140px;margin:0 auto;padding:0 16px;}

.nav{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border);z-index:10}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
.brand-badge{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));}
.menu{display:flex;gap:18px;align-items:center}
.menu a{color:var(--muted);font-weight:600}
.menu a:hover{color:var(--text)}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;font-weight:700;border:1px solid var(--border);background:var(--bg);cursor:pointer}
.btn-primary{background:var(--primary);border-color:var(--primary);color:white}
.btn-primary:hover{background:var(--primary-700);border-color:var(--primary-700)}

.card{background:white;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px rgba(2,6,23,.06);}

.hero{padding:64px 0;background:linear-gradient(180deg,var(--bg) 0%, var(--bg-soft) 100%);}
.hero--image{position:relative;overflow:hidden}
.hero--image:before{
  content:"";
  position:absolute;inset:-20px;
  background:
    radial-gradient(800px 320px at 20% 20%, rgba(14,165,164,.20), transparent 60%),
    radial-gradient(700px 300px at 85% 30%, rgba(244,114,182,.18), transparent 60%),
    radial-gradient(600px 260px at 55% 85%, rgba(245,158,11,.14), transparent 60%);
  pointer-events:none;
}
.hero-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:center}
.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 10px;color:var(--muted);font-weight:700;margin-bottom:10px}
.hero h1{font-size:44px;line-height:1.08;margin:0 0 12px}
.hero p{font-size:18px;color:var(--muted);margin:0 0 18px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}

.hero-card{padding:18px}
.form-grid{display:grid;gap:10px}
.form-grid input,.form-grid select,.form-grid textarea{
  padding:12px;border:1px solid var(--border);border-radius:14px;background:#fff;
}
.tiny-muted{margin-top:12px;color:var(--muted);font-size:13px}

.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.kpi{padding:12px;border:1px dashed var(--border);border-radius:14px;background:rgba(255,255,255,.65)}
.kpi b{display:block;font-size:16px}

.section{padding:54px 0}
.section-soft{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.section h2{font-size:30px;margin:0 0 8px}
.section p.lead{color:var(--muted);margin:0 0 22px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

.service{padding:18px}
.service .icon{width:42px;height:42px;border-radius:14px;background:rgba(14,165,164,.12);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--primary);margin-bottom:10px}
.service h3{margin:8px 0 6px}
.service p{margin:0 0 10px;color:var(--muted)}
.link{color:var(--primary);font-weight:800}

.person{padding:16px;text-align:center}
.avatar{width:74px;height:74px;border-radius:24px;background:linear-gradient(135deg, rgba(14,165,164,.25), rgba(244,114,182,.22));margin:4px auto 10px}
.person b{display:block}
.person span{color:var(--muted);font-size:14px}

.timetable{display:grid;gap:10px}
.tt-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--border);border-radius:14px;background:#fff}
.tt-row span{color:var(--muted);font-weight:700}

.quote{padding:18px}
.quote p{margin:0 0 12px;color:var(--muted);font-size:16px}
.quote b{font-weight:900}

.footer{padding:26px 0;border-top:1px solid var(--border);color:var(--muted)}

@media (max-width: 900px){
  .hero-grid{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .hero h1{font-size:36px}
  .section-head{align-items:flex-start;flex-direction:column}
}