/* Motor Age
   =========
   A página conserva a casca compartilhada dos motores, mas usa uma linguagem
   própria: rotas, estados e trilhas de evidência. Tudo permanece escopado em
   `.mix-age-page` para não alterar Conecta ou Planeja. */

html.mix-age-doc-route,
html.mix-age-doc-route body { background: #fff !important; }

.mix-age-page {
  --age-violet: #7839ee;
  --age-violet-deep: #5d22c8;
  --age-violet-soft: #f0e9ff;
  --age-blue: #3238f2;
  --age-ink: #16033a;
  --age-muted: #625b73;
  --age-border: #ece9f8;
  --age-surface: #f8f7fc;
  --age-success: #16865a;
  --age-danger: #c74c53;
  --age-warning: #b86b13;
  --age-dark: #171719;
  --age-shadow: 0 24px 70px rgba(32, 23, 55, .11);
  color: var(--age-ink);
  background: #fff;
  margin-top: calc(-1 * var(--motor-header-bleed));
}

.mix-age-page :is(section, article, div, figure, ol, ul, dl, table) {
  min-width: 0;
}

.mix-age-page :is(button, a) {
  touch-action: manipulation;
}

.mix-age-page button {
  font: inherit;
}

.mix-age-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.mix-age-page > section {
  position: relative;
  padding: clamp(88px, 9vw, 132px) 0;
  border-bottom: 1px solid var(--age-border);
}

/* ── 1. Hero: a rota é a tese ─────────────────────────────────────────── */

.mix-age-hero {
  min-height: min(900px, 100dvh);
  display: grid;
  align-items: center;
  padding-top: calc(var(--motor-header-bleed) + clamp(70px, 8vw, 118px)) !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(120, 57, 238, .14), transparent 33%),
    linear-gradient(180deg, #fbfaff 0%, #fff 76%);
}

.mix-age-hero::before {
  position: absolute;
  inset: var(--motor-header-bleed) 0 auto;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(120, 57, 238, .22), transparent);
}

.mix-age-hero > .mix-motor-inner {
  display: grid;
  grid-template-columns: minmax(350px, .8fr) minmax(600px, 1.35fr);
  gap: clamp(56px, 7vw, 108px);
  align-items: center;
}

.mix-age-hero__copy {
  position: relative;
  z-index: 2;
}

.mix-age-hero h1 {
  max-width: 690px;
  margin: 28px 0 0;
  font: 700 clamp(58px, 6.25vw, 92px)/.92 var(--motor-display);
  letter-spacing: -.066em;
  text-wrap: balance;
}

.mix-age-hero__lead {
  max-width: 620px;
  margin: 32px 0 0;
  color: var(--age-muted);
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.7;
}

.mix-age-page .mix-age-route {
  position: relative;
  --age-route-progress: 0;
  min-height: 520px;
  margin: 0;
  padding: 44px 38px 36px;
  border: 1px solid rgba(120, 57, 238, .2);
  border-radius: 34px;
  background:
    linear-gradient(rgba(120, 57, 238, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120, 57, 238, .04) 1px, transparent 1px),
    rgba(255, 255, 255, .94);
  background-size: 32px 32px;
  box-shadow: var(--age-shadow);
}

.mix-age-page .mix-age-route::before {
  position: absolute;
  top: 270px;
  right: 9%;
  left: 8%;
  height: 2px;
  content: "";
  background: rgba(120, 57, 238, .15);
}

.mix-age-route__source {
  position: relative;
  width: min(260px, 54%);
  min-height: 96px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 18px 22px 18px 26px;
  border: 1px solid rgba(120, 57, 238, .24);
  border-radius: 18px 18px 18px 4px;
  background: var(--age-violet-soft);
  transition: border-color 300ms ease-out, background-color 300ms ease-out, box-shadow 300ms ease-out, opacity 300ms ease-out;
}

.mix-age-route__source[data-age-route-state="active"] {
  border-color: rgba(120, 57, 238, .58);
  box-shadow: 0 16px 34px rgba(83, 39, 167, .16), inset 4px 0 0 var(--age-violet);
}

.mix-age-route__source[data-age-route-state="complete"] {
  border-color: rgba(22, 134, 90, .28);
  background: #f2fbf7;
}

.mix-age-route__handoff {
  position: absolute;
  z-index: 3;
  top: 140px;
  left: calc(10% + 26px);
  width: 2px;
  height: 73px;
  background: repeating-linear-gradient(180deg, var(--age-violet) 0 5px, transparent 5px 10px);
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform 360ms ease-out;
}

.mix-age-route[data-age-route-step]:not([data-age-route-step="source"]) .mix-age-route__handoff,
.mix-age-route[data-age-route-step="source"][data-age-route-motion="running"] .mix-age-route__handoff { transform: scaleY(1); }

.mix-age-route__progress {
  position: absolute;
  z-index: 1;
  top: 270px;
  right: 9%;
  left: 8%;
  height: 2px;
  background: linear-gradient(90deg, var(--age-violet), var(--age-blue), var(--age-success));
  box-shadow: 0 0 18px rgba(120, 57, 238, .35);
  transform: scaleX(var(--age-route-progress));
  transform-origin: left center;
  transition: transform 360ms ease-out;
}

.mix-age-route__pulse {
  position: absolute;
  z-index: 1;
  top: 270px;
  left: 14%;
  width: 14px;
  height: 14px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--age-violet);
  box-shadow: 0 0 0 6px rgba(120, 57, 238, .12), 0 0 24px rgba(120, 57, 238, .52);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.7);
  transition: left 360ms ease-out, opacity 220ms ease-out, transform 300ms ease-out, background-color 300ms ease-out;
}

.mix-age-route[data-age-route-step="decisao"] .mix-age-route__pulse { left: 14%; }
.mix-age-route[data-age-route-step="trabalho"] .mix-age-route__pulse { left: 31.5%; }
.mix-age-route[data-age-route-step="aprovacao"] .mix-age-route__pulse { left: 49%; }
.mix-age-route[data-age-route-step="execucao"] .mix-age-route__pulse { left: 66.5%; }
.mix-age-route[data-age-route-step="controle"] .mix-age-route__pulse { left: 84%; background: var(--age-success); }
.mix-age-route:not([data-age-route-step="source"]):not([data-age-route-step="reset"]) .mix-age-route__pulse { opacity: 1; transform: translate(-50%, -50%) scale(1); }

.mix-age-route__source span,
.mix-age-route__source small {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.3;
  text-transform: uppercase;
}

.mix-age-route__source span { color: var(--age-violet-deep); }
.mix-age-route__source strong { font: 700 18px/1.1 var(--motor-display); }
.mix-age-route__source small { color: var(--age-muted); letter-spacing: .04em; }

.mix-age-route__stages {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 73px 0 0;
  padding: 0;
  list-style: none;
}

.mix-age-route__stages li {
  position: relative;
  min-height: 112px;
  display: grid;
  align-content: space-between;
  padding: 16px 14px;
  border: 1px solid rgba(22, 3, 58, .13);
  background: #fff;
  box-shadow: 0 13px 28px rgba(32, 23, 55, .09);
  transition: border-color 300ms ease-out, background-color 300ms ease-out, box-shadow 300ms ease-out, opacity 300ms ease-out;
}

.mix-age-route__stages li:nth-child(1) { border-radius: 18px 6px 18px 6px; }
.mix-age-route__stages li:nth-child(2) { border-radius: 6px 20px 6px 20px; }
.mix-age-route__stages li:nth-child(3) { border-radius: 22px; }
.mix-age-route__stages li:nth-child(4) { border-radius: 5px 20px 20px 20px; }
.mix-age-route__stages li:nth-child(5) {
  border-color: rgba(22, 134, 90, .32);
  border-radius: 24px 24px 7px 24px;
  background: #f2fbf7;
}

.mix-age-route__stages li::before {
  position: absolute;
  top: 50%;
  left: -13px;
  width: 13px;
  height: 2px;
  content: "";
  background: rgba(120, 57, 238, .18);
  transition: background-color 240ms ease-out, box-shadow 240ms ease-out;
}

.mix-age-route__stages li:first-child::before { display: none; }
.mix-age-route__stages li:is([data-age-route-state="active"], [data-age-route-state="complete"])::before {
  background: var(--age-violet);
  box-shadow: 0 0 12px rgba(120, 57, 238, .28);
}

.mix-age-route__stages li > i {
  position: absolute;
  top: 14px;
  right: 13px;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(120, 57, 238, .3);
  border-radius: 50%;
  background: #fff;
  transition: border-color 240ms ease-out, background-color 240ms ease-out, box-shadow 240ms ease-out, transform 240ms ease-out;
}

.mix-age-route__stages li[data-age-route-state="pending"] { opacity: .64; }

.mix-age-route__stages li[data-age-route-state="active"] {
  z-index: 3;
  border-color: rgba(120, 57, 238, .58);
  background: #f8f4ff;
  box-shadow: 0 18px 38px rgba(75, 31, 148, .17), inset 0 -3px 0 var(--age-violet);
  opacity: 1;
}

.mix-age-route__stages li[data-age-route-state="active"] > i {
  border-color: var(--age-violet);
  background: var(--age-violet);
  box-shadow: 0 0 0 6px rgba(120, 57, 238, .12);
  transform: scale(1.12);
}

.mix-age-route__stages li[data-age-route-state="complete"] {
  border-color: rgba(22, 134, 90, .28);
  background: #f6fbf8;
  opacity: 1;
}

.mix-age-route__stages li[data-age-route-state="complete"] > i {
  border-color: var(--age-success);
  background: var(--age-success);
  box-shadow: 0 0 0 4px rgba(22, 134, 90, .1);
}

.mix-age-route__stages li:nth-child(5)[data-age-route-state="pending"] {
  border-color: rgba(22, 3, 58, .13);
  background: #fff;
}

.mix-age-route__stages li:nth-child(5)[data-age-route-state="active"] {
  border-color: rgba(22, 134, 90, .46);
  background: #eefaf4;
  box-shadow: 0 18px 38px rgba(22, 134, 90, .14), inset 0 -3px 0 var(--age-success);
}

.mix-age-route__stages li:nth-child(5)[data-age-route-state="active"] > i {
  border-color: var(--age-success);
  background: var(--age-success);
  box-shadow: 0 0 0 6px rgba(22, 134, 90, .12);
}

.mix-age-route__stages li > span {
  color: var(--age-violet);
  font-family: var(--motor-display);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.mix-age-route__stages li > strong {
  font: 700 clamp(13px, 1vw, 15px)/1.15 var(--motor-display);
  letter-spacing: -.025em;
}

.mix-age-route__stages li > small {
  color: var(--age-muted);
  font-size: 9px;
  font-weight: 650;
  line-height: 1.2;
}

.mix-age-page .mix-age-route figcaption {
  position: absolute;
  right: 38px;
  bottom: 34px;
  left: 38px;
  min-height: 70px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 13px 18px;
  border: 1px solid rgba(120, 57, 238, .22);
  border-radius: 16px;
  background: var(--age-ink);
  color: #fff;
}

.mix-age-page .mix-age-route figcaption strong {
  padding: 7px 10px;
  border-radius: 8px;
  background: var(--age-violet);
  font: 800 13px/1 var(--motor-display);
  letter-spacing: .05em;
}

.mix-age-page .mix-age-route figcaption span {
  color: rgba(255, 255, 255, .72);
  font-size: 13px;
  line-height: 1.35;
}

.mix-age-route__event {
  min-width: 0;
  overflow: hidden;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: opacity 180ms ease-out, transform 240ms ease-out;
}

.mix-age-route__counter {
  min-width: 58px;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 9px;
  color: #d9cbff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
}

.mix-age-route[data-age-route-step="reset"] .mix-age-route__event { opacity: .2; transform: translateY(4px); }

/* ── 2. Responder não é agir ───────────────────────────────────────────── */

.mix-age-contrast { background: #fff; }

.mix-age-contrast__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(290px, .55fr);
  gap: clamp(34px, 5vw, 76px);
  align-items: stretch;
}

.mix-age-contrast__comparison {
  border-top: 1px solid var(--age-ink);
  border-bottom: 1px solid var(--age-ink);
}

.mix-age-contrast__comparison > p,
.mix-age-contrast__comparison li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr);
  align-items: center;
}

.mix-age-contrast__comparison > p {
  min-height: 48px;
  margin: 0;
  color: var(--age-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-age-contrast__comparison > p strong { color: var(--age-violet-deep); }

.mix-age-contrast__comparison ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mix-age-contrast__comparison li {
  min-height: 76px;
  padding: 12px 0;
  border-top: 1px solid var(--age-border);
  font-size: clamp(16px, 1.5vw, 21px);
}

.mix-age-contrast__comparison li > span:nth-child(2) {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  color: var(--age-violet);
  border-radius: 50%;
  background: var(--age-violet-soft);
  font-size: 15px;
}

.mix-age-contrast__before { color: var(--age-muted); }
.mix-age-contrast__after { font-family: var(--motor-display); letter-spacing: -.025em; }

.mix-age-contrast aside.mix-motor-panel {
  min-height: 100%;
  display: grid;
  align-content: end;
  padding: clamp(28px, 4vw, 48px);
}

.mix-age-contrast aside p {
  margin: 0;
  font: 600 clamp(20px, 2vw, 28px)/1.35 var(--motor-display);
  letter-spacing: -.03em;
}

.mix-age-page.is-enhanced .mix-age-contrast__comparison li {
  opacity: .28;
  transform: translateX(-18px);
  transition: opacity 320ms ease-out, transform 320ms ease-out;
}

.mix-age-page.is-enhanced .mix-age-contrast.is-in .mix-age-contrast__comparison li {
  opacity: 1;
  transform: translateX(0);
}

.mix-age-page.is-enhanced .mix-age-contrast.is-in .mix-age-contrast__comparison li:nth-child(2) { transition-delay: 50ms; }
.mix-age-page.is-enhanced .mix-age-contrast.is-in .mix-age-contrast__comparison li:nth-child(3) { transition-delay: 100ms; }
.mix-age-page.is-enhanced .mix-age-contrast.is-in .mix-age-contrast__comparison li:nth-child(4) { transition-delay: 150ms; }

/* ── 3. Três capítulos ─────────────────────────────────────────────────── */

.mix-age-chapters { background: var(--age-surface); }

.mix-age-chapters__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.mix-age-chapter {
  min-height: 520px;
  display: flex;
  flex-direction: column;
}

.mix-age-chapter__figure {
  position: relative;
  height: 176px;
  display: grid;
  place-items: center;
  margin: -30px -30px 0;
  overflow: hidden;
  border-bottom: 1px solid var(--age-border);
  background:
    linear-gradient(rgba(120, 57, 238, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120, 57, 238, .055) 1px, transparent 1px),
    #fbfaff;
  background-size: 24px 24px;
}

.mix-age-chapter__figure [data-age-glyph] {
  position: absolute;
  top: 22px;
  left: 22px;
  z-index: 2;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(120, 57, 238, .2);
  border-radius: 13px;
  background: #fff;
  color: var(--age-violet);
  box-shadow: 0 8px 18px rgba(32, 23, 55, .08);
}

.mix-age-chapter__figure [data-age-glyph] svg { width: 21px; height: 21px; }
.mix-age-chapter__figure [data-age-drawing] { width: 82%; height: 80%; display: grid; place-items: center; }
.mix-age-chapter__figure [data-age-drawing] svg { width: 100%; height: 100%; max-width: 280px; }

.mix-age-chapter h3 { margin-top: 30px; }

.mix-age-chapter__nouns {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 23px 0 28px;
  padding: 0;
  list-style: none;
}

.mix-age-chapter__nouns li {
  padding: 7px 11px;
  border: 1px solid var(--age-border);
  border-radius: 999px;
  background: #fbfaff;
  color: var(--age-muted);
  font-size: 12px;
  font-weight: 650;
}

.mix-age-chapter .mix-motor-cta { width: 100%; margin-top: auto; }

/* ── 4. Anatomia de uma ação ───────────────────────────────────────────── */

.mix-age-anatomy { background: #fff; }

.mix-age-action-item {
  overflow: hidden;
  border: 1px solid rgba(120, 57, 238, .18);
  border-radius: 30px;
  background: #f7f5fc;
  box-shadow: var(--motor-elev-1);
}

.mix-age-action-item__header {
  min-height: 104px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 30px;
  color: #fff;
  background:
    radial-gradient(circle at 78% 0, rgba(120, 57, 238, .48), transparent 32%),
    var(--age-ink);
}

.mix-age-action-item__identity { display: grid; gap: 9px; }

.mix-age-action-item__identity small {
  color: #bca8ff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
}

.mix-age-action-item__identity strong {
  font: 800 24px/1 var(--motor-display);
  letter-spacing: .04em;
}

.mix-age-action-item__state {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 13px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  color: #e9dfff;
  background: rgba(255, 255, 255, .05);
  font-size: 12px;
  font-weight: 700;
}

.mix-age-action-item__state::before {
  width: 8px;
  height: 8px;
  content: "";
  border-radius: 50%;
  background: #d8b4fe;
  box-shadow: 0 0 0 5px rgba(216, 180, 254, .12);
}

.mix-age-action-item__workspace {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding: 18px;
}

.mix-age-action-group {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--age-border);
  border-radius: 20px;
  background: rgba(255, 255, 255, .94);
}

.mix-age-action-group--causal {
  position: relative;
  grid-column: 1 / -1;
  background:
    linear-gradient(rgba(120, 57, 238, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120, 57, 238, .045) 1px, transparent 1px),
    linear-gradient(135deg, #fbf9ff, #f1ebff);
  background-size: 24px 24px, 24px 24px, auto;
}

.mix-age-action-group__head {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--age-border);
}

.mix-age-action-group__head > span {
  width: 28px;
  height: 28px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  background: var(--age-violet-soft);
  color: var(--age-violet);
  font: 800 10px/1 var(--motor-display);
}

.mix-age-action-group__head h3 {
  margin: 0;
  font: 700 15px/1.15 var(--motor-display);
  letter-spacing: -.015em;
}

.mix-age-action-item__fields {
  display: grid;
  margin: 0;
}

.mix-age-action-group__fields { grid-template-columns: 1fr; }

.mix-age-action-group--causal .mix-age-action-group__fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 16px;
}

.mix-age-action-item__fields > div {
  position: relative;
  min-width: 0;
  min-height: 112px;
  padding: 15px 17px 18px;
  border-top: 1px solid var(--age-border);
  background: rgba(255, 255, 255, .7);
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.mix-age-action-item__fields > div:first-child { border-top: 0; }

.mix-age-action-group--causal .mix-age-action-item__fields > div {
  min-height: 138px;
  border: 1px solid rgba(120, 57, 238, .16);
  border-radius: 16px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 12px 28px rgba(49, 20, 96, .07);
}

.mix-age-action-group--causal .mix-age-action-item__fields > div:not(:last-child)::after {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -23px;
  width: 30px;
  content: "→";
  color: var(--age-violet);
  font: 800 18px/1 var(--motor-display);
  text-align: center;
  transform: translateY(-50%);
}

.mix-age-action-group--causal .mix-age-action-item__fields > div:last-child {
  border-color: rgba(120, 57, 238, .38);
  background: var(--age-ink);
}

.mix-age-action-group--causal .mix-age-action-item__fields > div:last-child button { color: #c9b5ff; }
.mix-age-action-group--causal .mix-age-action-item__fields > div:last-child .mix-age-action-item__value { color: #fff; }

.mix-age-action-item__fields dt { margin: 0 0 13px; }

.mix-age-action-item__fields dt button {
  width: 100%;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--age-violet-deep);
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .11em;
  line-height: 1.3;
  text-align: left;
  text-transform: uppercase;
  transition: background-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

.mix-age-action-item__fields dt button:hover { background: var(--age-violet-soft); }

.mix-age-action-item__fields dt button:focus-visible {
  outline: 3px solid rgba(120, 57, 238, .34);
  outline-offset: 2px;
}

.mix-age-action-item__fields dt button[aria-pressed="true"] {
  border-color: rgba(120, 57, 238, .28);
  background: var(--age-violet-soft);
  box-shadow: inset 3px 0 0 var(--age-violet);
}

.mix-age-action-item__fields > div:has(button[aria-pressed="true"]) {
  border-color: rgba(120, 57, 238, .42);
  background: #f7f2ff;
  box-shadow: 0 10px 24px rgba(65, 28, 128, .1);
}

.mix-age-action-group--causal .mix-age-action-item__fields > div:last-child:has(button[aria-pressed="true"]) {
  background: var(--age-ink);
}

.mix-age-action-item__fields dd { margin: 0; }

.mix-age-action-item__value {
  display: block;
  min-height: 42px;
  font: 650 16px/1.35 var(--motor-display);
  letter-spacing: -.02em;
}

.mix-age-action-item__detail {
  min-height: 82px;
  margin: 0;
  padding: 24px 30px;
  border-top: 1px solid var(--age-border);
  color: var(--age-muted);
  background: #fff;
  font-size: 16px;
  line-height: 1.5;
}

.mix-age-action-item__detail strong { color: var(--age-danger); font-weight: 750; }

/* ── 5. Como trabalha: sequência em zigue-zague ───────────────────────── */

.mix-age-flow { background: var(--age-surface); }

.mix-age-flow__steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 34px 0;
  list-style: none;
}

.mix-age-flow__steps::before {
  position: absolute;
  top: 50%;
  right: 7%;
  left: 7%;
  height: 1px;
  content: "";
  background: repeating-linear-gradient(90deg, rgba(120, 57, 238, .45) 0 6px, transparent 6px 12px);
}

.mix-age-flow__steps li {
  position: relative;
  z-index: 1;
  min-height: 260px;
  padding: 26px 22px;
  border: 1px solid var(--age-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--motor-elev-1);
}

.mix-age-flow__steps li > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 12px;
  background: var(--age-violet);
  font: 800 11px/1 var(--motor-display);
}

.mix-age-flow__steps h3 {
  margin: 40px 0 0;
  font: 700 18px/1.17 var(--motor-display);
  letter-spacing: -.025em;
}

.mix-age-flow__steps p {
  margin: 14px 0 0;
  color: var(--age-muted);
  font-size: 13px;
  line-height: 1.55;
}

/* ── 6. Fila operacional ───────────────────────────────────────────────── */

.mix-age-queue { background: #fff; }

.mix-age-queue__console {
  overflow: hidden;
  border: 1px solid var(--age-border);
  border-radius: 26px;
  background: #fff;
  box-shadow: var(--motor-elev-1);
}

.mix-age-queue__control {
  min-height: 114px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  padding: 22px 26px;
  border-bottom: 1px solid var(--age-border);
  background: linear-gradient(100deg, #fbfaff, #f5f2ff);
}

.mix-age-queue__control > div { display: grid; gap: 5px; }

.mix-age-queue__control span {
  color: var(--age-violet-deep);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
}

.mix-age-queue__control strong {
  font: 700 18px/1.25 var(--motor-display);
  letter-spacing: -.02em;
}

.mix-age-queue__control p {
  margin: 0;
  color: var(--age-muted);
  font-size: 13px;
  line-height: 1.45;
}

.mix-age-queue__control button {
  min-width: 156px;
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #fff;
  background: var(--age-violet);
  box-shadow: 0 10px 24px rgba(120, 57, 238, .2);
  cursor: pointer;
  font-size: 13px;
  font-weight: 750;
  transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.mix-age-queue__control button:hover:not([aria-disabled="true"]) {
  background: var(--age-violet-deep);
  box-shadow: 0 14px 30px rgba(93, 34, 200, .24);
  transform: translateY(-2px);
}

.mix-age-queue__control button[aria-disabled="true"] {
  color: #e7f6ef;
  background: var(--age-success);
  box-shadow: none;
  cursor: default;
}

.mix-age-queue__states {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0 26px;
  border-bottom: 1px solid var(--age-border);
  background: #fff;
}

.mix-age-queue__states span {
  position: relative;
  min-height: 58px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  color: var(--age-muted);
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
}

.mix-age-queue__states span::before {
  position: absolute;
  left: 0;
  width: 9px;
  height: 9px;
  content: "";
  border: 2px solid #c9c4d8;
  border-radius: 50%;
  background: #fff;
}

.mix-age-queue__states span::after {
  position: absolute;
  top: 50%;
  right: -1px;
  left: auto;
  width: 32px;
  height: 1px;
  content: "";
  background: var(--age-border);
}

.mix-age-queue__states span:last-child::after { display: none; }

.mix-age-queue__states span.is-current { color: var(--age-violet-deep); }
.mix-age-queue__states span.is-current::before { border-color: var(--age-violet); background: var(--age-violet); box-shadow: 0 0 0 5px var(--age-violet-soft); }

.mix-age-queue__table {
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.mix-age-queue__table table {
  width: 100%;
  min-width: 1120px;
  border-collapse: collapse;
  table-layout: fixed;
}

.mix-age-queue__table :is(th, td) {
  padding: 18px 15px;
  border-bottom: 1px solid var(--age-border);
  color: var(--age-muted);
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

.mix-age-queue__table thead th {
  height: 50px;
  padding-block: 12px;
  color: var(--age-muted);
  background: #fbfaff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.mix-age-queue__table tbody tr:last-child :is(th, td) { border-bottom: 0; }
.mix-age-queue__table thead th:first-child,
.mix-age-queue__table tbody th { width: 236px; }
.mix-age-queue__table thead th:nth-child(2) { width: 100px; }
.mix-age-queue__table thead th:nth-child(3) { width: 86px; }
.mix-age-queue__table thead th:nth-child(4) { width: 88px; }
.mix-age-queue__table thead th:nth-child(5) { width: 152px; }
.mix-age-queue__table thead th:nth-child(6) { width: 145px; }

.mix-age-queue__table tbody th {
  position: relative;
  color: var(--age-ink);
  font: 650 13px/1.35 var(--motor-display);
}

.mix-age-queue__table tbody th > span {
  display: block;
  margin-bottom: 6px;
  color: var(--age-violet);
  font: 800 10px/1 var(--motor-display);
  letter-spacing: .07em;
}

.mix-age-queue__state-label {
  width: fit-content;
  display: block;
  margin-top: 8px;
  padding: 5px 8px;
  border-radius: 999px;
  color: var(--age-muted);
  background: #f1eff5;
  font-family: Inter, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.mix-age-queue__table tr[data-age-queue-state="em andamento"] .mix-age-queue__state-label { color: #fff; background: var(--age-blue); }
.mix-age-queue__table tr[data-age-queue-state="bloqueada"] .mix-age-queue__state-label { color: #fff; background: #b53f48; }
.mix-age-queue__table tr[data-age-queue-state="concluída"] .mix-age-queue__state-label { color: #fff; background: var(--age-success); }
.mix-age-queue__table tr[data-age-released="true"] { background: #f2fbf7; }
.mix-age-queue__table tr[data-age-released="true"] th > span { color: var(--age-success); }

/* ── 7. Matriz de políticas ────────────────────────────────────────────── */

.mix-age-policy { background: var(--age-surface); }

.mix-age-policy__matrix {
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  gap: 18px;
}

.mix-age-policy__matrix > ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mix-age-policy__matrix button {
  width: 100%;
  min-height: 70px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 4px 11px;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid var(--age-border);
  border-radius: 16px;
  color: var(--age-ink);
  background: #fff;
  cursor: pointer;
  text-align: left;
  transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.mix-age-policy__matrix button:hover { border-color: rgba(120, 57, 238, .35); transform: translateX(3px); }

.mix-age-policy__matrix button > span {
  grid-row: 1 / 3;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--age-muted);
  background: var(--age-surface);
  font-size: 10px;
  font-weight: 800;
}

.mix-age-policy__matrix button strong {
  font: 700 14px/1.15 var(--motor-display);
  letter-spacing: -.02em;
}

.mix-age-policy__matrix button small {
  color: var(--age-muted);
  font-size: 10px;
  line-height: 1.2;
}

.mix-age-policy__matrix button[aria-pressed="true"] {
  border-color: rgba(120, 57, 238, .45);
  background: var(--age-violet-soft);
  box-shadow: inset 4px 0 0 var(--age-violet);
}

.mix-age-policy__matrix button[aria-pressed="true"] > span { color: #fff; background: var(--age-violet); }

.mix-age-policy__rule {
  overflow: hidden;
  border: 1px solid var(--age-border);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--motor-elev-1);
}

.mix-age-policy__rule > p {
  min-height: 92px;
  display: grid;
  align-content: center;
  gap: 7px;
  margin: 0;
  padding: 20px 26px;
  color: #fff;
  background: var(--age-ink);
}

.mix-age-policy__rule > p span {
  color: #bca4ff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
}

.mix-age-policy__rule > p strong {
  font: 700 clamp(20px, 2vw, 28px)/1.15 var(--motor-display);
  letter-spacing: -.03em;
}

.mix-age-policy__active {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.mix-age-policy__active > div {
  min-height: 124px;
  padding: 22px 24px;
  border-right: 1px solid var(--age-border);
  border-bottom: 1px solid var(--age-border);
}

.mix-age-policy__active > div:nth-child(2n) { border-right: 0; }
.mix-age-policy__active > div:nth-last-child(-n + 2) { border-bottom: 0; }

.mix-age-policy__active dt {
  margin-bottom: 9px;
  color: var(--age-violet-deep);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.mix-age-policy__active dd {
  margin: 0;
  color: var(--age-ink);
  font-size: 13px;
  line-height: 1.48;
}

.mix-age-policy__matrix[data-age-policy="blocked"] .mix-age-policy__rule > p { background: #431f2a; }
.mix-age-policy__matrix[data-age-policy="blocked"] button[aria-pressed="true"] { border-color: rgba(201, 77, 84, .46); background: #fff1f2; box-shadow: inset 4px 0 0 var(--age-danger); }
.mix-age-policy__matrix[data-age-policy="blocked"] button[aria-pressed="true"] > span { background: var(--age-danger); }
.mix-age-policy__matrix[data-age-policy="automatic"] .mix-age-policy__rule > p { background: #103c2d; }

/* ── 8. Rotinas: relógio operacional de 24h ────────────────────────────── */

.mix-age-routines {
  color: #fff;
  background: var(--motor-panel-bg);
}

.mix-age-routines .mix-motor-section-head { margin-bottom: 58px; }

.mix-age-routines__schedule {
  position: relative;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--motor-panel-border);
  border-radius: 24px;
  background: rgba(255, 255, 255, .055);
  box-shadow: 0 36px 90px rgba(0, 0, 0, .32);
  isolation: isolate;
}

.mix-age-routines__schedule::before {
  position: absolute;
  z-index: -1;
  top: -44%;
  right: -4%;
  width: 78%;
  aspect-ratio: 1;
  content: "";
  border-radius: 50%;
  background: radial-gradient(circle, rgba(120, 57, 238, .2), transparent 68%);
  pointer-events: none;
}

.mix-age-routines__schedule-head {
  min-height: 108px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, .11);
}

.mix-age-routines__schedule-head > div:first-child {
  display: grid;
  gap: 7px;
}

.mix-age-routines__schedule-head small {
  color: #c8b5ff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
}

.mix-age-routines__schedule-head strong { font: 700 21px/1.1 var(--motor-display); }

.mix-age-routines__schedule-head > div:first-child > span {
  width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, .54);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.mix-age-routines__schedule-head > div:first-child > span::before {
  width: 6px;
  height: 6px;
  content: "";
  border-radius: 50%;
  background: #9b7cff;
  box-shadow: 0 0 12px rgba(155, 124, 255, .9);
}

.mix-age-routines__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.mix-age-routines__actions button {
  min-width: 44px;
  min-height: 44px;
  padding: 0 14px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 10px;
  background: rgba(255, 255, 255, .06);
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}

.mix-age-routines__actions button:first-child {
  border-color: var(--age-violet);
  background: var(--age-violet);
}

.mix-age-routines__actions button:hover { border-color: rgba(200, 181, 255, .62); }

.mix-age-routines__board {
  position: relative;
  padding: 0 24px 16px;
  overflow: hidden;
}

.mix-age-routines__hours {
  min-height: 58px;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: end;
  color: rgba(255, 255, 255, .56);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.mix-age-routines__hours > i {
  padding: 0 16px 13px 0;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .1em;
}

.mix-age-routines__hours > div {
  position: relative;
  min-height: 22px;
  padding-bottom: 13px;
}

.mix-age-routines__hours > div > :is(time, span) {
  position: absolute;
  left: var(--age-routine-tick);
  transform: translateX(-50%);
  color: rgba(255, 255, 255, .56);
  font-size: 9px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.mix-age-routines__hours > div > :first-child { transform: none; }
.mix-age-routines__hours > div > :last-child { transform: translateX(-100%); }

.mix-age-routines__agents {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mix-age-routines__agents > li {
  position: relative;
  min-height: 102px;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: stretch;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
  transition: background-color 240ms ease;
}

.mix-age-routines__agents > li:last-child { border-bottom: 0; }
.mix-age-routines__agents > li[data-age-routine-lane-state="active"] { background: rgba(143, 105, 255, .035); }

.mix-age-routines__agent {
  position: relative;
  z-index: 5;
  display: grid;
  align-content: center;
  gap: 5px;
  padding-right: 14px;
}

.mix-age-routines__agent strong {
  color: rgba(255, 255, 255, .64);
  font: 700 15px/1.1 var(--motor-display);
  transition: color 220ms ease;
}

.mix-age-routines__agent span {
  color: #d0c7e7;
  font-size: 11px;
  line-height: 1.35;
}

.mix-age-routines__agent small {
  color: rgba(200, 181, 255, .66);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mix-age-routines__agents > li[data-age-routine-lane-state="active"] .mix-age-routines__agent strong { color: #cbbcff; }

.mix-age-routines__track {
  position: relative;
  min-width: 0;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px calc(100% / 6));
}

.mix-age-routines__track-line {
  position: absolute;
  top: 57px;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(255, 255, 255, .25);
}

.mix-age-routines__heartbeat,
.mix-age-routines__beat-task { position: absolute; }

.mix-age-routines__heartbeat {
  z-index: 3;
  top: 48px;
  width: 9px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, .34);
  border-radius: 999px;
  background: #201836;
  transform: translateX(-50%);
  transition: width 220ms ease, height 220ms ease, top 220ms ease, border-color 220ms ease, background-color 220ms ease, box-shadow 220ms ease;
}

.mix-age-routines__heartbeat[data-age-routine-beat-state="past"] {
  border-color: rgba(182, 158, 255, .52);
  background: rgba(120, 57, 238, .24);
}

.mix-age-routines__heartbeat[data-age-routine-edge="start"] { left: 0 !important; transform: none; }
.mix-age-routines__heartbeat[data-age-routine-edge="end"] { right: 0; left: auto !important; transform: none; }

.mix-age-routines__heartbeat[data-age-routine-beat-state="active"] {
  top: 46px;
  width: 11px;
  height: 22px;
  border-color: #c8b5ff;
  background: #7839ee;
  box-shadow: 0 0 0 7px rgba(120, 57, 238, .2), 0 0 22px rgba(143, 105, 255, .92);
}

.mix-age-routines__heartbeat[data-age-routine-kind="event"] { border-color: rgba(255, 170, 96, .72); }
.mix-age-routines__heartbeat[data-age-routine-kind="event"][data-age-routine-beat-state="active"] {
  border-color: #ffd0a6;
  background: #e47b34;
  box-shadow: 0 0 0 7px rgba(228, 123, 52, .18), 0 0 22px rgba(228, 123, 52, .75);
}

.mix-age-routines__beat-task {
  z-index: 4;
  top: 8px;
  width: min(180px, calc(100% - 4px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  padding: 7px 9px;
  color: #e8e0ff;
  border: 1px solid rgba(183, 158, 255, .28);
  border-radius: 8px;
  background: rgba(120, 57, 238, .14);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 5px);
  transition: opacity 180ms ease, transform 240ms cubic-bezier(.22, 1, .36, 1), border-color 180ms ease, background-color 180ms ease;
}

.mix-age-routines__beat-task[data-age-routine-beat-state="active"] {
  border-color: rgba(191, 169, 255, .55);
  background: rgba(120, 57, 238, .28);
  opacity: 1;
  transform: translate(-50%, 0);
}

.mix-age-routines__beat-task[data-age-routine-zone="start"] { transform: translate(0, 5px); }
.mix-age-routines__beat-task[data-age-routine-zone="start"][data-age-routine-beat-state="active"] { transform: translate(0, 0); }
.mix-age-routines__beat-task[data-age-routine-zone="end"] { transform: translate(-100%, 5px); }
.mix-age-routines__beat-task[data-age-routine-zone="end"][data-age-routine-beat-state="active"] { transform: translate(-100%, 0); }
.mix-age-routines__beat-task[data-age-routine-edge="start"] { left: 0 !important; transform: translate(0, 5px); }
.mix-age-routines__beat-task[data-age-routine-edge="start"][data-age-routine-beat-state="active"] { transform: translate(0, 0); }
.mix-age-routines__beat-task[data-age-routine-edge="end"] { right: 0; left: auto !important; transform: translate(0, 5px); }
.mix-age-routines__beat-task[data-age-routine-edge="end"][data-age-routine-beat-state="active"] { transform: translate(0, 0); }

.mix-age-routines__beat-task strong { min-width: 0; font-size: 11px; line-height: 1.25; }
.mix-age-routines__beat-task time { color: #d4c5ff; font-size: 10px; font-weight: 800; }

.mix-age-routines__heartbeat[data-age-routine-kind="event"] + .mix-age-routines__beat-task[data-age-routine-beat-state="active"] {
  color: #fff1e4;
  border-color: rgba(255, 184, 123, .58);
  background: rgba(228, 123, 52, .3);
}

.mix-age-routines__now {
  position: absolute;
  z-index: 4;
  top: 58px;
  right: 24px;
  bottom: 16px;
  left: calc(24px + 150px);
  pointer-events: none;
}

.mix-age-routines__now::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--age-routine-now);
  width: 1px;
  content: "";
  background: rgba(209, 195, 255, .9);
  box-shadow: 0 0 14px rgba(166, 135, 255, .62);
}

.mix-age-routines__now b {
  position: absolute;
  top: -27px;
  left: clamp(28px, var(--age-routine-now), calc(100% - 28px));
  padding: 5px 7px;
  color: #fff;
  border: 1px solid rgba(202, 184, 255, .42);
  border-radius: 6px;
  background: #6f3ed4;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
  white-space: nowrap;
  transform: translateX(-50%);
}

.mix-age-routines__schedule figcaption {
  padding: 18px 28px 24px;
  color: rgba(255, 255, 255, .64);
  border-top: 1px solid rgba(255, 255, 255, .12);
  font-size: 13px;
  line-height: 1.55;
}

.mix-age-routines__schedule[data-age-routine-motion="running"] .mix-age-routines__heartbeat {
  will-change: width, height, border-color, background-color, box-shadow;
}

.mix-age-routines__schedule.is-retrying .mix-age-routines__beat-task {
  animation: mix-age-routine-retry 420ms ease-out both;
}

@keyframes mix-age-routine-retry {
  0% { filter: saturate(.35) brightness(.72); }
  100% { filter: saturate(1) brightness(1); }
}

.mix-age-routines__cycle {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.mix-age-routines__cycle li {
  position: relative;
  min-height: 62px;
  display: grid;
  place-items: center;
  padding: 10px 18px 10px 12px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 13px;
  color: rgba(255, 255, 255, .72);
  background: rgba(255, 255, 255, .035);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.mix-age-routines__cycle li:not(:first-child)::before {
  position: absolute;
  left: -10px;
  z-index: 2;
  content: "→";
  color: #a879ff;
  font-size: 12px;
}

/* ── 9. Fronteira e 10. fechamento ────────────────────────────────────── */

.mix-age-boundary { background: #fff; }

.mix-age-boundary .mix-motor-seq-item.is-active {
  color: var(--age-ink);
  border-color: rgba(120, 57, 238, .48);
  background: linear-gradient(145deg, #f3edff, #fff);
  box-shadow: 0 18px 44px rgba(120, 57, 238, .12);
}

.mix-age-boundary .mix-motor-seq-item.is-active > span { color: #fff; background: var(--age-violet); }
.mix-age-boundary .mix-motor-seq-item.is-active p { color: var(--age-muted); }

.mix-age-final {
  min-height: 620px;
  display: grid;
  align-items: center;
  overflow: hidden;
  border-bottom: 0 !important;
  background:
    radial-gradient(circle at 82% 50%, rgba(120, 57, 238, .42), transparent 34%),
    linear-gradient(135deg, #16033a 0%, #242052 68%, #1a1738 100%);
  color: #fff;
}

.mix-age-final::before {
  position: absolute;
  top: 50%;
  right: 7vw;
  width: clamp(210px, 29vw, 430px);
  aspect-ratio: 1;
  content: "";
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 50%;
  box-shadow:
    0 0 0 42px rgba(120, 57, 238, .08),
    0 0 0 84px rgba(120, 57, 238, .045);
  transform: translateY(-50%);
}

.mix-age-final .mix-motor-inner { position: relative; z-index: 1; }
.mix-age-final .mix-motor-eyebrow { color: #dccfff; border-color: rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .08); }

.mix-age-final h2 {
  max-width: 830px;
  margin: 30px 0 0;
  font: 700 clamp(48px, 5.5vw, 78px)/.98 var(--motor-display);
  letter-spacing: -.055em;
  text-wrap: balance;
}

.mix-age-final .mix-motor-inner > p:not(.mix-motor-eyebrow) {
  max-width: 650px;
  margin: 28px 0 0;
  color: rgba(255, 255, 255, .66);
  font-size: 17px;
  line-height: 1.65;
}

.mix-age-final .mix-motor-cta { margin-top: 34px; }

/* ── Responsividade ─────────────────────────────────────────────────────── */

@media (max-width: 1120px) {
  .mix-age-hero { min-height: auto; }
  .mix-age-hero > .mix-motor-inner { grid-template-columns: 1fr; }
  .mix-age-hero__copy { max-width: 800px; }
  .mix-age-page .mix-age-route { width: min(820px, 100%); }
  .mix-age-chapters__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mix-age-chapter:last-child { grid-column: 1 / -1; min-height: 440px; }
  .mix-age-chapter:last-child .mix-age-chapter__figure [data-age-drawing] { width: 52%; }
  .mix-age-flow__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 54px; }
  .mix-age-flow__steps::before { display: none; }
  .mix-age-flow__steps li:nth-child(n) { min-height: 230px; transform: none; }
  .mix-age-flow__steps li:nth-child(5) { grid-column: 2; }
  .mix-age-policy__matrix { grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); }
  .mix-age-routines__hours,
  .mix-age-routines__agents > li { grid-template-columns: 138px minmax(0, 1fr); }
  .mix-age-routines__now { left: calc(24px + 138px); }
}

@media (max-width: 860px) {
  .mix-age-page > section { padding-block: 88px; }
  .mix-age-hero { padding-top: calc(var(--motor-header-bleed) + 70px) !important; }
  .mix-age-contrast__layout { grid-template-columns: 1fr; }
  .mix-age-contrast aside.mix-motor-panel { min-height: 260px; }
  .mix-age-chapters__grid { grid-template-columns: 1fr; }
  .mix-age-chapter,
  .mix-age-chapter:last-child { min-height: 0; grid-column: auto; }
  .mix-age-chapter:last-child .mix-age-chapter__figure [data-age-drawing] { width: 82%; }
  .mix-age-action-item__workspace { grid-template-columns: 1fr; }
  .mix-age-flow__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mix-age-flow__steps li:nth-child(5) { grid-column: 1 / -1; }
  .mix-age-policy__matrix { grid-template-columns: 1fr; }
  .mix-age-policy__matrix > ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mix-age-routines__schedule-head { align-items: flex-start; flex-direction: column; }
  .mix-age-routines__actions { justify-content: flex-start; }
  .mix-age-routines__hours,
  .mix-age-routines__agents > li { grid-template-columns: 126px minmax(0, 1fr); }
  .mix-age-routines__now { left: calc(24px + 126px); }
  .mix-age-routines__cycle { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mix-age-routines__cycle li:nth-child(4)::before { display: none; }
}

@media (max-width: 600px) {
  .mix-age-page > section { padding-block: 72px; }
  .mix-age-hero { padding-top: calc(var(--motor-header-bleed) + 54px) !important; }
  .mix-age-hero > .mix-motor-inner { gap: 48px; }
  .mix-age-hero h1 { margin-top: 22px; font-size: clamp(42px, 13vw, 54px); line-height: .96; }
  .mix-age-hero__lead { margin-top: 24px; font-size: 16px; line-height: 1.58; }
  .mix-age-page .mix-age-route { min-height: 744px; padding: 26px 20px 24px; border-radius: 24px; }
  .mix-age-page .mix-age-route::before { top: 153px; right: auto; bottom: 112px; left: 48px; width: 2px; height: auto; background: rgba(120, 57, 238, .15); }
  .mix-age-route__progress { top: 153px; right: auto; bottom: 112px; left: 48px; width: 2px; height: auto; transform: scaleY(var(--age-route-progress)); transform-origin: top center; }
  .mix-age-route__pulse { display: none; }
  .mix-age-route__source { width: calc(100% - 6px); min-height: 82px; }
  .mix-age-route__handoff { position: relative; top: auto; left: 30px; width: 2px; height: 54px; display: block; }
  .mix-age-route__stages { grid-template-columns: 1fr; gap: 9px; margin: 0 0 0 30px; }
  .mix-age-route__stages li:nth-child(n) { min-height: 76px; grid-template-columns: 32px minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; align-content: center; padding: 11px 14px; border-radius: 14px; transform: none; }
  .mix-age-route__stages li::before { top: 50%; left: -18px; width: 18px; }
  .mix-age-route__stages li > i { top: 12px; right: 12px; }
  .mix-age-route__stages li > span { grid-row: 1 / -1; }
  .mix-age-route__stages li > strong,
  .mix-age-route__stages li > small { grid-column: 2; }
  .mix-age-route__stages li > small { font-size: 12px; }
  .mix-age-page .mix-age-route figcaption { right: 20px; bottom: 24px; left: 20px; min-height: 72px; gap: 12px; padding: 12px; }
  .mix-age-page .mix-age-route figcaption span { font-size: 11px; }
  .mix-age-route__event { overflow: visible; text-overflow: clip; white-space: normal; }
  .mix-age-route__counter { min-width: 54px; font-size: 12px; }
  .mix-age-contrast__comparison > p,
  .mix-age-contrast__comparison li { grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr); }
  .mix-age-contrast__comparison li { min-height: 84px; font-size: 15px; }
  .mix-age-chapter__figure { margin: -24px -24px 0; }
  .mix-age-action-item__header { align-items: flex-start; flex-direction: column; }
  .mix-age-action-item__workspace { gap: 12px; padding: 10px; }
  .mix-age-action-group--causal .mix-age-action-group__fields { grid-template-columns: 1fr; gap: 10px; padding: 12px; }
  .mix-age-action-group--causal .mix-age-action-item__fields > div { min-height: 112px; }
  .mix-age-action-group--causal .mix-age-action-item__fields > div:not(:last-child)::after {
    top: auto;
    right: 50%;
    bottom: -20px;
    width: 24px;
    content: "↓";
    transform: translateX(50%);
  }
  .mix-age-action-item__value { min-height: 0; }
  .mix-age-flow__steps { grid-template-columns: 1fr; gap: 12px; padding-block: 0; }
  .mix-age-flow__steps li:nth-child(n) { min-height: 0; grid-column: auto; padding: 22px; }
  .mix-age-flow__steps h3 { margin-top: 28px; }
  .mix-age-queue__control { align-items: stretch; flex-direction: column; }
  .mix-age-queue__control button { width: 100%; min-height: 48px; }
  .mix-age-queue__states { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-inline: 18px; }
  .mix-age-queue__states span:nth-child(2)::after { display: none; }
  .mix-age-queue__table { overflow-x: visible; }
  .mix-age-queue__table table,
  .mix-age-queue__table tbody,
  .mix-age-queue__table tr,
  .mix-age-queue__table :is(th, td) {
    width: 100%;
    min-width: 0;
    display: block;
  }
  .mix-age-queue__table table { table-layout: auto; }
  .mix-age-queue__table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .mix-age-queue__table thead th { font-size: 12px; }
  .mix-age-queue__table tbody { display: grid; gap: 12px; padding: 16px; }
  .mix-age-queue__table tbody tr {
    padding: 16px;
    border: 1px solid var(--age-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--motor-elev-1);
  }
  .mix-age-queue__table tbody :is(th, td) {
    padding: 10px 0;
    border-bottom: 1px solid var(--age-border);
    overflow: visible;
    font-size: 16px;
    white-space: normal;
  }
  .mix-age-queue__table tbody :is(th, td):last-child { border-bottom: 0; }
  .mix-age-queue__table tbody :is(th, td)::before {
    display: block;
    margin-bottom: 6px;
    content: attr(data-label);
    color: var(--age-violet-deep);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .mix-age-queue__table tbody th > span { font-size: 12px; }
  .mix-age-queue__state-label { font-size: 12px; }
  .mix-age-policy__matrix > ol { grid-template-columns: 1fr; }
  .mix-age-policy__active { grid-template-columns: 1fr; }
  .mix-age-policy__active > div:nth-child(n) { min-height: 0; border-right: 0; border-bottom: 1px solid var(--age-border); }
  .mix-age-policy__active > div:last-child { border-bottom: 0; }
  .mix-age-routines__schedule { border-radius: 20px; }
  .mix-age-routines__schedule-head { min-height: 0; padding: 20px; }
  .mix-age-routines__schedule-head strong { font-size: 20px; }
  .mix-age-routines__schedule-head small,
  .mix-age-routines__schedule-head > div:first-child > span { font-size: 12px; }
  .mix-age-routines__actions { width: 100%; display: grid; grid-template-columns: 1fr; }
  .mix-age-routines__actions button { width: 100%; font-size: 12px; }
  .mix-age-routines__board { padding: 0 14px 12px; }
  .mix-age-routines__hours { grid-template-columns: 100px minmax(0, 1fr); }
  .mix-age-routines__hours > i { padding-right: 8px; font-size: 12px; }
  .mix-age-routines__hours > div > :is(time, span) { font-size: 12px; }
  .mix-age-routines__now { right: 14px; left: calc(14px + 100px); }
  .mix-age-routines__agents > li {
    min-height: 98px;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 0;
    padding: 0;
  }
  .mix-age-routines__agent { gap: 5px; padding-right: 8px; }
  .mix-age-routines__agent strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
  .mix-age-routines__agent span { font-size: 12px; line-height: 1.25; }
  .mix-age-routines__agent small { display: none; }
  .mix-age-routines__track { min-height: 98px; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px calc(100% / 6)); }
  .mix-age-routines__beat-task {
    max-width: 148px;
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
    align-items: start;
    padding: 6px 7px;
  }
  .mix-age-routines__beat-task strong { overflow-wrap: anywhere; }
  .mix-age-routines__beat-task strong,
  .mix-age-routines__beat-task time { font-size: 12px; }
  .mix-age-routines__schedule figcaption { padding: 16px 20px 20px; font-size: 12px; }
  .mix-age-routines__cycle { grid-template-columns: 1fr 1fr; }
  .mix-age-routines__cycle li:nth-child(n)::before { display: none; }
  .mix-age-routines__cycle li:nth-child(2n)::before { display: block; }
  .mix-age-final { min-height: 560px; }
  .mix-age-final::before { right: -36vw; }
  .mix-age-final h2 { font-size: clamp(42px, 12vw, 54px); }
  .mix-age-final .mix-motor-cta { width: 100%; }
  .mix-age-page .mix-motor-eyebrow,
  .mix-age-route__source :is(span, small),
  .mix-age-route__stages li > span,
  .mix-age-contrast__comparison > p,
  .mix-age-action-item__identity small,
  .mix-age-action-group__head > span,
  .mix-age-action-item__fields dt button,
  .mix-age-flow__steps li > span,
  .mix-age-queue__control span,
  .mix-age-queue__states span,
  .mix-age-policy__matrix button > span,
  .mix-age-policy__matrix button small,
  .mix-age-policy__rule > p span,
  .mix-age-policy__active dt,
  .mix-age-routines__now b { font-size: 12px; }
  .mix-age-route__stages li > strong,
  .mix-age-page .mix-age-route figcaption span,
  .mix-age-contrast__comparison li,
  .mix-age-chapter > p,
  .mix-age-action-item__value,
  .mix-age-action-item__detail,
  .mix-age-flow__steps p,
  .mix-age-queue__control p,
  .mix-age-policy__active dd,
  .mix-age-routines__agent span,
  .mix-age-routines__schedule figcaption,
  .mix-age-boundary .mix-motor-seq-item p { font-size: 16px; }
  .mix-age-routines__cycle li { font-size: 12px; }
  .mix-age-boundary .mix-motor-seq-item > span { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .mix-age-page *,
  .mix-age-page *::before,
  .mix-age-page *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition-duration: 0s !important;
  }

  .mix-age-page.is-enhanced .mix-age-contrast__comparison li {
    opacity: 1 !important;
    transform: none !important;
  }
}