:root{--green:#0c5b42;--bg:#f7fbf8;--text:#113c30;--muted:#71847e;--line:#dce9e3}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text)}button,input{font:inherit}.hidden{display:none!important}button{cursor:pointer}
#app{min-height:100vh;padding-bottom:78px}.topbar{height:82px;padding:8px 18px;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;background:#fff;border-bottom:1px solid #e8f0ec;position:sticky;top:0;z-index:50}.brand-btn{border:0;background:transparent;display:flex;justify-content:center;height:66px}.brand-btn img{height:62px;max-width:155px;object-fit:contain}.round{width:44px;height:44px;border-radius:50%;border:1px solid #d7e6df;background:#fff;color:#167b57;font-size:30px;display:grid;place-items:center}.round svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2}
.page{max-width:780px;margin:auto;padding:20px 16px}.hero{border:1px solid #d8e8e0;background:linear-gradient(135deg,#eefaf2,#fff8d8);border-radius:30px;padding:28px 24px;display:grid;grid-template-columns:1fr 110px;gap:14px;align-items:center}.eyebrow{display:inline-block;background:#fff;border:1px solid #d8e7e0;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:900;letter-spacing:.14em;color:#187a57}.hero h1{font-size:32px;line-height:1.02;margin:22px 0 10px}.hero p{margin:0;color:var(--muted);font-size:16px;line-height:1.4}.hero-orb{width:100px;height:100px;background:#fff;border-radius:28px;display:grid;place-items:center;font-size:48px}
.search{height:58px;margin:18px 0;background:#fff;border:1px solid #d8e6df;border-radius:18px;display:flex;align-items:center;gap:12px;padding:0 16px}.search svg{width:24px;height:24px;fill:none;stroke:#71847e;stroke-width:2}.search input{border:0;outline:0;background:transparent;width:100%;font-size:16px}
.section{margin-top:22px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section-title h2{margin:0;font-size:23px}.section-title p{margin:4px 0 0;color:var(--muted);font-size:14px}.section-title>span{background:#e8f5ef;color:#19845d;border-radius:999px;padding:7px 11px;font-weight:900}
.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cat-card{border:1px solid rgba(0,0,0,.06);border-radius:22px;padding:16px;text-align:left;background:#fff;min-height:142px;box-shadow:0 8px 24px rgba(22,73,54,.06)}.cat-card .cat-icon{width:56px;height:56px;border-radius:18px;color:#fff;display:grid;place-items:center;margin-bottom:12px;font-size:30px}.cat-card b{display:block;font-size:15px;line-height:1.15}.cat-card small{display:block;color:#657c74;margin-top:5px;font-size:11px}.motor{background:#eaf4ff}.motor .cat-icon{background:#2078d4}.cognitiva{background:#ffeaf1}.cognitiva .cat-icon{background:#ed4c79}.sensorial{background:#f2ebff}.sensorial .cat-icon{background:#8c55d8}.social{background:#e8fbff}.social .cat-icon{background:#1aa3c5}.autonomia{background:#e9f8ee}.autonomia .cat-icon{background:#1b9b5d}.recreacao{background:#fff4dc}.recreacao .cat-icon{background:#eda41a}
.promo{margin-top:24px;border:1px solid #efd77f;background:#fff3be;border-radius:25px;padding:20px;display:flex;justify-content:space-between;align-items:center}.promo strong{display:block;font-size:22px}.promo span{display:block;color:#756b4e;margin-top:5px;font-size:13px}
.cat-hero{border-radius:26px;padding:22px;background:#fff;border:1px solid #dce8e2}.cat-hero .hero-icon{width:62px;height:62px;border-radius:20px;color:#fff;display:grid;place-items:center;font-size:31px}.cat-hero h1{margin:8px 0 5px;font-size:28px}.cat-hero p{margin:0;color:var(--muted)}.chips{display:flex;gap:8px;overflow:auto;padding:14px 0}.chip{border:1px solid #d9e7e0;background:#fff;color:#577069;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;white-space:nowrap}.chip.active{background:#0d6b4b;color:#fff;border-color:#0d6b4b}
.activity-list{display:grid;grid-template-columns:1fr;gap:10px}.activity-card{border:1px solid #dfeae5;background:#fff;border-radius:19px;padding:14px;text-align:left;display:grid;grid-template-columns:64px 1fr;gap:12px}.activity-thumb{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font-size:26px;font-weight:900}.activity-card h3{margin:2px 0 6px;font-size:15px}.activity-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.activity-card .meta{margin-top:7px;font-size:10px;font-weight:800;color:#19845d}
.viewer{position:fixed;inset:0;background:#eff5f1;z-index:100;display:flex;flex-direction:column}.viewer.hidden{display:none}.viewerbar{height:62px;background:#fff;border-bottom:1px solid #dfe9e4;display:flex;align-items:center;gap:10px;padding:8px 12px}.viewerbar button{border:0;border-radius:12px;padding:10px 13px;font-weight:800}.viewerbar .backv{background:#eaf5ef;color:#0d6b4b}.viewerbar .printv{background:#0d6b4b;color:#fff;margin-left:auto}.viewerbar strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer iframe{width:100%;height:calc(100vh - 62px);border:0;background:#fff}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:rgba(255,255,255,.97);border-top:1px solid #dfe9e4;display:grid;grid-template-columns:repeat(3,1fr);z-index:60}.nav-btn{border:0;background:transparent;color:#60756e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.nav-btn span{font-size:22px}.nav-btn small{font-size:10px}.nav-btn.active{color:#0d724f;font-weight:800}
@media(min-width:650px){.cat-grid{grid-template-columns:repeat(3,1fr)}.activity-list{grid-template-columns:repeat(2,1fr)}}