/* A cena organiza entrada, regra e entrega. O movimento acompanha essa ordem. */
.automation-page .hero { column-gap:40px; }
.automation-page .hero-copy { pointer-events:auto; }
.automation-page .hero-visual.automation-scene { grid-column:2; grid-row:1; height:auto; margin:0 0 34px; min-width:0; align-self:start; }
.automation-lab { padding:22px; border:1px solid #bcd5c9; border-radius:20px; background:#fafffa; box-shadow:0 24px 64px #194f3921; }
.automation-lab__heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
.automation-lab__heading > span { font-size:12px; font-weight:650; color:var(--green); }
.automation-play { min-height:44px; padding:8px 12px; border:1px solid var(--line); background:transparent; color:var(--green); border-radius:8px; cursor:pointer; font:inherit; font-size:11px; }
.automation-play:disabled { opacity:.55; cursor:default; }
.automation-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; padding:4px; border-radius:10px; background:#e9f1eb; }
.automation-tabs button,.automation-steps button { min-width:0; min-height:44px; border:0; border-radius:7px; background:transparent; color:var(--muted); font:inherit; font-size:11px; font-weight:600; cursor:pointer; transition:background .3s,color .3s,transform .3s; }
.automation-tabs button[aria-pressed="true"] { background:#fff; color:var(--green); box-shadow:0 3px 10px #194f3914; }
.automation-lab button:focus-visible,.automation-service-toggle:focus-visible { outline:2px solid var(--green); outline-offset:4px; }
.automation-stage { position:relative; display:grid; grid-template-columns:1fr; padding:24px 12px; }
.automation-source,.automation-engine,.automation-output { position:relative; padding:18px 22px; border:1px solid #c9dcd1; border-radius:12px; background:#fff; transition:border-color .3s,background .3s,box-shadow .3s; }
.automation-label { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.12em; margin-bottom:8px; }
.automation-stage strong { display:block; font-size:17px; font-weight:600; line-height:1.25; letter-spacing:-.03em; }
.automation-stage p { font-size:11px; line-height:1.5; margin:8px 0 0; max-width:36ch; }
.automation-source { min-height:84px; padding-right:90px; }
.automation-engine { min-height:118px; padding-right:72px; }
.automation-output { min-height:138px; }
.automation-connector { height:24px; width:2px; justify-self:center; position:relative; background:#c2d9cd; overflow:hidden; }
.automation-connector i { position:absolute; inset:0; background:var(--green); transform:translateY(-100%); }
.automation-sheets { position:absolute; right:22px; top:24px; width:40px; height:35px; }
.automation-sheets i { position:absolute; width:30px; height:34px; border:1px solid #75a78f; border-radius:4px; background:repeating-linear-gradient(0deg,#e8f3ec 0 7px,#b5d1c1 8px 9px); }
.automation-sheets i:nth-child(2) { transform:translate(6px,-5px); }
.automation-sheets i:nth-child(3) { transform:translate(12px,-10px); }
.automation-orbit { position:absolute; right:20px; top:35px; width:34px; height:34px; border:1px dashed #74aa8d; border-radius:50%; }
.automation-orbit::after { content:''; position:absolute; width:8px; height:8px; top:-4px; left:13px; border-radius:50%; background:var(--green); }
.automation-receipt { display:flex; align-items:center; justify-content:space-between; margin-top:12px; color:var(--green); font-size:11px; opacity:.35; }
.automation-receipt b { font-size:16px; }
.automation-lab[data-step="0"] .automation-source,
.automation-lab[data-step="1"] .automation-engine,
.automation-lab[data-step="2"] .automation-output { border-color:#338669; background:#f0f8ee; box-shadow:0 6px 20px #1b604219; }
.automation-lab[data-step="2"] .automation-receipt { opacity:1; }
.automation-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.automation-steps button { position:relative; overflow:hidden; border:1px solid #c7d9cc; }
.automation-steps button[aria-pressed="true"] { background:var(--green); color:#fff; }
.automation-caption { margin:16px 0 0; font-size:11px; line-height:1.5; color:var(--muted); }
.automation-page .manif > li { position:relative; transition:background .3s,border-color .3s; }
.automation-page .manif > li:hover,.automation-page .manif > li.service-expanded { background:#ffffff80; }
.automation-service-toggle { border:0; padding:12px 40px 12px 0; min-height:48px; width:100%; background:transparent; color:inherit; text-align:left; font:inherit; cursor:pointer; }
.automation-service-toggle::after { content:'+'; position:absolute; right:20px; color:var(--green); }
.automation-service-toggle[aria-expanded="true"]::after { content:'−'; }
.automation-page .manif__txt p[hidden] { display:none; }
.automation-page .manif__saida { margin-right:30px; }
@media(prefers-reduced-motion:no-preference) {
  .automation-running .automation-connector i { animation:automation-packet 1.8s ease-in-out infinite; }
  .automation-running .automation-connector:nth-of-type(4) i { animation-delay:.9s; }
  .automation-running .automation-orbit { animation:automation-orbit 7s linear infinite; }
  .automation-running[data-step="0"] .automation-sheets { animation:automation-hover 2.8s ease-in-out infinite; }
  @supports(animation-timeline:view()) {
    .automation-page .report-visual { animation:automation-depth linear both; animation-timeline:view(); animation-range:entry 0% entry 100%; }
  }
}
@keyframes automation-packet { to { transform:translateY(100%); } }
@keyframes automation-orbit { to { transform:rotate(360deg); } }
@keyframes automation-hover { 50% { transform:translateY(-5px); } }
@keyframes automation-depth { from { transform:translateY(28px) scale(.96); } to { transform:none; } }
.motion-paused .automation-page .report-visual { animation:none; transform:none; }
@media(min-width:761px) { .automation-page .hero-ticker .esteira__btn { margin-right:184px; } }
@media(max-width:1000px) {
  .automation-page .hero { display:flex; flex-direction:column; }
  .automation-page .hero-copy { padding-bottom:0; }
  .automation-page .hero-visual.automation-scene { width:100%; margin:30px 0; }
  .automation-lab { max-width:720px; margin-inline:auto; }
  .automation-page .hero-ticker { width:100%; }
}
@media(max-width:760px) {
  .automation-page .hero-ticker .esteira__btn { margin-right:72px; }
  .automation-lab { padding:16px; }
  .automation-stage { padding:20px 0; }
  .automation-tabs button { font-size:11px; }
  .automation-stage strong { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .automation-tabs button,.automation-steps button,.automation-stage > div,.automation-page .manif > li { transition:none; }
}
@media(min-width:561px) and (max-width:760px) {
  .automation-page .hero-ticker .esteira__btn { margin-right:184px; }
}