/* v4.25 - estilos novos e aditivos (Sistemas, Contabilidade Online, Artigos). Não altera style.css. */
.sys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sys-card{display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius);background:#fff;box-shadow:0 8px 26px rgba(10,13,17,.05)}
.sys-card .sc-icon{margin-bottom:18px}
.sys-card h3{font-family:var(--serif);font-size:21px;margin:0 0 8px}
.sys-card p{color:var(--muted);margin:0}
.sys-grid,.mode-grid,.article-list{margin-top:30px}
.sys-more{margin-top:26px;text-align:center}

.sys-feature{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:center;padding:34px 0;border-top:1px solid var(--line)}
.sys-feature:first-child{border-top:0;padding-top:0}
.sys-feature.no-shot{grid-template-columns:1fr;gap:0;padding:26px 0}
.sys-feature.no-shot .sys-copy{order:0!important;max-width:760px}
.sys-feature:nth-child(even) .sys-copy{order:2}
.sys-copy .sc-icon{margin-bottom:16px}
.sys-copy h3{font-family:var(--serif);font-size:26px;margin:0 0 10px;line-height:1.25}
.sys-copy p{color:var(--muted);margin:0 0 14px}
.sys-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sys-copy li{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:15px}
.sys-copy li .icon{width:18px;height:18px;flex:none;margin-top:3px;color:var(--gold-deep)}
.sys-shot{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#0d1116;box-shadow:0 18px 44px rgba(10,13,17,.16);aspect-ratio:16/10}
.sys-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.sys-shot.is-empty{display:grid;place-items:center;color:#d9bd7c;background:linear-gradient(145deg,#0a0d11,#151b21)}
.sys-shot.is-empty .icon{width:64px;height:64px;opacity:.85}

.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mode-card{padding:34px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(10,13,17,.05)}
.mode-card .sc-icon{margin-bottom:18px}
.mode-card h3{font-family:var(--serif);font-size:24px;margin:0 0 8px}
.mode-card>p{color:var(--muted);margin:0 0 16px}
.mode-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.mode-card li{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:15px}
.mode-card li .icon{width:18px;height:18px;flex:none;margin-top:3px;color:var(--gold-deep)}

.article-wrap{max-width:780px;margin-inline:auto}
.article-meta{color:var(--muted);font-size:14px;margin:0 0 22px}
.article-wrap h2{font-family:var(--serif);font-size:26px;margin:34px 0 12px;line-height:1.3}
.article-wrap p,.article-wrap li{color:#2b333a;font-size:17px;line-height:1.75}
.article-wrap ol,.article-wrap ul{padding-left:22px}
.article-wrap .article-note{margin-top:30px;padding:18px 20px;border-left:3px solid var(--gold);background:#fff;border-radius:8px;font-size:15px;color:var(--muted)}
.article-wrap .article-note a{color:#8a6420;font-weight:700}
.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:34px}

@media(max-width:980px){
  .sys-grid{grid-template-columns:1fr 1fr}
  .sys-feature{grid-template-columns:1fr;gap:22px}
  .sys-feature:nth-child(even) .sys-copy{order:0}
  .mode-grid,.article-list{grid-template-columns:1fr}
}
@media(max-width:640px){
  .sys-grid{grid-template-columns:1fr}
}

/* v4.26 - a tarja amarela termina exatamente no fim da primeira tela nas páginas internas (desktop) */
@media(min-width:981px){
  .page-hero{padding:40px 0;min-height:clamp(520px,calc(100vh - var(--header-h) - 82px),750px)}
  @supports(height:100svh){.page-hero{min-height:clamp(520px,calc(100svh - var(--header-h) - 82px),750px)}}
  .page-hero.page-hero-compact h1{font-size:clamp(34px,3.9vw,52px);margin:14px 0 18px;max-width:1000px}
  .page-hero.page-hero-compact .shell>p{margin-bottom:16px}
}