:root {
  --md-primary-fg-color: #751B17;
  --md-primary-fg-color--light: #8E2A22;
  --md-primary-fg-color--dark: #4A0E0C;
  --md-accent-fg-color: #B8860B;
  --md-accent-fg-color--transparent: rgba(245, 181, 27, .15);
}
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #4A0E0C;
  --md-primary-fg-color--dark: #2E0806;
  --md-accent-fg-color: #F5B51B;
  --md-typeset-a-color: #E8857C;
}
[data-md-color-scheme="slate"] .ia-etapa {
  color: #E8857C;
}
.md-typeset .ia-print {
  display: block;
  border: 1px dashed var(--md-default-fg-color--lighter);
  border-radius: 8px;
  padding: .45em .9em;
  margin: .4em 0 1.2em;
  font-size: .78em;
  color: var(--md-default-fg-color--light);
}
.md-typeset .grid.cards > ul > li {
  border-radius: 12px;
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--md-primary-fg-color);
}
.md-typeset table:not([class]) {
  font-size: .72rem;
}
.ia-etapa {
  font-size: .68rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--md-primary-fg-color);
  font-weight: 700;
}

/* ---- página inicial ---- */
.md-typeset .ia-hero {
  position: relative; overflow: hidden; border-radius: 18px; padding: 34px 36px 30px;
  color: #FFFDFB; margin: 0 0 1.4rem;
  background: linear-gradient(118deg, #3E0B09 0%, #5E1411 48%, #7E211B 100%);
}
.md-typeset .ia-hero::after {
  content: ""; position: absolute; right: -60px; top: -90px; width: 360px; height: 360px; border-radius: 50%;
  background: radial-gradient(circle, rgba(245,181,27,.22), rgba(245,181,27,0) 68%); pointer-events: none;
}
.md-typeset .ia-hero > * { position: relative; }
.md-typeset .ia-hero .ia-kicker { font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; color: #F5B51B; margin: 0; }
.md-typeset .ia-hero h1 { color: #FFFDFB; margin: .35rem 0 .55rem; font-size: 1.9rem; line-height: 1.1; font-weight: 700; }
.md-typeset .ia-hero p.ia-lead { color: #EBD3CE; max-width: 62ch; margin: 0 0 1.1rem; font-size: .8rem; }
.md-typeset .ia-hero .md-button { border-color: rgba(255,255,255,.45); color: #FFFDFB; margin: 0 .4rem .4rem 0; }
.md-typeset .ia-hero .md-button:hover { border-color: #FFFDFB; background: rgba(255,255,255,.08); }
.md-typeset .ia-hero .md-button--primary { background: #F5B51B; border-color: #F5B51B; color: #2E1F05; }
.md-typeset .ia-hero .md-button--primary:hover { background: #FFC43A; border-color: #FFC43A; color: #2E1F05; }
.md-typeset .ia-sec { font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--md-primary-fg-color); font-weight: 700; margin: 1.6rem 0 .5rem; }
.md-typeset .ia-sec small { display: block; text-transform: none; letter-spacing: 0; font-weight: 400; font-size: .74rem; color: var(--md-default-fg-color--light); margin-top: .15rem; }
.md-typeset .ia-etapas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 .6rem; }
.md-typeset .ia-card {
  background: var(--md-default-bg-color); border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 14px; padding: 14px 16px 12px; display: flex; flex-direction: column; gap: 6px;
  box-shadow: 0 1px 2px rgba(35,31,29,.05); transition: border-color .15s, transform .15s;
}
.md-typeset .ia-card:hover { border-color: var(--md-primary-fg-color); transform: translateY(-1px); }
.md-typeset .ia-card .ia-etapa { margin: 0; }
.md-typeset .ia-card h3 { margin: 0; font-size: .86rem; font-weight: 700; }
.md-typeset .ia-card p { margin: 0; font-size: .7rem; color: var(--md-default-fg-color--light); flex: 1; line-height: 1.5; }
.md-typeset .ia-card a.ia-more { font-size: .7rem; font-weight: 700; text-decoration: none; }
.md-typeset .ia-card a.ia-more::after { content: " →"; }
.md-typeset .ia-apps { font-size: .66rem; color: var(--md-default-fg-color--light); }
@media (max-width: 1100px) { .md-typeset .ia-etapas { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .md-typeset .ia-etapas { grid-template-columns: 1fr; } .md-typeset .ia-hero { padding: 24px 20px; } }
[data-md-color-scheme="slate"] .md-typeset .ia-card { background: var(--md-code-bg-color); box-shadow: none; }

.md-typeset .grid.cards { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
.md-typeset .grid.cards > ul > li { padding: .7rem .9rem; }

/* =====================================================================
   Componentes das páginas de etapa, app e processo
   ===================================================================== */
:root {
  --ia-wine: #751B17; --ia-wine-50: #F8EEEC; --ia-gold: #B8860B; --ia-gold-50: #FBF3DF;
  --ia-blue: #2F5E8C; --ia-blue-50: #EAF1F8; --ia-green: #2E7D4F; --ia-green-50: #E7F4EC;
  --ia-gray-50: #F4F2F0; --ia-line: rgba(35,31,29,.10); --ia-card: #FFFFFF; --ia-page: #FBFAF9;
}
[data-md-color-scheme="slate"] {
  --ia-wine-50: rgba(232,133,124,.14); --ia-gold-50: rgba(245,181,27,.14); --ia-blue-50: rgba(120,170,220,.14);
  --ia-green-50: rgba(110,200,150,.14); --ia-gray-50: rgba(255,255,255,.05); --ia-line: rgba(255,255,255,.10);
  --ia-card: var(--md-code-bg-color); --ia-page: var(--md-default-bg-color);
}
.md-main { background: var(--ia-page); }
.md-typeset { font-size: .78rem; line-height: 1.65; }
.md-typeset h1 { font-weight: 700; color: var(--md-default-fg-color); letter-spacing: -.01em; }
.md-typeset h2 { font-weight: 700; font-size: 1.15rem; margin-top: 2rem; }
.md-typeset h3 { font-weight: 600; }

/* cabeçalho de página */
.md-typeset .ia-head {
  background: var(--ia-card); border: 1px solid var(--ia-line); border-left: 4px solid var(--ia-wine);
  border-radius: 14px; padding: 20px 24px 16px; margin: 0 0 1.4rem;
}
.md-typeset .ia-head h1 { margin: .15rem 0 .35rem; font-size: 1.7rem; }
.md-typeset .ia-head .md-button { margin-top: .2rem; }
.md-typeset .ia-kicker { margin: 0; font-size: .64rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--ia-wine); }
[data-md-color-scheme="slate"] .md-typeset .ia-kicker { color: #E8857C; }
.md-typeset .ia-lead { margin: 0 0 .8rem; font-size: .9rem; color: var(--md-default-fg-color--light); max-width: 70ch; }
.md-typeset .ia-missao { font-size: .86rem; max-width: 72ch; }
.md-typeset .ia-nota { font-size: .72rem; color: var(--md-default-fg-color--light); margin-top: -.4rem; }

/* selos */
.md-typeset .ia-chip, .md-typeset a.ia-chip {
  display: inline-block; font-size: .64rem; font-weight: 600; line-height: 1; padding: .42em .75em; border-radius: 999px;
  background: var(--ia-gray-50); color: var(--md-default-fg-color--light); border: 1px solid var(--ia-line);
  margin: 0 .3em .3em 0; white-space: nowrap; text-decoration: none;
}
.md-typeset .ia-chip-ok { background: var(--ia-green-50); color: var(--ia-green); border-color: transparent; }
.md-typeset .ia-chip-evo { background: var(--ia-gold-50); color: #8A6408; border-color: transparent; }
.md-typeset .ia-chip-road { background: var(--ia-blue-50); color: var(--ia-blue); border-color: transparent; }
.md-typeset a.ia-chip-link { background: var(--ia-wine-50); color: var(--ia-wine); border-color: transparent; }
.md-typeset a.ia-chip-link:hover { background: var(--ia-wine); color: #fff; }
[data-md-color-scheme="slate"] .md-typeset .ia-chip-evo { color: #F5C24D; }
[data-md-color-scheme="slate"] .md-typeset .ia-chip-ok { color: #7FD3A0; }
[data-md-color-scheme="slate"] .md-typeset .ia-chip-road { color: #9CC3EA; }
[data-md-color-scheme="slate"] .md-typeset a.ia-chip-link { color: #E8857C; }

/* responsável */
.md-typeset .ia-resp {
  display: inline-block; font-size: .6rem; font-weight: 700; padding: .3em .65em; border-radius: 6px; white-space: nowrap;
  margin-right: .3em; background: var(--ia-gray-50); color: var(--md-default-fg-color--light);
}
.md-typeset .ia-resp-cliente { background: var(--ia-gold-50); color: #8A6408; }
.md-typeset .ia-resp-invent, .md-typeset .ia-resp-auto { background: var(--ia-wine-50); color: var(--ia-wine); }
.md-typeset .ia-resp-conjunto { background: var(--ia-blue-50); color: var(--ia-blue); }
.md-typeset .ia-resp-wia { background: #F3E8F6; color: #6B2A7A; }
[data-md-color-scheme="slate"] .md-typeset .ia-resp-cliente { color: #F5C24D; }
[data-md-color-scheme="slate"] .md-typeset .ia-resp-invent, [data-md-color-scheme="slate"] .md-typeset .ia-resp-auto { color: #E8857C; }
[data-md-color-scheme="slate"] .md-typeset .ia-resp-conjunto { color: #9CC3EA; }
[data-md-color-scheme="slate"] .md-typeset .ia-resp-wia { background: rgba(190,140,210,.15); color: #D7A8E6; }

/* grade de fluxos da etapa */
.md-typeset .grid.cards.ia-fluxos { grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: .6rem; }
.md-typeset .ia-fluxos > ul > li { padding: .7rem .8rem !important; background: var(--ia-card); }
.md-typeset .ia-fluxos > ul > li p { margin: 0 0 .35rem; font-size: .74rem; }
.md-typeset .ia-fluxos a { color: var(--md-default-fg-color); }
.md-typeset .ia-num {
  display: inline-grid; place-items: center; width: 1.45em; height: 1.45em; border-radius: 50%; margin-right: .35em;
  background: var(--ia-wine); color: #fff; font-size: .62rem; font-weight: 700; vertical-align: .1em;
}

/* cartão de fluxo */
.md-typeset .ia-flow {
  background: var(--ia-card); border: 1px solid var(--ia-line); border-radius: 14px;
  padding: 4px 22px 16px; margin: 1.1rem 0; scroll-margin-top: 4rem;
}
.md-typeset .ia-flow h2 { margin-top: 1rem; font-size: 1.05rem; }
.md-typeset .ia-flow-desc { color: var(--md-default-fg-color--light); margin-top: -.3rem; }
.md-typeset .ia-flow-foot { border-top: 1px solid var(--ia-line); margin-top: .8rem; padding-top: .8rem; font-size: .72rem; color: var(--md-default-fg-color--light); }
.md-typeset .ia-flow-foot p { margin: 0; }
.md-typeset .ia-flow-foot .md-button { margin-right: .6rem; font-size: .7rem; padding: .45em 1em; }
.md-typeset .ia-sep { margin: 0 .3rem; opacity: .5; }

/* linha do tempo de passos */
.md-typeset ol.ia-steps { list-style: none; counter-reset: passo; margin: .6rem 0 .2rem; padding: 0; }
.md-typeset ol.ia-steps > li {
  counter-increment: passo; position: relative; margin: 0; padding: .35rem 0 .55rem 2.2rem;
  display: flex; align-items: baseline; justify-content: space-between; gap: .8rem; flex-wrap: wrap;
}
.md-typeset ol.ia-steps > li::before {
  content: counter(passo); position: absolute; left: 0; top: .3rem; width: 1.55rem; height: 1.55rem; border-radius: 50%;
  display: grid; place-items: center; font-size: .64rem; font-weight: 700;
  background: var(--ia-wine-50); color: var(--ia-wine); border: 1.5px solid var(--ia-wine);
}
.md-typeset ol.ia-steps > li:not(:last-child)::after {
  content: ""; position: absolute; left: .74rem; top: 1.9rem; bottom: -.3rem; width: 1.5px; background: var(--ia-line);
}
.md-typeset .ia-step-t { font-weight: 500; }

/* resumo do processo */
.md-typeset .ia-facts { display: grid; grid-template-columns: 2fr 2fr 1fr; gap: .6rem; margin: 0 0 1.2rem; }
.md-typeset .ia-facts > div, .md-typeset .ia-io > div {
  background: var(--ia-card); border: 1px solid var(--ia-line); border-radius: 10px; padding: .55rem .8rem;
}
.md-typeset .ia-facts small, .md-typeset .ia-io small {
  display: block; font-size: .58rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 700;
  color: var(--md-default-fg-color--light); margin-bottom: .15rem;
}
.md-typeset .ia-facts span { font-size: .78rem; font-weight: 600; }

/* passo do processo */
.md-typeset .ia-passo {
  position: relative; background: var(--ia-card); border: 1px solid var(--ia-line); border-radius: 14px;
  padding: 2px 20px 12px; margin: .9rem 0;
}
.md-typeset .ia-passo-check { border-left: 4px solid var(--ia-blue); }
.md-typeset .ia-passo-gate { border-left: 4px solid var(--ia-gold); }
.md-typeset .ia-passo h3 { margin: .9rem 0 .3rem; font-size: .92rem; }
.md-typeset .ia-meta { margin: 0 0 .5rem; }
.md-typeset .ia-lane { font-size: .62rem; color: var(--md-default-fg-color--light); margin-right: .5em; }
.md-typeset .ia-tag { font-size: .6rem; font-weight: 700; padding: .3em .65em; border-radius: 6px; background: var(--ia-blue-50); color: var(--ia-blue); }
.md-typeset .ia-io { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: .5rem; margin: .4rem 0 .6rem; }
.md-typeset .ia-io > div { background: var(--ia-gray-50); border-color: transparent; }
.md-typeset .ia-io span { font-size: .74rem; }
.md-typeset .ia-io .ia-ok { background: var(--ia-green-50); }
.md-typeset .ia-passo .ia-print { margin: .3rem 0 .2rem; }

/* processos e telas do app */
.md-typeset .grid.cards.ia-procs { grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); }
.md-typeset .ia-procs > ul > li { background: var(--ia-card); }
.md-typeset .ia-procs > ul > li p { font-size: .72rem; color: var(--md-default-fg-color--light); }
.md-typeset .ia-procs > ul > li p:first-child { color: var(--md-default-fg-color); }
.md-typeset .ia-procs hr { margin: .4rem 0 !important; }
.md-typeset .grid.cards.ia-telas { grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: .45rem; }
.md-typeset .ia-telas > ul > li { padding: .5rem .7rem !important; background: var(--ia-card); font-size: .72rem; }
.md-typeset .ia-telas a { color: var(--md-default-fg-color); }
.md-typeset .grid.cards > ul > li:hover { box-shadow: 0 4px 14px rgba(35,31,29,.08); }

@media (max-width: 700px) {
  .md-typeset .ia-facts { grid-template-columns: 1fr; }
  .md-typeset .ia-head, .md-typeset .ia-flow, .md-typeset .ia-passo { padding-left: 16px; padding-right: 16px; }
}
[data-md-color-scheme="slate"] .md-typeset ol.ia-steps > li::before { color: #F2A79F; border-color: #E8857C; background: rgba(232,133,124,.12); }
[data-md-color-scheme="slate"] .md-typeset .ia-num { background: #B5453C; }
[data-md-color-scheme="slate"] .md-typeset .ia-head { border-left-color: #E8857C; }
.md-typeset .ia-card .ia-more-row { display: flex; gap: 14px; }