/* Orla · /sistema/ desktop layer (>=1024px) */
.sis-confere { grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
.sis-extras { grid-template-columns: repeat(4, 1fr); gap: var(--space-4); }
.sis-hero__inner { gap: var(--space-5); }

/* hero: copy left, the page index right (the right half was empty) */
.sis-hero__inner { max-width: none; grid-template-columns: minmax(0, 1fr) minmax(0, 400px); column-gap: clamp(48px, 6vw, 112px); align-items: center; }
.sis-hero__inner { grid-template-rows: 1fr repeat(4, auto) 1fr; row-gap: 0; }   /* the copy centres against the index */
.sis-hero__inner > :not(.sis-index) { grid-column: 1; }
.sis-hero__inner > .eyebrow { grid-row: 2; }
.sis-hero__inner > h1 { grid-row: 3; margin-top: var(--space-4); }
.sis-hero__inner > .sis-hero__lead { grid-row: 4; margin-top: var(--space-5); }
.sis-hero__inner > .sis-hero__cta { grid-row: 5; margin-top: var(--space-6); }
.sis-index { display: block; grid-column: 2; grid-row: 1 / -1; align-self: center; padding: var(--space-3); border-radius: var(--r-xl);
  background: color-mix(in oklab, var(--bg-raised) 82%, transparent); box-shadow: inset 0 0 0 1px var(--hair), var(--highlight-top), var(--sh-3);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.sis-index__h { padding: var(--space-2) var(--space-3) var(--space-3); font-size: var(--text-xs); font-weight: var(--w-ui); letter-spacing: .08em; text-transform: uppercase; color: var(--fg-subtle); }
.sis-index ol { list-style: none; margin: 0; padding: 0; display: grid; }
.sis-index li + li { border-top: 1px solid var(--hair); }
.sis-index a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 12px var(--space-3); border-radius: var(--r-md); color: var(--fg); text-decoration: none;
  transition: background-color var(--dur-1) var(--ease-out); }
.sis-index__n { font-size: var(--text-xs); color: var(--fg-subtle); font-variant-numeric: tabular-nums; }
.sis-index__t b { display: block; font-size: 1rem; font-weight: 600; letter-spacing: -.01em; }
.sis-index__t span { display: block; margin-top: 2px; font-size: var(--text-sm); color: var(--fg-muted); }
.sis-index svg { width: 14px; height: 14px; color: var(--fg-subtle); transform: rotate(90deg); transition: transform var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out); }
@media (hover: hover) and (pointer: fine) {
  .sis-index a:hover { background: color-mix(in oklab, var(--fg) 6%, transparent); }
  .sis-index a:hover svg { color: var(--fg); transform: rotate(90deg) translateX(2px); }
}
.sis-index a:focus-visible { outline: 2px solid var(--fg); outline-offset: -2px; }