:root{--agro-bg:#07140c;--agro-panel:#10251a;--agro-card:#173322;--agro-green:#79d35b;--agro-gold:#f2b84b;--agro-text:#f4f7ef;--agro-muted:#b8c8bb;--agro-border:rgba(255,255,255,.12)}
*{box-sizing:border-box}body.page-body{margin:0;background:linear-gradient(180deg,#07140c,#0d2015);color:var(--agro-text);font-family:Arial,sans-serif}.page-shell{width:min(1180px,calc(100% - 32px));margin:auto}.page-header{position:sticky;top:0;z-index:50;background:rgba(7,20,12,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--agro-border)}.page-header-inner{min-height:74px;display:flex;align-items:center;gap:24px}.page-logo img{width:180px;max-height:56px;object-fit:contain}.page-nav{display:flex;gap:18px;align-items:center;margin-left:auto}.page-nav a{color:var(--agro-text);text-decoration:none;font-weight:700;font-size:.94rem}.page-nav a:hover{color:var(--agro-green)}.page-play{background:var(--agro-green);color:#09200d!important;padding:12px 18px;border-radius:12px}.page-hero{padding:88px 0 56px}.page-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}.page-kicker{color:var(--agro-green);font-weight:800;letter-spacing:.12em;font-size:.78rem}.page-hero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1.02;margin:16px 0}.page-hero p{font-size:1.08rem;line-height:1.75;color:var(--agro-muted)}.page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.page-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:14px 20px;font-weight:800;border:1px solid var(--agro-border);color:var(--agro-text)}.page-button.primary{background:var(--agro-green);color:#09200d}.page-button.secondary{background:rgba(255,255,255,.05)}.page-visual{background:radial-gradient(circle at top,#245a34,#10251a 70%);border:1px solid var(--agro-border);border-radius:28px;padding:26px;min-height:360px;display:grid;place-items:center}.page-visual img{max-width:100%;max-height:420px;object-fit:contain;border-radius:22px}.section{padding:64px 0}.section h2{font-size:clamp(1.8rem,4vw,3.2rem);margin:0 0 16px}.section-intro{color:var(--agro-muted);max-width:760px;line-height:1.7}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.info-card{background:var(--agro-card);border:1px solid var(--agro-border);border-radius:20px;padding:24px}.info-card h3{margin:0 0 10px}.info-card p,.info-card li{color:var(--agro-muted);line-height:1.65}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}.character-tile{background:var(--agro-card);border:1px solid var(--agro-border);border-radius:18px;overflow:hidden}.character-tile img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#274a31}.character-tile div{padding:16px}.character-tile h3{margin:0 0 6px}.character-tile p{margin:0;color:var(--agro-muted);font-size:.92rem;line-height:1.5}.timeline{display:grid;gap:16px;margin-top:28px}.timeline article{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start}.timeline span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--agro-green);color:#09200d;font-weight:900}.timeline div{background:var(--agro-card);border:1px solid var(--agro-border);border-radius:16px;padding:18px}.book-demo{display:grid;grid-template-columns:240px 1fr;gap:24px;background:var(--agro-panel);border:1px solid var(--agro-border);border-radius:24px;padding:24px}.book-menu{display:grid;gap:10px}.book-menu button{border:1px solid var(--agro-border);background:#153722;color:var(--agro-text);padding:13px;border-radius:12px;text-align:left;font-weight:700}.book-menu button.active{background:var(--agro-green);color:#09200d}.progress{height:10px;background:#0b1d12;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:var(--agro-green)}.footer{border-top:1px solid var(--agro-border);padding:28px 0;color:var(--agro-muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.sol-avatar-large{width:min(380px,100%);aspect-ratio:1/1;object-fit:cover;border-radius:28px;border:4px solid var(--agro-green);background:#244b30}.notice{background:rgba(242,184,75,.12);border:1px solid rgba(242,184,75,.35);padding:16px;border-radius:14px;color:#ffe1a0}.mobile-nav{display:none}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;list-style:none}.feature-list li{background:rgba(255,255,255,.04);border:1px solid var(--agro-border);padding:14px;border-radius:12px}
@media(max-width:900px){.page-nav{display:none}.mobile-nav{display:inline-flex;margin-left:auto}.page-hero-grid,.book-demo{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.character-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.page-shell{width:min(100% - 20px,1180px)}.page-hero{padding-top:54px}.card-grid,.character-grid,.feature-list{grid-template-columns:1fr}.page-actions a{width:100%}.page-logo img{width:145px}}

/* Títulos das páginas com o mesmo destaque visual da landing page */
.page-hero-highlight{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(121,211,91,.2),transparent 34%),radial-gradient(circle at 82% 10%,rgba(242,184,75,.14),transparent 26%)}
.page-hero-highlight::after{content:"";position:absolute;inset:auto -12% -55% 45%;height:380px;background:radial-gradient(circle,rgba(121,211,91,.12),transparent 68%);pointer-events:none}
.page-hero h1,.page-section-heading h2{color:#f4f7ef;text-shadow:0 3px 22px rgba(0,0,0,.42)}
.page-hero h1 strong,.page-section-heading h2 strong{color:var(--agro-green)}
.page-kicker{color:#8ce94f;text-shadow:0 0 18px rgba(140,233,79,.25)}
.page-section-heading{margin-bottom:30px}.page-section-heading h2{font-size:clamp(2rem,4.5vw,3.7rem);line-height:1.08;margin:12px 0 14px}
.characters-page-section{background:radial-gradient(circle at 15% 10%,rgba(242,184,75,.08),transparent 28%),linear-gradient(180deg,#0b1d10,#07140c)}
.characters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.character-card{align-self:start;overflow:hidden;border:1px solid var(--agro-border);border-radius:18px;background:rgba(16,39,24,.95);box-shadow:0 15px 38px rgba(0,0,0,.24);transition:transform .2s ease,border-color .2s ease}
.character-card:hover{transform:translateY(-4px);border-color:rgba(140,233,79,.62)}.character-card.is-open{border-color:#8ce94f}
.character-trigger{width:100%;display:grid;justify-items:center;gap:10px;padding:18px 16px 15px;border:0;color:var(--agro-text);background:transparent;text-align:center;cursor:pointer}
.character-portrait{width:100%;aspect-ratio:1/1.08;display:grid;place-items:end center;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#f3edda,#d9cfb4)}
.character-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;image-rendering:pixelated;transition:transform .25s ease}.character-card:hover .character-portrait img{transform:scale(1.035)}
.character-name{font-size:1.2rem;font-weight:900;color:#8ce94f;letter-spacing:.05em}.character-hint{color:var(--agro-muted);font-size:.75rem}.character-trigger[aria-expanded="true"] .character-hint::before{content:"− "}.character-trigger[aria-expanded="false"] .character-hint::before{content:"+ "}
.character-details{padding:0 18px 18px;border-top:1px solid rgba(140,233,79,.14);animation:character-open .22s ease both}.character-details[hidden]{display:none}.character-details p{color:#d8e4d5;font-size:.88rem;line-height:1.55}.character-details ul{display:grid;gap:7px;margin:14px 0;padding:0;list-style:none}.character-details li{position:relative;padding-left:20px;color:#e7f1e3;font-size:.82rem}.character-details li::before{content:"✦";position:absolute;left:0;color:#8ce94f}.character-role{margin-top:16px;color:var(--agro-gold)!important;font-weight:900;text-transform:uppercase}.character-likes{margin-bottom:0;padding:11px 12px;border-radius:10px;background:rgba(140,233,79,.08)}
@keyframes character-open{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(max-width:900px){.characters-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.characters-grid{grid-template-columns:1fr}.page-hero h1{font-size:clamp(2.3rem,13vw,3.5rem)}}

/* Livro do Conhecimento dinâmico */
.knowledge-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.knowledge-metrics article{padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(12,38,27,.8);display:flex;flex-direction:column}.knowledge-metrics b{font-size:2rem;color:#f1bd43}.knowledge-metrics small{color:#b8c9bd}.knowledge-progress{padding:18px;border-radius:14px;background:rgba(13,45,31,.75);margin-bottom:24px}.knowledge-progress label{display:flex;justify-content:space-between}.knowledge-progress i{display:block;height:12px;margin-top:10px;border-radius:99px;background:#163a29;overflow:hidden}.knowledge-progress em{display:block;height:100%;background:#e8b73f}.knowledge-layout{display:grid;grid-template-columns:320px 1fr;gap:22px}.knowledge-layout aside,.knowledge-reading{border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(12,38,27,.78);padding:20px}.knowledge-list{display:grid;gap:8px;max-height:540px;overflow:auto}.knowledge-list button{text-align:left;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#173f2c;color:#fff}.knowledge-list button strong,.knowledge-list button small{display:block}.knowledge-list button small{color:#aebdb3;margin-top:4px}.knowledge-reading p{font-size:1.06rem;line-height:1.75}@media(max-width:760px){.knowledge-metrics{grid-template-columns:repeat(2,1fr)}.knowledge-layout{grid-template-columns:1fr}}
.knowledge-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 22px}.knowledge-category-grid button{padding:12px;text-align:left;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#123b28;color:#fff;cursor:pointer}.knowledge-category-grid button.active{outline:2px solid #e8b73f}.knowledge-category-grid button strong,.knowledge-category-grid button small{display:block}.knowledge-category-grid button small{color:#b8c9bd;margin-top:5px}.knowledge-category-grid i{display:block;height:6px;background:#082216;border-radius:99px;margin-top:8px;overflow:hidden}.knowledge-category-grid em{display:block;height:100%;background:#e8b73f}.knowledge-list button.locked{filter:saturate(.35);opacity:.72}.knowledge-list button.unlocked{border-color:rgba(126,217,87,.35)}.knowledge-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.knowledge-facts div{padding:12px;border-radius:10px;background:#143c2a}.knowledge-facts dt{font-size:.8rem;color:#aebdb3}.knowledge-facts dd{margin:4px 0 0}.knowledge-lock{margin-top:20px;padding:18px;border:1px dashed rgba(255,255,255,.25);border-radius:12px;text-align:center;color:#b8c9bd}@media(max-width:600px){.knowledge-facts{grid-template-columns:1fr}}

/* AgroAprendiz Future Green — páginas institucionais */
:root{--future-green:#82ff6b;--future-neon:#38ff8b;--future-cyan:#5effc6;--future-grid:rgba(94,255,198,.07)}
body.page-body{background:radial-gradient(circle at 15% 0,rgba(56,255,139,.12),transparent 28%),linear-gradient(180deg,#031008,#071b10 48%,#04130b);position:relative;overflow-x:hidden}
body.page-body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--future-grid) 1px,transparent 1px),linear-gradient(90deg,var(--future-grid) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.76),transparent 88%)}
.page-header{background:linear-gradient(90deg,rgba(2,16,8,.96),rgba(6,34,19,.93),rgba(2,16,8,.96));border-color:rgba(94,255,198,.24);box-shadow:0 12px 44px rgba(0,0,0,.3)}
.page-logo img{filter:drop-shadow(0 0 12px rgba(130,255,107,.24))}.page-nav a{position:relative}.page-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-7px;height:1px;background:linear-gradient(90deg,transparent,var(--future-neon),transparent);box-shadow:0 0 10px var(--future-neon);transition:.22s}.page-nav a:hover::after{left:0;right:0}
.page-play,.page-button{position:relative;overflow:hidden;border-radius:4px 14px 4px 14px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.page-play::before,.page-button::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.3) 43%,transparent 64%);transform:translateX(-135%);transition:transform .55s}.page-play:hover::before,.page-button:hover::before{transform:translateX(135%)}.page-play:hover,.page-button:hover{transform:translateY(-2px)}
.page-play,.page-button.primary{border:1px solid rgba(185,255,159,.72);background:linear-gradient(135deg,#b9ff78,#63ec62 44%,#29c96f);box-shadow:0 5px 0 #176e3d,0 0 24px rgba(56,255,139,.22)}.page-button.secondary{border-color:rgba(94,255,198,.42);background:linear-gradient(135deg,rgba(10,46,27,.72),rgba(3,20,11,.78));box-shadow:inset 0 0 22px rgba(56,255,139,.06)}
.page-hero{position:relative;isolation:isolate}.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 24%,rgba(56,255,139,.14),transparent 25%),repeating-linear-gradient(0deg,transparent 0 5px,rgba(130,255,107,.018) 6px)}.page-hero h1{text-shadow:0 0 32px rgba(56,255,139,.12)}.page-kicker{text-shadow:0 0 16px rgba(56,255,139,.36)}
.page-visual,.info-card,.character-card,.timeline div,.book-demo,.knowledge-layout aside,.knowledge-reading,.knowledge-metrics article{border-color:rgba(94,255,198,.2)!important;box-shadow:inset 0 1px rgba(185,255,159,.04),0 18px 52px rgba(0,0,0,.24);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.page-visual:hover,.info-card:hover,.character-card:hover,.timeline div:hover,.knowledge-metrics article:hover{transform:translateY(-4px);border-color:rgba(94,255,198,.48)!important;box-shadow:0 22px 56px rgba(0,0,0,.3),0 0 28px rgba(56,255,139,.08)}
.page-visual{background:radial-gradient(circle at top,rgba(43,112,64,.72),rgba(5,25,13,.96) 70%)}
.agro-cursor-glow{position:fixed;left:0;top:0;width:260px;height:260px;border-radius:50%;pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(56,255,139,.11),rgba(56,255,139,.035) 38%,transparent 70%);transition:opacity .2s;mix-blend-mode:screen}.agro-click-wave{position:fixed;z-index:9999;width:18px;height:18px;border:1px solid rgba(185,255,159,.95);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 18px rgba(56,255,139,.75);animation:agroClickWave .62s ease-out forwards}.agro-click-particle{position:fixed;z-index:9999;width:4px;height:4px;border-radius:1px;background:var(--future-neon);pointer-events:none;box-shadow:0 0 10px var(--future-neon);animation:agroParticle .55s ease-out forwards}@keyframes agroClickWave{to{width:84px;height:84px;opacity:0;border-width:0}}@keyframes agroParticle{to{transform:translate(var(--px),var(--py)) rotate(160deg) scale(.2);opacity:0}}
@media(pointer:coarse){.agro-cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){.agro-cursor-glow,.agro-click-wave,.agro-click-particle{display:none!important}}

/* V4.9.1 — padronização visual completa com a página principal */
:root{
  --agro-bg:var(--bg,#06110a);
  --agro-panel:var(--surface,#102718);
  --agro-card:var(--surface,#102718);
  --agro-green:var(--primary,#8ce94f);
  --agro-gold:var(--primary,#8ce94f);
  --agro-text:var(--text,#f5f5e9);
  --agro-muted:var(--muted,#b9c7b9);
  --agro-border:var(--line,rgba(137,226,84,.25));
}
body.page-body{color:#f5f5e9;font-family:Arial,sans-serif}
body.page-body h1,body.page-body h2,body.page-body h3,body.page-body h4,body.page-body h5,body.page-body h6{color:#f5f5e9}
body.page-body p,body.page-body li,body.page-body dd,body.page-body small{color:#b9c7b9}
body.page-body strong,body.page-body b{color:inherit}
.page-nav a{color:#f5f5e9}.page-nav a:hover,.page-nav a:focus-visible{color:#8ce94f}
.page-kicker,.page-hero h1 strong,.page-section-heading h2 strong,.character-name,.character-details li::before{color:#8ce94f}
.page-hero p,.section-intro,.info-card p,.info-card li,.character-tile p,.character-hint,.footer,.knowledge-metrics small,.knowledge-list button small,.knowledge-category-grid button small,.knowledge-facts dt,.knowledge-lock{color:#b9c7b9}
.character-details p,.character-details li,.knowledge-reading p,.knowledge-facts dd{color:#d8e4d5}
.character-role,.knowledge-metrics b{color:#8ce94f!important}
.notice{background:rgba(140,233,79,.08);border-color:rgba(140,233,79,.3);color:#dfffd3}
.notice strong{color:#8ce94f}
.page-button,.page-play,.book-menu button,.knowledge-list button,.knowledge-category-grid button{font:800 .95rem/1.1 Arial,sans-serif;letter-spacing:.01em}
.page-button.primary,.page-play,.book-menu button.active,.knowledge-list button.active,.knowledge-category-grid button.active{
  color:#071009!important;
  background:linear-gradient(135deg,#b9ff78,#63ec62 44%,#29c96f);
  border-color:rgba(185,255,159,.72);
  box-shadow:0 5px 0 #176e3d,0 0 24px rgba(56,255,139,.22)
}
.page-button.secondary,.book-menu button,.knowledge-list button,.knowledge-category-grid button{
  color:#f5f5e9;
  background:linear-gradient(135deg,rgba(10,46,27,.72),rgba(3,20,11,.78));
  border-color:rgba(94,255,198,.42)
}
.page-button.secondary:hover,.book-menu button:hover,.knowledge-list button:hover,.knowledge-category-grid button:hover{color:#8ce94f;border-color:#38ff8b}
.timeline span{background:#8ce94f;color:#071009}
.knowledge-progress em,.knowledge-category-grid em,.progress i{background:#8ce94f}
.knowledge-category-grid button.active{outline:2px solid rgba(140,233,79,.55)}
.characters-page-section{background:radial-gradient(circle at 15% 10%,rgba(56,255,139,.08),transparent 28%),linear-gradient(180deg,#0b1d10,#07140c)}
.page-hero-highlight{background:radial-gradient(circle at 18% 18%,rgba(140,233,79,.2),transparent 34%),radial-gradient(circle at 82% 10%,rgba(56,255,139,.1),transparent 26%)}
