/* Plannex: identidade original navy / laranja, com um único sistema visual. */
:root {
  color-scheme:dark;
  --bg:#0b1422;
  --surface:#111e30;
  --ink:#eef3f8;
  --muted:#b1bed0;
  --line:#304158;
  --accent:#f29a63;
  --green:#8de0b4;
  --radius:14px;
  --section-space:clamp(48px,7vw,88px);
  --space-xs:8px;
  --space-sm:16px;
  --space-md:24px;
  --space-lg:32px;
  --card-padding:clamp(22px,2.5vw,28px);
  --card-shadow:inset 0 1px 0 #ffffff08;
  --motion-duration:220ms;
  --pointer-x:50%;
  --pointer-y:32%
}
* {
  box-sizing:border-box
}
html {
  background:var(--bg);
  scroll-behavior:smooth;
  scroll-padding-top:28px
}
body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:16px;
  line-height:1.7;
  isolation:isolate
}
a {
  color:inherit;
  text-decoration:none
}
button,input,textarea,select {
  font:inherit;
  max-width:100%
}
button {
  cursor:pointer
}
button:disabled {
  cursor:default
}
.contact-form button[type="submit"]:disabled {
  opacity:.42;
  filter:saturate(.45);
  box-shadow:none;
  transform:none
}
a,button {
  -webkit-tap-highlight-color:transparent
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible {
  outline:3px solid var(--accent);
  outline-offset:4px
}
h1,h2,h3,h4,p {
  margin:0
}
h1,h2,h3,h4 {
  color:var(--ink);
  line-height:1.25;
  font-weight:650;
  text-wrap:balance
}
h1 {
  font-size:clamp(38px,4.3vw,56px);
  letter-spacing:-1.9px
}
h2 {
  font-size:clamp(28px,3.3vw,40px);
  letter-spacing:-1px
}
h3 {
  font-size:22px;
  letter-spacing:-.4px
}
h4 {
  font-size:17px;
  letter-spacing:-.15px
}
em {
  color:var(--accent);
  font-style:normal
}
p {
  overflow-wrap:break-word
}
small {
  font-size:13px;
  line-height:1.7
}
main,header,footer {
  position:relative
}
.wrap {
  width:min(1160px,calc(100% - 64px));
  margin-inline:auto
}
.page:not(.is-active) {
  display:none!important
}
.page {
  min-width:0
}
.section {
  padding-block:var(--section-space)
}
.section-heading,.center {
  margin-bottom:36px;
  max-width:820px
}
.eyebrow {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:11px;
  line-height:1.6;
  letter-spacing:1.65px;
  font-weight:700;
  color:var(--accent);
  margin-bottom:18px
}
.section-index {
  display:inline-grid;
  place-items:center;
  flex:0 0 34px;
  min-height:30px;
  border:1px solid #70503e;
  background:#2a231f;
  border-radius:8px;
  font-size:11px;
  letter-spacing:.5px
}
.lead {
  font-size:18px;
  line-height:1.8;
  color:var(--muted);
  max-width:700px;
  margin-top:22px
}
.section-heading .lead,.center .lead {
  margin-top:18px
}
.content-block {
  margin-top:var(--section-space);
  padding-top:clamp(28px,4vw,40px);
  border-top:1px solid var(--line)
}
.content-block>p:not(.eyebrow) {
  color:var(--muted);
  max-width:780px;
  margin-top:20px
}
.content-block>small {
  display:block;
  margin-top:20px;
  color:var(--muted)
}
.content-block strong {
  color:var(--ink)
}
.content-block>.button {
  margin-top:26px
}
/* Ambient light remains behind solid reading surfaces and below text contrast. */
.bg-glow {
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  overflow:hidden;
  background:var(--bg)
}
.bg-glow::after {
  content:"";
  position:absolute;
  inset:-12%;
  background:
    radial-gradient(circle at var(--pointer-x) var(--pointer-y),#f29a6324 0,transparent 24%),
    linear-gradient(115deg,transparent 0 46%,#ffffff05 50%,transparent 54% 100%);
  opacity:.95;
  transition:opacity .35s ease;
  will-change:background
}
.bg-glow span {
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  opacity:.09;
  animation:ambient 24s ease-in-out infinite alternate
}
.bg-glow span:nth-child(1) {
  width:480px;
  height:480px;
  top:-180px;
  left:-120px;
  background:var(--accent)
}
.bg-glow span:nth-child(2) {
  width:420px;
  height:420px;
  top:30%;
  right:-240px;
  background:#4f7cff;
  animation-delay:-8s
}
.bg-glow span:nth-child(3) {
  width:360px;
  height:360px;
  bottom:-220px;
  left:25%;
  background:#2fae82;
  animation-delay:-14s
}
@keyframes ambient {
  to {
    transform:translate(24px,18px)
  }
}
header {
  width:min(1240px,calc(100% - 64px));
  min-height:96px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid var(--line)
}
.brand {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 auto;
  padding:2px 0;
  min-height:52px;
  background:transparent;
  border:0;
  box-shadow:none;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .22s ease,opacity .22s ease
}
.brand:hover {
  transform:translateY(-1px);
  opacity:.96
}
.brand img {
  display:block;
  width:auto;
  height:30px;
  max-width:min(182px,18vw)
}
.brand--header {
  margin-right:auto
}
.brand--footer {
  min-height:auto
}
.brand--footer img {
  height:16px;
  max-width:120px
}
nav {
  display:flex;
  gap:28px;
  align-items:center
}
nav a {
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:14px;
  color:var(--muted);
  transition:color .2s
}
nav a::after {
  content:"";
  position:absolute;
  bottom:3px;
  left:0;
  right:0;
  height:2px;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .2s
}
nav a.active,nav a:hover {
  color:var(--ink)
}
nav a.active::after,nav a:hover::after {
  transform:scaleX(1)
}
.button {
  display:inline-flex;
  max-width:100%;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:13px 22px;
  border:1px solid var(--accent);
  border-radius:8px;
  background:var(--accent);
  color:#101925;
  font-size:14px;
  font-weight:700;
  line-height:1.5;
  text-align:center;
  transition:background .2s,transform .2s,box-shadow .2s
}
.button.small {
  padding:10px 17px;
  min-height:44px
}
.outline {
  background:transparent;
  border-color:#596b83;
  color:var(--ink)
}
.text-link {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  background:none;
  border:0;
  padding:0;
  font-size:14px;
  color:var(--ink);
  text-decoration:underline;
  text-underline-offset:5px
}
.actions {
  display:flex;
  gap:16px 24px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:28px
}
.hero {
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
  gap:44px;
  padding-block:64px 0
}
.hero-copy {
  min-width:0
}
.hero-copy .eyebrow {
  font-size:10px;
  letter-spacing:1.5px
}
.hero-copy .lead {
  font-size:18px;
  max-width:480px
}
.hero-copy .actions {
  margin-top:30px
}
.home-extra {
  grid-column:1/-1;
  min-width:0;
  border-top:1px solid var(--line);
  margin-top:32px;
  padding-top:var(--section-space);
  padding-bottom:var(--section-space)
}
/* Interactive workbook: three modes, shared layout and stable table geometry. */
.simulation {
  --demo-accent:#8de0b4;
  min-width:0;
  width:100%;
  overflow:hidden;
  border:1px solid #40536e;
  border-radius:var(--radius);
  background:var(--surface);
  box-shadow:0 24px 64px #0003;
  transition:border-color .4s
}
.simulation[data-mode="clean"] {
  --demo-accent:#f4b383
}
.simulation[data-mode="metrics"] {
  --demo-accent:#9cbfff
}
.simulation-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  padding:22px;
  background:#152238
}
.simulation-header .eyebrow {
  font-size:9px;
  letter-spacing:1px;
  margin-bottom:7px
}
.simulation-header h3 {
  font-size:20px;
  letter-spacing:-.5px
}
.simulation-label {
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:10px;
  color:var(--green);
  white-space:nowrap
}
.simulation-label i {
  height:5px;
  width:5px;
  display:block;
  border-radius:50%;
  background:var(--green)
}
.demo-modes {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  padding:12px 18px;
  border-bottom:1px solid var(--line);
  background:#0d1929
}
.demo-modes button {
  min-height:40px;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#b8c7da;
  font-size:12px;
  font-weight:550;
  padding:8px 6px;
  transition:background .2s,color .2s,border-color .2s
}
.demo-modes button[aria-pressed="true"] {
  background:#20344b;
  border-color:#58718e;
  color:#fff;
  box-shadow:inset 0 -2px var(--demo-accent)
}
.workbook-title {
  display:flex;
  align-items:center;
  gap:9px;
  padding:12px 18px;
  background:#132729;
  border-bottom:1px solid var(--line);
  font-size:12px
}
.workbook-title>span:nth-child(2) {
  min-width:0;
  overflow-wrap:anywhere
}

#workbook-state {
  margin-left:auto;
  color:var(--demo-accent);
  font-size:10px;
  white-space:nowrap
}
.formula-bar {
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  background:#0d1929;
  font-size:11px;
  min-width:0
}
.formula-bar>span:first-child {
  flex:0 0 42px;
  border-right:1px solid var(--line)
}
.formula-bar>span:nth-child(2) {
  color:var(--demo-accent)
}
.formula-bar code {
  font-family:ui-monospace,monospace;
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#edb68e
}
.sheet-scroll {
  overflow-x:auto;
  max-width:100%;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  scrollbar-color:#536780 #111e30
}
.sheet-scroll:focus-visible {
  outline-offset:-3px
}
.live-sheet {
  width:100%;
  min-width:320px;
  border-collapse:collapse;
  table-layout:fixed;
  line-height:1.5;
  font-size:12px;
  font-variant-numeric:tabular-nums
}
.live-sheet caption {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%)
}
.live-sheet td,.live-sheet th {
  padding:12px 9px;
  border:1px solid #304158;
  text-align:right;
  font-weight:400;
  white-space:nowrap;
  font-size:11px;
  transition:background .35s,color .35s
}
.live-sheet thead th {
  background:#17263a;
  color:#b1c0d3;
  font-weight:600;
  font-size:10px
}
.live-sheet th:first-child,.live-sheet td:first-child {
  text-align:left;
  width:27%
}
.live-sheet tbody th {
  color:#e2eaf4;
  background:#122034;
  white-space:pre-wrap;
  overflow-wrap:normal
}
.live-sheet .result-ready {
  color:var(--demo-accent)
}
.live-sheet .processing-row>* {
  background:#264639;
  color:white
}
.simulation[data-mode="clean"] .processing-row>* {
  background:#4b3426
}
.simulation[data-mode="metrics"] .processing-row>* {
  background:#253d61
}
.sheet-tab {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  padding:9px 16px;
  background:#122336;
  color:var(--demo-accent);
  font-size:11px
}
.sheet-tab span:last-child {
  color:#a9bad0;
  font-size:9px
}
.live-report {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:center;
  gap:20px;
  padding:20px;
  background:#152338;
  min-height:134px
}
.report-summary {
  min-width:0
}
.report-label {
  display:block;
  font-size:9px;
  letter-spacing:.85px;
  color:#b5c5d9
}
.live-report strong {
  display:block;
  white-space:nowrap;
  font-size:30px;
  line-height:1.3;
  margin:7px 0;
  font-variant-numeric:tabular-nums;
  letter-spacing:-1px
}
.live-report #report-detail {
  display:block;
  font-size:10px;
  line-height:1.6;
  color:var(--muted)
}







.demo-pipeline {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:15px 18px;
  border-top:1px solid var(--line);
  background:#101c2d
}
.demo-pipeline>span {
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  color:#afbed1;
  font-size:10px;
  border:1px solid transparent;
  border-radius:10px;
  padding:8px;
  transition:background .3s,border-color .3s,color .3s,transform .3s
}
.demo-pipeline i {
  display:grid;
  place-items:center;
  flex:0 0 24px;
  height:24px;
  border:1px solid #4a5b73;
  border-radius:50%;
  font-size:9px;
  font-style:normal
}
.pipeline-copy {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:1px
}
.pipeline-copy strong {
  color:inherit;
  font-size:10px;
  line-height:1.35;
  font-weight:650;
  white-space:normal;
  overflow-wrap:anywhere
}
.pipeline-copy small {
  color:#7f92aa;
  font-size:8px;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere
}
.demo-pipeline .is-current {
  color:var(--demo-accent);
  background:#ffffff08;
  border-color:#ffffff10;
  transform:translateY(-1px)
}
.demo-pipeline .is-current i {
  border-color:var(--demo-accent);
  box-shadow:0 0 0 3px #a7c7ee0b
}
.demo-pipeline .is-current small {
  color:#c3d1e2
}
.demo-pipeline .is-done i {
  background:#203d33;
  border-color:#4f856d;
  color:var(--green)
}
.simulation-progress {
  height:2px;
  background:var(--line)
}
.simulation-progress>span {
  display:block;
  width:100%;
  height:100%;
  background:var(--demo-accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .4s
}
.simulation-bottom {
  padding:18px 20px;
  background:#132135
}
.simulation-bottom p {
  font-size:11px;
  line-height:1.7;
  min-height:38px;
  color:#c1cee0
}
.simulation-controls {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px
}
.sim-control {
  border:1px solid #455975;
  border-radius:6px;
  background:#172a41;
  color:var(--ink);
  padding:8px 11px;
  min-height:40px;
  font-size:10px;
  transition:background .2s,border-color .2s
}
.primary-control {
  border-color:#789584;
  color:#b3eccf;
  background:#1c392e
}



.sim-control:disabled {
  color:#91a3bb;
  background:#132135;
  border-color:var(--line);
  opacity:.6
}
.simulation.is-paused .demo-chart b {
  transition:none
}
/* Defined modules and equal spacing for every service / benefit. */
.solutions,.benefits-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px
}
.solutions article,.benefits-grid article {
  min-width:0;
  padding:28px;
  background:linear-gradient(180deg,rgba(17,30,48,.62),rgba(17,30,48,.42));
  border:1px solid rgba(87,108,133,.58);
  border-radius:var(--radius);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  transition:border-color .24s ease,background .24s ease,transform .24s ease,box-shadow .24s ease
}
.solutions article {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  overflow:hidden;
  isolation:isolate
}
.solutions h3 {
  max-width:100%;
  font-size:21px;
  overflow-wrap:anywhere
}
.service-icon {
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border:1px solid #66503f;
  border-radius:10px;
  background:#2a241f;
  color:var(--accent);
  margin-bottom:4px
}
.solutions p {
  width:auto;
  height:auto;
  max-width:100%;
  color:var(--muted);
  font-size:14px;
  line-height:1.75;
  overflow-wrap:anywhere
}
.service-icon svg {
  width:22px;
  height:22px;
  stroke:currentColor;
  stroke-width:1.6;
  fill:none
}
.solutions article:last-child {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:42px minmax(150px,.6fr) minmax(0,1.4fr);
  gap:20px;
  align-items:center;
  padding-block:24px
}
.solutions article:last-child .service-icon {
  margin:0
}
.solutions article::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:radial-gradient(circle at 22% 0%,rgba(242,154,99,.14),transparent 48%);
  opacity:0;
  transition:opacity .3s ease
}





/* Before/after: a credible business transformation, not just a sum. */
.transform-block {
  display:grid;
  grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);
  gap:18px;
  align-items:stretch
}
.transform-panel {
  min-width:0;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,#111e30 0%,#0f1a2a 100%);
  overflow:hidden;
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease
}
.transform-panel.before {
  border-color:#624445
}
.transform-panel.after {
  border-color:#3b6b56;
  background:linear-gradient(180deg,#112821 0%,#0f211c 100%);
  animation:afterPulse 3.8s ease-in-out infinite
}
@keyframes afterPulse {
  0%,100% {
    border-color:#3b6b56;
    background:linear-gradient(180deg,#112821 0%,#0f211c 100%);
    box-shadow:0 0 0 rgba(103,180,133,0),0 0 0 rgba(103,180,133,0)
  }
  50% {
    border-color:#5a9c78;
    background:linear-gradient(180deg,#132d25 0%,#10251e 100%);
    box-shadow:0 0 0 1px rgba(126,221,168,.18),0 0 28px rgba(84,176,128,.13),inset 0 0 22px rgba(91,181,132,.045)
  }
}
.transform-topline {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:16px
}
.transform-topline .eyebrow {
  margin:0
}
.transform-panel.before .eyebrow {
  color:#f1aaa2
}
.transform-panel.after .eyebrow {
  color:var(--green)
}
.transform-state {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:5px 9px;
  border:1px solid currentColor;
  border-radius:999px;
  font-size:9px;
  line-height:1.2;
  letter-spacing:.8px;
  font-weight:700
}
.transform-state::before {
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 4px #ffffff0d
}
.state-auto::before {
  animation:auto-state-pulse 2.4s ease-in-out infinite
}
@keyframes auto-state-pulse {
  50% { box-shadow:0 0 0 7px #8de0b417 }
}
.state-manual {
  color:#dca39e;
  background:#4b2c2c4d
}
.state-auto {
  color:var(--green);
  background:#173e304d
}
.transform-panel h3 {
  font-size:20px;
  margin-bottom:20px;
  min-height:75px;
  max-width:540px
}
.transform-panel>p:not(.eyebrow) {
  font-size:14px;
  color:#c2cfdf;
  margin-top:20px
}
.sheet-frame {
  min-width:0;
  border:1px solid #3b4b61;
  border-radius:10px;
  overflow-x:auto;
  overflow-y:hidden;
  background:#0b1625;
  scrollbar-width:thin;
  scrollbar-color:#50627b #101b2b
}
.sheet-caption {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:10px 12px;
  border-bottom:1px solid #33445a;
  background:#132238;
  color:#d7e2ef;
  font-size:11px
}
.sheet-caption span {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:650
}
.sheet-caption small {
  flex:0 0 auto;
  color:#95a6ba;
  font-size:9px;
  line-height:1.4;
  text-align:right
}
.mini-sheet {
  width:100%;
  min-width:460px;
  border-collapse:collapse;
  font-size:11px;
  table-layout:auto
}
.mini-sheet th,.mini-sheet td {
  padding:10px 9px;
  border-right:1px solid #33445a;
  border-bottom:1px solid #33445a;
  text-align:left;
  white-space:nowrap
}
.mini-sheet th:last-child,.mini-sheet td:last-child {
  border-right:0
}
.mini-sheet tbody tr:last-child td {
  border-bottom:0
}
.mini-sheet th {
  background:#1a2c42;
  color:#c7d4e5;
  font-size:9px;
  letter-spacing:.35px;
  text-transform:uppercase
}
.mini-sheet td {
  color:var(--ink)
}
.mini-sheet.messy tbody tr:nth-child(2) td,
.mini-sheet.messy .duplicate-row td {
  background:#321f2438
}
.mini-sheet.messy .duplicate-row td {
  opacity:.86
}
.mini-sheet .err {
  color:#f3aaa2;
  font-weight:650
}
.mini-sheet .ok {
  color:var(--green);
  font-weight:650
}
.transform-issues {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px
}
.transform-issues span {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 9px;
  border:1px solid #65464a;
  border-radius:7px;
  background:#34212680;
  color:#e0b1ad;
  font-size:10px;
  line-height:1.3
}
.transform-issues i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#e49b94;
  box-shadow:0 0 0 3px #e49b9414
}
.transform-results {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:14px
}
.transform-results>span {
  min-width:0;
  padding:10px;
  border:1px solid #35614e;
  border-radius:8px;
  background:#17332880
}
.transform-results small,.transform-results em {
  display:block;
  color:#9bb9aa;
  font-size:8px;
  line-height:1.4;
  font-style:normal
}
.transform-results strong {
  display:block;
  margin:2px 0;
  color:#c7f2da;
  font-size:19px;
  line-height:1.25;
  font-variant-numeric:tabular-nums
}
.result-metric strong > [data-count] {
  display:inline-block;
  min-width:.7ch;
  text-align:right
}
.result-arrow {
  display:inline-block;
  margin-inline:2px;
  color:#8edaae;
  transform:translateY(-1px)
}
.result-check {
  transform-origin:center;
  will-change:transform,opacity
}
.transform-arrow {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:var(--accent)
}
.transform-arrow::before {
  content:"";
  position:absolute;
  top:10%;
  bottom:10%;
  left:50%;
  width:1px;
  background:linear-gradient(180deg,transparent,#f29a6366,transparent)
}
.transform-arrow span,.transform-arrow i {
  position:relative;
  z-index:1;
  background:var(--bg)
}
.transform-arrow span {
  padding:5px 7px;
  border:1px solid #70503e;
  border-radius:999px;
  font-size:8px;
  line-height:1;
  letter-spacing:1px;
  font-weight:750
}
.transform-arrow i {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid #70503e;
  border-radius:50%;
  font-size:18px;
  font-style:normal;
  box-shadow:0 0 28px #f29a6319
}


/* About: heading and one continuous reading column, never competing paragraphs. */

.home-about .section-heading {
  margin:0;
  max-width:none;
  min-width:0
}

.home-about .eyebrow {
  color:var(--accent)
}


















.time-heading .eyebrow {
  margin-bottom:14px
}








.reading-progress {
  position:fixed;
  inset:0 0 auto;
  z-index:50;
  height:2px;
  pointer-events:none
}
.reading-progress span {
  display:block;
  height:100%;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:left
}

.story p:not(.eyebrow) {
  color:var(--muted);
  margin-top:16px;
  font-size:15px
}
.story .eyebrow {
  font-size:10px
}





.is-done .step-number {
  color:var(--green);
  background:#1b3b33;
  border-color:#467764
}
.is-active .step-number {
  color:var(--accent);
  background:#33271f;
  border-color:#846046
}





.plans {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px
}
.plan {
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:30px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface)
}
.plan:nth-child(2) {
  border-color:#c17d53;
  box-shadow:inset 0 3px var(--accent)
}
.plan-kicker {
  font-size:10px;
  letter-spacing:1.2px;
  color:var(--accent);
  margin-bottom:16px
}
.plan h3 {
  font-size:26px
}
.plan-description {
  min-height:52px;
  margin:16px 0 24px;
  color:var(--muted);
  font-size:15px;
  line-height:1.7
}
.price {
  font-size:36px;
  line-height:1.25;
  font-weight:650;
  font-variant-numeric:tabular-nums
}
.price small {
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:400;
  margin:6px 0
}
.plan ul {
  flex:1;
  list-style:none;
  border-top:1px solid var(--line);
  padding:24px 0 0;
  margin:24px 0
}
.plan li {
  position:relative;
  padding-left:19px;
  font-size:14px;
  color:#ced8e5
}
.plan li+li {
  margin-top:14px
}
.plan li::before {
  content:"✓";
  position:absolute;
  left:0;
  color:var(--green);
  font-size:11px
}
.plan .button {
  width:100%
}
.faq h2 {
  margin-bottom:28px
}
.faq details {
  border-bottom:1px solid rgba(79,96,119,.62);
  padding:0;
  background:transparent
}
.faq summary {
  padding:22px 0;
  cursor:pointer;
  font-weight:550;
  line-height:1.6;
  transition:color .22s ease,background .22s ease
}
.faq details p {
  padding:0 24px 24px;
  color:var(--muted);
  max-width:820px;
  font-size:15px
}
.faq details[open] summary {
  color:var(--accent)
}
.faq details:hover summary {
  color:#dfe8f3
}
.faq details[open] {
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0))
}
.contact-grid {
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:32px;
  align-items:start
}
.contact-form {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  padding:30px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface)
}
.field {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:9px
}
.field.full {
  grid-column:1/-1
}
.field label {
  color:#d0dbe8;
  font-size:13px
}
.field input,.field select,.field textarea {
  width:100%;
  min-width:0;
  min-height:48px;
  padding:12px 14px;
  border:1px solid #4a5c74;
  border-radius:7px;
  background:#0c1726;
  color:var(--ink);
  font-size:16px;
  line-height:1.5
}
.field select {
  appearance:none;
  -webkit-appearance:none;
  padding-right:46px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23d9e4f0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:14px 14px;
  cursor:pointer
}
.field select::-ms-expand {
  display:none
}
.field textarea {
  resize:vertical;
  min-height:112px
}
.field input::placeholder,.field textarea::placeholder {
  color:#a0afc1;
  font-size:13px
}

.form-actions {
  align-items:flex-start;
  gap:14px
}
.form-actions .button {
  align-self:flex-start
}
#form-status {
  font-size:14px;
  color:var(--accent)
}
#form-status:empty {
  display:none
}

.contact-aside {
  display:flex;
  flex-direction:column;
  gap:20px;
  min-width:0;
  padding:30px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius)
}
.contact-aside p {
  font-size:14px;
  color:var(--muted)
}
.contact-aside h3 {
  font-size:20px;
  border-top:1px solid var(--line);
  padding-top:24px;
  margin-top:4px
}
.contact-aside .report-label {
  font-size:10px;
  color:var(--accent)
}
footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-top:1px solid var(--line);
  padding-block:30px
}
footer .brand {
  margin-right:auto
}
footer>span,footer small {
  font-size:12px;
  color:var(--muted)
}
dialog {
  width:min(480px,calc(100% - 32px));
  max-height:calc(100% - 48px);
  overflow:auto;
  padding:36px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  color:var(--ink)
}
dialog::backdrop {
  background:#030a14cc
}
dialog h2 {
  font-size:28px
}
dialog>p:not(.eyebrow) {
  margin-top:20px
}
dialog>.button {
  margin-top:24px
}
.close {
  position:absolute;
  right:12px;
  top:10px;
  width:40px;
  height:40px;
  border:0;
  background:transparent;
  color:var(--ink);
  font-size:28px
}
.skip-link {
  position:fixed;
  top:8px;
  left:8px;
  z-index:100;
  transform:translateY(-160%);
  background:var(--accent);
  color:var(--bg);
  padding:12px 20px;
  border-radius:8px
}
.skip-link:focus {
  transform:translateY(0)
}
@media(hover:hover) and (pointer:fine) {
  .button:hover {
    background:#ffb181;
    transform:translateY(-2px);
    box-shadow:0 8px 20px #0003
  }
  .outline:hover {
    background:#22354d;
    color:var(--ink)
  }
  .transform-panel.before:hover {
    transform:translateY(-3px);
    box-shadow:0 14px 34px #00000026;
    border-color:#84575a
  }
  .solutions article:hover,.benefits-grid article:hover {
    border-color:rgba(133,153,177,.76);
    background:linear-gradient(180deg,rgba(18,33,52,.54),rgba(18,33,52,.32));
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.05)
  }
  .solutions article:hover::before {
    opacity:1
  }
  .text-link:hover {
    color:var(--accent)
  }
  .sim-control:not(:disabled):hover {
    background:#2b405d
  }
}
@media(max-width:1000px) {
  .hero {
    grid-template-columns:1fr;
    gap:36px
  }
  .hero-copy {
    max-width:740px
  }
  .simulation {
    max-width:740px
  }
  .solutions,.benefits-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .solutions article:last-child {
    grid-column:1/-1;
    grid-template-columns:42px 1fr
  }
  .solutions article:last-child p {
    grid-column:2
  }
  .benefits-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .time-example {
    grid-template-columns:1fr
  }
  .time-heading h3 br {
    display:none
  }
  .plans {
    gap:16px
  }
  .plan {
    padding:22px
  }
  .contact-grid {
    grid-template-columns:1fr
  }
  .contact-aside {
    max-width:none
  }
}
@media(max-width:1100px) {
  .transform-block {
    grid-template-columns:1fr;
    gap:14px
  }
  .transform-arrow {
    min-height:58px;
    flex-direction:row;
    gap:8px
  }
  .transform-arrow::before {
    top:50%;
    bottom:auto;
    left:10%;
    right:10%;
    width:auto;
    height:1px;
    background:linear-gradient(90deg,transparent,#f29a6366,transparent)
  }
  .transform-arrow i {
    transform:rotate(90deg)
  }
  .transform-panel h3 {
    min-height:0
  }
}
@media(max-width:1000px) {
}
@media(max-width:760px) {
  .wrap,header {
    width:calc(100% - 40px)
  }
  header {
    flex-wrap:wrap;
    gap:12px 20px;
    padding-block:18px
  }
  nav {
    order:3;
    width:100%;
    justify-content:space-between;
    gap:12px
  }
  .hero {
    padding-top:44px;
    gap:var(--space-lg)
  }
  .hero h1 {
    font-size:clamp(36px,7vw,48px)
  }
  .hero-copy .lead {
    font-size:16px
  }
  .plans {
    grid-template-columns:1fr;
    gap:24px
  }
  .plan {
    padding:28px
  }
  .plan-description {
    min-height:0
  }
  .transform-block {
    grid-template-columns:1fr;
    gap:14px
  }
  .transform-arrow {
    min-height:58px;
    flex-direction:row;
    gap:8px
  }
  .transform-arrow::before {
    top:50%;
    bottom:auto;
    left:10%;
    right:10%;
    width:auto;
    height:1px;
    background:linear-gradient(90deg,transparent,#f29a6366,transparent)
  }
  .transform-arrow i {
    transform:rotate(90deg)
  }
  .transform-panel h3 {
    min-height:0
  }
  .story {
    grid-template-columns:1fr;
    padding:26px;
    gap:28px
  }
  .home-about {
    grid-template-columns:1fr;
    gap:28px
  }
  .about-grid {
    border-left:0;
    border-top:1px solid #40536b;
    padding:28px 0 0;
    gap:24px
  }
  .home-extra {
    margin-top:12px
  }
  .home-about,.benefits-block {
    margin-top:44px
  }
  .benefits-block {
    padding-top:40px
  }
  .content-block {
    margin-top:40px
  }
  .time-example {
    padding:26px
  }
  .benefits-grid {
    grid-template-columns:1fr
  }
  .hero-copy {
    max-width:650px
  }
  .section-heading,.center {
    margin-bottom:28px
  }
  footer {
    flex-wrap:wrap
  }
  footer>span {
    display:none
  }
}
@media(max-width:540px) {
  .solutions,.benefits-grid {
    grid-template-columns:1fr;
    gap:18px
  }
  .solutions article:last-child {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:16px
  }
  .solutions article:last-child p {
    grid-column:auto
  }
  .solutions article {
    padding:24px
  }
  .contact-form {
    grid-template-columns:1fr;
    padding:22px;
    gap:20px
  }
  .contact-aside {
    padding:24px
  }
  .actions {
    align-items:stretch;
    gap:12px
  }
  .actions .button {
    width:100%
  }
  .actions .text-link {
    justify-content:center;
    width:100%
  }
  .hero h1 {
    letter-spacing:-1.3px
  }
  .eyebrow {
    letter-spacing:1.1px
  }
  .hero-copy .eyebrow {
    letter-spacing:.7px
  }
  .transform-topline {
    align-items:flex-start
  }
  .transform-state {
    display:none
  }
  .sheet-caption {
    align-items:flex-start;
    flex-direction:column;
    gap:3px
  }
  .sheet-caption small {
    text-align:left
  }
  .mini-sheet {
    min-width:440px
  }
  .transform-results {
    grid-template-columns:1fr
  }
  .transform-results>span {
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:auto auto;
    column-gap:10px
  }
  .transform-results strong {
    grid-column:2;
    grid-row:1/3;
    align-self:center;
    margin:0
  }
  .transform-panel {
    padding:22px
  }
  .simulation-header {
    padding:18px
  }
  .simulation-header h3 {
    font-size:18px
  }
  .workbook-title {
    padding:10px 12px;
    gap:7px;
    font-size:11px
  }
  .live-sheet th,.live-sheet td {
    padding:11px 7px;
    font-size:10px
  }
  .live-sheet td:last-child {
    min-width:66px
  }
  .simulation-bottom,.live-report {
    padding:16px
  }
  .sim-control {
    padding:8px;
    min-height:44px;
    font-size:10px
  }
  .next-demo {
    margin-left:0
  }
  .demo-modes {
    padding:10px
  }
  .demo-modes button {
    font-size:11px
  }
  .live-report {
    grid-template-columns:1fr;
    align-items:start;
    gap:12px
  }
  .live-report strong {
    font-size:25px
  }
  .demo-chart>div {
    grid-template-columns:48px 1fr;
    gap:6px
  }
  .demo-pipeline {
    padding:14px 12px;
    gap:6px
  }
  .demo-pipeline>span {
    gap:5px;
    font-size:9px
  }
  .time-metrics {
    gap:12px
  }
  .time-metrics>div {
    padding-left:10px
  }
  .time-metrics strong {
    font-size:32px
  }
  .simulation-controls {
    gap:6px
  }
  .section-index {
    flex-basis:32px
  }
  .process-list li {
    padding:20px 20px 20px 60px
  }
  .process-list li::before {
    left:19px;
    top:23px
  }
  .about-grid .about-intro {
    font-size:21px
  }
  .button.small {
    font-size:12px;
    padding-inline:12px
  }
  .brand img {
    height:28px;
    max-width:min(164px,24vw)
  }
  .brand--footer img {
    height:16px
  }
  .faq details p {
    padding-inline:0
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important
  }
  .button:hover,.solutions article:hover,.benefits-grid article:hover {
    transform:none
  }
  .transform-panel.after {
    animation:none
  }
}

@media(max-width:380px) {
  .wrap,header {
    width:calc(100% - 32px)
  }
  .live-report {
    grid-template-columns:1fr;
    gap:16px
  }
  .demo-chart {
    grid-template-columns:1fr;
    gap:8px
  }
  .demo-chart>div {
    grid-template-columns:60px 1fr
  }
  .time-metrics {
    gap:8px
  }
  .time-metrics>div {
    padding-left:8px
  }
  .time-metrics strong {
    font-size:29px
  }
  .home-about {
    padding:24px
  }
  .about-grid .about-intro {
    font-size:20px
  }
  .simulation-controls {
    gap:6px
  }
  .next-demo {
    padding-left:0
  }
  .brand img {
    height:24px;
    max-width:min(144px,34vw)
  }
  .brand--footer img {
    height:18px
  }
}
.simulation.is-complete {
  border-color:#527863
}
.simulation.is-paused .simulation-label i {
  background:var(--accent)
}
.simulation[aria-busy="true"] .simulation-label i {
  animation:demo-signal 1.8s ease-in-out infinite
}
@keyframes demo-signal {
  50% {
    opacity:.4
  }
}

.content-block.time-example > .metric-note {
  margin: 0;
}


/* Ajustes finais de responsividade e estabilidade de conteúdo. */
@media(max-width:760px) {
  .demo-pipeline {
    grid-template-columns:1fr;
    gap:6px;
    padding:12px
  }
  .demo-pipeline>span {
    padding:7px 9px
  }
  .pipeline-copy strong {
    font-size:10px
  }
  .pipeline-copy small {
    font-size:8.5px
  }
}
@media(max-width:540px) {
  .simulation {
    border-radius:12px
  }
  .formula-bar code {
    min-width:0
  }
  .demo-chart {
    width:100%
  }
}
@media(prefers-reduced-motion:reduce) {
  .bg-glow::after {
    display:none
  }
  .solutions article,.demo-pipeline>span {
    transition:none
  }
}

/* CRO e copy comercial: reforça identificação, valor e redução de risco sem alterar a identidade visual. */

.pain-block .section-heading {
  margin-bottom:24px;
}
.pain-block .lead {
  max-width:760px;
}





.service-tech {
  display:inline-flex;
  margin-top:auto;
  padding-top:2px;
  color:#8fa3ba;
  font-size:10px;
  line-height:1.5;
  letter-spacing:.45px;
  text-transform:uppercase;
}
.plan:nth-child(2) .plan-kicker {
  color:#ffb181;
}
.contact-aside-title {
  border-top:0!important;
  padding-top:0!important;
  margin-top:-4px!important;
}
.contact-trust-list {
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
}
.contact-trust-list li {
  position:relative;
  padding:0 0 0 22px;
}
.contact-trust-list li::before {
  content:"✓";
  position:absolute;
  left:0;
  top:1px;
  color:var(--green);
  font-size:11px;
}
.contact-trust-list strong {
  display:block;
  color:var(--ink);
  font-size:13px;
  line-height:1.5;
}
.contact-trust-list span {
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
@media(hover:hover) and (pointer:fine) {
  .pain-grid article:hover {
    transform:translateY(-2px);
    border-color:#657a95;
    background:#112033;
  }
}
@media(max-width:1000px) {
  .pain-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:540px) {
  .pain-block {
    margin-bottom:44px;
    padding:22px;
  }
  .pain-grid {
    grid-template-columns:1fr;
  }
  .pain-grid article {
    padding:15px;
  }
}

/* Plano comparativo: deixa explícito o que cada nível inclui e o que fica para o próximo. */
.plan-features li {
  padding-left:24px;
  transition:opacity .22s ease,color .22s ease,transform .22s ease;
}
.plan-features li::before {
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  top:2px;
  border-radius:50%;
  font-size:10px;
  font-weight:800;
  line-height:1;
}
.plan-features li.is-included::before {
  content:"✓";
  color:var(--green);
  background:rgba(110,194,145,.08);
  border:1px solid rgba(110,194,145,.24);
}
.plan-features li.is-unavailable {
  color:#8492a4;
  opacity:.48;
  text-decoration-line:line-through;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(160,173,190,.55);
}
.plan-features li.is-unavailable::before {
  content:"×";
  color:#a5b0bd;
  background:rgba(165,176,189,.05);
  border:1px solid rgba(165,176,189,.18);
  text-decoration:none;
}
.plan:hover .plan-features li.is-unavailable {
  opacity:.62;
}
.plan-response {
  margin:-8px 0 20px;
  padding:11px 13px;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(255,255,255,.018);
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}
.plan-response strong {
  margin-right:4px;
  color:#d8e2ee;
  font-weight:600;
}
@media(max-width:760px) {
  .plan-features li.is-unavailable {
    opacity:.55
  }
}

/* ========================================================================== 
   HARMONIZAÇÃO DE GRID E ALINHAMENTO
   Mantém a identidade atual, mas faz elementos equivalentes ocuparem os
   mesmos trilhos visuais. Isso evita preços, descrições, recursos e CTAs
   "subindo" ou "descendo" de um card para outro.
   ========================================================================== */

/* Cards recorrentes: mesma altura e mesma lógica vertical. */
.solutions,
.benefits-grid,
.pain-grid,
.plans {
  align-items:stretch;
}

.solutions article,
.benefits-grid article,
.pain-grid article,
.plan {
  height:100%;
}

/* Serviços em 3 colunas: ícone, título, descrição e tecnologia ficam em
   posições previsíveis mesmo quando um título quebra em duas linhas. */
@media(min-width:761px) {
  .solutions article:not(:last-child) {
    display:grid;
    grid-template-rows:42px minmax(56px,auto) 1fr auto;
    align-items:start;
    gap:16px;
  }

  .solutions article:not(:last-child) .service-icon {
    margin:0;
  }

  .solutions article:not(:last-child) h3 {
    display:flex;
    align-items:flex-start;
    margin:0;
    line-height:1.35;
  }

  .solutions article:not(:last-child) p {
    margin:0;
  }

  .solutions article:not(:last-child) .service-tech {
    align-self:end;
    margin-top:0;
  }
}

/* Planos: todos os blocos equivalentes passam a respeitar a mesma linha. */
.support-plans .plan {
  position:relative;
}

.support-plans .plan-kicker {
  min-height:34px;
  display:flex;
  align-items:flex-start;
  margin-bottom:14px;
}

.support-plans .plan h3 {
  min-height:72px;
  margin:0;
  display:flex;
  align-items:flex-start;
  line-height:1.3;
}

.support-plans .plan-description {
  min-height:128px;
  margin:10px 0 0;
  display:flex;
  align-items:flex-start;
}

.support-plans .plan-focus {
  min-height:54px;
  margin:0 0 18px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(73,94,120,.72);
  border-radius:10px;
  background:rgba(8,17,29,.34);
  color:#e7eef7;
  font-size:12px;
  line-height:1.45;
  font-weight:600;
}

.support-plans .plan-focus span {
  flex:0 0 auto;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(242,154,99,.10);
  color:var(--accent);
  font-size:8px;
  line-height:1.2;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.support-plans .plan:nth-child(2) .plan-focus {
  border-color:rgba(242,154,99,.42);
  background:rgba(242,154,99,.045);
}

.support-plans .plan:nth-child(3) .plan-focus {
  border-color:rgba(104,177,137,.34);
  background:rgba(104,177,137,.04);
}

/* Reserva a mesma faixa vertical para preço/condição nos três planos. */
.support-plans .price {
  min-height:112px;
  margin:0;
  padding-top:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

/* Valores sob orçamento/consulta não possuem a linha "A partir de".
   O respiro mantém os três cards alinhados visualmente. */
.support-plans .price-consultation {
  padding-top:24px;
}

/* A lista é uma grade interna: cada benefício ocupa o mesmo trilho em todos
   os planos. Assim o visitante compara horizontalmente sem "caçar" itens. */
.support-plans .plan-features {
  flex:1;
  display:grid;
  grid-template-rows:repeat(11,minmax(48px,auto));
  align-content:start;
  gap:8px;
  margin:0 0 20px;
  padding-top:24px;
}

.support-plans .plan-features li {
  min-height:48px;
  margin:0;
  display:flex;
  align-items:flex-start;
  line-height:1.55;
}

.support-plans .plan-features li::before {
  top:2px;
}

.support-plans .plan-features li + li {
  margin-top:0;
}

.support-plans .plan-response {
  min-height:58px;
  margin:0 0 20px;
  display:flex;
  align-items:center;
}

.support-plans .plan .button {
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:0;
}

/* Em telas intermediárias, os cards deixam de ficar excessivamente estreitos.
   A leitura continua em uma coluna e a comparação vertical fica limpa. */
@media(max-width:900px) {
  .plans {
    grid-template-columns:1fr;
    max-width:680px;
    margin-inline:auto;
  }

  .support-plans .plan-kicker,
  .support-plans .plan h3,
  .support-plans .plan-description,
  .support-plans .plan-focus,
  .support-plans .price,
  .support-plans .plan-response {
    min-height:0;
  }

  .support-plans .plan-description {
    display:block;
    margin:10px 0 16px;
  }

  .support-plans .plan-focus {
    margin-bottom:20px;
  }

  .support-plans .price {
    display:block;
  }

  .support-plans .price-consultation {
    padding-top:0;
  }

  .support-plans .plan-features {
    display:grid;
    grid-template-rows:none;
    gap:12px;
    margin:22px 0;
  }

  .support-plans .plan-features li {
    min-height:0;
  }
}

/* Mobile: evita alturas artificiais e preserva o fluxo natural de conteúdo. */
@media(max-width:760px) {
  .solutions article:not(:last-child) {
    display:flex;
  }
}


/* Rodapé de navegação. Isolado para não alterar cards, planos ou formulário. */
.site-footer {
  display:block;
  width:100%;
  margin-top:clamp(20px,4vw,48px);
  padding:0;
  border-top:1px solid var(--line);
  background:rgba(7,15,27,.34)
}
.footer-grid {
  display:grid;
  grid-template-columns:minmax(280px,1.5fr) minmax(150px,.7fr) minmax(170px,.8fr);
  gap:clamp(28px,4vw,56px);
  align-items:start;
  padding-block:38px 32px
}
.footer-brand-block {
  max-width:440px
}
.footer-brand-block .brand {
  margin-bottom:18px
}
.footer-tagline {
  color:var(--ink);
  font-size:14px;
  font-weight:650
}
.footer-summary {
  max-width:420px;
  margin-top:8px;
  color:var(--muted);
  font-size:12px;
  line-height:1.75
}
.footer-column {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px
}
.footer-column h3 {
  margin:0 0 10px;
  color:var(--ink);
  font-size:12px;
  line-height:1.4;
  letter-spacing:1.15px;
  font-weight:750
}
.footer-column a,
.footer-bottom a {
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
  transition:color .2s ease,transform .2s ease
}
.footer-column a {
  position:relative;
  display:inline-flex;
  align-items:center;
  width:auto;
  min-height:0;
  padding:3px 0
}
.footer-column a::after {
  display:none!important
}
.footer-column a:hover,
.footer-bottom a:hover {
  color:var(--ink)
}
.footer-column a:hover {
  transform:translateX(2px)
}
.footer-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-block:18px 24px;
  border-top:1px solid rgba(48,65,88,.72)
}
.footer-bottom small {
  color:var(--muted);
  font-size:11px
}
.content-block[id],
.home-about[id] {
  scroll-margin-top:32px
}
@media(max-width:820px) {
  .footer-grid {
    grid-template-columns:1fr 1fr;
    gap:28px 24px;
    padding-block:34px 28px
  }
  .footer-brand-block {
    grid-column:1/-1;
    max-width:520px
  }
  .footer-bottom {
    align-items:flex-start;
    flex-direction:column;
    gap:8px
  }
}
@media(max-width:540px) {
  .footer-grid {
    grid-template-columns:1fr;
    gap:24px;
    padding-block:30px 26px
  }
  .footer-brand-block {
    grid-column:auto
  }
  .footer-column {
    gap:4px
  }
  .footer-column h3 {
    margin-bottom:8px
  }
}


@media(max-width:980px) {
  .about-visual {
    margin-top:24px
  }
}
@media(max-width:640px) {
  .about-visual__panel--large {
    min-height:170px
  }
  }

/* V1 — evolução da identidade existente; componentes da área de cálculos. */
.page > *, .content-block > *, .calc-demo *, .about-positioning > * {min-width:0}
.judicial-home,.automation-page {align-items:start}
.automation-title {font-size:clamp(34px,4vw,54px);letter-spacing:-1.5px}
.automation-title em {color:var(--accent);font-style:normal}
.judicial-extra {display:block}
.judicial-extra > * + * {margin-top:32px}
.judicial-extra > .section-heading {margin-bottom:24px}


















.calc-demo-bottom .text-link {font-size:13px}
.calc-needs,.calc-services,.deliverables-grid,.calculation-contracts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.calc-needs article,.calc-service,.deliverables-grid article,.calculation-contracts article,.about-positioning > div,.dual-expertise article {padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;height:auto}
.calc-needs article,.calculation-contracts article {display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.calc-needs .text-link,.calculation-contracts .button {margin-top:auto}
.calc-needs .section-index,.calc-service .section-index,.dual-expertise .section-index {display:block;width:auto;height:auto;border:0;background:none;margin-bottom:14px;color:var(--accent)}
.calc-service h3,.deliverables-grid h3,.dual-expertise h3 {margin-bottom:14px;font-size:21px}
.calc-service p,.calc-needs p,.deliverables-grid p,.calculation-contracts p,.about-positioning p,.dual-expertise p {color:var(--muted);line-height:1.75}
.calc-service {transition:transform .25s,border-color .25s}
@media(hover:hover){.calc-service:hover{transform:translateY(-4px);border-color:#f29a6388}}
.delivery-feature,.office-callout,.secondary-vertical,.confidentiality {padding:32px;border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center}
.delivery-feature p,.office-callout p,.secondary-vertical p,.confidentiality p {color:var(--muted);margin-top:14px}
.delivery-feature h2,.office-callout h2,.secondary-vertical h2 {font-size:clamp(24px,3vw,34px)}
.delivery-checks {list-style:none;padding:0;margin:0;display:grid;gap:14px}
.delivery-checks li {display:grid;grid-template-columns:minmax(0,1fr);row-gap:8px;padding-block:12px;border-bottom:1px solid var(--line)}

.office-callout .button,.secondary-vertical .button {justify-self:start}





.memory-scroll {overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);max-width:100%}
.memory-table {border-collapse:collapse;width:100%;min-width:780px;font-size:13px;font-variant-numeric:tabular-nums}
.memory-table caption {text-align:left;padding:20px;color:var(--muted);white-space:normal}
.memory-table th,.memory-table td {padding:16px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.memory-table th:first-child {text-align:left}
.memory-table thead,.memory-table tfoot {background:var(--surface);color:var(--green)}








.dual-expertise .text-link {display:inline-block;margin-top:20px}
.automation-services.wrap {width:100%;padding-inline:0}
.automation-plans {width:100%}
.solutions article p {display:block;width:auto;height:auto;padding:0;border:0;background:none;color:var(--muted);overflow-wrap:break-word}
.calculations-page .section-heading,.about-page .section-heading {margin-bottom:32px}
.contact-area-field {grid-column:1/-1}
.contact-area-field select {width:100%}
@media(max-width:1050px){.calc-needs,.calc-services,.deliverables-grid,.calculation-contracts{grid-template-columns:repeat(2,minmax(0,1fr))}.calculation-process{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.calc-needs,.calc-services,.deliverables-grid,.calculation-contracts,.about-positioning,.dual-expertise,.delivery-feature,.office-callout,.secondary-vertical,.confidentiality,.example-demand{grid-template-columns:minmax(0,1fr)}.calculation-process{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-needs article,.calc-service,.deliverables-grid article,.calculation-contracts article,.about-positioning>div,.dual-expertise article,.delivery-feature,.office-callout,.secondary-vertical,.confidentiality{padding:22px}.calc-timeline{padding-inline:20px;gap:10px}.calc-demo-top,.calc-result{padding:20px}.calculation-contracts .button{width:100%}}
@media(max-width:380px){.calc-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.calculation-process{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.calc-service,.calc-timeline li{transition:none}.calc-service:hover{transform:none}}


/* V2: alinhamento, legibilidade e demonstrações. */
.automation-page{align-items:center}
.automation-page > .hero-copy{align-self:center}
.delivery-checks li strong{font-size:16px;line-height:1.5}
.delivery-checks li span{font-size:14px;color:var(--muted);line-height:1.7}
.delivery-feature .text-link{display:inline-block;margin-top:20px}





.single-offer{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;align-items:stretch}
.calc-price-card,.offer-delivery{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0}
.calc-price-card{border-color:#f29a6388;display:flex;flex-direction:column;gap:20px}
.calc-price-card .eyebrow{margin:0}
.calc-price{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.calc-price strong{font-size:64px;line-height:1.1;letter-spacing:-3px}
.calc-price span{color:var(--muted)}
.calc-price-card p,.calc-price-card small,.offer-delivery>p{color:var(--muted)}
.calc-price-card small{font-size:12px}
.calc-price-card .button{margin-top:auto;width:100%}






















.tech-preview{border:1px solid var(--line);border-radius:12px;background:#0b1422;padding:20px;overflow:hidden}
.secondary-vertical .button{margin-top:22px}
.tech-preview-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}
.tech-state{color:var(--green)}
.tech-flow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:24px 0;font-size:12px}
.tech-flow span{padding:7px;border:1px solid var(--line);border-radius:6px}
.tech-flow i{color:var(--accent);font-style:normal}
.tech-mini-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.tech-mini-grid span{height:9px;border-radius:2px;background:#304158}
.tech-preview.is-working .tech-mini-grid span{animation:cell-fill 3.6s ease-in-out infinite}
.tech-mini-grid span:nth-child(3n){animation-delay:.3s}
.tech-mini-grid span:nth-child(3n/**/+1){animation-delay:.6s}
.tech-progress{height:3px;background:#304158;margin-top:20px;overflow:hidden}
.tech-progress span{display:block;width:40%;height:100%;background:var(--accent)}
.tech-preview.is-working .tech-progress span{animation:tech-scan 3.6s ease-in-out infinite}
.tech-preview p{font-size:12px!important;margin-top:16px}
@keyframes cell-fill{0%,100%{background:#304158}45%,70%{background:#8de0b4}}
@keyframes tech-scan{0%{transform:translateX(-110%)}100%{transform:translateX(350%)}}
@media(max-width:760px){.single-offer{grid-template-columns:minmax(0,1fr)}.calc-price-card,.offer-delivery{padding:24px}.lab-sheet{margin-inline:14px}.lab-row{font-size:11px;padding-inline:8px}.lab-demo .calc-demo-top h3{font-size:18px}.lab-tabs{padding-inline:14px}.tech-flow{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tech-preview.is-working .tech-mini-grid span,.tech-preview.is-working .tech-progress span{animation:none}.lab-row{transition:none}}

/* V3 — regras compartilhadas de acabamento e contenção. */
.page-title{overflow-wrap:break-word}
.judicial-home{align-items:center}
.hero .page-title{font-size:clamp(34px,3.8vw,52px);line-height:1.16;letter-spacing:-1.5px}



.calc-needs,.calc-services,.deliverables-grid,.dual-expertise{gap:var(--space-md);align-items:stretch}
.calc-needs article,.calc-service,.deliverables-grid article,.dual-expertise article,.about-positioning>div{
 padding:var(--card-padding);border-radius:var(--radius);box-shadow:var(--card-shadow)
}
.calc-needs article h3,.calc-service h3,.deliverables-grid article h3{font-size:21px;line-height:1.35}
.calc-needs article p,.calc-service p,.deliverables-grid article p{font-size:15px}
.judicial-extra>.section-heading{margin:0 0 var(--space-md)}
.judicial-extra>.calc-needs{margin-top:0}
.judicial-extra>.delivery-feature,.judicial-extra>.secondary-vertical{margin-top:var(--section-space)}

.recurring-note .text-link{display:flex;margin-top:6px}





.tech-preview .tech-state{min-width:0}
.tech-preview .tech-flow span{white-space:normal}
.button,.text-link,summary{overflow-wrap:break-word}
.contact-form>*{min-width:0}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0}
.footer-summary,.footer-bottom small{font-size:13px}
.calculations-page>.section-heading{max-width:850px}
.memory-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(min-width:1001px){
 .calc-service h3{min-height:57px}
}
@media(max-width:1100px){
 header{flex-wrap:wrap;gap:16px}
 header nav{order:3;width:100%;justify-content:space-between;gap:12px}
}
@media(min-width:761px) and (max-width:1000px){
 .hero{justify-items:stretch}
 .hero-copy,.simulation,.lab-demo{width:100%;max-width:none}
}
@media(max-width:760px){
 .hero .page-title{font-size:clamp(32px,7.4vw,46px);letter-spacing:-1px}
 .hero-copy,.simulation,.lab-demo{max-width:100%;width:100%}
 .hero-secondary{max-width:none}
 .single-offer,.about-positioning{gap:var(--space-md)}
 .delivery-feature,.secondary-vertical{gap:var(--space-md)}
}
@media(max-width:430px){
 header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
 header nav a{min-height:44px;justify-content:center;font-size:14px}
 header .brand img{max-width:110px;height:auto}
 header>.button{font-size:12px;padding-inline:12px}
 .lab-tabs{grid-template-columns:1fr;gap:8px}
 .lab-tabs button{font-size:13px}
 .lab-demo .calc-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lab-live{display:none}
 .lab-demo .calc-demo-top{padding:18px}
 .lab-demo .calc-demo-bottom,.lab-demo .calc-result{padding-inline:18px}
 .lab-summary{padding-inline:14px;gap:10px}
 .lab-sheet-head,.lab-row{gap:5px;grid-template-columns:minmax(0,.7fr) repeat(2,minmax(0,1fr))}
 .lab-row{font-size:11px}
 .tech-preview{padding:16px}
 .tech-flow{gap:6px;font-size:11px}
 .calc-price strong{font-size:56px}
 .calc-needs article,.calc-service,.deliverables-grid article{padding:22px}
}
@media(prefers-reduced-motion:reduce){
 .footer-column a:hover{transform:none}
 .lab-demo *{transition:none!important}
}

/* V4 — composição explícita do hero e feedback do laboratório. */
@media(min-width:1001px){
 #automacao>.automation-intro{grid-column:1;grid-row:1;align-self:center}
 #automacao>.automation-workbook{grid-column:2;grid-row:1;align-self:center}
}
#inicio .hero-copy .actions{margin-bottom:0}
.delivery-checks li strong,.delivery-checks li span{display:block;width:auto;max-width:100%}


#lab-state{color:var(--green);flex-shrink:0}






@keyframes lab-row-highlight{from{background:#8de0b430}to{background:#8de0b409}}
@media(max-width:430px){
 .lab-filebar{padding-inline:14px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .lab-row.is-processing{animation:none}
 .lab-progress>span,.lab-bars i{transition:none}
}

/* V5 — hero de cálculos alinhado ao laboratório de automação. */
#calculation-simulation{--demo-accent:#8de0b4}
#calculation-simulation[data-mode="check"]{--demo-accent:#f4b383}
#calculation-simulation[data-mode="report"]{--demo-accent:#9cbfff}
.calc-workbook-title{background:#1a242f}
.calc-symbol{display:grid;place-items:center;flex:0 0 24px;height:26px;border-radius:3px;background:#c77a48;color:#fff;font-size:15px;font-weight:800}
#calc-workbook-state{margin-left:auto;color:var(--demo-accent);font-size:10px;white-space:nowrap}
.calculation-live-sheet td,.calculation-live-sheet th{padding:9px 8px}
.calculation-live-sheet th:first-child,.calculation-live-sheet td:first-child{width:24%}
.calculation-live-sheet tbody .calc-row-ready>*{background:#183126}
#calculation-simulation[data-mode="check"] .calculation-live-sheet tbody .calc-row-ready>*{background:#3d2d21}
#calculation-simulation[data-mode="report"] .calculation-live-sheet tbody .calc-row-ready>*{background:#21344f}
.calc-live-report{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:16px;padding:16px 18px;min-height:142px}
.calc-report-summary strong{font-size:clamp(24px,2.6vw,30px)}
@keyframes calc-caret{50%{opacity:0}}
.calc-pipeline{padding-block:12px}
.calc-simulation-bottom{padding:14px 18px}
.calc-simulation-bottom p{min-height:34px}
.calc-simulation-bottom .simulation-controls{margin-top:8px}
.calc-simulation-bottom .text-link{margin-left:auto;font-size:11px}
@media(min-width:1001px){
 #inicio{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;padding-top:44px}
 #inicio>.hero-copy{grid-column:1;grid-row:1;align-self:center}
 #inicio>.calculation-workbook{grid-column:2;grid-row:1;align-self:center}
 #inicio>.home-extra{grid-column:1/-1;grid-row:2}
}
@media(max-width:760px){
 .calc-live-report{grid-template-columns:minmax(0,1fr);padding:14px;gap:12px}
 .calc-simulation-bottom .text-link{margin-left:0;width:100%}
}
@media(max-width:430px){
 .calculation-live-sheet{min-width:360px}
 .calc-live-report{min-height:0}
 .calc-demo-modes{grid-template-columns:repeat(3,minmax(0,1fr))}
 .calc-demo-modes button{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
}


/* V6 — enxugamento de jornada e acabamento geral. */
.home-process-compact{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(24px,4vw,52px);
  align-items:center;
  margin-top:var(--section-space);
  padding:clamp(24px,3vw,34px);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(135deg,#111f31cc,#0b1626b8);
  box-shadow:var(--card-shadow);
  overflow:hidden;
  position:relative
}
.home-process-compact:before{
  content:"";
  position:absolute;
  width:230px;height:230px;
  right:-120px;top:-130px;
  border-radius:50%;
  background:radial-gradient(circle,#f29a6330,transparent 68%);
  pointer-events:none
}
.home-process-copy{position:relative;z-index:1;min-width:0}
.home-process-copy h3{font-size:clamp(24px,2.6vw,34px);line-height:1.14;margin:4px 0 14px;max-width:15ch}
.home-process-copy p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.75;max-width:54ch;margin-bottom:14px}
.home-process-steps{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-process-steps li{min-width:0;padding:18px 16px;border:1px solid #40536b88;border-radius:14px;background:#0f1d2eaa}
.home-process-steps>li>span{display:block;color:var(--accent);font-size:11px;letter-spacing:.8px;font-weight:800;margin-bottom:14px}
.home-process-steps strong{display:block;font-size:14px;line-height:1.3;margin-bottom:7px}
.home-process-steps small{display:block;color:var(--muted);font-size:11.5px;line-height:1.55}

/* FAQ de automação intencionalmente mais curto. */
.compact-faq{max-width:960px}
.compact-faq details{margin-block:0}
.compact-faq summary{padding-block:16px}
.compact-faq details p{padding-bottom:16px}

/* Rodapé: links e colunas mais próximos, sem aparência espalhada. */
.site-footer .footer-grid{grid-template-columns:minmax(260px,1.35fr) minmax(150px,.62fr) minmax(175px,.72fr);gap:clamp(20px,2.4vw,34px);padding-block:32px 26px}
.site-footer .footer-column{gap:0}
.site-footer .footer-column h3{margin-bottom:7px}
.site-footer .footer-column a{min-height:28px!important;padding:2px 0!important;line-height:1.35}
.site-footer .footer-bottom{padding-block:14px 20px}

/* A conferência deixa de usar o conceito de competência/mês: vira comparação direta. */
#calculation-simulation[data-mode="check"] .calculation-live-sheet th:first-child,
#calculation-simulation[data-mode="check"] .calculation-live-sheet td:first-child{width:25%}
#calculation-simulation[data-mode="check"] .result-ready{color:#ffd1b3}

@media(max-width:900px){
 .home-process-compact{grid-template-columns:minmax(0,1fr)}
 .home-process-copy h3{max-width:none}
}
@media(max-width:640px){
 .home-process-steps{grid-template-columns:minmax(0,1fr)}
 .home-process-steps li{padding:15px 16px}
 .site-footer .footer-grid{gap:18px;padding-block:26px 22px}
}


/* V7 — ajustes de composição e refinamento do hero de cálculos. */
.confidentiality{
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  align-content:center;
  justify-items:start;
  min-height:200px;
  padding:clamp(28px,4vw,42px);
  position:relative;
  overflow:hidden;
}
.confidentiality:before{
  content:"";
  position:absolute;
  inset:auto -80px -90px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,#f29a6322,transparent 70%);
  pointer-events:none;
}
.confidentiality > *{position:relative;z-index:1}
.confidentiality h3{max-width:22ch;margin:0}
.confidentiality p{max-width:78ch;margin-top:4px}
#memoria-exemplo .technical-note:empty{display:none}

/* Relatório técnico — mesma área estrutural de Atualização e Conferência. */
.calc-mode-content{
  height:307px;
  min-height:307px;
  max-height:307px;
  overflow:hidden;
  background:#152338;
  border-bottom:1px solid var(--line);
}
.calc-data-view{
  height:100%;
  display:flex;
  flex-direction:column;
  min-height:0;
}
.calc-data-view .calc-sheet-stage{flex:0 0 auto}
.calc-data-view .calc-sheet-tab{flex:0 0 auto}
.calc-data-view .calc-live-report{
  flex:1 1 auto;
  min-height:0;
  grid-template-columns:minmax(0,1fr);
}
.calc-report-summary{max-width:100%}
.report-document-stage{
  display:none;
  height:100%;
  min-height:0;
  padding:0;
  background:linear-gradient(180deg,#122339 0%,#102032 100%);
}
.report-document{
  height:100%;
  min-height:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.report-document-body{
  height:100%;
  min-height:0;
  padding:20px 20px 16px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
}
.report-document h4{
  margin:0 0 10px;
  max-width:none;
  color:#cfddee;
  font-family:inherit;
  font-size:11.5px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.72px;
  text-transform:uppercase;
}
.report-document-body>p{
  min-height:0;
  margin:0;
  color:#e4edf7;
  font-family:inherit;
  font-size:11px;
  line-height:1.58;
}
.report-document-body>p.is-typing:after{
  content:"";
  display:inline-block;
  width:1px;
  height:1em;
  margin-left:3px;
  vertical-align:-2px;
  background:#c5d7ee;
  animation:calc-caret .8s step-end infinite;
}
#calculation-simulation[data-mode="report"] .calc-data-view{display:none}
#calculation-simulation[data-mode="report"] .report-document-stage{display:block}
#calculation-simulation[data-mode="report"] .calc-symbol{background:#315d98}
#calculation-simulation[data-mode="report"] .calc-formula-bar>span:nth-child(2){color:#9cbfff}
#calculation-simulation[data-mode="report"] .calc-formula-bar code{color:#b6c9df}
#calculation-simulation[data-mode="report"] .calc-workbook-title{background:#10213a}
@media(max-width:760px){
  .calc-mode-content{height:307px;min-height:307px;max-height:307px}
  .report-document-body{padding:17px 16px 15px}
  .report-document-body>p{font-size:10.8px;line-height:1.55;min-height:136px}
}
@media(prefers-reduced-motion:reduce){
  .report-document-body>p.is-typing:after{animation:none}
}

.calculation-entry-link{
  display:grid;
  gap:4px;
  align-self:end;
  max-width:300px;
  margin-top:24px;
  padding:16px 18px;
  border:1px solid #f29a6355;
  border-radius:12px;
  background:linear-gradient(135deg,#f29a630d,#ffffff02);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.calculation-entry-link:hover,
.calculation-entry-link:focus-visible{
  border-color:#f29a6388;
  background:linear-gradient(135deg,#f29a6316,#ffffff04);
  transform:translateY(-1px);
}
.calculation-entry-link>span{
  color:var(--accent);
  font-size:9px;
  letter-spacing:1.15px;
  font-weight:800;
}
.calculation-entry-link strong{
  color:var(--ink);
  font-size:15px;
  line-height:1.35;
}
.calculation-entry-link small{
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}

.tech-preview .tech-flow span:nth-of-type(2){
  border-color:#f29a6388;
  color:#fff;
  background:#f29a6312;
}

@media(max-width:760px){
  .report-document-stage{padding:12px}
  .report-document-result{align-items:flex-start;flex-direction:column;gap:6px}
  .report-document-result strong{font-size:18px}
  .report-document-signature{flex-direction:column;gap:3px}
  .calculation-entry-link{max-width:none;width:100%}
}



/* V13 — produto Automação diferenciado e layout explicativo sem segunda demo interativa. */
body[data-page="automacao"] header nav a[href="#automacao"].active{
  color:#b9dcff;
}
body[data-page="automacao"] header nav a[href="#automacao"]::after{
  background:#65aaf5;
  box-shadow:0 0 14px rgba(101,170,245,.34);
}
#automacao{
  --accent:#65aaf5;
  --automation-blue:#65aaf5;
  --automation-blue-soft:#9bcaff;
  --automation-surface:#10233a;
}
#automacao .eyebrow{color:#7db9fb}
#automacao .button{
  border-color:var(--automation-blue);
  background:var(--automation-blue);
  color:#07111f;
}
#automacao .button:hover,
#automacao .button:focus-visible{
  background:#7bb8fb;
  border-color:#7bb8fb;
}
#automacao .text-link::after{background:var(--automation-blue)}
#automacao .section-index{color:var(--automation-blue)}
#automacao .benefit-check{color:var(--automation-blue)}
#automacao .plan:hover{border-color:rgba(101,170,245,.52)}
#automacao .plan-kicker{color:#86bffd}
#automacao .plan:nth-child(2){
  border-color:rgba(101,170,245,.48);
  box-shadow:0 18px 42px rgba(32,91,153,.16);
}
.automation-overview{
  min-width:0;
  padding:clamp(24px,3vw,34px);
  border:1px solid rgba(101,170,245,.30);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at 90% 5%,rgba(101,170,245,.22),transparent 34%),
    linear-gradient(145deg,#102640 0%,#0e1e32 52%,#0b1728 100%);
  box-shadow:0 20px 50px rgba(0,0,0,.22);
  position:relative;
  overflow:hidden;
}
.automation-overview>*{position:relative;z-index:1}
.automation-overview-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
.automation-overview-head span{
  color:#8fc5ff;
  font-size:9px;
  font-weight:800;
  letter-spacing:1.15px;
}
.automation-overview-head small{
  padding:5px 8px;
  border:1px solid rgba(101,170,245,.30);
  border-radius:999px;
  color:#b8d8fb;
  font-size:8px;
  letter-spacing:.65px;
}
.automation-overview h3{
  margin:0;
  max-width:18ch;
  font-size:clamp(24px,2.8vw,36px);
  line-height:1.12;
}
.automation-overview h3 em{
  color:#7db9fb;
  font-style:normal;
}
.automation-overview>p{
  max-width:62ch;
  margin:14px 0 22px;
  color:#b7c5d8;
  line-height:1.7;
  font-size:13px;
}
.automation-path{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  align-items:stretch;
  gap:8px;
  margin:0 0 22px;
}
.automation-path>i{
  align-self:center;
  color:#5d7fa5;
  font-style:normal;
}
.automation-path-step{
  min-width:0;
  padding:13px 12px;
  border:1px solid rgba(120,153,190,.22);
  border-radius:11px;
  background:rgba(7,18,31,.35);
}
.automation-path-step>span{
  display:block;
  margin-bottom:8px;
  color:#6f91b8;
  font-size:8px;
  font-weight:800;
  letter-spacing:.8px;
}
.automation-path-step strong{
  display:block;
  margin-bottom:5px;
  color:#eef6ff;
  font-size:12px;
}
.automation-path-step small{
  display:block;
  color:#8ea2ba;
  font-size:9.5px;
  line-height:1.45;
}
.automation-path-step.is-plannex{
  border-color:rgba(101,170,245,.52);
  background:rgba(101,170,245,.11);
}
.automation-path-step.is-plannex>span,
.automation-path-step.is-plannex strong{color:#9acbff}
.automation-snapshot{
  list-style:none;
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  border-top:1px solid rgba(116,151,191,.18);
}
.automation-snapshot li{
  display:grid;
  grid-template-columns:minmax(145px,.72fr) minmax(0,1.28fr);
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid rgba(116,151,191,.14);
}
.automation-snapshot strong{
  color:#dcecff;
  font-size:10.5px;
}
.automation-snapshot span{
  color:#91a6bf;
  font-size:10px;
  line-height:1.5;
}
@media(min-width:1001px){
  #automacao{
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
    align-items:center;
    padding-top:46px;
  }
  #automacao>.hero-copy{grid-column:1;grid-row:1;align-self:center}
  #automacao>.automation-overview{grid-column:2;grid-row:1;align-self:center}
  #automacao>.home-extra{grid-column:1/-1;grid-row:2}
}
@media(max-width:760px){
  .automation-overview{padding:22px}
  .automation-overview-head{align-items:flex-start;flex-direction:column}
  .automation-path{grid-template-columns:minmax(0,1fr)}
  .automation-path>i{display:none}
  .automation-snapshot li{grid-template-columns:minmax(0,1fr);gap:5px}
}

/* V13 — correções finais de consistência e responsividade. */
#calculation-simulation .calc-pipeline{min-height:80px}
@media(max-width:760px){
  #calculation-simulation .calc-pipeline{min-height:0}
}
@media(max-width:820px){
  .site-footer .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:24px;
  }
  .site-footer .footer-brand-block{grid-column:1/-1}
}
@media(max-width:540px){
  .site-footer .footer-grid{
    grid-template-columns:minmax(0,1fr);
    gap:18px;
  }
  .site-footer .footer-brand-block{grid-column:auto}
  .site-footer .footer-column{min-width:0}
}

@media(min-width:761px){
  #calculation-simulation .calc-pipeline{
    height:94px;
    min-height:94px;
    max-height:94px;
  }
}


/* V14 — diferenciação azul da Automação + sinalização sutil da segunda frente. */
body[data-page="automacao"] header>.button{
  border-color:#65aaf5;
  background:#65aaf5;
  color:#07111f;
  box-shadow:0 8px 22px rgba(38,111,188,.18);
}
body[data-page="automacao"] header>.button:hover,
body[data-page="automacao"] header>.button:focus-visible{
  border-color:#7bb8fb;
  background:#7bb8fb;
}
body[data-page="automacao"] .reading-progress>span{
  background:#65aaf5;
}

/* Home: “Também somos tecnologia” assume claramente a identidade da segunda frente. */
.judicial-extra .secondary-vertical{
  border-color:rgba(101,170,245,.34);
  background:
    radial-gradient(circle at 14% 12%,rgba(101,170,245,.20),transparent 35%),
    radial-gradient(circle at 88% 82%,rgba(101,170,245,.10),transparent 31%),
    linear-gradient(135deg,rgba(31,86,145,.22) 0%,rgba(16,36,62,.82) 42%,rgba(11,20,34,.98) 100%);
  box-shadow:0 18px 42px rgba(0,0,0,.18),0 0 0 1px rgba(101,170,245,.03) inset;
  animation:automation-callout-glow 6.4s ease-in-out infinite;
}
.judicial-extra .secondary-vertical .eyebrow{color:#7db9fb}
.judicial-extra .secondary-vertical h3{color:#edf6ff}
.judicial-extra .secondary-vertical>div:first-child>p:last-of-type{color:#bed0e5;max-width:58ch}
.judicial-extra .secondary-vertical .button.outline{
  border-color:rgba(101,170,245,.58);
  background:rgba(101,170,245,.13);
  color:#eaf5ff;
}
.judicial-extra .secondary-vertical .button.outline:hover,
.judicial-extra .secondary-vertical .button.outline:focus-visible{
  border-color:rgba(101,170,245,.82);
  background:rgba(101,170,245,.20);
}
.judicial-extra .secondary-vertical .tech-preview{
  border-color:rgba(101,170,245,.27);
  background:linear-gradient(180deg,#0d1b2d 0%,#10243b 100%);
}
.judicial-extra .secondary-vertical .tech-preview-top,
.judicial-extra .secondary-vertical .tech-preview p{color:#b9cae0}
.judicial-extra .secondary-vertical .tech-state{color:#8fc5ff}
.judicial-extra .secondary-vertical .tech-flow i{color:#65aaf5}
.judicial-extra .secondary-vertical .tech-flow span{
  border-color:rgba(101,170,245,.28);
  background:rgba(101,170,245,.06);
}
.judicial-extra .secondary-vertical .tech-progress span{background:#65aaf5}
@keyframes automation-callout-glow{
  0%,100%{border-color:rgba(101,170,245,.30);box-shadow:0 18px 42px rgba(0,0,0,.18),0 0 18px rgba(101,170,245,.035)}
  50%{border-color:rgba(101,170,245,.48);box-shadow:0 18px 42px rgba(0,0,0,.18),0 0 28px rgba(101,170,245,.085)}
}
@media(prefers-reduced-motion:reduce){
  .judicial-extra .secondary-vertical{animation:none}
}

/* Campo armadilha para robôs: não interfere na navegação por teclado ou leitores de tela. */
.form-honeypot{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
  pointer-events:none!important;
}


/* V15 — preços mais visíveis e interesse opcional no contato. */
.hero-price-preview{
  display:inline-grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:2px 10px;
  margin-top:20px;
  padding:11px 14px 10px;
  border:1px solid rgba(242,154,99,.34);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(242,154,99,.12),rgba(255,255,255,.025));
  box-shadow:0 10px 24px rgba(0,0,0,.10);
}
.hero-price-preview>span{
  grid-column:1/-1;
  color:#f5b183;
  font-size:9px;
  font-weight:800;
  letter-spacing:.9px;
  text-transform:uppercase;
}
.hero-price-preview del{
  color:#889bb2;
  font-size:12px;
  text-decoration-thickness:1.5px;
  text-decoration-color:#f29a63;
  text-decoration-line:line-through;
}
.hero-price-preview strong{
  color:#fff5ed;
  font-size:21px;
  line-height:1.1;
  letter-spacing:-.4px;
}
.hero-price-preview small{
  align-self:center;
  color:#aebed1;
  font-size:10px;
}

.automation-price-preview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:20px;
}
.automation-price-preview>span{
  position:relative;
  min-width:0;
  padding:11px 12px;
  border:1px solid rgba(101,170,245,.28);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(101,170,245,.12),rgba(101,170,245,.035));
}
.automation-price-preview small,
.automation-price-preview strong{
  display:block;
}
.automation-price-preview small{
  margin-bottom:5px;
  color:#9fb8d4;
  font-size:8.5px;
  letter-spacing:.55px;
  text-transform:uppercase;
}
.automation-price-preview strong{
  color:#dcecff;
  font-size:12px;
  line-height:1.35;
}

.contact-interest-field{
  padding:14px;
  border:1px solid #3f526b;
  border-radius:10px;
  background:rgba(255,255,255,.018);
}
.contact-interest-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.contact-interest-heading label{
  font-weight:650;
}
.contact-interest-heading small{
  max-width:44ch;
  color:var(--muted);
  font-size:10.5px;
  line-height:1.45;
}
.contact-interest-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:4px;
}
.contact-interest-option{
  min-width:0;
  min-height:86px;
  padding:12px 13px;
  border:1px solid #445a74;
  border-radius:9px;
  background:#0d1929;
  color:var(--ink);
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.contact-interest-option:hover,
.contact-interest-option:focus-visible{
  border-color:#687f9c;
  background:#112136;
  transform:translateY(-1px);
}
.contact-interest-option strong,
.contact-interest-option span,
.contact-interest-option small{
  display:block;
}
.contact-interest-option strong{
  margin-bottom:5px;
  color:#edf4fc;
  font-size:12px;
  line-height:1.3;
}
.contact-interest-option span{
  color:#ffb17a;
  font-size:13px;
  font-weight:800;
  line-height:1.3;
}
.contact-interest-option small{
  margin-top:5px;
  color:#8497ae;
  font-size:9.5px;
  line-height:1.4;
}
.contact-interest-option[aria-pressed="true"]{
  border-color:rgba(242,154,99,.78);
  background:linear-gradient(145deg,rgba(242,154,99,.16),rgba(242,154,99,.055));
  box-shadow:0 0 0 1px rgba(242,154,99,.10),0 10px 24px rgba(0,0,0,.12);
}
.contact-interest-field[data-area="calculos"] .contact-interest-options{
  grid-template-columns:minmax(0,240px);
}
.contact-interest-field[data-area="automacao"]{
  border-color:rgba(101,170,245,.28);
  background:rgba(101,170,245,.025);
}
.contact-interest-field[data-area="automacao"] .contact-interest-option span{
  color:#91c6ff;
}
.contact-interest-field[data-area="automacao"] .contact-interest-option[aria-pressed="true"]{
  border-color:rgba(101,170,245,.78);
  background:linear-gradient(145deg,rgba(101,170,245,.16),rgba(101,170,245,.055));
  box-shadow:0 0 0 1px rgba(101,170,245,.10),0 10px 24px rgba(0,0,0,.12);
}

@media(max-width:760px){
  .automation-price-preview{grid-template-columns:minmax(0,1fr);}
  .automation-price-preview>span{padding:10px 12px;}
  .contact-interest-options{grid-template-columns:minmax(0,1fr);}
  .contact-interest-field[data-area="calculos"] .contact-interest-options{grid-template-columns:minmax(0,1fr);}
  .hero-price-preview{width:100%;grid-template-columns:auto auto;}
  .hero-price-preview small{grid-column:1/-1;}
}

/* V16 — conversão, clareza e hierarquia visual. */
.automation-price-preview>span.is-recommended{
  border-color:rgba(101,170,245,.62);
  background:linear-gradient(145deg,rgba(101,170,245,.20),rgba(101,170,245,.07));
  box-shadow:0 12px 28px rgba(33,93,158,.12);
}
.automation-price-preview>span.is-recommended b{
  position:absolute;
  top:-8px;
  right:9px;
  padding:3px 6px;
  border-radius:999px;
  background:#65aaf5;
  color:#07111f;
  font-size:6.8px;
  line-height:1;
  letter-spacing:.55px;
  text-transform:uppercase;
}

/* Planos: comparação mais curta, legível e orientada à decisão. */
#automacao .support-plans .plan{
  overflow:visible;
}
#automacao .support-plans .plan h3{
  min-height:52px;
}
#automacao .support-plans .plan-description{
  min-height:96px;
}
#automacao .support-plans .plan-fit{
  min-height:64px;
  margin:0 0 12px;
  padding:11px 12px;
  border-left:2px solid rgba(101,170,245,.52);
  background:rgba(101,170,245,.045);
  color:#b9c7d8;
  font-size:10.5px;
  line-height:1.5;
}
#automacao .support-plans .plan-fit span{
  display:block;
  margin-bottom:3px;
  color:#7db9fb;
  font-size:8px;
  font-weight:800;
  letter-spacing:.75px;
  text-transform:uppercase;
}
#automacao .support-plans .plan-focus{min-height:48px;margin-bottom:14px}
#automacao .support-plans .price{min-height:96px}
#automacao .support-plans .plan-features{
  grid-template-rows:repeat(8,minmax(44px,auto));
  gap:6px;
  padding-top:18px;
}
#automacao .support-plans .plan-features li{min-height:44px}
#automacao .support-plans .plan-response{min-height:48px;margin-bottom:16px}
.plan-best{z-index:1}
.plan-best .plan-badge{
  position:absolute;
  top:-11px;
  right:18px;
  padding:5px 9px;
  border-radius:999px;
  background:#65aaf5;
  color:#07111f;
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.75px;
  box-shadow:0 8px 20px rgba(38,111,188,.20);
}
#automacao .plan-best{
  border-color:rgba(101,170,245,.62);
  box-shadow:0 20px 48px rgba(32,91,153,.18),0 0 0 1px rgba(101,170,245,.06) inset;
}

/* Formulário: reduz risco percebido e herda a identidade da área escolhida. */


body[data-page="contato"][data-contact-theme="automacao"] .contact-form .button,
body[data-page="contato"][data-contact-theme="automacao"] .contact-aside .button{
  border-color:#65aaf5;
  background:#65aaf5;
  color:#07111f;
}
body[data-page="contato"][data-contact-theme="automacao"] .contact-form .button:hover,
body[data-page="contato"][data-contact-theme="automacao"] .contact-form .button:focus-visible,
body[data-page="contato"][data-contact-theme="automacao"] .contact-aside .button:hover,
body[data-page="contato"][data-contact-theme="automacao"] .contact-aside .button:focus-visible{
  border-color:#7bb8fb;
  background:#7bb8fb;
}
body[data-page="contato"][data-contact-theme="automacao"] .contact-aside .button.outline{
  background:rgba(101,170,245,.10);
  color:#dcecff;
}
body[data-page="contato"][data-contact-theme="automacao"] .contact-aside .report-label,
body[data-page="contato"][data-contact-theme="automacao"] #contact-title em{
  color:#7db9fb;
}

@media(max-width:760px){
  .support-plans .plan h3,
  .support-plans .plan-description,
  .support-plans .plan-fit,
  .support-plans .plan-focus,
  .support-plans .price,
  #automacao .support-plans .plan-response{min-height:0}
  #automacao .support-plans .plan-features{grid-template-rows:none;gap:10px}
  #automacao .support-plans .plan-features li{min-height:0}
}
@media(max-width:900px){
  #automacao .support-plans .plan-fit{min-height:0}
}
body[data-page="contato"][data-contact-theme="automacao"] header>.button{
  border-color:#65aaf5;
  background:#65aaf5;
  color:#07111f;
}
body[data-page="contato"][data-contact-theme="automacao"] .reading-progress>span{background:#65aaf5}


/* V17 — preço promocional e correção crítica de interações. */
.calc-price-promo{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:-10px;
}
.calc-price-promo del{
  color:#8699af;
  font-size:16px;
  text-decoration-thickness:1.5px;
  text-decoration-color:#f29a63;
}
.calc-price-promo span{
  padding:4px 7px;
  border:1px solid rgba(242,154,99,.36);
  border-radius:999px;
  background:rgba(242,154,99,.08);
  color:#efb085;
  font-size:8px;
  font-weight:800;
  letter-spacing:.55px;
  text-transform:uppercase;
}


/* V18 — jornada mais curta, preços mais cedo e formulário mais intuitivo. */
.hero-price-preview del{
  color:rgba(255,245,237,.48);
  text-decoration-color:currentColor;
  text-decoration-thickness:1.3px;
}
.calc-price-promo del{
  color:rgba(255,255,255,.48);
  text-decoration-color:currentColor;
  text-decoration-thickness:1.3px;
}
#automacao .home-extra{padding-top:clamp(34px,4vw,54px)}
#automacao .automation-plans.content-block{margin-top:clamp(34px,4vw,56px);padding-block:clamp(28px,3.6vw,48px)}
#automacao .automation-services.content-block{margin-top:clamp(34px,4vw,56px);padding-block:clamp(28px,3.6vw,48px)}
#automacao .support-plans{gap:16px}
#automacao .plan{padding:24px 22px}
#automacao .plan-description,#automacao .plan-fit,#automacao .plan-focus{margin-top:8px}
#automacao .plan-features{gap:8px;margin-block:16px}
#automacao .support-plans .price{min-height:78px}
#automacao .solutions{gap:16px}
#automacao .solutions article{padding:22px}
#automacao .compact-faq{margin-top:clamp(28px,3vw,44px)}
#calculos .calc-services{gap:16px}
#calculos .calc-service{padding:22px}
#calculos #contratacao-calculos{margin-top:clamp(30px,3.5vw,52px);padding-block:clamp(28px,3.4vw,46px)}
#calculos #entregas-calculos,#calculos #memoria-exemplo,#calculos #faq-calculos{margin-top:clamp(30px,3.5vw,52px)}
.contact-interest-heading{margin-bottom:10px}
.contact-interest-heading small{display:none}
.contact-interest-options{margin-top:0}
@media(max-width:760px){
  #automacao .plan{padding:20px 18px}
  #automacao .solutions article,#calculos .calc-service{padding:18px}
}

/* V19 — layout mais compacto, preço mais visível e cards otimizados. */
.automation-price-preview{
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  max-width:420px;
}
.automation-price-preview>span{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px 16px;
  padding:14px 16px;
  min-height:68px;
}
.automation-price-preview small{
  grid-column:1;
  margin-bottom:0;
  font-size:9px;
  letter-spacing:.75px;
}
.automation-price-preview strong{
  grid-column:2;
  text-align:right;
  font-size:16px;
  line-height:1.15;
}
.automation-price-preview>span.is-recommended{
  padding-top:18px;
}
.automation-price-preview>span.is-recommended b{
  top:-7px;
  right:12px;
}
#automacao .hero-copy .actions{margin-top:18px}
#automacao .home-extra{padding-top:28px}
#automacao .automation-plans.content-block,
#automacao .automation-services.content-block{
  margin-top:32px;
  padding-block:24px 28px;
}
#automacao .support-plans{gap:14px}
#automacao .plan{padding:22px 20px}
#automacao .plan-description,
#automacao .plan-fit,
#automacao .plan-focus{margin-top:6px}
#automacao .plan-features{gap:7px;margin-block:14px}
#automacao .plan-note{margin-top:12px;max-width:72ch}
#automacao .compact-faq{margin-top:24px}
#automacao .solutions{gap:14px}
#automacao .solutions article{padding:20px}
#calculos .calc-services{gap:14px}
#calculos .calc-service{
  padding:18px;
  border-radius:18px;
}
#calculos .calc-service .section-index{margin-bottom:10px}
#calculos .calc-service h3{
  min-height:0;
  margin-bottom:10px;
  font-size:18px;
  line-height:1.3;
}
#calculos .calc-service p{
  font-size:14px;
  line-height:1.6;
}
#calculos #contratacao-calculos,
#calculos #entregas-calculos,
#calculos #memoria-exemplo,
#calculos #faq-calculos{
  margin-top:28px;
}
.contact-interest-field{padding:12px}
.contact-interest-options{gap:8px}
.contact-interest-option{
  min-height:76px;
  padding:11px 12px;
}
.contact-interest-option strong{font-size:11.5px}
.contact-interest-option span{font-size:12.5px}
.contact-interest-option small{font-size:9px}
@media(max-width:760px){
  .automation-price-preview{max-width:none}
  .automation-price-preview>span{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 14px;min-height:auto}
  .automation-price-preview strong{grid-column:1;text-align:left;font-size:15px}
  #automacao .plan,
  #automacao .solutions article,
  #calculos .calc-service{padding:18px}
}

/* V20 — site mais compacto + transição contextual do Contato. */
:root{--section-space:clamp(42px,5.8vw,72px)}
.section-heading,.center{margin-bottom:28px}
.eyebrow{margin-bottom:14px}
.lead{margin-top:16px;line-height:1.68}
.content-block{padding-top:clamp(22px,3vw,32px)}
.home-extra{padding-top:clamp(36px,5vw,60px);padding-bottom:clamp(36px,5vw,60px)}

/* Home — necessidades de cálculo mais enxutas. */
.judicial-extra .calc-needs{gap:12px}
.judicial-extra .calc-needs article{
  padding:16px 17px;
  gap:8px;
  border-radius:16px;
}
.judicial-extra .calc-needs .section-index{margin-bottom:2px;font-size:9px}
.judicial-extra .calc-needs h3{font-size:17px;line-height:1.28}
.judicial-extra .calc-needs p{font-size:13.25px;line-height:1.55}
.judicial-extra .calc-needs .text-link{font-size:11.5px}

/* Cálculos — serviços menores sem perder conteúdo. */
#calculos .calc-services{gap:12px}
#calculos .calc-service{padding:15px 16px;border-radius:16px}
#calculos .calc-service .section-index{margin-bottom:6px;font-size:9px}
#calculos .calc-service h3{margin-bottom:7px;font-size:16.5px;line-height:1.27}
#calculos .calc-service p{font-size:13px;line-height:1.52}

/* Automação — serviços detalhados antes dos planos e com leitura mais rápida. */
#automacao .automation-services.content-block{margin-top:28px;padding-block:22px 24px}
#automacao .automation-services .section-heading{margin-bottom:22px}
#automacao .automation-services .lead{font-size:15px;line-height:1.55;max-width:650px}
#automacao .solutions{gap:12px}
#automacao .solutions article{padding:16px;gap:10px;border-radius:16px}
#automacao .solutions article:not(:last-child){grid-template-rows:34px auto 1fr auto;gap:9px}
#automacao .service-icon{width:34px;height:34px;flex-basis:34px;border-radius:8px}
#automacao .service-icon svg{width:18px;height:18px}
#automacao .solutions h3{font-size:16.5px;line-height:1.28}
#automacao .solutions p{font-size:12.8px;line-height:1.52}
#automacao .service-tech{font-size:8.8px}
#automacao .solutions article:last-child{
  grid-template-columns:34px minmax(130px,.55fr) minmax(0,1.45fr);
  gap:14px;
  padding-block:16px;
}

/* Planos — menos texto repetido, mais comparação direta. */
#automacao .automation-plans.content-block{margin-top:26px;padding-block:22px 26px}
#automacao .automation-plans .center{margin-bottom:22px}
#automacao .automation-plans .lead{font-size:15px;line-height:1.55}
#automacao .support-plans{gap:12px}
#automacao .plan{padding:18px 17px}
#automacao .plan-kicker{font-size:8.5px}
#automacao .plan h3{font-size:20px}
#automacao .plan-description{font-size:13px;line-height:1.5}
#automacao .plan-fit{font-size:12px;line-height:1.45}
#automacao .support-plans .price{min-height:64px;margin-top:12px}
#automacao .plan-features{gap:6px;margin-block:12px}
#automacao .plan-features li{font-size:11.5px;line-height:1.4;min-height:0}
#automacao .plan-response{margin-top:10px;font-size:11.5px}
#automacao .plan .button{margin-top:12px}
#automacao .plan-note{font-size:10.5px;line-height:1.5;margin-top:10px}
#automacao .compact-faq{margin-top:22px;padding-top:20px}
#automacao .compact-faq h2{font-size:26px}
#automacao .compact-faq summary{padding-block:13px;font-size:14px}
#automacao .compact-faq details p{padding-bottom:13px;font-size:13px;line-height:1.55}

/* Contato — mesma identidade laranja para cálculos e transição azul para automação. */
.contact{
  --contact-accent:#f29a63;
  --contact-accent-rgb:242,154,99;
  position:relative;
  isolation:isolate;
}
body[data-contact-theme="automacao"] .contact{
  --contact-accent:#65aaf5;
  --contact-accent-rgb:101,170,245;
}
.contact::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 82% 14%,rgba(var(--contact-accent-rgb),.09),transparent 34%);
  opacity:.75;
  transition:background .5s ease,opacity .5s ease;
}
.contact .eyebrow,
.contact-aside .report-label,
#form-status{
  color:var(--contact-accent);
  transition:color .42s ease;
}
.contact-form,
.contact-aside,
.contact-interest-field,
.field input,.field select,.field textarea{
  transition:border-color .42s ease,background .42s ease,box-shadow .42s ease,color .42s ease;
}
body[data-page="contato"] .contact-form,
body[data-page="contato"] .contact-aside{
  border-color:rgba(var(--contact-accent-rgb),.24);
  box-shadow:0 18px 42px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.025);
}
body[data-page="contato"] .contact-interest-field{
  border-color:rgba(var(--contact-accent-rgb),.24);
  background:rgba(var(--contact-accent-rgb),.022);
}
body[data-page="contato"] .field input:focus,
body[data-page="contato"] .field select:focus,
body[data-page="contato"] .field textarea:focus{
  border-color:rgba(var(--contact-accent-rgb),.72);
  box-shadow:0 0 0 3px rgba(var(--contact-accent-rgb),.08);
  outline:none;
}
#contact-title{
  min-height:1.25em;
  position:relative;
}
#contact-lead{transition:opacity .22s ease,transform .22s ease,color .4s ease}

/* Escolha de plano/interesse recebe resposta visual curta. */
.contact-interest-option.is-choice-pulse{
  animation:interestChoicePulse .58s cubic-bezier(.2,.8,.2,1);
}
@keyframes interestChoicePulse{
  0%{transform:scale(1)}
  45%{transform:scale(1.018);box-shadow:0 0 0 3px rgba(var(--contact-accent-rgb),.08),0 12px 26px rgba(0,0,0,.13)}
  100%{transform:scale(1)}
}
.contact-interest-option.is-selected{border-color:rgba(var(--contact-accent-rgb),.72)}

@media(max-width:760px){
  .judicial-extra .calc-needs article{padding:14px 15px}
  #calculos .calc-service{padding:14px 15px}
  #automacao .solutions article{padding:15px}
  #automacao .support-plans{gap:10px}
  #automacao .plan{padding:17px 16px}
  #contact-title{min-height:2.35em}
}
@media(prefers-reduced-motion:reduce){
  .contact-interest-option.is-choice-pulse{animation:none}
}
body[data-page="contato"][data-contact-theme="automacao"] .contact a:focus-visible,
body[data-page="contato"][data-contact-theme="automacao"] .contact button:focus-visible,
body[data-page="contato"][data-contact-theme="automacao"] .contact input:focus-visible,
body[data-page="contato"][data-contact-theme="automacao"] .contact textarea:focus-visible,
body[data-page="contato"][data-contact-theme="automacao"] .contact select:focus-visible{
  outline-color:#65aaf5;
}

/* V23 — transições de contato mais sutis e sem efeito de digitação. */
.contact::before,
.contact::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  transition:opacity .72s cubic-bezier(.22,.61,.36,1);
}
.contact::before{
  background:radial-gradient(circle at 82% 14%,rgba(242,154,99,.07),transparent 35%);
  opacity:.66;
}
.contact::after{
  background:radial-gradient(circle at 82% 14%,rgba(101,170,245,.065),transparent 35%);
  opacity:0;
}
body[data-contact-theme="automacao"] .contact::before{opacity:.10}
body[data-contact-theme="automacao"] .contact::after{opacity:.62}
.contact .eyebrow,
.contact-aside .report-label,
#form-status{
  transition:color .66s cubic-bezier(.22,.61,.36,1);
}
.contact-form,
.contact-aside,
.contact-interest-field,
.field input,
.field select,
.field textarea{
  transition:border-color .68s cubic-bezier(.22,.61,.36,1),background-color .68s cubic-bezier(.22,.61,.36,1),box-shadow .68s cubic-bezier(.22,.61,.36,1),color .52s ease;
}
body[data-page="contato"] .contact-form .button,
body[data-page="contato"] .contact-aside .button,
body[data-page="contato"] header>.button,
body[data-page="contato"] .reading-progress>span{
  transition:background-color .68s cubic-bezier(.22,.61,.36,1),border-color .68s cubic-bezier(.22,.61,.36,1),color .52s ease,box-shadow .52s ease;
}
#contact-title{min-height:1.25em}
#contact-lead{transition:color .6s ease}
@media(max-width:760px){#contact-title{min-height:2.35em}}
@media(prefers-reduced-motion:reduce){
  .contact::before,.contact::after,
  .contact .eyebrow,.contact-aside .report-label,#form-status,
  .contact-form,.contact-aside,.contact-interest-field,
  .field input,.field select,.field textarea{transition:none!important}
}

/* V24 — diferenciação comercial dos planos e compactação fina. */
#automacao .plan-fit{display:none!important}
#automacao .automation-plans.content-block{padding-block:20px 24px}
#automacao .automation-plans .center .lead{max-width:62ch;margin-inline:auto}
#automacao .support-plans{gap:12px;margin-top:20px}
#automacao .plan{padding:19px 18px}
#automacao .plan-kicker{margin-bottom:8px}
#automacao .plan h3{margin-bottom:6px}
#automacao .plan-description{margin-top:4px;line-height:1.5}
#automacao .support-plans .price{min-height:60px;margin-top:10px}
#automacao .plan-features{gap:5px;margin-block:10px}
#automacao .plan-features li{font-size:11.2px;line-height:1.35;min-height:0;padding-block:3px}
#automacao .plan-response{margin-top:9px}
#automacao .plan .button{margin-top:10px}
#automacao .plan-note{margin-top:10px}
#automacao .compact-faq{margin-top:20px}
#automacao .automation-services.content-block{padding-block:22px 26px}
#automacao .solutions{gap:12px}
#automacao .solutions article{padding:18px}
#calculos .calc-services{gap:12px}
#calculos .calc-service{padding:16px 17px}
#calculos .calc-service h3{font-size:17.5px;margin-bottom:8px}
#calculos .calc-service p{font-size:13.5px;line-height:1.52}
#calculos #contratacao-calculos,#calculos #entregas-calculos,#calculos #memoria-exemplo,#calculos #faq-calculos{margin-top:24px}
.home-extra .calc-needs{gap:12px}
.home-extra .calc-needs article{padding:17px 18px}
.home-extra .calc-needs article h3{font-size:18px;min-height:0;margin-bottom:6px}
.home-extra .calc-needs article p{font-size:13.5px;line-height:1.55}
@media(max-width:760px){
  #automacao .plan{padding:17px 16px}
  #automacao .plan-features li{font-size:11px}
  #calculos .calc-service,.home-extra .calc-needs article{padding:15px 16px}
}


/* V25 — acabamento do fundo e transições de contato sem saltos. */
html,body{overflow-x:clip}

/* O fundo contextual do Contato agora pertence ao viewport inteiro, não ao .wrap. */
body{--contact-page-rgb:242,154,99}
body[data-contact-theme="automacao"]{--contact-page-rgb:101,170,245}
body[data-page="contato"] main{
  background:
    radial-gradient(circle at 84% 14%,rgba(var(--contact-page-rgb),.055),transparent 31%),
    linear-gradient(180deg,rgba(11,20,34,.98),rgba(11,20,34,1));
  transition:background .72s cubic-bezier(.22,.61,.36,1);
}
.contact::before,.contact::after{display:none!important}

/* A troca de texto/quantidade de opções pode alterar a altura, mas agora de forma progressiva. */
#contato .section-heading{
  will-change:height;
  margin-bottom:28px;
}
#contact-title,#contact-lead{will-change:opacity}
.contact-interest-field{will-change:height}

/* Evita qualquer faixa visual lateral em telas intermediárias. */
@media(max-width:1000px){
  body[data-page="contato"] main{background-position:center top}
}

@media(prefers-reduced-motion:reduce){
  body[data-page="contato"] main{transition:none!important}
  #contato .section-heading,.contact-interest-field{will-change:auto}
}

/* V26 — observações enxutas e ajuda contextual no contato. */
.contact-plan-help{
  margin:2px 0 0;
  padding:12px 14px;
  border:1px solid rgba(var(--contact-accent-rgb),.18);
  border-radius:10px;
  background:rgba(var(--contact-accent-rgb),.035);
  color:var(--muted);
  font-size:11.5px!important;
  line-height:1.55;
  overflow:hidden;
}
.contact-plan-help strong{
  color:var(--ink);
  font-weight:700;
}
.contact-plan-help span{color:var(--muted)}

/* V27 — fundo contínuo, contato estável e áreas comerciais mais enxutas. */

/* O Contato volta a usar o mesmo fundo ambiente do restante do site.
   A troca entre Cálculos e Automação acontece apenas pela intensidade das luzes,
   evitando qualquer retângulo/recorte perceptível no background. */
body[data-page="contato"] main{
  background:transparent!important;
  transition:none!important;
}
body[data-page="contato"] .bg-glow::after{
  opacity:.72;
  background:linear-gradient(115deg,transparent 0 46%,#ffffff05 50%,transparent 54% 100%);
}
body[data-page="contato"] .bg-glow span{
  transition:opacity .82s cubic-bezier(.22,.61,.36,1),background-color .82s cubic-bezier(.22,.61,.36,1);
}
body[data-page="contato"] .bg-glow span:nth-child(1){opacity:.075}
body[data-page="contato"] .bg-glow span:nth-child(2){opacity:.035}
body[data-page="contato"][data-contact-theme="automacao"] .bg-glow span:nth-child(1){opacity:.022}
body[data-page="contato"][data-contact-theme="automacao"] .bg-glow span:nth-child(2){opacity:.095}
body[data-page="contato"] .bg-glow span:nth-child(3){opacity:.055}

/* O cabeçalho do contato não reserva espaço desnecessário.
   Em Cálculos, o formulário se aproxima levemente do texto; ao alternar,
   a mudança é progressiva e não dá salto. */
#contato .section-heading{
  margin-bottom:20px;
  transition:margin-bottom .34s cubic-bezier(.22,.61,.36,1);
}
body[data-page="contato"][data-contact-theme="calculos"] #contato .section-heading{margin-bottom:12px}
body[data-page="contato"][data-contact-theme="automacao"] #contato .section-heading{margin-bottom:20px}
#contact-title{min-height:0!important}
#contato .contact-grid{
  transition:transform .34s cubic-bezier(.22,.61,.36,1);
}
body[data-page="contato"][data-contact-theme="calculos"] #contato .contact-grid{transform:translateY(-4px)}
body[data-page="contato"][data-contact-theme="automacao"] #contato .contact-grid{transform:translateY(0)}

/* A oferta de Cálculos deixa de esticar para acompanhar o bloco vizinho.
   Assim o preço, texto e CTA ocupam apenas a altura necessária. */
#calculos .single-offer{
  align-items:start;
  gap:18px;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
}
#calculos .calc-price-card,
#calculos .offer-delivery{
  padding:22px 24px;
  align-self:start;
}
#calculos .calc-price-card{
  gap:12px;
}
#calculos .calc-price-card .calc-price-promo{margin-bottom:-4px}
#calculos .calc-price-card .calc-price{margin-block:0}
#calculos .calc-price-card>p:not(.eyebrow){
  max-width:36ch;
  line-height:1.5;
}
#calculos .calc-price-card .button{
  margin-top:4px;
}
#calculos .offer-delivery .delivery-checks{gap:8px}
#calculos .offer-delivery>p{margin-top:12px}

/* Pequeno ajuste de ritmo na página de Cálculos. */
#calculos #contratacao-calculos{padding-block:20px 24px}
#calculos #contratacao-calculos>.section-heading{margin-bottom:20px}
#calculos #contratacao-calculos>.section-heading .lead{margin-top:10px}

@media(max-width:760px){
  body[data-page="contato"][data-contact-theme="calculos"] #contato .contact-grid{transform:translateY(-2px)}
  #contato .section-heading{margin-bottom:16px}
  body[data-page="contato"][data-contact-theme="calculos"] #contato .section-heading{margin-bottom:10px}
  #calculos .single-offer{grid-template-columns:minmax(0,1fr)}
  #calculos .calc-price-card,#calculos .offer-delivery{padding:19px 18px}
}

@media(prefers-reduced-motion:reduce){
  body[data-page="contato"] .bg-glow span,
  #contato .section-heading,
  #contato .contact-grid{transition:none!important}
}

/* V28 — contato com luz reativa restaurada e "Como funciona" em etapas alternadas. */

/* Contato: recupera o comportamento de luz que acompanha o mouse, agora com
   crossfade sutil entre laranja (Cálculos) e azul (Automação). */
body[data-page="contato"] .bg-glow::before,
body[data-page="contato"] .bg-glow::after{
  content:"";
  position:absolute;
  inset:-12%;
  pointer-events:none;
  will-change:background,opacity;
  transition:opacity .78s cubic-bezier(.22,.61,.36,1);
}
body[data-page="contato"] .bg-glow::before{
  background:
    radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(242,154,99,.16) 0,rgba(242,154,99,.07) 10%,transparent 28%),
    linear-gradient(115deg,transparent 0 46%,#ffffff05 50%,transparent 54% 100%);
  opacity:.92;
}
body[data-page="contato"] .bg-glow::after{
  background:
    radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(101,170,245,.17) 0,rgba(101,170,245,.075) 10%,transparent 28%),
    linear-gradient(115deg,transparent 0 46%,#ffffff05 50%,transparent 54% 100%);
  opacity:.08;
}
body[data-page="contato"][data-contact-theme="automacao"] .bg-glow::before{opacity:.08}
body[data-page="contato"][data-contact-theme="automacao"] .bg-glow::after{opacity:.94}
body[data-page="contato"][data-contact-theme="calculos"] .bg-glow::before{opacity:.92}
body[data-page="contato"][data-contact-theme="calculos"] .bg-glow::after{opacity:.08}

/* Garante que título e descrição nunca fiquem presos em baixa opacidade após
   trocas rápidas entre as áreas de interesse. */
#contato .section-heading,
#contact-title,
#contact-lead{opacity:1}

/* Home: os três atalhos deixam de ter CTA duplicado e ficam mais compactos. */
.home-extra .calc-needs article{
  min-height:0;
  padding:14px 16px;
}
.home-extra .calc-needs article .section-index{margin-bottom:7px}
.home-extra .calc-needs article h3{margin-bottom:5px;font-size:17px}
.home-extra .calc-needs article p{margin:0;font-size:13px;line-height:1.48}

/* Mantém a camada ambiente do Contato acima do fundo sólido do body, mas
   sempre atrás do conteúdo interativo. */
body[data-page="contato"] .bg-glow{z-index:0}
body[data-page="contato"] header,
body[data-page="contato"] main,
body[data-page="contato"] footer{z-index:1}

/* V29 — harmonização fina dos preços e redução de espaços excessivos. */

/* Cálculo avulso: usa a mesma linguagem visual da barra de preços da Automação. */
.hero-price-preview{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:4px 18px;
  width:min(100%,420px);
  margin-top:20px;
  padding:14px 16px;
  min-height:68px;
  border:1px solid rgba(242,154,99,.34);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(242,154,99,.12),rgba(242,154,99,.035));
  box-shadow:none;
}
.hero-price-preview>b{
  position:absolute;
  top:-8px;
  right:12px;
  padding:3px 7px;
  border-radius:999px;
  background:#f29a63;
  color:#101722;
  font-size:7px;
  font-weight:850;
  letter-spacing:.7px;
  line-height:1.3;
  text-transform:uppercase;
}
.hero-price-preview>small{
  grid-column:1;
  margin:0;
  color:#cda98f;
  font-size:9px;
  font-weight:700;
  letter-spacing:.75px;
  line-height:1.2;
  text-transform:uppercase;
}
.hero-price-value{
  grid-column:2;
  grid-row:1 / span 2;
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
  white-space:nowrap;
}
.hero-price-value del{
  color:rgba(255,245,237,.46);
  font-size:11px;
  font-weight:600;
  text-decoration-color:currentColor;
  text-decoration-thickness:1.2px;
}
.hero-price-value strong{
  color:#fff5ed;
  font-size:18px;
  line-height:1.15;
  letter-spacing:-.3px;
}
.hero-price-value span{
  color:#aebed1;
  font-size:9.5px;
}

/* Planos de Automação: preserva alinhamento, mas elimina faixas vazias artificiais. */
#automacao .support-plans .plan-kicker{
  min-height:22px;
  margin-bottom:6px;
}
#automacao .support-plans .plan h3{
  min-height:28px;
  margin-bottom:4px;
}
#automacao .support-plans .plan-description{
  min-height:48px;
  margin-top:2px;
  line-height:1.45;
}
#automacao .support-plans .price{
  min-height:64px;
  margin-top:6px;
}
#automacao .support-plans .plan-features{
  flex:0 0 auto;
  grid-template-rows:none;
  gap:4px;
  margin:8px 0 10px;
  padding-top:8px;
}
#automacao .support-plans .plan-features li{
  min-height:0;
  padding-block:2px;
}
#automacao .support-plans .plan-response{
  min-height:0;
  margin:6px 0 10px;
  padding:9px 11px;
}
#automacao .support-plans .plan .button{
  min-height:42px;
  margin-top:2px;
}

/* Atendimento recorrente de Cálculos: conteúdo mais agrupado e sem vazio inferior. */
#calculos .offer-delivery h3{margin-bottom:12px}
#calculos .offer-delivery .delivery-checks{gap:2px}
#calculos .offer-delivery .delivery-checks li{
  row-gap:4px;
  padding-block:8px;
}
#calculos .offer-delivery .delivery-checks li strong{font-size:14.5px;line-height:1.4}
#calculos .offer-delivery .delivery-checks li span{font-size:12.5px;line-height:1.5}
#calculos .offer-delivery>p{
  margin:8px 0 0;
  padding-top:10px;
  border-top:1px solid var(--line);
  font-size:12px;
  line-height:1.5;
}

@media(max-width:760px){
  .hero-price-preview{
    grid-template-columns:minmax(0,1fr);
    gap:5px;
    min-height:auto;
    padding:13px 14px;
  }
  .hero-price-preview>small{grid-column:1}
  .hero-price-value{
    grid-column:1;
    grid-row:auto;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  #automacao .support-plans .plan-description{min-height:0}
  #automacao .support-plans .plan h3{min-height:0}
  #automacao .support-plans .plan-kicker{min-height:0}
}

/* V30 — alinhamento da contratação e retorno do "Como funciona" em grade 2x2. */
#calculos .single-offer{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
  gap:18px;
}
#calculos .calc-price-card,
#calculos .offer-delivery{
  height:100%;
  align-self:stretch;
}
#calculos .calc-price-card{
  padding:25px 26px;
  gap:11px;
}
#calculos .calc-price-card .calc-price-support{
  margin:0;
  padding:10px 12px;
  border:1px solid rgba(242,154,99,.18);
  border-radius:10px;
  background:rgba(242,154,99,.045);
  color:#b7c5d5;
  font-size:12px;
  line-height:1.5;
}
#calculos .calc-price-card .button{
  margin-top:auto;
}
#calculos .offer-delivery{
  display:flex;
  flex-direction:column;
  padding:25px 26px;
}
#calculos .offer-delivery .delivery-checks{
  margin-bottom:8px;
}
#calculos .offer-delivery>p{
  margin-top:auto;
}

/* Quatro etapas visíveis: duas em cima e duas embaixo, sem rotação automática. */
.home-process-compact{
  align-items:stretch;
}
.home-process-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-content:stretch;
}
.home-process-steps li{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:112px;
  padding:16px 15px;
}
.home-process-steps>li>span{
  margin-bottom:9px;
}
.home-process-steps strong{
  margin-bottom:5px;
}

@media(max-width:900px){
  .home-process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .home-process-steps{grid-template-columns:minmax(0,1fr)}
  .home-process-steps li{min-height:0}
}
@media(max-width:760px){
  #calculos .single-offer{grid-template-columns:minmax(0,1fr)}
  #calculos .calc-price-card,
  #calculos .offer-delivery{height:auto;padding:20px 18px}
}

/* V31 — auditoria final: design system, contexto comercial e ritmo consistente. */
:root{
  --ds-1:8px;
  --ds-2:12px;
  --ds-3:16px;
  --ds-4:24px;
  --ds-5:32px;
  --ds-6:48px;
  --grid-gap:16px;
  --panel-pad:clamp(18px,2vw,24px);
}

/* Elementos equivalentes usam a mesma escala de ritmo. */
.section-heading,.center{margin-bottom:var(--ds-4)}
.section-heading .lead,.center .lead{margin-top:var(--ds-2)}
.calc-needs,.calc-services,.deliverables-grid,.solutions,.support-plans{gap:var(--grid-gap)}
.calc-needs article,.calc-service,.deliverables-grid article,#automacao .solutions article{padding:var(--panel-pad)}
.content-block{padding-top:var(--ds-4)}

/* Home: leitura rápida sem perder respiro entre as três necessidades. */
.judicial-extra>.section-heading{margin-bottom:var(--ds-3)}
.home-extra .calc-needs article{padding:16px 17px}
.home-extra .calc-needs article .section-index{margin-bottom:var(--ds-1)}
.home-extra .calc-needs article h3{margin-bottom:6px}

/* Como funciona: grade 2x2 matematicamente estável. */
.home-process-compact{gap:var(--ds-4)}
.home-process-steps{gap:var(--ds-2)}
.home-process-steps li{min-height:108px;padding:var(--ds-3)}

/* Cálculos: cards e oferta seguem o mesmo grid de 16 px. */
#calculos .calc-services{gap:var(--grid-gap)}
#calculos .calc-service{padding:18px}
#calculos .single-offer{gap:var(--grid-gap)}
#calculos .calc-price-card,#calculos .offer-delivery{padding:var(--ds-4)}
#calculos .deliverables-grid{gap:var(--grid-gap)}

/* Automação: mesmas distâncias entre serviços e planos. */
#automacao .solutions,#automacao .support-plans{gap:var(--grid-gap)}
#automacao .automation-services .section-heading,
#automacao .automation-plans .center{margin-bottom:var(--ds-4)}
#automacao .plan{padding:20px}
#automacao .plan-features{margin-block:var(--ds-2);gap:6px}
#automacao .compact-faq{margin-top:var(--ds-4);padding-top:var(--ds-4)}

/* Contato: Cálculos e Automação ocupam o mesmo trilho vertical.
   A descrição reserva a mesma área visual, evitando a sensação de "grudar"
   no formulário quando o texto de Cálculos é mais curto. */
#contato .section-heading{
  margin-bottom:var(--ds-4)!important;
  max-width:820px;
}
#contato .section-heading .lead{
  margin-top:var(--ds-2);
}
#contact-lead{
  min-height:3.15em;
  max-width:760px;
}
#contato .contact-grid{
  gap:var(--ds-4);
  transform:none!important;
}
body[data-page="contato"][data-contact-theme="calculos"] #contato .contact-grid,
body[data-page="contato"][data-contact-theme="automacao"] #contato .contact-grid{
  transform:none!important;
}
.contact-form,.contact-aside{padding:var(--ds-4)}
.contact-form{gap:20px}
.contact-interest-field{padding:var(--ds-2)}
.contact-interest-options{gap:var(--ds-1)}

/* Interações discretas e previsíveis. */
.button,.text-link,header nav a,.faq summary,.contact-interest-option{
  transition-duration:220ms;
}
@media(hover:hover){
  .button:hover{transform:translateY(-1px)}
  .contact-interest-option:hover{transform:translateY(-1px)}
}

/* Mobile mantém o mesmo sistema sem alturas artificiais. */
@media(max-width:760px){
  :root{--grid-gap:12px}
  .wrap,header{width:min(1160px,calc(100% - 32px))}
  #contact-lead{min-height:0}
  #contato .section-heading{margin-bottom:20px!important}
  #contato .contact-grid{gap:16px}
  .contact-form,.contact-aside{padding:18px}
  .home-process-steps{grid-template-columns:minmax(0,1fr)}
  .home-process-steps li{min-height:0}
}

@media(prefers-reduced-motion:reduce){
  .button,.text-link,header nav a,.faq summary,.contact-interest-option{transition:none!important}
}

/* Alinhamento global: header e conteúdo compartilham o mesmo eixo de 1160 px. */
:root{--section-space:clamp(42px,5vw,64px)}
header{width:min(1160px,calc(100% - 64px))}
@media(max-width:760px){header{width:min(1160px,calc(100% - 32px))}}
/* Reserva o mesmo envelope visual no cabeçalho do Contato em desktop. */
@media(min-width:761px){
  #contact-title{min-height:2.5em!important}
  #contact-lead{min-height:3.15em}
}
@media(max-width:760px){
  #contact-title,#contact-lead{min-height:0!important}
}

/* V32 — refinamento de hierarquia, uso de espaço e harmonização do grid. */

/* "Mais do que um número final" ganha linguagem editorial própria para não
   repetir a mesma composição do bloco "Como funciona". */
.editorial-delivery{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:var(--ds-4);
  align-items:stretch;
  padding:var(--ds-4) var(--ds-4) var(--ds-4) 26px;
  border:0;
  border-left:3px solid rgba(242,154,99,.72);
  border-radius:0 14px 14px 0;
  background:linear-gradient(90deg,rgba(242,154,99,.075),rgba(18,34,53,.42) 52%,rgba(11,22,38,.18));
  box-shadow:none;
}
.editorial-delivery-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.editorial-delivery-copy .eyebrow{margin-bottom:var(--ds-2)}
.editorial-delivery-copy h2{max-width:15ch}
.editorial-delivery-copy>p:not(.eyebrow){max-width:54ch;margin-top:var(--ds-2)}
.editorial-delivery-copy .text-link{margin-top:var(--ds-3)}
.editorial-delivery-checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--ds-2);
  align-items:stretch;
}
.editorial-delivery-checks li{
  min-width:0;
  align-content:start;
  padding:16px 14px;
  border:1px solid rgba(64,83,107,.72);
  border-radius:12px;
  background:rgba(8,19,33,.42);
}
.editorial-delivery-checks li strong{font-size:14px;line-height:1.35}
.editorial-delivery-checks li span{font-size:12px;line-height:1.55}

/* Como funciona mantém a grade 2x2, mas assume papel de mapa de processo. */
.home-process-compact{
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  border-color:rgba(64,83,107,.78);
  background:linear-gradient(135deg,#0d1929 0%,#101f31 100%);
}
.home-process-copy{
  padding-right:var(--ds-2);
  border-right:1px solid rgba(64,83,107,.52);
}
.home-process-steps li{
  background:rgba(9,20,34,.78);
  border-color:rgba(64,83,107,.78);
}

/* Cálculo avulso: a área interna passa a apresentar valor de forma útil,
   em vez de depender de um único parágrafo no centro do card. */
#calculos .calc-price-card{gap:12px}
#calculos .calc-offer-points{
  list-style:none;
  margin:2px 0 4px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
#calculos .calc-offer-points li{
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(242,154,99,.18);
  border-radius:10px;
  background:rgba(242,154,99,.04);
}
#calculos .calc-offer-points strong,
#calculos .calc-offer-points span{display:block}
#calculos .calc-offer-points strong{
  margin-bottom:4px;
  color:#edf3fa;
  font-size:11.5px;
  line-height:1.3;
}
#calculos .calc-offer-points span{
  color:#9fb0c3;
  font-size:10.5px;
  line-height:1.45;
}

/* Atendimento recorrente: quatro pontos usam o espaço vertical de modo
   equilibrado e o fechamento não fica isolado por uma área vazia. */
#calculos .offer-delivery .delivery-checks{
  flex:1 1 auto;
  display:grid;
  grid-template-rows:repeat(4,minmax(0,1fr));
  gap:0;
  margin-bottom:0;
}
#calculos .offer-delivery .delivery-checks li{
  align-content:center;
  padding-block:10px;
}
#calculos .offer-delivery>p{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--line);
}

/* Automação: título e descrição compartilham exatamente o mesmo eixo. */
#automacao .automation-plans .center{
  width:100%;
  max-width:820px;
  margin-inline:0;
  text-align:left;
}
#automacao .automation-plans .center .lead{
  max-width:700px;
  margin-left:0;
  margin-right:0;
}
#automacao .automation-plans .center h2{max-width:18ch}

/* Contato: os dois contextos usam títulos de duas linhas e a mesma altura
   visual, evitando sobras artificiais e mudanças bruscas entre temas. */
#contact-title{
  max-width:20ch;
  font-size:clamp(40px,4.6vw,56px);
  line-height:1.04;
  letter-spacing:-1.7px;
  min-height:2.08em!important;
}
body[data-page="contato"][data-contact-theme="calculos"] #contact-title{max-width:18ch}
body[data-page="contato"][data-contact-theme="automacao"] #contact-title{max-width:20ch}
#contact-lead{min-height:3.05em}
.required-mark{
  margin-left:2px;
  color:var(--accent);
  font-weight:800;
}
body[data-page="contato"][data-contact-theme="automacao"] .required-mark{color:#65aaf5}

/* Mantém o grid de conteúdo em uma escala única. */
#calculos .single-offer,
#automacao .support-plans,
#automacao .solutions,
.home-process-steps,
.editorial-delivery-checks{gap:var(--grid-gap)}

@media(max-width:980px){
  .editorial-delivery{grid-template-columns:minmax(0,1fr)}
  .editorial-delivery-checks{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-process-compact{grid-template-columns:minmax(0,1fr)}
  .home-process-copy{padding-right:0;padding-bottom:var(--ds-3);border-right:0;border-bottom:1px solid rgba(64,83,107,.52)}
  #calculos .calc-offer-points{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .editorial-delivery{padding:20px 18px;border-left-width:2px}
  .editorial-delivery-checks{grid-template-columns:minmax(0,1fr)}
  #calculos .calc-offer-points{grid-template-columns:minmax(0,1fr)}
  #calculos .offer-delivery .delivery-checks{grid-template-rows:none}
  #contact-title{
    max-width:none!important;
    min-height:0!important;
    font-size:clamp(34px,10vw,44px);
    letter-spacing:-1.2px;
  }
  #contact-lead{min-height:0}
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* V33 — harmonização final entre Cálculos e Automação. */

/* Aproveita melhor o bloco “Mais do que um número final”: os três benefícios
   ganham mais presença sem aumentar desnecessariamente a altura da seção. */
.editorial-delivery{
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:var(--ds-4);
  padding:var(--ds-4);
}
.editorial-delivery-checks{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--grid-gap);
  align-items:stretch;
}
.editorial-delivery-checks li{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:116px;
  padding:18px 17px;
}
.editorial-delivery-checks li strong{
  margin-bottom:7px;
  font-size:16px;
  line-height:1.3;
}
.editorial-delivery-checks li span{
  font-size:13px;
  line-height:1.55;
}

/* Atendimento recorrente: apenas uma divisória antes do fechamento,
   mantendo a mesma altura do card de contratação pontual. */
#calculos .offer-delivery .delivery-checks li:last-child{
  border-bottom:0;
}
#calculos .offer-delivery>p{
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid var(--line);
}

/* FAQs seguem o mesmo sistema visual nas duas frentes. */
#calculos .compact-faq,
#automacao .compact-faq{
  width:100%;
  max-width:960px;
  margin-top:var(--ds-4);
  padding-top:var(--ds-4);
}
#calculos .compact-faq h2,
#automacao .compact-faq h2{
  margin-bottom:var(--ds-2);
  font-size:26px;
  line-height:1.2;
}
#calculos .compact-faq summary,
#automacao .compact-faq summary{
  padding-block:13px;
  font-size:14px;
  line-height:1.5;
}
#calculos .compact-faq details p,
#automacao .compact-faq details p{
  padding:0 0 13px;
  max-width:820px;
  font-size:13px;
  line-height:1.55;
}

@media(max-width:980px){
  .editorial-delivery{grid-template-columns:minmax(0,1fr)}
  .editorial-delivery-checks{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .editorial-delivery{padding:20px 18px}
  .editorial-delivery-checks{grid-template-columns:minmax(0,1fr)}
  .editorial-delivery-checks li{min-height:0;padding:15px}
  #calculos .compact-faq,
  #automacao .compact-faq{padding-top:var(--ds-3)}
}

/* V34 — melhor aproveitamento dos blocos da Home e reflexo sutil na segunda frente. */

/* Mais do que um número final: os três benefícios usam melhor a altura disponível
   com ícones, texto mais informativo e uma linha de benefício complementar. */
.editorial-delivery-checks li{
  justify-content:flex-start;
  min-height:168px;
  padding:20px 18px 18px;
}
.editorial-delivery-checks .delivery-icon{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  margin-bottom:16px;
  border:1px solid rgba(242,154,99,.28);
  border-radius:10px;
  background:rgba(242,154,99,.08);
  color:#f2a06b;
}
.editorial-delivery-checks .delivery-icon svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}
.editorial-delivery-checks li strong{
  margin-bottom:8px;
  font-size:16.5px;
}
.editorial-delivery-checks li>span:not(.delivery-icon){
  font-size:13.2px;
  line-height:1.6;
}
.editorial-delivery-checks li em{
  display:block;
  margin-top:auto;
  padding-top:14px;
  color:#8195ab;
  font-size:10.5px;
  font-style:normal;
  line-height:1.45;
}

/* Como funciona: sem a divisão vertical; a separação passa a ser feita apenas
   pelo grid e pelo respiro entre conteúdo e etapas. */
.home-process-copy{
  padding-right:0;
  border-right:0!important;
  border-bottom:0!important;
}

/* Outra frente de serviço: um reflexo muito leve percorre todo o bloco a cada 5s. */
.judicial-extra .secondary-vertical{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.judicial-extra .secondary-vertical::after{
  content:"";
  position:absolute;
  z-index:0;
  top:-34%;
  bottom:-34%;
  left:-22%;
  width:20%;
  pointer-events:none;
  opacity:0;
  transform:translateX(-520%) skewX(-16deg);
  background:linear-gradient(90deg,transparent,rgba(190,224,255,.075),rgba(255,255,255,.12),rgba(190,224,255,.055),transparent);
  filter:blur(.2px);
  animation:plannex-secondary-reflection 5s ease-in-out infinite;
}
.judicial-extra .secondary-vertical> *{
  position:relative;
  z-index:1;
}
@keyframes plannex-secondary-reflection{
  0%,68%{opacity:0;transform:translateX(-520%) skewX(-16deg)}
  72%{opacity:.28}
  88%{opacity:.18;transform:translateX(690%) skewX(-16deg)}
  92%,100%{opacity:0;transform:translateX(740%) skewX(-16deg)}
}

/* Cálculo avulso da Home: a faixa promocional ganha contexto útil no espaço
   livre, mantendo a mesma lógica visual da barra de preços da Automação. */
.hero-price-preview{
  width:min(100%,460px);
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  gap:5px 20px;
  min-height:76px;
  padding:14px 16px;
}
.hero-price-preview>small{
  grid-column:1;
  grid-row:1;
}
.hero-price-note{
  grid-column:1;
  grid-row:2;
  min-width:0;
  color:#9caec1;
  font-size:10.5px;
  font-style:normal;
  line-height:1.35;
  white-space:normal;
}
.hero-price-value{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:center;
}

@media(max-width:760px){
  .editorial-delivery-checks li{
    min-height:0;
    padding:17px 16px;
  }
  .editorial-delivery-checks .delivery-icon{
    width:34px;
    height:34px;
    margin-bottom:12px;
  }
  .editorial-delivery-checks li em{
    margin-top:12px;
    padding-top:0;
  }
  .hero-price-preview{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto;
    min-height:auto;
  }
  .hero-price-preview>small,
  .hero-price-note,
  .hero-price-value{
    grid-column:1;
    grid-row:auto;
  }
}

@media(prefers-reduced-motion:reduce){
  .judicial-extra .secondary-vertical::after{animation:none}
}

/* V35 — revisão final de ritmo, grid, contexto e conversão. */

/* Escala final: compacta o site sem sacrificar leitura. */
:root{
  --section-space:clamp(40px,4.7vw,58px);
  --grid-gap:16px;
  --panel-pad:clamp(17px,1.8vw,22px);
}

/* Header: o CTA mantém largura e troca de contexto por fade, sem deslocar o menu. */
#header-cta{
  min-width:190px;
  justify-content:center;
  opacity:1;
  transition:opacity .30s ease,background-color .34s ease,border-color .34s ease,color .34s ease,box-shadow .34s ease,transform .24s ease;
}
#header-cta.is-copy-changing{opacity:.22}

/* Home: conteúdo sobe e os cards informativos deixam de carregar altura artificial. */
.judicial-extra>.section-heading{margin-bottom:12px}
.home-extra .calc-needs{gap:var(--ds-2)}
.home-extra .calc-needs article{
  min-height:0;
  gap:0;
  padding:13px 16px 14px;
}
.home-extra .calc-needs article .section-index{margin:0 0 6px}
.home-extra .calc-needs article h3{margin:0 0 5px}
.home-extra .calc-needs article p{margin:0}

/* Antes/depois: reduz o vazio entre o título do cenário e a planilha. */
.transform-block{gap:var(--ds-3)}
.transform-panel{padding:20px}
.transform-topline{margin-bottom:10px}
.transform-panel h3{
  min-height:0;
  margin:0 0 9px;
}
.transform-panel .sheet-frame{margin-top:0}
.transform-panel>p:not(.eyebrow){margin-top:12px}
.transform-issues,.transform-results{margin-top:12px}

/* Automação: o bloco redundante foi removido e o restante se redistribui naturalmente. */
.automation-overview>p{margin:10px 0 14px}
.automation-path{margin:0 0 14px}
.automation-snapshot li{padding:9px 0}

/* Formas de contratação: duas linhas no desktop e descrição no mesmo eixo do título. */
#automacao .automation-plans .center{
  max-width:860px;
  margin-bottom:var(--ds-4);
}
#automacao .automation-plans .center h2,
#automacao .automation-plans-title{
  max-width:none;
  width:min(100%,760px);
}
#automacao .automation-plans .center .lead{
  width:min(100%,660px);
  max-width:none;
  margin-top:var(--ds-2);
}

/* Seções equivalentes usam a mesma cadência vertical. */
#inicio .home-extra{padding-top:var(--ds-5);padding-bottom:var(--ds-5)}
#calculos #contratacao-calculos,
#calculos #entregas-calculos,
#calculos #memoria-exemplo,
#calculos #faq-calculos,
#automacao .automation-services.content-block,
#automacao .automation-plans.content-block,
#automacao .compact-faq{
  margin-top:var(--ds-5);
}
#calculos #contratacao-calculos,
#automacao .automation-services.content-block,
#automacao .automation-plans.content-block{
  padding-top:var(--ds-4);
  padding-bottom:var(--ds-4);
}

/* Reflexo da segunda frente: percorre devagar e com brilho moderado para ser percebido sem parecer anúncio. */
.judicial-extra .secondary-vertical::after{
  left:-28%;
  width:25%;
  background:linear-gradient(90deg,transparent,rgba(190,224,255,.075),rgba(255,255,255,.17),rgba(190,224,255,.075),transparent);
  animation:plannex-secondary-reflection 10.8s cubic-bezier(.22,.61,.36,1) infinite;
}
@keyframes plannex-secondary-reflection{
  0%,54%{opacity:0;transform:translateX(-520%) skewX(-16deg)}
  58%{opacity:.22}
  64%{opacity:.36}
  86%{opacity:.30;transform:translateX(650%) skewX(-16deg)}
  91%,100%{opacity:0;transform:translateX(720%) skewX(-16deg)}
}

/* Planos: mantém comparabilidade e reduz áreas vazias sem diminuir tipografia. */
#automacao .support-plans{gap:var(--grid-gap)}
#automacao .support-plans .plan{padding:19px 18px}
#automacao .support-plans .plan-kicker{min-height:20px;margin-bottom:5px}
#automacao .support-plans .plan h3{min-height:26px;margin-bottom:4px}
#automacao .support-plans .plan-description{min-height:44px;margin-top:2px}
#automacao .support-plans .price{min-height:58px;margin-top:6px}
#automacao .support-plans .plan-features{gap:4px;margin:8px 0 9px;padding-top:7px}
#automacao .support-plans .plan-response{margin:6px 0 9px}
#automacao .support-plans .plan .button{margin-top:2px}

/* Cálculos: os cards de serviço seguem a mesma densidade dos cards de Automação. */
#calculos .calc-services{gap:var(--grid-gap)}
#calculos .calc-service{padding:17px 18px}
#calculos .calc-service .section-index{margin-bottom:8px}
#calculos .calc-service h3{min-height:0;margin-bottom:7px}
#calculos .calc-service p{line-height:1.58}

/* Contato: o acesso genérico sempre parte de Cálculos; contextos explícitos de Automação permanecem preservados. */
#contato .section-heading{margin-bottom:var(--ds-4)!important}
#contact-lead{min-height:3.05em}

@media(max-width:980px){
  #automacao .automation-plans .center h2,
  #automacao .automation-plans-title{width:100%}
}

@media(max-width:760px){
  #header-cta{min-width:0}
  .transform-panel{padding:18px}
  .transform-panel h3{margin-bottom:8px}
  .home-extra .calc-needs article{padding:12px 14px 13px}
  #automacao .automation-plans-title br{display:none}
  #automacao .support-plans .plan{padding:17px 16px}
  #automacao .support-plans .plan-description,
  #automacao .support-plans .plan h3,
  #automacao .support-plans .plan-kicker,
  #automacao .support-plans .price{min-height:0}
}

@media(prefers-reduced-motion:reduce){
  #header-cta{transition:none!important}
  #header-cta.is-copy-changing{opacity:1}
  .judicial-extra .secondary-vertical::after{animation:none!important}
}

/* V35 — consolidação final: preço, ritmo, copy e microinterações. */

/* CTA do header: troca de contexto por fade sem "piscar" nem deslocar o menu. */
#header-cta{
  transition:opacity .42s ease,background-color .42s ease,border-color .42s ease,color .42s ease,box-shadow .42s ease,transform .22s ease;
}
#header-cta.is-copy-changing{opacity:.58}

/* Home: três necessidades mais compactas, sem reduzir a tipografia. */
.judicial-extra>.section-heading{margin-bottom:10px}
.home-extra .calc-needs{gap:12px}
.home-extra .calc-needs article{padding:12px 14px 13px}
.home-extra .calc-needs article .section-index{margin-bottom:5px}
.home-extra .calc-needs article h3{margin-bottom:4px}

/* Antes/depois: aproxima título, planilha e resultados. */
.transform-panel{padding:18px}
.transform-topline{margin-bottom:8px}
.transform-panel h3{margin:0 0 6px;min-height:0}
.transform-issues,.transform-results{margin-top:10px}
.transform-panel>p:not(.eyebrow){margin-top:10px}

/* Segunda frente: reflexo mais lento, perceptível e ainda discreto. */
.judicial-extra .secondary-vertical::after{
  left:-32%;
  width:26%;
  background:linear-gradient(90deg,transparent,rgba(190,224,255,.07),rgba(255,255,255,.19),rgba(190,224,255,.07),transparent);
  animation:plannex-secondary-reflection-v35 14s cubic-bezier(.22,.61,.36,1) infinite;
}
@keyframes plannex-secondary-reflection-v35{
  0%,43%{opacity:0;transform:translateX(-540%) skewX(-16deg)}
  48%{opacity:.22}
  56%{opacity:.34}
  83%{opacity:.28;transform:translateX(660%) skewX(-16deg)}
  89%,100%{opacity:0;transform:translateX(735%) skewX(-16deg)}
}

/* Automação: remove o vazio deixado pelo antigo bloco de ajuda. */
.automation-overview>p{margin:10px 0 12px}
.automation-path{margin-top:8px;margin-bottom:12px}
.automation-snapshot{margin-top:0}

/* Título das formas de contratação: sempre 2 linhas no desktop. */
#automacao .automation-plans .center{max-width:820px}
#automacao .automation-plans-title{
  width:min(100%,720px);
  max-width:none;
  line-height:1.08;
}
#automacao .automation-plans .center .lead{
  width:min(100%,620px);
  margin-top:10px;
}

/* Preview de preços: âncora de valor com preço regular riscado + condição atual. */
.automation-price-preview>span{
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px 14px;
}
.automation-preview-price{
  grid-column:2;
  grid-row:1 / span 2;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:2px;
  min-width:125px;
}
.automation-preview-price del{
  color:rgba(220,236,255,.40);
  font-size:10px;
  line-height:1.1;
  text-decoration-color:currentColor;
  text-decoration-thickness:1.2px;
}
.automation-preview-price strong{
  color:#e6f2ff;
  font-size:15px;
  line-height:1.15;
}

/* Planos: preço promocional dentro do mesmo grid visual dos três cards. */
.plan-price-promo{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:22px;
  margin-top:7px;
}
.plan-price-promo del{
  color:rgba(222,234,248,.42);
  font-size:11px;
  line-height:1;
  text-decoration-color:currentColor;
  text-decoration-thickness:1.2px;
}
.plan-price-promo span{
  padding:3px 6px;
  border:1px solid rgba(101,170,245,.28);
  border-radius:999px;
  color:#8fc5ff;
  font-size:7.8px;
  font-weight:800;
  letter-spacing:.45px;
  line-height:1;
  text-transform:uppercase;
}
#automacao .support-plans .price{margin-top:5px;min-height:56px}
#automacao .support-plans .plan-description{min-height:42px}
#automacao .plan-features{margin-top:8px}
.plan-availability-note{
  max-width:78ch;
  margin:12px 0 0;
  color:#8fa2b8;
  font-size:10.5px;
  line-height:1.5;
}

/* Cálculos: cards compactos com leitura mais direta. */
#calculos .calc-service{padding:16px 17px}
#calculos .calc-service h3{font-size:18px;line-height:1.28;margin-bottom:6px}
#calculos .calc-service p{font-size:13.5px;line-height:1.52}

@media(max-width:760px){
  #automacao .automation-plans-title{width:100%}
  #automacao .automation-plans-title br{display:none}
  .automation-preview-price{
    grid-column:1;
    grid-row:auto;
    align-items:flex-start;
    min-width:0;
    margin-top:3px;
  }
  .automation-price-preview>span{grid-template-columns:minmax(0,1fr)}
  .plan-price-promo{margin-top:5px}
}

@media(prefers-reduced-motion:reduce){
  #header-cta{transition:none!important}
  #header-cta.is-copy-changing{opacity:1}
  .judicial-extra .secondary-vertical::after{animation:none!important}
}


/* V39 TESTE — contratação simplificada: 2 opções por frente. */
#calculos .calc-offer-pair{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
#calculos .calc-offer-pair .calc-price-card{
  height:100%;
}
#calculos .calc-custom-card{
  border-color:rgba(101,170,245,.42);
}
#calculos .calc-consultation-price{
  min-height:92px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:14px 0;
}
#calculos .calc-consultation-price strong{
  color:#dcecff;
  font-size:clamp(30px,3vw,44px);
  line-height:1.05;
  letter-spacing:-1.2px;
}
#calculos .calc-consultation-price span{
  color:var(--muted);
  font-size:12px;
}
#automacao .support-plans-two{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:920px;
  margin-inline:auto;
  gap:20px;
}
#automacao .support-plans-two .plan h3,
#automacao .support-plans-two .plan-description,
#automacao .support-plans-two .price,
#automacao .support-plans-two .plan-response{
  min-height:0;
}
#automacao .support-plans-two .plan-features{
  grid-template-rows:repeat(4,minmax(44px,auto));
}
#automacao .automation-price-preview-two{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:620px;
}
#automacao .automation-price-preview-two>span{
  display:block;
  min-height:82px;
}
#automacao .automation-price-preview-two small{
  margin-bottom:7px;
}
#automacao .automation-price-preview-two strong{
  text-align:left;
}
@media(max-width:900px){
  #automacao .support-plans-two,
  #calculos .calc-offer-pair{
    grid-template-columns:minmax(0,1fr);
    max-width:680px;
    margin-inline:auto;
  }
}
@media(max-width:760px){
  #automacao .automation-price-preview-two{
    grid-template-columns:minmax(0,1fr);
  }
}

/* V40 TESTE — harmonização final dos dois cards e aproveitamento integral do grid. */
#automacao .support-plans-two{
  width:100%;
  max-width:none;
  margin-inline:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--ds-3,24px);
  align-items:stretch;
}
#automacao .support-plans-two .plan{
  width:100%;
  min-width:0;
  height:100%;
  padding:30px;
  display:grid;
  grid-template-rows:auto auto minmax(72px,auto) auto minmax(96px,auto) 1fr auto auto;
  align-content:start;
  border-color:rgba(101,170,245,.34);
  background:linear-gradient(155deg,rgba(16,35,58,.96),rgba(10,22,38,.96));
  box-shadow:0 18px 42px rgba(0,0,0,.15);
}
#automacao .support-plans-two .plan-best{
  border-color:rgba(101,170,245,.58);
  box-shadow:0 18px 42px rgba(0,0,0,.15),0 0 0 1px rgba(101,170,245,.06) inset;
}
#automacao .support-plans-two .plan-kicker{
  min-height:34px;
  margin-bottom:12px;
}
#automacao .support-plans-two .plan h3{
  min-height:0;
  margin:0;
  font-size:clamp(25px,2.3vw,31px);
}
#automacao .support-plans-two .plan-description{
  min-height:72px;
  margin:12px 0 18px;
  font-size:14px;
  line-height:1.65;
}
#automacao .support-plans-two .plan-price-promo{
  min-height:42px;
  margin:0 0 8px;
}
#automacao .support-plans-two .price{
  min-height:96px;
  margin:0;
}
#automacao .support-plans-two .plan-features{
  display:grid;
  grid-template-rows:repeat(6,minmax(46px,auto));
  gap:7px;
  margin:8px 0 20px;
  padding-top:22px;
  align-content:start;
}
#automacao .support-plans-two .plan-features li{
  min-height:46px;
  margin:0;
  display:flex;
  align-items:flex-start;
  line-height:1.5;
}
#automacao .support-plans-two .plan-response{
  min-height:58px;
  margin:0 0 18px;
}
#automacao .support-plans-two .button{
  min-height:48px;
  margin-top:0;
}
#automacao .automation-plans>.center{
  width:100%;
  max-width:none;
}
#automacao .automation-plans>.center .lead{
  max-width:68ch;
  margin-inline:auto;
}
#automacao .plan-availability-note{
  max-width:none;
  width:100%;
  margin-top:14px;
  text-align:center;
}

/* Contato: as duas escolhas ocupam toda a largura disponível em desktop/tablet. */
.contact-interest-options,
.contact-interest-field[data-area="calculos"] .contact-interest-options,
.contact-interest-field[data-area="automacao"] .contact-interest-options{
  width:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.contact-interest-option{
  width:100%;
  min-height:92px;
  padding:14px 15px;
}

@media(min-width:761px) and (max-width:900px){
  #automacao .support-plans-two{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:none;
    margin-inline:0;
  }
  #calculos .calc-offer-pair{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:none;
    margin-inline:0;
  }
}
@media(max-width:760px){
  #automacao .support-plans-two,
  #calculos .calc-offer-pair,
  .contact-interest-options,
  .contact-interest-field[data-area="calculos"] .contact-interest-options,
  .contact-interest-field[data-area="automacao"] .contact-interest-options{
    grid-template-columns:minmax(0,1fr);
  }
  #automacao .support-plans-two .plan{
    display:flex;
    padding:22px 19px;
  }
  #automacao .support-plans-two .plan-description,
  #automacao .support-plans-two .plan-price-promo,
  #automacao .support-plans-two .price,
  #automacao .support-plans-two .plan-response{
    min-height:0;
  }
  #automacao .support-plans-two .plan-features{
    grid-template-rows:none;
  }
}


/* V41 TESTE — compactação, simetria e alinhamento fino. */
#automacao .automation-plans.content-block{
  padding-top:24px;
  padding-bottom:24px;
}
#automacao .automation-plans .center{
  margin-bottom:14px;
}
#automacao .automation-plans-title{
  margin-bottom:10px;
}
#automacao .automation-plans .lead{
  margin-bottom:0;
}
#automacao .support-plans-two{
  gap:20px;
}
#automacao .support-plans-two .plan{
  padding:24px 24px 22px;
  grid-template-rows:auto auto auto auto auto 1fr auto auto;
  gap:0;
}
#automacao .support-plans-two .plan:not(.plan-best)::before{
  content:"";
  display:block;
  height:24px;
  margin-bottom:6px;
}
#automacao .support-plans-two .plan-best .plan-badge{
  justify-self:start;
  margin-bottom:6px;
}
#automacao .support-plans-two .plan-kicker{
  min-height:0;
  margin-bottom:8px;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.7px;
}
#automacao .support-plans-two .plan h3{
  font-size:clamp(24px,2vw,29px);
  line-height:1.12;
}
#automacao .support-plans-two .plan-description{
  min-height:58px;
  margin:8px 0 14px;
  font-size:13.5px;
  line-height:1.55;
}
#automacao .support-plans-two .plan-price-promo{
  min-height:36px;
  margin:0 0 6px;
}
#automacao .support-plans-two .price{
  min-height:84px;
}
#automacao .support-plans-two .plan-features{
  grid-template-rows:repeat(6,minmax(40px,auto));
  gap:6px;
  margin:4px 0 14px;
  padding-top:16px;
}
#automacao .support-plans-two .plan-features li{
  min-height:40px;
  font-size:13.5px;
  line-height:1.45;
}
#automacao .support-plans-two .plan-response{
  min-height:44px;
  margin:0 0 14px;
  font-size:13px;
}
#automacao .support-plans-two .button{
  min-height:46px;
}
#automacao .plan-availability-note{
  margin-top:10px;
}

#calculos .calc-offer-pair{
  gap:20px;
}
#calculos .calc-offer-pair .calc-price-card{
  display:flex;
  flex-direction:column;
}
#calculos .calc-offer-points{
  align-items:stretch;
}
#calculos .calc-offer-points li{
  min-height:86px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
#calculos .calc-custom-card .calc-offer-points li,
#calculos .calc-price-card .calc-offer-points li{
  height:100%;
}

.contact-interest-heading label::after{
  content:"";
}
.contact-interest-heading{
  margin-bottom:8px;
}
.contact-interest-heading label{
  font-size:13px;
}
.contact-interest-option{
  min-height:86px;
  padding:12px 14px;
}

@media(max-width:760px){
  #automacao .automation-plans.content-block{
    padding-top:20px;
    padding-bottom:20px;
  }
  #automacao .support-plans-two .plan{
    padding:20px 18px;
  }
  #automacao .support-plans-two .plan:not(.plan-best)::before{
    display:none;
  }
  #calculos .calc-offer-points li{
    min-height:0;
  }
}


/* V42 TESTE — alinhamento milimétrico entre elementos equivalentes. */

/* Cabeçalho das formas de contratação: título e explicação no mesmo eixo vertical. */
#automacao .automation-plans .center{
  width:100%;
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  grid-template-areas:
    "eyebrow eyebrow"
    "title lead";
  column-gap:clamp(32px,4vw,64px);
  row-gap:10px;
  align-items:start;
  margin:0 0 18px;
  text-align:left;
}
#automacao .automation-plans .center>.eyebrow{grid-area:eyebrow;margin:0}
#automacao .automation-plans-title{
  grid-area:title;
  width:100%;
  max-width:none;
  margin:0;
  line-height:1.08;
}
#automacao .automation-plans .center .lead{
  grid-area:lead;
  width:100%;
  max-width:none;
  margin:2px 0 0;
  align-self:start;
  text-align:left;
}

/* Preview de preços: dois cards com a mesma estrutura e preço em duas linhas idênticas. */
#automacao .automation-price-preview-two{
  width:100%;
  max-width:none;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
#automacao .automation-price-preview-two>.automation-preview-card{
  position:relative;
  display:grid;
  grid-template-rows:16px 20px 1fr;
  align-content:start;
  min-height:106px;
  padding:12px 14px 13px;
}
#automacao .automation-price-preview-two .preview-badge-spacer{
  display:block;
  height:16px;
}
#automacao .automation-price-preview-two>.is-recommended>b{
  position:static;
  justify-self:end;
  align-self:start;
  margin:0;
  min-height:16px;
}
#automacao .automation-price-preview-two small{
  display:block;
  margin:0;
  align-self:center;
}
#automacao .automation-price-preview-two .automation-preview-price{
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:15px auto;
  align-content:end;
  align-items:end;
  min-width:0;
  margin-top:3px;
  gap:2px;
}
#automacao .automation-price-preview-two .automation-preview-price del{
  justify-self:end;
  margin:0;
  line-height:1;
}
#automacao .automation-price-preview-two .automation-preview-price strong{
  display:grid;
  grid-template-rows:auto auto;
  justify-items:start;
  width:100%;
  margin:0;
  line-height:1.02;
  text-align:left;
}
#automacao .automation-price-preview-two .automation-preview-price strong>span:first-child{
  display:block;
  font-size:13px;
  line-height:1.1;
}
#automacao .automation-price-preview-two .automation-preview-price strong>span:last-child{
  display:flex;
  align-items:baseline;
  gap:2px;
  font-size:17px;
  line-height:1.05;
}
#automacao .automation-price-preview-two .automation-preview-price em{
  font-style:normal;
  font-size:10px;
  font-weight:700;
  color:inherit;
}

/* Planos completos: remove o espaçador artificial e usa os mesmos trilhos em ambos. */
#automacao .support-plans-two{
  width:100%;
  max-width:none;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
#automacao .support-plans-two .plan{
  position:relative;
  width:100%;
  min-width:0;
  height:100%;
  padding:24px;
  display:grid;
  grid-template-rows:18px 34px 66px 38px 86px minmax(268px,1fr) 50px 48px;
  gap:0;
  align-content:stretch;
}
#automacao .support-plans-two .plan:not(.plan-best)::before{content:none;display:none}
#automacao .support-plans-two .plan-badge{
  position:absolute;
  top:-10px;
  right:18px;
  margin:0;
}
#automacao .support-plans-two .plan-kicker{
  grid-row:1;
  min-height:18px;
  margin:0;
  align-self:start;
  display:flex;
  align-items:flex-start;
  font-size:10px;
  line-height:1.2;
}
#automacao .support-plans-two .plan h3{
  grid-row:2;
  margin:0;
  align-self:start;
  min-height:0;
  font-size:clamp(24px,2vw,29px);
  line-height:1.12;
}
#automacao .support-plans-two .plan-description{
  grid-row:3;
  min-height:0;
  margin:0;
  padding-top:7px;
  align-self:start;
  font-size:13.5px;
  line-height:1.5;
}
#automacao .support-plans-two .plan-price-promo{
  grid-row:4;
  min-height:0;
  margin:0;
  align-self:center;
}
#automacao .support-plans-two .price{
  grid-row:5;
  min-height:0;
  margin:0;
  padding:0;
  display:grid;
  grid-template-rows:18px 34px 18px;
  align-content:start;
}
#automacao .support-plans-two .price>small{
  margin:0;
  line-height:1.2;
  align-self:start;
}
#automacao .support-plans-two .plan-price-main{
  display:flex;
  align-items:baseline;
  gap:5px;
  margin:0;
  color:#f1f5fa;
  font-size:28px;
  font-weight:700;
  line-height:1;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.5px;
}
#automacao .support-plans-two .plan-price-main>span:first-child{font-size:18px}
#automacao .support-plans-two .plan-price-main em{
  font-style:normal;
  font-size:13px;
  font-weight:600;
  letter-spacing:0;
}
#automacao .support-plans-two .plan-features{
  grid-row:6;
  display:grid;
  grid-template-rows:repeat(6,40px);
  gap:6px;
  margin:0;
  padding:14px 0 0;
  align-content:start;
}
#automacao .support-plans-two .plan-features li{
  min-height:40px;
  height:40px;
  margin:0;
  display:flex;
  align-items:center;
  line-height:1.35;
}
#automacao .support-plans-two .plan-response{
  grid-row:7;
  min-height:0;
  height:50px;
  margin:0;
  align-self:start;
  display:flex;
  align-items:center;
}
#automacao .support-plans-two .button{
  grid-row:8;
  min-height:48px;
  height:48px;
  margin:0;
  align-self:end;
}

/* Cálculos: os seis microcards usam a mesma altura e os mesmos eixos. */
#calculos .calc-offer-points{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  align-items:stretch;
}
#calculos .calc-offer-points li{
  height:96px;
  min-height:96px;
  padding:10px 11px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

@media(max-width:900px){
  #automacao .automation-plans .center{
    grid-template-columns:1fr;
    grid-template-areas:"eyebrow" "title" "lead";
    row-gap:8px;
  }
  #automacao .automation-plans .center .lead{margin-top:0}
}
@media(max-width:760px){
  #automacao .automation-price-preview-two{grid-template-columns:1fr}
  #automacao .support-plans-two{grid-template-columns:1fr}
  #automacao .support-plans-two .plan{
    display:flex;
    flex-direction:column;
    padding:20px 18px;
  }
  #automacao .support-plans-two .plan-kicker,
  #automacao .support-plans-two .plan h3,
  #automacao .support-plans-two .plan-description,
  #automacao .support-plans-two .plan-price-promo,
  #automacao .support-plans-two .price,
  #automacao .support-plans-two .plan-features,
  #automacao .support-plans-two .plan-response,
  #automacao .support-plans-two .button{
    height:auto;
    min-height:0;
  }
  #automacao .support-plans-two .plan-description{margin:8px 0 12px;padding-top:0}
  #automacao .support-plans-two .plan-price-promo{margin-bottom:6px}
  #automacao .support-plans-two .price{display:flex;margin-bottom:8px}
  #automacao .support-plans-two .plan-features{display:grid;grid-template-rows:none;margin:8px 0 12px;padding-top:12px}
  #automacao .support-plans-two .plan-features li{height:auto;min-height:38px}
  #automacao .support-plans-two .plan-response{margin-bottom:12px}
  #automacao .support-plans-two .button{min-height:46px}
  #calculos .calc-offer-points li{height:auto;min-height:0}
}


/* V44 TESTE — apenas alinhamento: sem redesenhar as áreas já aprovadas. */

/* 1) Cabeçalho de "Duas formas simples de contratar": volta ao padrão do site,
      com título e descrição em sequência, sem lateralização. */
#automacao .automation-plans .center{
  display:block;
  width:100%;
  max-width:760px;
  margin:0 auto 18px;
  text-align:center;
}
#automacao .automation-plans .center>.eyebrow,
#automacao .automation-plans-title,
#automacao .automation-plans .center .lead{
  width:100%;
  max-width:none;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
#automacao .automation-plans-title{margin-top:0;margin-bottom:8px;line-height:1.08}
#automacao .automation-plans .center .lead{margin-top:0;margin-bottom:0;max-width:68ch}

/* 2) Resumo no topo da Automação: dois itens um embaixo do outro,
      com a mesma lógica lateral do resumo de Cálculo avulso. */
#automacao .automation-price-preview-two{
  width:100%;
  max-width:650px;
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
  margin-top:18px;
}
#automacao .automation-price-preview-two>.automation-preview-card{
  position:relative;
  width:100%;
  min-height:66px;
  padding:11px 14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(210px,auto);
  grid-template-rows:1fr;
  align-items:center;
  gap:18px;
}
#automacao .automation-price-preview-two>.automation-preview-card>small{
  display:block;
  margin:0;
  align-self:center;
  color:#b9c9db;
  font-size:10px;
  font-weight:800;
  letter-spacing:.65px;
  line-height:1.2;
  text-transform:uppercase;
}
#automacao .automation-price-preview-two .preview-badge-spacer{display:none!important}
#automacao .automation-price-preview-two>.is-recommended>b{
  position:absolute;
  top:-8px;
  right:12px;
  margin:0;
  min-height:0;
  padding:3px 7px;
  line-height:1.25;
}
#automacao .automation-price-preview-two .automation-preview-price{
  min-width:210px;
  margin:0;
  display:grid;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  column-gap:12px;
  row-gap:2px;
  align-items:end;
  justify-content:end;
}
#automacao .automation-price-preview-two .automation-preview-price del{
  grid-column:2;
  grid-row:1;
  justify-self:end;
  margin:0;
  font-size:10px;
  line-height:1;
}
#automacao .automation-price-preview-two .automation-preview-price strong{
  grid-column:1 / 3;
  grid-row:2;
  width:auto;
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:4px;
  margin:0;
  text-align:right;
  white-space:nowrap;
  line-height:1.05;
}
#automacao .automation-price-preview-two .automation-preview-price strong>span:first-child,
#automacao .automation-price-preview-two .automation-preview-price strong>span:last-child{
  display:inline-flex;
  align-items:baseline;
  font-size:16px;
  line-height:1.05;
}
#automacao .automation-price-preview-two .automation-preview-price strong>span:last-child{font-size:17px}
#automacao .automation-price-preview-two .automation-preview-price em{
  font-style:normal;
  font-size:10px;
  font-weight:700;
}

/* 3) Cálculos: duas ofertas comparáveis usam exatamente os mesmos trilhos. */
#calculos .calc-offer-pair{
  align-items:stretch;
}
#calculos .calc-offer-pair .calc-price-card{
  height:100%;
  display:grid;
  grid-template-rows:18px 34px 108px 64px 96px 48px;
  gap:10px;
  align-content:start;
}
#calculos .calc-offer-pair .calc-price-card>.eyebrow{
  grid-row:1;
  margin:0;
  align-self:start;
}
#calculos .calc-offer-pair .calc-price-card>h3{
  grid-row:2;
  margin:0;
  align-self:start;
}
#calculos .calc-offer-price-zone{
  grid-row:3;
  height:108px;
  min-height:108px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  overflow:visible;
}
#calculos .calc-offer-price-zone .calc-price-promo{margin:0}
#calculos .calc-offer-price-zone .calc-price{margin:0}
#calculos .calc-offer-price-zone .calc-consultation-price{
  width:100%;
  min-height:0;
  height:auto;
  padding:0;
  justify-content:center;
}
#calculos .calc-offer-pair .calc-price-card>p:not(.eyebrow){
  grid-row:4;
  min-height:64px;
  margin:0;
  max-width:none;
  align-self:start;
}
#calculos .calc-offer-pair .calc-offer-points{
  grid-row:5;
  height:96px;
  min-height:96px;
  margin:0;
  align-self:stretch;
}
#calculos .calc-offer-pair .calc-offer-points li{
  height:96px;
  min-height:96px;
  margin:0;
  box-sizing:border-box;
}
#calculos .calc-offer-pair .calc-price-card>.button{
  grid-row:6;
  height:48px;
  min-height:48px;
  margin:0;
  align-self:end;
}

/* 4) Antes x Depois da Automação: as duas métricas usam a mesma geometria. */
#automacao .transform-issues,
#automacao .transform-results{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
  align-items:stretch;
}
#automacao .transform-issues>span,
#automacao .transform-results>span{
  min-width:0;
  height:78px;
  min-height:78px;
  padding:10px;
  box-sizing:border-box;
  border-radius:8px;
}
#automacao .transform-issues>span{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  line-height:1.35;
}
#automacao .transform-results>span{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* 5) Planos de Automação: mantém o layout existente; só alinha linhas equivalentes. */
#automacao .support-plans-two .plan-features{
  grid-template-rows:repeat(6,40px);
}
#automacao .support-plans-two .plan-features li{
  position:relative;
  height:40px;
  min-height:40px;
  margin:0;
  padding-top:0;
  padding-bottom:0;
  display:flex;
  align-items:center;
  line-height:1.35;
}
#automacao .support-plans-two .plan-features li::before{
  flex:0 0 auto;
  margin-top:0;
  align-self:center;
}

@media(max-width:900px){
  #automacao .automation-plans .center{text-align:left;margin-inline:0;max-width:100%}
  #automacao .automation-plans .center>.eyebrow,
  #automacao .automation-plans-title,
  #automacao .automation-plans .center .lead{text-align:left;margin-left:0;margin-right:0}
}
@media(max-width:760px){
  #automacao .automation-price-preview-two>.automation-preview-card{
    grid-template-columns:1fr;
    gap:7px;
    min-height:0;
  }
  #automacao .automation-price-preview-two .automation-preview-price{
    min-width:0;
    justify-content:start;
  }
  #automacao .automation-price-preview-two .automation-preview-price del{justify-self:start}
  #automacao .automation-price-preview-two .automation-preview-price strong{justify-content:flex-start;text-align:left}
  #calculos .calc-offer-pair .calc-price-card{
    display:flex;
    flex-direction:column;
    height:auto;
  }
  #calculos .calc-offer-price-zone,
  #calculos .calc-offer-pair .calc-price-card>p:not(.eyebrow),
  #calculos .calc-offer-pair .calc-offer-points,
  #calculos .calc-offer-pair .calc-offer-points li,
  #calculos .calc-offer-pair .calc-price-card>.button{
    height:auto;
    min-height:0;
  }
  #calculos .calc-offer-price-zone{padding-block:4px}
  #automacao .transform-issues>span,
  #automacao .transform-results>span{height:auto;min-height:68px}
}


/* V45 TESTE — refinamento pontual, preservando a estrutura aprovada. */

/* Formas de contratação: padrão global do site = alinhamento à esquerda. */
#automacao .automation-plans .center{
  display:block;
  width:100%;
  max-width:none;
  margin:0 0 18px;
  text-align:left;
}
#automacao .automation-plans .center>.eyebrow,
#automacao .automation-plans-title,
#automacao .automation-plans .center .lead{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
  text-align:left;
}
#automacao .automation-plans-title{
  margin-top:0;
  margin-bottom:8px;
}
#automacao .automation-plans .center .lead{
  max-width:68ch;
  margin-top:0;
  margin-bottom:0;
}

/* Resumo lateralizado no topo da Automação: mesma lógica, com linha de apoio. */
#automacao .automation-price-preview-two>.automation-preview-card{
  min-height:78px;
  padding:14px 16px;
  grid-template-columns:minmax(0,1fr) minmax(210px,auto);
  gap:20px;
}
#automacao .automation-preview-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}
#automacao .automation-price-preview-two>.automation-preview-card .automation-preview-copy>small{
  margin:0;
}
#automacao .automation-preview-meta{
  display:block;
  margin:0;
  color:#8296ad;
  font-size:10.5px;
  font-style:normal;
  font-weight:600;
  line-height:1.25;
  letter-spacing:0;
  text-transform:none;
}
#automacao .automation-price-preview-two>.is-recommended{
  padding-top:17px;
}
#automacao .automation-price-preview-two>.is-recommended>b{
  top:-7px;
  right:14px;
  z-index:2;
}

/* Benefícios dos planos: ícone e texto na mesma linha óptica. */
#automacao .support-plans-two .plan-features li{
  position:relative;
  min-height:40px;
  height:40px;
  padding:0 0 0 28px;
  display:flex;
  align-items:center;
  line-height:1.35;
}
#automacao .support-plans-two .plan-features li::before{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  margin:0;
  align-self:auto;
}

/* Prazo e CTA não podem parecer uma única caixa: cria respiro claro entre eles. */
#automacao .support-plans-two .plan-response{
  min-height:48px;
  margin:0 0 18px;
  padding:11px 13px;
  display:flex;
  align-items:center;
}
#automacao .support-plans-two .button{
  margin-top:4px;
}

@media(max-width:760px){
  #automacao .automation-price-preview-two>.automation-preview-card{
    grid-template-columns:1fr;
    gap:9px;
    min-height:0;
    padding:14px 15px;
  }
  #automacao .automation-price-preview-two>.is-recommended{
    padding-top:18px;
  }
  #automacao .support-plans-two .plan-features li{
    height:auto;
    min-height:38px;
  }
}


/* V46 TESTE — acabamento milimétrico sem alterar a estrutura aprovada. */

/* 1) Mesma cadência vertical nas duas seções editoriais da Automação. */
#automacao .automation-services .section-heading,
#automacao .automation-plans .center{
  width:100%;
  max-width:820px;
  margin:0 0 var(--ds-4,24px);
  text-align:left;
}
#automacao .automation-services .section-heading .eyebrow,
#automacao .automation-plans .center>.eyebrow{
  margin:0 0 14px;
}
#automacao .automation-services .section-heading h2,
#automacao .automation-plans-title{
  margin:0;
  line-height:1.12;
  text-align:left;
}
#automacao .automation-services .section-heading .lead,
#automacao .automation-plans .center .lead{
  width:100%;
  max-width:700px;
  margin:12px 0 0;
  text-align:left;
}

/* 2) Resumo no topo: mesma hierarquia cromática do preço da Home. */
#automacao .automation-price-preview-two>.automation-preview-card .automation-preview-copy>small{
  color:#72b7ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.72px;
}
#automacao .automation-preview-meta{
  color:#a2b4c8;
  font-size:10.5px;
  font-weight:600;
}
#automacao .automation-price-preview-two>.is-recommended>b{
  top:-9px;
}

/* 3) Benefícios: check/X e texto compartilham exatamente a mesma linha óptica. */
#automacao .support-plans-two .plan-features li{
  position:relative;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  column-gap:9px;
  align-items:center;
  height:40px;
  min-height:40px;
  padding:0;
  line-height:1.35;
}
#automacao .support-plans-two .plan-features li::before{
  position:static;
  left:auto;
  top:auto;
  transform:none;
  margin:0;
  align-self:center;
  justify-self:start;
}

/* 4) Prazo e botão são blocos distintos: 16px reais de respiro entre eles. */
#automacao .support-plans-two .plan{
  grid-template-rows:18px 34px 66px 38px 86px minmax(268px,1fr) 66px 48px;
}
#automacao .support-plans-two .plan-response{
  grid-row:7;
  width:100%;
  height:50px;
  min-height:50px;
  margin:0;
  padding:11px 13px;
  align-self:start;
  box-sizing:border-box;
}
#automacao .support-plans-two .button{
  grid-row:8;
  width:100%;
  height:48px;
  min-height:48px;
  margin:0;
  align-self:start;
}

@media(max-width:760px){
  #automacao .automation-services .section-heading,
  #automacao .automation-plans .center{
    margin-bottom:20px;
  }
  #automacao .support-plans-two .plan-features li{
    height:auto;
    min-height:38px;
  }
  #automacao .support-plans-two .plan-response{
    height:auto;
    min-height:0;
    margin-bottom:16px;
  }
  #automacao .support-plans-two .button{
    height:auto;
    min-height:46px;
  }
}

/* V47 FINAL — último ajuste fino no resumo do topo da Automação. */
#automacao .automation-price-preview-two>.automation-preview-card{
  padding-left:12px;
}
#automacao .automation-preview-copy{
  align-items:flex-start;
  text-align:left;
  padding:0;
  margin:0;
}
#automacao .automation-price-preview-two>.automation-preview-card .automation-preview-copy>small,
#automacao .automation-preview-meta{
  width:100%;
  margin-left:0!important;
  padding-left:0!important;
  text-align:left;
  text-indent:0;
}
#automacao .automation-price-preview-two>.automation-preview-card .automation-preview-copy>small{
  transform:translateX(-1px);
}

@media(max-width:760px){
  #automacao .automation-price-preview-two>.automation-preview-card{
    padding-left:14px;
  }
  #automacao .automation-price-preview-two>.automation-preview-card .automation-preview-copy>small{
    transform:none;
  }
}

/* ========================================================================== 
   PLANNEX — ULTIMATO / camada final de entrega
   Objetivo: consolidar ritmo, comparação e alinhamento sem redesenhar o site.
   ========================================================================== */
:root{
  --ds-1:8px;
  --ds-2:12px;
  --ds-3:16px;
  --ds-4:24px;
  --ds-5:32px;
  --ds-6:48px;
  --grid-gap:16px;
  --release-heading-kicker-gap:14px;
  --release-heading-copy-gap:12px;
  --release-heading-block-gap:24px;
  --release-comparison-gap:20px;
}

/* Ritmo editorial: títulos equivalentes seguem as mesmas distâncias. */
#calculos #contratacao-calculos>.section-heading,
#calculos #entregas-calculos>.section-heading,
#automacao .automation-services>.section-heading,
#automacao .automation-plans>.center{
  width:100%;
  max-width:820px;
  margin:0 0 var(--release-heading-block-gap);
  text-align:left;
}
#calculos #contratacao-calculos>.section-heading .eyebrow,
#calculos #entregas-calculos>.section-heading .eyebrow,
#automacao .automation-services>.section-heading .eyebrow,
#automacao .automation-plans>.center>.eyebrow{
  margin:0 0 var(--release-heading-kicker-gap);
}
#calculos #contratacao-calculos>.section-heading h2,
#calculos #entregas-calculos>.section-heading h2,
#automacao .automation-services>.section-heading h2,
#automacao .automation-plans-title{
  margin:0;
  line-height:1.12;
  text-align:left;
}
#calculos #contratacao-calculos>.section-heading .lead,
#automacao .automation-services>.section-heading .lead,
#automacao .automation-plans>.center .lead{
  max-width:700px;
  margin:var(--release-heading-copy-gap) 0 0;
  text-align:left;
}

/* Comparação de cálculos: mesmos trilhos, alturas, gaps e CTA. */
#calculos .calc-offer-pair{
  gap:var(--release-comparison-gap);
  align-items:stretch;
}
#calculos .calc-offer-pair .calc-price-card{
  height:100%;
  grid-template-rows:18px 34px 108px 64px 96px 48px;
  row-gap:10px;
}
#calculos .calc-offer-price-zone{
  height:108px;
  min-height:108px;
}
#calculos .calc-offer-pair .calc-price-card>p:not(.eyebrow){
  height:64px;
  min-height:64px;
  margin:0;
}
#calculos .calc-offer-pair .calc-offer-points{
  height:96px;
  min-height:96px;
  gap:8px;
  margin:0;
  align-items:stretch;
}
#calculos .calc-offer-pair .calc-offer-points li{
  height:96px;
  min-height:96px;
  margin:0;
  padding:10px 11px;
}
#calculos .calc-offer-pair .calc-offer-points strong{
  min-height:30px;
  display:flex;
  align-items:flex-start;
}
#calculos .calc-offer-pair .calc-price-card>.button{
  height:48px;
  min-height:48px;
  margin:0;
}

/* Resumo inicial da Automação: dois blocos laterais com o mesmo eixo. */
#automacao .automation-price-preview-two{
  width:100%;
  max-width:650px;
  grid-template-columns:1fr;
  gap:9px;
}
#automacao .automation-price-preview-two>.automation-preview-card{
  width:100%;
  min-height:78px;
  padding:14px 16px 14px 12px;
  grid-template-columns:minmax(0,1fr) minmax(210px,auto);
  column-gap:20px;
  align-items:center;
}
#automacao .automation-preview-copy{
  min-width:0;
  margin:0;
  padding:0;
  align-items:flex-start;
  text-align:left;
}
#automacao .automation-preview-copy>small,
#automacao .automation-preview-meta{
  width:100%;
  margin-left:0!important;
  padding-left:0!important;
  text-align:left;
  text-indent:0;
  transform:none!important;
}
#automacao .automation-price-preview-two>.is-recommended>b{
  top:-9px;
  right:14px;
}

/* Antes x depois: três métricas de cada lado usam geometria idêntica. */
#automacao .transform-issues,
#automacao .transform-results{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
  align-items:stretch;
}
#automacao .transform-issues>span,
#automacao .transform-results>span{
  width:100%;
  min-width:0;
  height:78px;
  min-height:78px;
  margin:0;
  padding:10px;
  border-radius:8px;
  box-sizing:border-box;
}

/* Planos de automação: mesmos trilhos para preço, lista, prazo e CTA. */
#automacao .support-plans-two{
  gap:var(--release-comparison-gap);
  align-items:stretch;
}
#automacao .support-plans-two .plan{
  height:100%;
  grid-template-rows:18px 34px 66px 38px 86px minmax(268px,1fr) 66px 48px;
  row-gap:0;
}
#automacao .support-plans-two .plan-features{
  grid-template-rows:repeat(6,40px);
  gap:6px;
}
#automacao .support-plans-two .plan-features li{
  position:relative;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  column-gap:9px;
  align-items:center;
  height:40px;
  min-height:40px;
  padding:0;
  margin:0;
  line-height:1.35;
}
#automacao .support-plans-two .plan-features li::before{
  position:static;
  margin:0;
  transform:none;
  align-self:center;
  justify-self:start;
}
#automacao .support-plans-two .plan-response{
  width:100%;
  height:50px;
  min-height:50px;
  margin:0;
  align-self:start;
}
#automacao .support-plans-two .button{
  width:100%;
  height:48px;
  min-height:48px;
  margin:0;
  align-self:start;
}

/* Contato: opções comparáveis ocupam a mesma largura e altura. */
.contact-interest-options,
.contact-interest-field[data-area="calculos"] .contact-interest-options,
.contact-interest-field[data-area="automacao"] .contact-interest-options{
  width:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.contact-interest-option{
  width:100%;
  min-height:92px;
  padding:14px 15px;
}

@media(max-width:760px){
  #calculos .calc-offer-pair .calc-price-card{
    display:flex;
    flex-direction:column;
    height:auto;
  }
  #calculos .calc-offer-price-zone,
  #calculos .calc-offer-pair .calc-price-card>p:not(.eyebrow),
  #calculos .calc-offer-pair .calc-offer-points,
  #calculos .calc-offer-pair .calc-offer-points li,
  #calculos .calc-offer-pair .calc-offer-points strong,
  #calculos .calc-offer-pair .calc-price-card>.button{
    height:auto;
    min-height:0;
  }
  #automacao .automation-price-preview-two>.automation-preview-card{
    grid-template-columns:1fr;
    gap:9px;
    min-height:0;
    padding:14px 15px;
  }
  #automacao .transform-issues>span,
  #automacao .transform-results>span{
    height:auto;
    min-height:68px;
  }
  #automacao .support-plans-two .plan{
    display:flex;
    flex-direction:column;
    height:auto;
  }
  #automacao .support-plans-two .plan-features{
    grid-template-rows:none;
  }
  #automacao .support-plans-two .plan-features li{
    height:auto;
    min-height:38px;
  }
  #automacao .support-plans-two .plan-response{
    height:auto;
    min-height:0;
    margin-bottom:16px;
  }
  #automacao .support-plans-two .button{
    height:auto;
    min-height:46px;
  }
  .contact-interest-options,
  .contact-interest-field[data-area="calculos"] .contact-interest-options,
  .contact-interest-field[data-area="automacao"] .contact-interest-options{
    grid-template-columns:1fr;
  }
}


/* ULTIMATO REV2 — refinamento final da Home. */
.home-extra .calc-needs article .section-index{
  font-size:12.5px;
  line-height:1;
  letter-spacing:.9px;
  font-weight:800;
  margin:0 0 7px;
}
.home-process-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  align-self:start;
  padding-top:0;
}
.home-process-copy .eyebrow{
  margin:0 0 8px;
}
.home-process-copy h3{
  margin:0 0 12px;
  max-width:17ch;
}
.home-process-copy p:not(.eyebrow){
  margin:0;
  max-width:54ch;
}
@media(max-width:760px){
  .home-extra .calc-needs article .section-index{
    font-size:12px;
  }
  .home-process-copy h3{
    max-width:none;
  }
}


/* ULTIMATO REV3 — hierarquia visual: destaque só onde importa. */
#automacao .automation-overview h3{
  max-width:100%;
  color:#f3f7fb;
}
#automacao .automation-overview h3 em{
  color:inherit;
  font-style:normal;
  font-weight:inherit;
}
/* Textos explicativos permanecem neutros; azul fica reservado ao hero,
   estados, preços e ações principais. */
#automacao .automation-overview>p,
#automacao .automation-snapshot li span{
  color:#b7c5d8;
}
@media(min-width:1100px){
  #automacao .automation-overview h3{
    max-width:none;
    font-size:clamp(24px,2.3vw,33px);
  }
}


/* ULTIMATO REV4 — ritmo mais calmo no hero e início da Automação mais enxuto. */
@media(min-width:1001px){
  #automacao{
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    column-gap:clamp(34px,4vw,58px);
  }
  #automacao>.automation-overview{
    width:100%;
    max-width:620px;
    justify-self:end;
  }
}
#automacao .automation-overview{
  padding:clamp(22px,2.3vw,28px);
}
#automacao .automation-overview-head{
  margin-bottom:14px;
}
#automacao .automation-overview h3{
  font-size:clamp(23px,2.15vw,31px);
  line-height:1.14;
}
#automacao .automation-overview>p{
  margin:9px 0 14px;
  max-width:54ch;
  font-size:12.5px;
  line-height:1.58;
}
#automacao .automation-path{
  margin-bottom:14px;
  gap:7px;
}
#automacao .automation-path-step{
  padding:11px 10px;
}
#automacao .automation-snapshot li{
  padding:10px 0;
}
#automacao .automation-snapshot strong{
  font-size:10.5px;
}
#automacao .automation-snapshot span{
  font-size:9.8px;
  line-height:1.42;
}


/* ULTIMATO REV5 — revisão editorial e consistência final de alinhamento. */
:root{
  --final-heading-gap:10px;
  --final-copy-gap:10px;
  --final-block-gap:24px;
}
/* Títulos editoriais repetidos seguem a mesma cadência visual. */
.home-extra .section-heading,
#calculos .content-block>.section-heading,
#automacao .content-block>.section-heading,
#automacao .automation-services .section-heading{
  margin-bottom:var(--final-block-gap);
}
.home-extra .section-heading .eyebrow,
#calculos .content-block>.section-heading .eyebrow,
#automacao .content-block>.section-heading .eyebrow,
#automacao .automation-services .section-heading .eyebrow{
  margin-bottom:var(--final-heading-gap);
}
.home-extra .section-heading h2 + .lead,
#calculos .content-block>.section-heading h2 + .lead,
#automacao .content-block>.section-heading h2 + .lead,
#automacao .automation-services .section-heading h2 + .lead{
  margin-top:var(--final-copy-gap);
}
/* Textos de apoio não competem com títulos e CTAs. */
#calculos .lead,
#automacao .lead,
#automacao .automation-overview>p,
.contact-aside .contact-plan-help{
  max-width:64ch;
}
/* Comparações mantêm o mesmo eixo e a mesma altura útil em desktop. */
@media(min-width:901px){
  #calculos .calc-offer-pair,
  #automacao .support-plans-two{
    align-items:stretch;
  }
  #calculos .calc-offer-pair .calc-price-card,
  #automacao .support-plans-two .plan{
    height:100%;
  }
}


/* ULTIMATO REV7 — contato com terceira área e planos atualizados. */
#contact-interest-field[hidden]{display:none!important;}
body[data-contact-theme="outros"]{--contact-page-rgb:142,158,178;}
body[data-page="contato"][data-contact-theme="outros"] .required-mark{color:#aebdce;}
#automacao .support-plans-two .plan-features{
  grid-template-rows:repeat(7,40px);
}
@media(max-width:760px){
  #automacao .support-plans-two .plan-features{grid-template-rows:none;}
}

/* ULTIMATO REV7 — comparação dos planos com 7 linhas equivalentes. */
#automacao .support-plans-two .plan-features{grid-template-rows:repeat(7,48px);}
#automacao .support-plans-two .plan-features li{height:48px;min-height:48px;}
@media(max-width:760px){
 #automacao .support-plans-two .plan-features{grid-template-rows:none;}
 #automacao .support-plans-two .plan-features li{height:auto;min-height:38px;}
}


/* REV8 — reforço comercial sem quebrar a simetria dos componentes. */
#calculos .calc-offer-pair .calc-delivery-note{
  min-height:48px;
  margin:0 0 2px;
  padding:10px 12px;
  border:1px solid rgba(101,170,245,.18);
  border-radius:10px;
  background:rgba(101,170,245,.045);
  color:#9fb0c3;
  font-size:11.5px;
  line-height:1.45;
}
#calculos .calc-offer-pair .calc-delivery-note strong{
  color:#dcecff;
  font-weight:800;
}
#automacao .support-plans-two .plan-description{
  min-height:82px;
}
#automacao .support-plans-two .plan-features li strong{
  color:inherit;
  font:inherit;
  font-weight:800;
}
@media(max-width:760px){
  #calculos .calc-offer-pair .calc-delivery-note,
  #automacao .support-plans-two .plan-description{
    min-height:0;
  }
}


/* ULTIMATO REV10 — observação de prazo somente no contato de Cálculos. */
.contact-calc-timing{
  width:100%;
  margin-top:2px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(9,20,34,.46);
  overflow:hidden;
  max-height:180px;
  opacity:1;
  transform:translateY(0);
  transition:max-height .28s ease,opacity .22s ease,transform .28s ease,padding .28s ease,margin .28s ease,border-color .28s ease;
}
.contact-calc-timing .report-label{
  margin:0 0 9px;
  color:var(--accent);
  font-size:9.5px;
  letter-spacing:.12em;
}
.contact-calc-timing-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.contact-calc-timing-grid>div{
  min-width:0;
}
.contact-calc-timing-grid>div+div{
  padding-left:0;
}
.contact-calc-timing strong,
.contact-calc-timing span{
  display:block;
}
.contact-calc-timing strong{
  margin-bottom:3px;
  color:#edf3fa;
  font-size:12px;
  line-height:1.3;
}
.contact-calc-timing span{
  color:var(--muted);
  font-size:10.8px;
  line-height:1.45;
}
body[data-contact-theme="automacao"] .contact-calc-timing,
body[data-contact-theme="outros"] .contact-calc-timing{
  max-height:0;
  opacity:0;
  transform:translateY(-4px);
  padding-top:0;
  padding-bottom:0;
  margin-top:-8px;
  border-color:transparent;
  pointer-events:none;
}
@media(max-width:760px){
  .contact-calc-timing-grid{grid-template-columns:minmax(0,1fr);gap:10px;}
  .contact-calc-timing-grid>div+div{padding-left:0;padding-top:0;}
}
@media(prefers-reduced-motion:reduce){
  .contact-calc-timing{transition:none!important;}
}


/* ULTIMATO MOLDE REV12 — acabamento final. */
#automacao .automation-path-step>span{
  font-size:11.5px;
  line-height:1;
  letter-spacing:.85px;
  font-weight:900;
}
@media(max-width:760px){
  #automacao .automation-path-step>span{font-size:11px;}
}


/* ==========================================================================\n   PLANNEX REV13 — Início unificado com a jornada de Cálculos\n   A página inicial passa a concentrar serviços, contratação, demonstração e FAQ.\n   ========================================================================== */
#inicio>.home-extra{grid-column:1/-1;grid-row:2;}
#inicio .home-merged-calculations{padding-top:clamp(34px,4.8vw,56px);}
#inicio .home-calc-intro{scroll-margin-top:104px;}
#inicio .home-calc-heading{max-width:820px;margin-bottom:22px;}
#inicio .home-calc-heading .eyebrow{margin-bottom:10px;}
#inicio .home-calc-heading .lead{max-width:700px;margin-top:10px;}

/* REV14 — componentes que podem fazer parte de uma mesma entrega de cálculo */
.calculation-scope{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:18px;align-items:stretch;}
.calculation-scope-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.calculation-scope-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px;align-items:start;min-height:96px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(10,22,37,.52);transition:border-color .22s ease,background .22s ease,transform .22s ease;}
.calculation-scope-item:hover{border-color:rgba(101,170,245,.42);background:rgba(13,27,45,.68);transform:translateY(-1px);}
.calculation-scope-item>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(101,170,245,.1);color:var(--accent);font-size:13px;font-weight:900;}
.calculation-scope-item>div{display:grid;gap:4px;}
.calculation-scope-item strong{font-size:15px;line-height:1.3;}
.calculation-scope-item small{color:var(--muted);font-size:11.5px;line-height:1.48;}
.calculation-scope-summary{display:grid;grid-template-rows:auto 1fr auto auto;gap:12px;min-height:202px;padding:20px 21px;border:1px solid rgba(101,170,245,.26);border-radius:16px;background:linear-gradient(145deg,rgba(10,25,42,.92),rgba(8,18,31,.78));}
.calculation-scope-summary .report-label{margin:0;color:var(--accent);font-size:9.5px;letter-spacing:1.2px;}
.calculation-scope-summary h3{margin:0;font-size:21px;line-height:1.22;}
.calculation-scope-summary p:not(.report-label){margin:0;color:#b7c5d8;font-size:13.5px;line-height:1.55;}
.calculation-scope-tags{display:flex;flex-wrap:wrap;gap:7px;}
.calculation-scope-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:#c7d3e0;font-size:10px;line-height:1;}
.calculation-scope-summary .button{justify-self:start;min-width:0;}

#inicio #contratacao-calculos{scroll-margin-top:104px;margin-top:clamp(32px,4.6vw,52px);padding-top:clamp(28px,3.6vw,42px);border-top:1px solid var(--line);}
#inicio .editorial-delivery{margin-top:clamp(32px,4.6vw,52px);}
#inicio .delivery-security-list{grid-column:1/-1;display:grid;gap:8px;margin-top:4px;}
#inicio .delivery-security{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:13px 14px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.018);}
.delivery-security-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(101,170,245,.1);color:var(--accent);font-size:13px;font-weight:900;}
.delivery-security>div{display:grid;gap:3px;}
.delivery-security strong{font-size:12px;color:#e7eef7;}
.delivery-security span{font-size:11px;line-height:1.5;color:#98a9bc;}
#inicio #memoria-exemplo{scroll-margin-top:104px;margin-top:clamp(32px,4.6vw,52px);}
#inicio #como-funciona-inicio{margin-top:clamp(32px,4.6vw,52px);}
#inicio #faq-calculos{scroll-margin-top:104px;margin-top:clamp(32px,4.6vw,52px);}

#inicio .secondary-compact{display:block;margin-top:clamp(34px,5vw,60px);padding:clamp(22px,3.2vw,32px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,rgba(14,31,51,.76),rgba(8,18,31,.48));}
#inicio .secondary-compact-copy{max-width:780px;}
#inicio .secondary-compact .eyebrow{margin-bottom:9px;}
#inicio .secondary-compact h3{margin:0;font-size:clamp(22px,2.4vw,31px);line-height:1.18;}
#inicio .secondary-compact p:not(.eyebrow){max-width:660px;margin:9px 0 13px;color:#aebdce;font-size:14px;line-height:1.6;}
.secondary-compact-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px;}
.secondary-compact-tags span{padding:6px 9px;border:1px solid rgba(101,170,245,.18);border-radius:999px;color:#bac9d9;font-size:10px;line-height:1;}

@media(max-width:900px){
  .calculation-scope{grid-template-columns:1fr;}
  .calculation-scope-summary{min-height:0;}
}
@media(max-width:620px){
  .calculation-scope-items{grid-template-columns:1fr;}
  .calculation-scope-item{min-height:0;}
  .calculation-scope-summary{padding:17px;}
  #inicio .secondary-compact{padding:20px 18px;}
}
@media(prefers-reduced-motion:reduce){
  .calculation-scope-item{transition:none;}
}


/* REV15 — demo única de automação com evolução da planilha */

.automation-demo-single{grid-template-columns:minmax(0,1fr);gap:0}
.automation-demo-panel{border-color:#425f7a;background:linear-gradient(180deg,#101d2f 0%,#0d1828 100%)}
.automation-demo-panel .eyebrow{color:#9acbff}
.automation-demo-header{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:16px}
.automation-demo-copy-block{max-width:660px}
.automation-demo-panel h3{min-height:0;max-width:none;margin-bottom:10px}
.automation-demo-copy{margin:0;color:#bdd0e5;font-size:14px;line-height:1.6}
.automation-demo-trigger{position:relative;display:flex;justify-content:flex-end;align-items:center;min-width:270px;padding-top:8px}
.automation-run-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid rgba(116,178,255,.4);background:linear-gradient(180deg,#14304d 0%,#122743 100%);color:#e9f3ff;font:600 13px/1.1 inherit;letter-spacing:.1px;box-shadow:0 10px 24px rgba(17,43,74,.18);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.automation-run-button:hover{transform:translateY(-1px);border-color:rgba(142,196,255,.55);box-shadow:0 12px 28px rgba(17,43,74,.24)}
@keyframes demoButtonPress{0%{transform:translateY(0) scale(1)}50%{transform:translateY(1px) scale(.985)}100%{transform:translateY(0) scale(1)}}
.automation-demo-trigger.is-complete .automation-demo-sheet td{transition:color .28s ease,background-color .38s ease,border-color .28s ease,box-shadow .28s ease}
.automation-demo-sheet td.demo-updated{background:rgba(106,181,136,.12);box-shadow:inset 0 0 0 1px rgba(103,180,133,.12)}
.automation-demo-sheet td.demo-updated.ok{color:#9fe1b8}
.automation-demo-progress span{transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease}
.automation-demo-progress span.is-done{border-color:#46745d;background:#1a372d;color:#d5f3e0;transform:translateY(-1px)}
.automation-demo-progress span.is-done i{background:#8de0b4;box-shadow:0 0 0 3px rgba(141,224,180,.12)}
.automation-demo-panel .state-auto{color:#8de0b4;background:#173e304d}
@media (max-width: 920px){
  .automation-demo-header{flex-direction:column;align-items:stretch}
  .automation-demo-trigger{min-width:0;justify-content:flex-start;padding-top:0}
  }
@media (max-width: 640px){
  .automation-run-button{width:100%}
  .automation-demo-trigger{justify-content:stretch}
    .automation-demo-progress{display:grid;grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion: reduce){
  .automation-run-button,.automation-demo-progress span,.automation-demo-sheet td{animation:none !important;transition:none !important}
}


/* REV16 — seleção do plano no topo do Serviço de automação */
#automacao .automation-price-preview-two>.automation-preview-card[role="button"]{
  cursor:pointer;
  outline:none;
  transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
#automacao .automation-price-preview-two>.automation-preview-card[role="button"]:hover{
  border-color:rgba(114,177,248,.46);
  transform:translateY(-1px);
}
#automacao .automation-price-preview-two>.automation-preview-card[role="button"]:focus-visible{
  box-shadow:0 0 0 3px rgba(102,170,255,.2);
  border-color:rgba(128,191,255,.62);
}
#automacao .automation-price-preview-two>.automation-preview-card.is-selected{
  border-color:rgba(112,183,255,.72);
  background:linear-gradient(180deg,rgba(24,50,78,.96) 0%,rgba(15,31,52,.98) 100%);
  box-shadow:0 0 0 1px rgba(115,184,255,.12),0 14px 30px rgba(5,16,31,.18);
}
#automacao .automation-price-preview-two>.automation-preview-card.is-selected::after{
  content:"Selecionado";
  position:absolute;
  right:14px;
  bottom:-7px;
  padding:3px 7px;
  border:1px solid rgba(119,192,255,.45);
  border-radius:999px;
  background:#102842;
  color:#bfe0ff;
  font-size:8px;
  font-weight:750;
  line-height:1.2;
  letter-spacing:.55px;
  text-transform:uppercase;
}
#automacao .automation-price-preview-two>.automation-preview-card.is-recommended.is-selected::after{
  right:14px;
}
@media(max-width:760px){
  #automacao .automation-price-preview-two>.automation-preview-card.is-selected::after{right:12px}
}
@media(prefers-reduced-motion:reduce){
  #automacao .automation-price-preview-two>.automation-preview-card[role="button"]{transition:none}
}


/* REV17 — demo de automação mais compacta e animações mais calmas */
#automacao .automation-demo-panel{padding:14px 16px}
#automacao .automation-demo-panel .transform-topline{margin-bottom:8px}
#automacao .automation-demo-header{gap:14px;margin-bottom:10px;align-items:center}
#automacao .automation-demo-copy-block{max-width:720px}
#automacao .automation-demo-panel h3{font-size:18px;line-height:1.28;margin:0 0 5px}
#automacao .automation-demo-copy{font-size:12.5px;line-height:1.45}
#automacao .automation-demo-trigger{padding-top:0;min-width:250px}
#automacao .automation-run-button{min-height:38px;padding:0 14px;font-size:12px}
#automacao .automation-demo-panel .sheet-caption{padding:7px 10px}
#automacao .automation-demo-panel .mini-sheet th,
#automacao .automation-demo-panel .mini-sheet td{padding:6px 8px;font-size:10px}
#automacao .automation-demo-panel .mini-sheet th{font-size:8px}
#automacao .automation-demo-progress{margin-top:8px;gap:6px}
#automacao .automation-demo-progress span{padding:5px 8px;font-size:9px}
#automacao .automation-demo-panel>p:not(.eyebrow){margin-top:8px;font-size:12px;line-height:1.45}
@media(max-width:920px){
  #automacao .automation-demo-header{gap:8px}
  #automacao .automation-demo-panel{padding:13px}
}
@media(max-width:640px){
  #automacao .automation-demo-panel{padding:12px}
  #automacao .automation-demo-panel h3{font-size:17px}
  #automacao .automation-demo-copy{font-size:12px}
}


/* REV18 — demonstração mais estável, lenta e compacta */
#automacao .automation-demo-sheet{table-layout:fixed;min-width:560px}
#automacao .automation-demo-sheet .col-client{width:24%}
#automacao .automation-demo-sheet .col-date{width:18%}
#automacao .automation-demo-sheet .col-value{width:18%}
#automacao .automation-demo-sheet .col-formula{width:24%}
#automacao .automation-demo-sheet .col-status{width:16%}
#automacao .automation-demo-sheet th,
#automacao .automation-demo-sheet td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#automacao .automation-demo-sheet.messy td.err{background:rgba(111,42,47,.22);color:#f0a49d;font-weight:650}
#automacao .automation-demo-progress{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
#automacao .automation-demo-progress>span{width:auto;min-width:0;height:auto;min-height:0;padding:4px 8px;border-radius:999px;line-height:1.2;font-size:8.5px}
#automacao .automation-demo-progress>span i{width:5px;height:5px}
#automacao .automation-demo-trigger{min-width:210px}
@media(max-width:640px){
  #automacao .automation-demo-progress{display:flex;grid-template-columns:none}
  #automacao .automation-demo-progress>span{flex:0 1 auto}
}


/* REV19 — ciclo contínuo com correção por coluna */
#automacao .automation-demo-panel .automation-demo-header{margin-bottom:9px}
#automacao .automation-demo-panel .automation-demo-copy-block{max-width:none}
#automacao .automation-demo-panel .automation-demo-sheet th,
#automacao .automation-demo-panel .automation-demo-sheet td{padding:9px 8px;line-height:1.35}
#automacao .automation-demo-sheet th.is-column-complete{
  background:#18372d;
  color:#bfeacf;
  box-shadow:inset 0 -1px 0 rgba(141,224,180,.18)
}
#automacao .automation-demo-sheet td.is-column-complete{
  background:rgba(67,129,94,.18);
  color:#bfeacf;
  box-shadow:inset 0 0 0 1px rgba(103,180,133,.13)
}
#automacao .automation-demo-progress>span{padding:4px 7px;font-size:8.25px;gap:5px}
@media(max-width:640px){
  #automacao .automation-demo-panel .automation-demo-sheet th,
  #automacao .automation-demo-panel .automation-demo-sheet td{padding:8px 7px}
}


/* REV20 FINAL — revisão editorial, alinhamento e estado intermediário da demo */
#automacao .automation-demo-panel .transform-topline{margin-bottom:14px}
#automacao .automation-demo-panel .automation-demo-header{margin-top:2px;margin-bottom:11px;gap:18px}
#automacao .automation-demo-panel .state-processing{color:#9acbff;background:rgba(28,65,102,.42);border-color:rgba(113,177,244,.68)}
#automacao .automation-demo-panel .state-processing::before{background:#78baff;box-shadow:0 0 0 4px rgba(120,186,255,.08)}
@media(max-width:640px){
  #automacao .automation-demo-panel .transform-topline{margin-bottom:12px}
  #automacao .automation-demo-panel .automation-demo-header{gap:10px}
}


/* REV21 — demonstração automática sem botão, com tabela mais confortável */
#automacao .automation-demo-panel .automation-demo-header{display:block;margin-bottom:12px}
#automacao .automation-demo-panel .automation-demo-copy-block{max-width:820px}
#automacao .automation-demo-panel .automation-demo-sheet th{padding:10px 10px;font-size:9px}
#automacao .automation-demo-panel .automation-demo-sheet td{padding:12px 10px;font-size:10.5px;line-height:1.4}
@media(max-width:640px){
  #automacao .automation-demo-panel .automation-demo-sheet th{padding:9px 8px}
  #automacao .automation-demo-panel .automation-demo-sheet td{padding:11px 8px;font-size:10px}
}

/* REV22 — harmonia do primeiro enquadramento entre Início e Serviço de Automação. */
@media (min-width:1001px){
  #inicio,
  #automacao{
    padding-top:44px;
    row-gap:0;
    column-gap:44px;
    grid-template-rows:minmax(calc(100svh - 140px),auto) auto;
  }
  #inicio>.hero-copy,
  #inicio>.calculation-workbook,
  #automacao>.hero-copy,
  #automacao>.automation-overview{
    align-self:center;
  }
  #inicio>.home-extra,
  #automacao>.home-extra{
    margin-top:32px;
  }
}

@media (min-width:761px) and (max-width:1000px){
  #inicio,
  #automacao{
    padding-top:52px;
    gap:38px;
  }
  #inicio>.home-extra,
  #automacao>.home-extra{
    margin-top:24px;
  }
}


/* REV23 — demo com 3 linhas e listas de planos mais compactas */
#automacao .support-plans-two .plan-features{
  grid-template-rows:repeat(7,36px);
  gap:2px;
  margin:7px 0 9px;
  padding-top:5px;
}
#automacao .support-plans-two .plan-features li{
  height:36px;
  min-height:36px;
  padding-block:1px;
  line-height:1.25;
}
@media(max-width:760px){
  #automacao .support-plans-two .plan-features{grid-template-rows:none;gap:4px;margin:7px 0 10px;padding-top:5px}
  #automacao .support-plans-two .plan-features li{height:auto;min-height:32px;padding-block:2px}
}


/* REV24 — divisórias e nota de disponibilidade melhor alinhada */

#calculos .calc-availability-note,
#automacao .plan-availability-note{
  position:relative;
  width:100%;
  max-width:none;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(92,126,168,.32);
  text-align:left;
  color:#93a6bc;
}
#calculos .calc-availability-note{
  padding-left:0;
}
#automacao .plan-availability-note{
  display:block;
  padding-left:0;
  padding-right:0;
  line-height:1.55;
}
@media (max-width: 760px){
  #calculos .calc-availability-note,
  #automacao .plan-availability-note{
    margin-top:14px;
    padding-top:14px;
    font-size:10px;
  }
}


/* REV25 — fechamento mais compacto dos planos de Automação */
#automacao .automation-plans.content-block{
  padding-bottom:12px;
}
#automacao .automation-plans + .compact-faq{
  margin-top:var(--ds-4);
}


/* REV26 — FAQs centralizadas no Contato + header responsivo */

#contato .contact-faq-hub{
  width:100%;
  margin-top:clamp(30px,4vw,52px);
  padding-top:clamp(24px,3vw,38px);
  border-top:1px solid rgba(92,126,168,.28);
}
#contato .contact-faq-heading{
  margin-bottom:18px;
  max-width:820px;
}
#contato .contact-faq-heading h2{margin-bottom:8px}
#contato .contact-faq-heading .lead{max-width:66ch}
#contato .contact-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
#contato .contact-faq-column{
  min-width:0;
  padding:20px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(17,30,48,.94),rgba(12,23,38,.94));
}
#contato .contact-faq-column-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:8px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(92,126,168,.22);
}
#contato .contact-faq-column-head>span{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(114,171,232,.34);
  border-radius:10px;
  color:#8fc5ff;
  font-size:12px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
#contato .contact-faq-column-head .eyebrow{margin:0 0 4px}
#contato .contact-faq-column-head h3{margin:0;font-size:20px;line-height:1.25}
#contato .contact-faq-column details{
  margin:0;
  border-bottom:1px solid rgba(92,126,168,.18);
}
#contato .contact-faq-column details:last-child{border-bottom:0}
#contato .contact-faq-column summary{
  padding:14px 0;
  font-size:13.5px;
  line-height:1.4;
}
#contato .contact-faq-column details p{
  margin:0;
  padding:0 0 14px;
  color:#aebdd0;
  font-size:12.5px;
  line-height:1.6;
}
@media(max-width:1100px){
  #header-cta{display:none!important}
  header{gap:14px}
}
@media(max-width:900px){
  #contato .contact-faq-grid{grid-template-columns:minmax(0,1fr)}
  header{width:min(1240px,calc(100% - 32px));}
  header nav{min-width:0;gap:8px}
  header nav a{min-width:0;text-align:center;white-space:normal}
}
@media(max-width:620px){
  header{min-height:82px;padding-block:10px;gap:10px}
  header nav{
    display:grid;
    grid-template-columns:.8fr 1.55fr .8fr;
    width:100%;
    gap:6px;
  }
  header nav a{
    min-height:40px;
    padding-inline:6px;
    font-size:11.5px;
    line-height:1.15;
    justify-content:center;
  }
  #contato .contact-faq-column{padding:16px}
  #contato .contact-faq-column-head h3{font-size:18px}
}
@media(max-width:380px){
  header{width:calc(100% - 20px)}
  header nav a{font-size:10.8px;padding-inline:4px}
}


/* REV27 — mais fôlego na demo e mais respiro nos cards de seleção */

#automacao .automation-demo-panel .sheet-frame{
  margin-bottom:18px;
}
#automacao .automation-demo-progress{
  margin-top:0;
  padding-top:8px;
  gap:10px;
}
#automacao .automation-demo-progress>span{
  padding:6px 10px;
  font-size:8.75px;
}
#automacao .automation-demo-progress>span i{
  width:6px;
  height:6px;
}

#automacao .automation-price-preview-two{
  gap:14px;
}
#automacao .automation-price-preview-two>.automation-preview-card{
  min-height:84px;
  padding:17px 18px 17px 14px;
}
#automacao .automation-preview-copy>small{
  margin-bottom:4px;
}
#automacao .automation-preview-meta{
  margin-top:2px;
}
#automacao .automation-price-preview-two .automation-preview-price{
  align-self:center;
}
@media(max-width:640px){
  #automacao .automation-demo-panel .sheet-frame{
    margin-bottom:16px;
  }
  #automacao .automation-demo-progress{
    gap:8px;
    padding-top:6px;
  }
  #automacao .automation-price-preview-two{
    gap:12px;
  }
  #automacao .automation-price-preview-two>.automation-preview-card{
    min-height:82px;
    padding:16px 15px 16px 13px;
  }
}

/* REV28 — diferenciação visual das FAQs por serviço */
#contato .contact-faq-column:first-child{
  border-color:rgba(242,154,99,.38);
  background:
    radial-gradient(circle at 12% 0%,rgba(242,154,99,.08),transparent 36%),
    linear-gradient(180deg,rgba(31,29,35,.96),rgba(17,24,36,.96));
  box-shadow:inset 3px 0 0 rgba(242,154,99,.42);
}
#contato .contact-faq-column:last-child{
  border-color:rgba(112,183,255,.38);
  background:
    radial-gradient(circle at 88% 0%,rgba(112,183,255,.08),transparent 36%),
    linear-gradient(180deg,rgba(16,34,55,.96),rgba(12,24,40,.96));
  box-shadow:inset 3px 0 0 rgba(112,183,255,.42);
}
#contato .contact-faq-column:first-child .contact-faq-column-head{
  border-bottom-color:rgba(242,154,99,.20);
}
#contato .contact-faq-column:last-child .contact-faq-column-head{
  border-bottom-color:rgba(112,183,255,.20);
}
#contato .contact-faq-column:first-child .contact-faq-column-head>span{
  border-color:rgba(242,154,99,.45);
  background:rgba(242,154,99,.08);
  color:#f2a06e;
}
#contato .contact-faq-column:last-child .contact-faq-column-head>span{
  border-color:rgba(112,183,255,.45);
  background:rgba(112,183,255,.08);
  color:#8fc5ff;
}
#contato .contact-faq-column:first-child .eyebrow{
  color:#f2a06e;
}
#contato .contact-faq-column:last-child .eyebrow{
  color:#8fc5ff;
}
#contato .contact-faq-column:first-child details{
  border-bottom-color:rgba(242,154,99,.13);
}
#contato .contact-faq-column:last-child details{
  border-bottom-color:rgba(112,183,255,.13);
}
#contato .contact-faq-column summary{
  border-radius:8px;
  transition:background-color .2s ease,color .2s ease,padding-left .2s ease;
}
#contato .contact-faq-column:first-child summary:hover,
#contato .contact-faq-column:first-child details[open] summary{
  background:rgba(242,154,99,.055);
  color:#f4ded0;
  padding-left:8px;
}
#contato .contact-faq-column:last-child summary:hover,
#contato .contact-faq-column:last-child details[open] summary{
  background:rgba(112,183,255,.055);
  color:#dcecff;
  padding-left:8px;
}
@media(max-width:760px){
  #contato .contact-faq-column:first-child,
  #contato .contact-faq-column:last-child{
    box-shadow:inset 2px 0 0 currentColor;
  }
}


/* REV30 — demo de automação mais perceptível e reiniciável */
#automacao .automation-demo-status-group{
  display:flex;
  align-items:center;
  gap:8px;
}
#automacao .automation-demo-restart{
  width:29px;
  height:29px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(116,178,255,.38);
  border-radius:999px;
  background:rgba(15,39,65,.78);
  color:#b9d9ff;
  font:700 17px/1 system-ui,sans-serif;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background-color .2s ease;
}
#automacao .automation-demo-restart:hover{
  transform:rotate(-22deg);
  border-color:rgba(139,199,255,.68);
  background:rgba(21,53,86,.92);
}
#automacao .automation-demo-restart:focus-visible{
  outline:3px solid rgba(103,178,255,.18);
  outline-offset:2px;
}
#automacao .automation-demo-description{
  max-width:78ch;
  margin:0;
}
#automacao .automation-demo-panel .state-manual{
  animation:manualStatePulse 1.9s ease-in-out infinite;
}
#automacao .automation-demo-panel .state-processing{
  animation:processingStatePulse 1.05s ease-in-out infinite;
}
#automacao .automation-demo-sheet.messy td.err{
  background:rgba(136,49,55,.32);
  color:#ffb0aa;
  box-shadow:inset 0 0 0 1px rgba(218,93,98,.13);
  animation:demoErrorPulse 2.15s ease-in-out infinite;
}
#automacao .automation-demo-sheet.messy tr:nth-child(2) td.err{animation-delay:.18s}
#automacao .automation-demo-sheet.messy tr:nth-child(3) td.err{animation-delay:.36s}
@keyframes manualStatePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(236,126,120,0);border-color:rgba(220,163,158,.78)}
  50%{box-shadow:0 0 0 5px rgba(236,126,120,.08);border-color:rgba(239,176,169,.98)}
}
@keyframes processingStatePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(120,186,255,0);filter:brightness(1)}
  50%{box-shadow:0 0 0 6px rgba(120,186,255,.1);filter:brightness(1.16)}
}
@keyframes demoErrorPulse{
  0%,100%{background:rgba(136,49,55,.29);box-shadow:inset 0 0 0 1px rgba(218,93,98,.12)}
  50%{background:rgba(160,56,62,.39);box-shadow:inset 0 0 0 1px rgba(235,112,116,.22),0 0 9px rgba(169,55,61,.08)}
}
@media(max-width:640px){
  #automacao .automation-demo-restart{width:27px;height:27px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  #automacao .automation-demo-panel .state-manual,
  #automacao .automation-demo-panel .state-processing,
  #automacao .automation-demo-sheet.messy td.err{animation:none!important}
  #automacao .automation-demo-restart{transition:none}
}


/* REV31 — divisórias centralizadas e cadência vertical final */
/* A observação da promoção pertence ao bloco de contratação, portanto fica antes da divisória seguinte. */
#calculos .calc-availability-note{
  margin-top:12px;
  padding-top:0;
  border-top:0;
}

/* Entre contratação e resultado: mesma distância dos dois lados da linha. */
#inicio .editorial-delivery{
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid rgba(92,126,168,.28);
}

/* Divisórias principais: linha realmente no meio entre os blocos, com menos altura total. */
#inicio #contratacao-calculos,
#automacao .automation-services.content-block,
#automacao .automation-plans.content-block{
  margin-top:26px;
  padding-top:26px;
}
#contato .contact-faq-hub{
  margin-top:28px;
  padding-top:28px;
}

@media(max-width:760px){
  #calculos .calc-availability-note{
    margin-top:10px;
    padding-top:0;
  }
  #inicio .editorial-delivery{
    margin-top:20px;
    padding-top:20px;
  }
  #inicio #contratacao-calculos,
  #automacao .automation-services.content-block,
  #automacao .automation-plans.content-block{
    margin-top:22px;
    padding-top:22px;
  }
  #contato .contact-faq-hub{
    margin-top:22px;
    padding-top:22px;
  }
}


/* REV32 — divisórias mantidas e centralizadas entre seções */

/* A observação promocional permanece acima da linha divisória. */
#calculos .calc-availability-note{
  margin-top:12px;
  margin-bottom:26px;
  padding-top:0;
  border-top:0;
}

/* Divisórias principais com espaço equivalente acima e abaixo. */
#inicio .memory-example,
#inicio #contratacao-calculos,
#inicio .editorial-delivery,
#automacao .automation-services.content-block,
#automacao .automation-plans.content-block,
#contato .contact-faq-hub{
  margin-top:28px;
  padding-top:28px;
}

@media(max-width:760px){
  #calculos .calc-availability-note{
    margin-top:10px;
    margin-bottom:22px;
  }
  #inicio .memory-example,
  #inicio #contratacao-calculos,
  #inicio .editorial-delivery,
  #automacao .automation-services.content-block,
  #automacao .automation-plans.content-block,
  #contato .contact-faq-hub{
    margin-top:22px;
    padding-top:22px;
  }
}


/* REV33 — divisor explícito entre promoção e resultado */
#inicio .section-divider--calc-result{
  width:100%;
  height:1px;
  margin:28px 0;
  background:rgba(92,126,168,.32);
}
#calculos .calc-availability-note{
  margin-bottom:0;
}
#inicio .editorial-delivery{
  margin-top:0;
  padding-top:var(--ds-4);
  border-top:0;
}
@media(max-width:760px){
  #inicio .section-divider--calc-result{margin:22px 0}
  #calculos .calc-availability-note{margin-bottom:0}
  #inicio .editorial-delivery{margin-top:0;padding-top:20px}
}

/* REV34 — refinamento responsivo para larguras intermediárias */
/* Desktop compacto / tablet horizontal: logo e navegação permanecem na mesma linha. */
@media (min-width:761px) and (max-width:1100px){
  header{
    width:min(1240px,calc(100% - 40px));
    min-height:82px;
    padding-block:10px;
    flex-wrap:nowrap;
    gap:20px;
  }
  header .brand--header{
    margin-right:0;
    flex:0 0 auto;
  }
  header .brand img{
    height:34px;
    max-width:152px;
  }
  header nav{
    order:initial;
    width:auto;
    min-width:0;
    margin-left:auto;
    justify-content:flex-end;
    gap:clamp(14px,2.4vw,28px);
  }
  header nav a{
    min-width:0;
    min-height:42px;
    padding-inline:2px;
    font-size:13px;
    line-height:1.2;
    text-align:left;
    white-space:nowrap;
  }
  #header-cta{display:none!important}
}

/* Entre 1000 e 1100 px, preserva o hero em duas colunas sem comprimir o conteúdo. */
@media (min-width:1001px) and (max-width:1100px){
  .hero{
    gap:28px;
    padding-top:48px;
  }
  .hero .page-title{
    font-size:clamp(46px,5vw,62px);
    line-height:1.02;
  }
  .hero-copy .lead{
    font-size:16.5px;
    line-height:1.7;
  }
  #inicio{
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  }
  #automacao{
    column-gap:28px;
  }
}

/* Tablet: transição suave para uma coluna e melhor aproveitamento da largura. */
@media (min-width:761px) and (max-width:1000px){
  .hero{
    grid-template-columns:minmax(0,1fr);
    gap:28px;
    padding-top:38px;
  }
  .hero-copy,
  .simulation,
  .lab-demo,
  #automacao>.automation-overview{
    width:100%;
    max-width:none;
  }
  .hero-copy .lead{max-width:680px}
  .simulation{justify-self:stretch}
  .home-extra{margin-top:26px}
  #automacao .automation-price-preview-two{max-width:760px}
  #automacao>.automation-overview{justify-self:stretch}
}

/* Tablet estreito: navegação ainda cabe em uma linha, com tipografia levemente menor. */
@media (min-width:761px) and (max-width:860px){
  header{gap:14px}
  header .brand img{height:30px;max-width:138px}
  header nav{gap:12px}
  header nav a{font-size:12px}
}

/* Mobile: cabeçalho compacto e previsível, sem botão comercial isolado. */
@media (max-width:760px){
  #header-cta{display:none!important}
  header{
    width:calc(100% - 28px);
    min-height:auto;
    padding-block:10px 8px;
    gap:8px;
  }
  header .brand--header{margin-right:0}
  header .brand img{height:28px;max-width:130px}
  header nav{
    margin-top:2px;
    border-top:1px solid rgba(92,126,168,.22);
    padding-top:5px;
  }
  .hero{
    padding-top:30px;
    gap:24px;
  }
  .home-extra{margin-top:22px}
}

@media (max-width:620px){
  header nav{
    grid-template-columns:.78fr 1.44fr .78fr;
    gap:4px;
  }
  header nav a{
    min-height:38px;
    padding-inline:4px;
    font-size:11px;
  }
}

@media (max-width:430px){
  header{
    width:calc(100% - 20px);
    padding-block:8px 6px;
  }
  header .brand img{height:26px;max-width:122px}
  header nav{
    grid-template-columns:.72fr 1.56fr .72fr;
    gap:2px;
  }
  header nav a{
    min-height:36px;
    font-size:10.5px;
    padding-inline:2px;
  }
}

/* Eixo único também nas larguras intermediárias. */
@media (min-width:761px) and (max-width:1100px){
  .wrap,
  header{
    width:min(1160px,calc(100% - 40px));
  }
}

/* REV35 — página 404 Plannex */
.error-body{min-height:100vh;overflow-x:hidden}
.error-page{min-height:100vh;display:grid;place-items:center;padding:clamp(24px,5vw,72px)}
.error-shell{position:relative;width:min(920px,100%);padding:clamp(28px,5vw,64px);border:1px solid rgba(92,126,168,.42);border-radius:24px;background:linear-gradient(145deg,rgba(19,33,53,.96),rgba(10,20,34,.98));box-shadow:0 28px 80px rgba(0,0,0,.22);overflow:hidden}
.error-brand{display:inline-flex;width:clamp(132px,16vw,176px);margin-bottom:clamp(44px,7vw,72px)}
.error-brand img{display:block;width:100%;height:auto}
.error-code{position:absolute;right:clamp(18px,4vw,48px);top:clamp(18px,3vw,36px);font-size:clamp(74px,14vw,156px);font-weight:800;line-height:.8;letter-spacing:-.07em;color:rgba(143,197,255,.055);user-select:none}
.error-shell>.eyebrow{margin-bottom:14px;color:#f3a064}
.error-shell h1{position:relative;max-width:760px;margin:0;font-size:clamp(34px,6vw,68px);line-height:1.02;letter-spacing:-.045em}
.error-shell h1 em{color:#8fc5ff;font-style:normal}
.error-lead{max-width:680px;margin-top:22px;color:var(--muted);font-size:clamp(15px,1.8vw,18px);line-height:1.7}
.error-actions{margin-top:30px}
.error-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:clamp(38px,6vw,58px);padding-top:22px;border-top:1px solid rgba(92,126,168,.3)}
.error-shortcuts a{display:flex;flex-direction:column;gap:5px;padding:15px 16px;border:1px solid rgba(92,126,168,.32);border-radius:12px;background:rgba(20,38,61,.38);text-decoration:none;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}
.error-shortcuts a:hover{transform:translateY(-1px);border-color:rgba(111,179,255,.55);background:rgba(24,48,76,.5)}
.error-shortcuts strong{color:var(--ink);font-size:13px}
.error-shortcuts span{color:var(--muted);font-size:11px;line-height:1.45}
@media(max-width:640px){
  .error-page{padding:14px}
  .error-shell{padding:26px 20px;border-radius:18px}
  .error-brand{margin-bottom:46px}
  .error-code{font-size:86px;right:18px;top:24px}
  .error-actions{align-items:flex-start}
  .error-shortcuts{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.error-shortcuts a{transition:none}}

/* REV37 — experiência mobile compacta: conteúdo longo sob demanda */
.mobile-section-toggle{display:none}
@media (max-width:760px){
  .mobile-section-toggle{
    width:100%;
    min-height:44px;
    margin:16px 0 0;
    padding:11px 13px;
    border:1px solid rgba(102,137,181,.34);
    border-radius:11px;
    background:linear-gradient(180deg,rgba(19,34,55,.94),rgba(13,26,43,.98));
    color:#dbe7f5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    text-align:left;
    font:650 12px/1.35 inherit;
    letter-spacing:.05px;
    box-shadow:0 8px 22px rgba(3,12,24,.08);
    cursor:pointer;
  }
  .mobile-section-toggle>span{min-width:0}
  .mobile-section-toggle>i{
    flex:0 0 auto;
    width:24px;
    height:24px;
    border:1px solid rgba(126,174,230,.34);
    border-radius:999px;
    display:grid;
    place-items:center;
    color:#9ecfff;
    font-style:normal;
    font-size:17px;
    font-weight:400;
    line-height:1;
    transition:transform .22s ease,background-color .22s ease,border-color .22s ease;
  }
  .mobile-section-toggle[aria-expanded="true"]{
    border-color:rgba(112,183,255,.52);
    background:linear-gradient(180deg,rgba(22,45,70,.98),rgba(14,30,49,.98));
  }
  .mobile-section-toggle[aria-expanded="true"]>i{transform:rotate(45deg);background:rgba(91,159,231,.1)}
  .mobile-section-toggle--spaced{margin-top:22px}
  .mobile-section-toggle--faq{margin:26px 0 0}
  .mobile-collapsible-section{display:none!important}
  .mobile-collapsible-section.is-mobile-open{display:block!important;animation:mobileSectionReveal .28s ease both}
  #calculation-simulation.is-mobile-open{margin-top:12px}
  #home-calc-intro-mobile.is-mobile-open{margin-top:12px}
  #automation-overview-mobile.is-mobile-open{margin-top:12px}
  #automation-demo-mobile.is-mobile-open,
  #servicos-automacao.is-mobile-open,
  #memoria-exemplo.is-mobile-open,
  #faq-contato.is-mobile-open{margin-top:14px}
  /* Reduz a altura da jornada principal sem cortar as áreas de contratação. */
  #inicio .judicial-extra,
  #automacao .home-extra{margin-top:18px}
  #inicio #contratacao-calculos,
  #automacao .automation-plans.content-block{margin-top:24px;padding-top:24px}
  #contato .contact-grid{margin-bottom:0}
  @keyframes mobileSectionReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
}
@media (prefers-reduced-motion:reduce){
  .mobile-section-toggle>i,.mobile-collapsible-section.is-mobile-open{transition:none;animation:none!important}
}


/* REV38 — refinamento mobile: laboratório oculto e processo sob demanda */
@media (max-width:760px){
  #calculation-simulation.mobile-hidden-section{display:none!important}
  .mobile-section-toggle--compact-neighbor{margin-top:9px}
  #como-funciona-inicio.is-mobile-open{margin-top:14px}
  #automacao .automation-plans.content-block{display:block!important}
}


/* REV39 — mobile profissional: explicação antes do preço + responsividade robusta */
@media (max-width:900px){
  /* Comparações deixam de competir por largura antes que o texto fique espremido. */
  #calculos .calc-offer-pair,
  #automacao .support-plans-two{
    grid-template-columns:minmax(0,1fr)!important;
    max-width:720px;
    margin-inline:auto;
  }
  #calculos .calc-price-card,
  #automacao .support-plans-two .plan{
    min-width:0;
    width:100%;
  }
  #calculos .calc-offer-pair .calc-price-card>p:not(.eyebrow),
  #calculos .calc-offer-pair .calc-offer-points,
  #calculos .calc-offer-pair .calc-offer-points li,
  #calculos .calc-offer-pair .calc-offer-points strong,
  #calculos .calc-offer-pair .calc-price-card>.button{
    overflow-wrap:anywhere;
    word-break:normal;
  }
}

@media (max-width:760px){
  /* No celular, o serviço é explicado antes da contratação. */
  #home-calc-intro-mobile{
    display:block!important;
    margin-top:0;
  }

  /* Resultado técnico fica disponível sob demanda para encurtar a jornada. */
  #editorial-delivery-mobile.is-mobile-open{margin-top:14px}
  .mobile-section-toggle--delivery{margin-top:14px}

  /* Formas de contratação permanecem sempre visíveis nas duas frentes. */
  #inicio #contratacao-calculos,
  #automacao .automation-plans.content-block{
    display:block!important;
  }

  /* Componentes críticos não ultrapassam o viewport em telas estreitas. */
  .page,
  .home-extra,
  .content-block,
  .calc-price-card,
  .plan,
  .contact-form,
  .contact-aside,
  .secondary-vertical{
    min-width:0;
    max-width:100%;
  }
  .button,
  .text-link,
  .contact-interest-option,
  .mobile-section-toggle{
    max-width:100%;
  }
  .button,
  .contact-interest-option,
  .mobile-section-toggle,
  .plan-features li,
  .calc-offer-points li{
    white-space:normal;
    overflow-wrap:anywhere;
  }

  #calculos .calc-offer-pair,
  #automacao .support-plans-two{
    width:100%;
    max-width:none;
    margin-inline:0;
    gap:14px;
  }
  #calculos .calc-price-card,
  #automacao .support-plans-two .plan{
    padding-left:16px;
    padding-right:16px;
  }
  #calculos .calc-offer-points{
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px;
  }
  #calculos .calc-offer-points li{
    width:100%;
    height:auto!important;
    min-height:0!important;
    padding:10px 11px;
  }
  #calculos .calc-offer-points strong{
    min-height:0!important;
  }
  #calculos .calc-price{
    gap:7px;
  }
  #calculos .calc-price strong{
    font-size:clamp(42px,13vw,56px);
    letter-spacing:-2px;
  }

  #automacao .support-plans-two .plan-features{
    grid-template-rows:none!important;
  }
  #automacao .support-plans-two .plan-features li{
    min-height:0;
  }

  /* Conteúdo do escopo de cálculo respira sem criar colunas estreitas. */
  #calculos .calculation-scope,
  #calculos .calculation-scope-items{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #calculos .calculation-scope-item,
  #calculos .calculation-scope-summary{
    min-width:0;
  }

  /* Títulos longos não forçam largura. */
  .section-heading h2,
  .home-calc-heading h2,
  .automation-plans-title,
  .editorial-delivery-copy h2{
    max-width:100%;
    overflow-wrap:break-word;
  }
}

@media (max-width:430px){
  .wrap{width:calc(100% - 22px)}
  #calculos .calc-price-card,
  #automacao .support-plans-two .plan{
    padding-left:14px;
    padding-right:14px;
  }
  #calculos .calc-price strong{font-size:clamp(40px,14vw,50px)}
  #calculos .calc-price-promo,
  #automacao .plan-price-promo{
    gap:5px;
    flex-wrap:wrap;
  }
}


/* REV40 — mobile: remove a duplicação de CTA no bloco de escopo técnico. */
@media (max-width:760px){
  #calculos .calculation-scope-summary{
    display:none !important;
  }
  #calculos .calculation-scope{
    gap:0 !important;
  }
}


/* REV41 — controles mobile mais intuitivos: seta para abrir/recolher. */
@media (max-width:760px){
  .mobile-section-toggle>i{
    font-size:16px;
    font-weight:800;
    line-height:1;
    transform:none!important;
    color:#b7dcff;
  }
  .mobile-section-toggle[aria-expanded="true"]>i{
    transform:none!important;
    color:#d7efff;
    background:rgba(91,159,231,.13);
    border-color:rgba(126,190,255,.5);
  }
}


/* REV42 — fluxo mobile: atalhos redundantes removidos e recolhíveis independentes. */
@media (max-width:760px){
  /* No celular a própria rolagem já conduz ao escopo de cálculo. */
  #inicio .hero-copy .actions .text-link[data-scroll-target="calculos"]{
    display:none !important;
  }

  /* Os três conteúdos de Automação são irmãos independentes; planos ficam sempre visíveis. */
  #automacao > .mobile-section-toggle[data-mobile-toggle="automation-overview-mobile"],
  #automacao > .mobile-section-toggle[data-mobile-toggle="automation-demo-mobile"],
  #automacao > .mobile-section-toggle[data-mobile-toggle="servicos-automacao"]{
    width:100%;
  }
  #automacao > #planos-automacao{
    display:block !important;
  }
}


/* REV43 — acabamento final de alinhamento, sem alterar conteúdo. */
#inicio .result-trace-title{
  max-width:none;
  line-height:1.06;
}
#inicio .result-trace-title>span{
  display:block;
}

/* Navegação: eixos e áreas clicáveis consistentes em todas as larguras. */
header nav{
  align-items:center;
}
header nav a{
  justify-content:center;
  line-height:1.25;
}
.footer-column,
.footer-column a{
  min-width:0;
}

@media (min-width:761px){
  #inicio .result-trace-title>span{
    white-space:nowrap;
  }
}
@media (max-width:760px){
  header nav{
    width:100%;
    align-items:stretch;
  }
  header nav a{
    width:100%;
  }
  #inicio .result-trace-title>span{
    white-space:normal;
  }
}


/* REV44 — tablet: enxuga blocos demonstrativos sem afetar desktop/mobile */
@media (min-width:761px) and (max-width:1000px){
  #calculation-simulation,
  #automacao > .automation-overview{
    display:none !important;
  }
  #inicio,
  #automacao{
    align-items:start;
  }
}

/* REV47 — correções de responsividade restritas a tablet e celular.
   Desktop (>=1001px) permanece integralmente com o CSS aprovado anterior. */

@media (min-width:761px) and (max-width:1000px){
  /* Proteções contra estouro apenas na faixa de tablet. */
  html,body{max-width:100%;overflow-x:clip}
  img,svg,video,canvas{max-width:100%;height:auto}
  .page,.hero,.hero>*,.home-extra,.content-block,.section-heading,
  .calc-offer-pair,.support-plans-two,.contact-grid,.contact-faq-grid,
  .automation-price-preview-two,.calculation-scope,.delivery-feature,
  .editorial-delivery,.editorial-delivery>*{min-width:0}

  .wrap{width:min(1160px,calc(100% - 56px));margin-inline:auto}
  header{
    width:min(1240px,calc(100% - 56px));
    min-height:78px;
    padding-block:10px;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:16px;
  }
  header .brand--header{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    margin-right:0;
  }
  header .brand img{height:30px;max-width:136px}
  header nav{
    width:auto;
    order:initial;
    margin:0 0 0 auto;
    padding:0;
    border-top:0;
    display:flex;
    justify-content:flex-end;
    gap:clamp(10px,2vw,20px);
  }
  header nav a{
    width:auto;
    min-height:40px;
    padding-inline:2px;
    font-size:12px;
    white-space:nowrap;
  }
  #header-cta{display:none!important}

  .hero,#inicio,#automacao{grid-template-columns:minmax(0,1fr)!important}
  .hero{gap:26px;padding-top:36px}
  #calculos .calc-offer-pair,
  #automacao .support-plans-two{
    grid-template-columns:minmax(0,1fr)!important;
    max-width:760px;
    margin-inline:auto;
  }
  #calculos .calc-price-card,
  #automacao .support-plans-two .plan{width:100%;min-width:0}
}

@media (max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  img,svg,video,canvas{max-width:100%;height:auto}
  .page,.hero,.hero>*,.home-extra,.content-block,.section-heading,
  .calc-offer-pair,.support-plans-two,.contact-grid,.contact-faq-grid,
  .automation-price-preview-two,.calculation-scope,.delivery-feature,
  .editorial-delivery,.editorial-delivery>*{min-width:0}

  .wrap{width:calc(100% - 36px);margin-inline:auto}
  header{
    width:calc(100% - 36px);
    min-height:auto;
    padding-block:10px 8px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  header .brand--header{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    margin-right:auto;
  }
  header .brand img{height:28px;max-width:128px}
  #header-cta{display:none!important}
  header nav{
    order:3;
    width:100%;
    margin-top:2px;
    padding-top:6px;
    border-top:1px solid rgba(92,126,168,.22);
    display:grid;
    grid-template-columns:.85fr 1.3fr .85fr;
    gap:6px;
    align-items:stretch;
  }
  header nav a{
    width:100%;
    min-width:0;
    min-height:38px;
    padding:7px 4px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:11px;
    line-height:1.2;
    white-space:normal;
  }
  .hero{padding-top:28px;gap:22px}
  .home-extra{margin-top:20px}
  #calculos .calc-offer-pair,
  #automacao .support-plans-two{max-width:none;margin-inline:0}
  #calculos .calc-price-card,
  #automacao .support-plans-two .plan{padding-inline:15px}
  .mobile-section-toggle{width:100%;min-width:0}
  .mobile-section-toggle>span{overflow-wrap:break-word}
  .actions{max-width:100%;flex-wrap:wrap}
  .button{max-width:100%;white-space:normal;text-align:center}
}

@media (max-width:430px){
  .wrap,header{width:calc(100% - 32px)}
  header nav{grid-template-columns:.82fr 1.36fr .82fr;gap:4px}
  header nav a{font-size:10.5px;padding-inline:2px}
  #calculos .calc-price-card,
  #automacao .support-plans-two .plan{padding-inline:14px}
}

/* REV48 — restauração estrutural do desktop da Automação.
   Os blocos que foram separados para o fluxo mobile voltam a ocupar a largura
   total do grid no desktop, evitando cartões de planos comprimidos. */
@media (min-width:1001px){
  #automacao > .automation-services.content-block{
    grid-column:1 / -1;
    grid-row:3;
    width:100%;
    max-width:none;
  }
  #automacao > .automation-plans.content-block{
    grid-column:1 / -1;
    grid-row:4;
    width:100%;
    max-width:none;
  }
  #automacao .support-plans-two{
    width:100%;
    max-width:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #automacao .support-plans-two .plan{
    min-width:0;
  }
}

/* REV50 — motion system: animações sutis, responsivas e acessíveis. */
:root{
  --motion-fast:180ms;
  --motion-mid:320ms;
  --motion-slow:620ms;
  --motion-ease:cubic-bezier(.2,.75,.2,1);
  --motion-ease-soft:cubic-bezier(.22,.61,.36,1);
}

/* Microinterações: feedback imediato sem mudar a identidade visual. */
.button,
.text-link,
header nav a,
.mobile-section-toggle,
.automation-preview-card[role="button"],
.contact-interest-option,
.faq summary,
.calc-demo-modes button,
.sim-control,
.automation-demo-restart{
  transition:
    transform var(--motion-fast) var(--motion-ease-soft),
    border-color var(--motion-fast) ease,
    background-color var(--motion-fast) ease,
    color var(--motion-fast) ease,
    box-shadow var(--motion-mid) var(--motion-ease-soft),
    opacity var(--motion-fast) ease;
}

.button:active,
.sim-control:active,
.mobile-section-toggle:active,
.automation-preview-card[role="button"]:active,
.contact-interest-option:active,
.calc-demo-modes button:active,
.automation-demo-restart:active{
  transform:translateY(1px) scale(.985);
}

@media(hover:hover) and (pointer:fine){
  .button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.16)}
  .text-link:hover{transform:translateX(3px)}
  header nav a:hover{transform:translateY(-1px)}
  .mobile-section-toggle:hover{transform:translateY(-1px)}

  .calc-price-card:hover,
  #automacao .support-plans-two .plan:hover,
  .solutions>article:hover,
  .delivery-checks>li:hover,
  .calculation-scope-item:hover,
  .automation-snapshot>li:hover,
  .contact-faq-column:hover{
    transform:translateY(-4px);
    border-color:rgba(114,177,248,.42);
    box-shadow:0 18px 40px rgba(3,14,28,.18);
  }

  #inicio .calc-price-card:first-child:hover,
  #inicio .delivery-checks>li:hover{
    border-color:rgba(239,153,91,.42);
  }

  .service-icon,
  .delivery-icon,
  .calc-symbol{
    transition:transform var(--motion-mid) var(--motion-ease),filter var(--motion-mid) ease;
  }
  .solutions>article:hover .service-icon,
  .delivery-checks>li:hover .delivery-icon{
    transform:translateY(-2px) rotate(-3deg) scale(1.05);
    filter:brightness(1.08);
  }
}

/* Cards recebem movimento apenas no hover; sem deslocar o layout. */
.calc-price-card,
#automacao .support-plans-two .plan,
.solutions>article,
.delivery-checks>li,
.calculation-scope-item,
.automation-snapshot>li,
.contact-faq-column{
  transition:
    transform var(--motion-mid) var(--motion-ease),
    border-color var(--motion-mid) ease,
    box-shadow var(--motion-mid) var(--motion-ease-soft),
    background-color var(--motion-mid) ease;
}

/* Navegação ativa troca com mais fluidez. */
header nav a.active{
  text-shadow:0 0 18px rgba(137,194,255,.16);
}
body[data-page="inicio"] header nav a[href="#inicio"].active{
  text-shadow:0 0 18px rgba(241,157,91,.18);
}

/* FAQs e campos: sinal visual de interação sem exagero. */
.faq details[open] summary{
  transform:translateX(2px);
}
.field input:focus,
.field textarea:focus,
.field select:focus{
  transform:translateY(-1px);
  box-shadow:0 0 0 3px rgba(107,174,255,.10),0 10px 28px rgba(3,13,27,.12);
  transition:transform var(--motion-fast) ease,box-shadow var(--motion-mid) ease,border-color var(--motion-fast) ease;
}

/* O badge recomendado respira muito discretamente. */
@keyframes recommendedBreath{
  0%,100%{box-shadow:0 0 0 rgba(92,172,255,0)}
  50%{box-shadow:0 0 0 5px rgba(92,172,255,.055)}
}
#automacao .plan-best .plan-badge,
#automacao .automation-preview-card.is-recommended>b{
  animation:recommendedBreath 3.8s ease-in-out infinite;
}

/* O estado "em processamento" mantém vida visual enquanto a demo roda. */
@keyframes statusSoftPulse{
  0%,100%{opacity:.88;filter:brightness(1)}
  50%{opacity:1;filter:brightness(1.14)}
}
#automacao .automation-demo-panel .state-processing{
  animation:statusSoftPulse 1.35s ease-in-out infinite;
}

/* Preços ganham um pequeno destaque quando entram em cena via JS. */
.hero-price-value strong,
.price .plan-price-main,
.automation-preview-price strong{
  transform-origin:center left;
}

/* Mobile: microinterações menores para não cansar nem prejudicar rolagem. */
@media(max-width:760px){
  .button:active,
  .mobile-section-toggle:active,
  .automation-preview-card[role="button"]:active{
    transform:scale(.99);
  }
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}

/* REV52 — contato mais visual e briefing direto para clientes */
.contact-area-label{
  color:#d0dbe8;
  font-size:13px;
  font-weight:650;
}
.contact-area-native.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.contact-area-choices{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.contact-area-choice{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:11px;
  min-height:78px;
  padding:14px;
  border:1px solid #40536d;
  border-radius:11px;
  background:#0d1929;
  color:var(--ink);
  text-align:left;
  transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.contact-area-choice:hover{
  border-color:#607b9c;
  background:#101f32;
  transform:translateY(-1px);
}
.contact-area-choice-check{
  flex:0 0 23px;
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  margin-top:1px;
  border:1px solid #5a6d86;
  border-radius:50%;
  color:#0d1929;
  font-size:12px;
  font-weight:900;
  line-height:1;
  background:transparent;
}
.contact-area-choice>span:last-child{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.contact-area-choice strong{
  font-size:14px;
  line-height:1.3;
}
.contact-area-choice small{
  color:#9fb0c4;
  font-size:10.5px;
  line-height:1.45;
}
.contact-area-choice.is-selected,
.contact-area-choice[aria-checked="true"]{
  border-color:rgba(242,154,99,.78);
  background:linear-gradient(180deg,rgba(49,34,30,.8),rgba(18,27,41,.98));
  box-shadow:0 0 0 1px rgba(242,154,99,.1),0 12px 28px rgba(2,9,18,.12);
}
.contact-area-choice.is-selected .contact-area-choice-check,
.contact-area-choice[aria-checked="true"] .contact-area-choice-check{
  border-color:var(--accent);
  background:var(--accent);
  color:#172130;
}
body[data-contact-theme="automacao"] .contact-area-choice[data-contact-area-choice="automacao"].is-selected,
body[data-contact-theme="automacao"] .contact-area-choice[data-contact-area-choice="automacao"][aria-checked="true"]{
  border-color:rgba(111,181,255,.72);
  background:linear-gradient(180deg,rgba(20,49,79,.88),rgba(15,30,49,.98));
}
body[data-contact-theme="automacao"] .contact-area-choice[data-contact-area-choice="automacao"].is-selected .contact-area-choice-check,
body[data-contact-theme="automacao"] .contact-area-choice[data-contact-area-choice="automacao"][aria-checked="true"] .contact-area-choice-check{
  border-color:#7dbdff;
  background:#7dbdff;
}
@media(max-width:760px){
  .contact-area-choices{grid-template-columns:1fr;gap:8px}
  .contact-area-choice{min-height:66px;padding:12px 13px}
  .contact-area-choice small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .contact-area-choice{transition:none!important}
}

/* Briefing reservado — não aparece na navegação pública. */
.briefing-body{
  min-height:100vh;
  background:
    radial-gradient(circle at 78% 8%,rgba(65,129,201,.09),transparent 28%),
    radial-gradient(circle at 10% 18%,rgba(242,154,99,.07),transparent 24%),
    var(--bg);
}
.briefing-header{
  width:min(980px,calc(100% - 40px));
  min-height:82px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid rgba(72,94,124,.58);
}
.briefing-header .brand{width:132px}
.briefing-header-note{
  color:#8fa2b8;
  font-size:11px;
  text-align:right;
}
.briefing-main{
  width:min(980px,calc(100% - 40px));
  margin-inline:auto;
  padding:46px 0 80px;
}
.briefing-intro{
  max-width:760px;
  margin-bottom:28px;
}
.briefing-intro .eyebrow{margin-bottom:10px}
.briefing-intro h1{font-size:clamp(34px,5vw,54px);max-width:16ch}
.briefing-intro .lead{max-width:720px;margin-top:16px;font-size:17px;line-height:1.65}
.briefing-assurance{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.briefing-assurance span{
  padding:6px 9px;
  border:1px solid #31455f;
  border-radius:999px;
  color:#a9b9ca;
  background:#0d1928;
  font-size:10px;
}
.briefing-form{
  display:grid;
  gap:18px;
}
.briefing-card{
  padding:24px;
  border:1px solid #304158;
  border-radius:14px;
  background:linear-gradient(180deg,#111e30 0%,#0e1928 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.briefing-card-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:18px;
}
.briefing-step{
  flex:0 0 32px;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border:1px solid rgba(242,154,99,.48);
  border-radius:9px;
  color:#f5a16c;
  background:rgba(242,154,99,.08);
  font-size:11px;
  font-weight:800;
}
.briefing-card-head h2{font-size:22px;letter-spacing:-.35px}
.briefing-card-head p{margin-top:3px;color:#98aabd;font-size:12px;line-height:1.55}
.briefing-service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.briefing-service-choice{
  min-height:96px;
  padding:15px;
  border:1px solid #40536d;
  border-radius:11px;
  background:#0c1726;
  color:var(--ink);
  text-align:left;
  transition:border-color .2s ease,background-color .2s ease,transform .2s ease;
}
.briefing-service-choice strong,.briefing-service-choice small{display:block}
.briefing-service-choice{display:flex;align-items:flex-start;gap:14px}
.briefing-service-choice-icon{
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(114,141,174,.42);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(17,31,49,.95),rgba(11,22,35,.92));
  color:#dce7f2;
  font-size:18px;
  font-weight:800;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.briefing-service-choice-copy{flex:1 1 auto;min-width:0}
.briefing-body .briefing-service-choice.is-selected .briefing-service-choice-icon{
  border-color:rgba(var(--briefing-accent-rgb),.65);
  color:var(--briefing-accent);
  background:linear-gradient(180deg,rgba(var(--briefing-accent-rgb),.12),rgba(12,24,38,.96));
  box-shadow:0 0 0 1px rgba(var(--briefing-accent-rgb),.10);
}
.briefing-service-choice strong{font-size:15px;line-height:1.35}
.briefing-service-choice small{margin-top:5px;color:#9cadc1;font-size:11px;line-height:1.5}
.briefing-service-choice:hover{transform:translateY(-1px);border-color:#6682a5}
.briefing-service-choice.is-selected{
  border-color:#f29a63;
  background:linear-gradient(180deg,rgba(55,37,31,.78),#101b2a);
}
.briefing-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
}
.briefing-field{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.briefing-field.full{grid-column:1/-1}
.briefing-field label,.briefing-group-label{
  color:#d3deea;
  font-size:12px;
  font-weight:650;
}
.briefing-field input,.briefing-field textarea,.briefing-field select{
  width:100%;
  min-height:48px;
  padding:12px 13px;
  border:1px solid #465b77;
  border-radius:8px;
  background:#0a1625;
  color:var(--ink);
  font-size:15px;
}
.briefing-field textarea{min-height:108px;resize:vertical}
.briefing-help{color:#8497ad;font-size:10px;line-height:1.5}
.briefing-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:8px;
}
.briefing-check{
  display:flex;
  align-items:flex-start;
  gap:9px;
  min-height:48px;
  padding:10px 11px;
  border:1px solid #344960;
  border-radius:8px;
  background:#0c1827;
  color:#c5d2e0;
  font-size:12px;
  line-height:1.4;
}
.briefing-check input{flex:0 0 auto;width:17px;height:17px;margin:1px 0 0;accent-color:#f29a63}
.briefing-conditional[hidden]{display:none!important}
.briefing-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:2px;
}
.briefing-actions p{max-width:590px;color:#8fa2b8;font-size:11px;line-height:1.55}
.briefing-actions .button{flex:0 0 auto}
.briefing-status{margin-top:12px;color:#a8b8ca;font-size:12px;min-height:20px}
.briefing-back{
  display:inline-flex;
  margin-top:24px;
  color:#8ea4bb;
  font-size:11px;
}
@media(max-width:760px){
  .briefing-header,.briefing-main{width:calc(100% - 32px)}
  .briefing-header{min-height:72px}
  .briefing-header-note{display:none}
  .briefing-main{padding-top:32px}
  .briefing-intro h1{font-size:36px}
  .briefing-intro .lead{font-size:15px}
  .briefing-card{padding:18px 15px}
  .briefing-service-grid,.briefing-grid,.briefing-checks{grid-template-columns:1fr}
  .briefing-service-choice{min-height:88px;padding:14px}
  .briefing-service-choice-icon{width:34px;height:34px;flex-basis:34px;font-size:16px;border-radius:10px}
  .briefing-actions{align-items:stretch;flex-direction:column}
  .briefing-actions .button{width:100%}
}


/* REV53 — briefing pós-contato e entrega técnica menos comercial. */
.briefing-service-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));}
.briefing-intro h1{max-width:22ch;}
.briefing-final-card{padding-block:20px;}
.calculation-scope-summary{grid-template-rows:auto auto auto auto auto;}
.calculation-scope-notes{display:grid;gap:7px;margin-top:1px;}
.calculation-scope-notes>span{display:block;padding:8px 10px;border:1px solid rgba(108,139,176,.22);border-radius:9px;background:rgba(15,31,50,.52);color:#aebed0;font-size:10.5px;line-height:1.5;}
.calculation-scope-notes strong{color:#dce7f3;font-weight:650;}
@media(max-width:760px){
  .briefing-service-grid--two{grid-template-columns:1fr;}
  .briefing-intro h1{max-width:100%;}
  .calculation-scope-notes{gap:6px;}
  .calculation-scope-notes>span{font-size:10px;}
}


/* REV54 — briefing com tema por serviço, upload assistido e linguagem visual simples. */
.briefing-body{
  --briefing-accent:#f29a63;
  --briefing-accent-rgb:242,154,99;
  transition:background .28s ease;
}
.briefing-body.briefing-theme-calculos{
  --briefing-accent:#f29a63;
  --briefing-accent-rgb:242,154,99;
}
.briefing-body.briefing-theme-automation{
  --briefing-accent:#73baff;
  --briefing-accent-rgb:115,186,255;
  background:
    radial-gradient(circle at 82% 8%,rgba(73,145,224,.18),transparent 30%),
    radial-gradient(circle at 10% 18%,rgba(50,112,185,.10),transparent 26%),
    var(--bg);
}
.briefing-body .briefing-step{
  border-color:rgba(var(--briefing-accent-rgb),.52);
  color:var(--briefing-accent);
  background:rgba(var(--briefing-accent-rgb),.09);
}
.briefing-body .briefing-service-choice.is-selected{
  border-color:var(--briefing-accent);
  background:linear-gradient(180deg,rgba(var(--briefing-accent-rgb),.16),#101b2a);
  box-shadow:0 0 0 1px rgba(var(--briefing-accent-rgb),.08),0 12px 28px rgba(3,12,23,.16);
}
.briefing-body .briefing-card{
  transition:border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.briefing-body.briefing-theme-automation .briefing-card{
  border-color:rgba(82,137,196,.48);
  background:linear-gradient(180deg,#101f32 0%,#0d1a2b 100%);
}
.briefing-body.briefing-theme-automation .briefing-assurance span{
  border-color:rgba(91,157,223,.42);
  background:#0d1c2d;
}
.briefing-body .briefing-field input:focus,
.briefing-body .briefing-field textarea:focus,
.briefing-body .briefing-field select:focus{
  outline:none;
  border-color:var(--briefing-accent);
  box-shadow:0 0 0 3px rgba(var(--briefing-accent-rgb),.12);
}
.briefing-body.briefing-theme-automation .briefing-actions .button{
  background:linear-gradient(180deg,#70b9ff 0%,#4f9eea 100%);
  border-color:#86c5ff;
  color:#071321;
}
.briefing-intro h1{max-width:none;line-height:1.03;}
.briefing-intro h1>span,.briefing-intro h1>em{display:block;}
.briefing-intro h1 br{display:none;}
.briefing-upload-field{gap:9px;}
.briefing-upload-box{
  display:grid;
  grid-template-columns:minmax(180px,230px) minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:13px;
  border:1px dashed rgba(var(--briefing-accent-rgb),.46);
  border-radius:10px;
  background:rgba(var(--briefing-accent-rgb),.045);
}
.briefing-upload-box input[type="file"]{
  min-height:44px;
  padding:8px;
  background:#0a1625;
  font-size:12px;
}
.briefing-upload-box strong,.briefing-upload-box span{display:block;}
.briefing-upload-box strong{color:#dce7f3;font-size:12px;line-height:1.4;}
.briefing-upload-box span{margin-top:4px;color:#8fa2b8;font-size:10px;line-height:1.5;}
.briefing-file-list{color:#9fb1c5;font-size:10px;line-height:1.45;overflow-wrap:anywhere;}
.briefing-card-head p{max-width:760px;}
@media(max-width:760px){
  .briefing-intro h1{font-size:34px;line-height:1.08;}
  .briefing-upload-box{grid-template-columns:1fr;gap:9px;}
}


/* REV56 — atalho discreto de desenvolvimento para o briefing. */
.footer-dev-briefing{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  margin-left:8px;
  border-radius:50%;
  color:rgba(159,178,201,.42);
  font-size:14px;
  line-height:1;
  text-decoration:none;
  opacity:.55;
  transition:opacity .2s ease,color .2s ease,background-color .2s ease;
}
.footer-dev-briefing:hover,.footer-dev-briefing:focus-visible{
  opacity:1;
  color:#b9d9ff;
  background:rgba(76,139,203,.10);
}

/* REV59 — feedback de seleção explícito e perceptível sem depender de cor. */
.contact-area-choice,
.contact-interest-option{
  overflow:visible;
}
.contact-area-choice{cursor:pointer}
.contact-interest-option{position:relative}
.contact-area-choice:active{
  transform:translateY(1px) scale(.985);
}

/* O estado ativo continua reconhecível em telas monocromáticas:
   texto + espessura de borda + check, e não apenas mudança de cor. */
.contact-area-choice.is-selected,
.contact-area-choice[aria-checked="true"],
.contact-interest-option.is-selected,
.contact-interest-option[aria-pressed="true"]{
  border-width:2px;
}
.contact-area-choice.is-selected::after,
.contact-area-choice[aria-checked="true"]::after,
.contact-interest-option.is-selected::after,
.contact-interest-option[aria-pressed="true"]::after{
  content:"Selecionado";
  position:absolute;
  z-index:3;
  right:11px;
  bottom:-8px;
  display:inline-flex;
  align-items:center;
  min-height:17px;
  padding:2px 7px;
  border:1px solid rgba(var(--contact-accent-rgb),.58);
  border-radius:999px;
  background:#101c2b;
  color:#dce9f6;
  font-size:7.5px;
  font-weight:850;
  line-height:1.15;
  letter-spacing:.55px;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:0 4px 12px rgba(0,0,0,.18);
}
.contact-area-choice.is-selected::before,
.contact-area-choice[aria-checked="true"]::before,
.contact-interest-option.is-selected::before,
.contact-interest-option[aria-pressed="true"]::before{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:7px;
  pointer-events:none;
}
.contact-area-choice.is-choice-pulse{
  animation:contactAreaChoicePulse .42s cubic-bezier(.2,.8,.2,1);
}
@keyframes contactAreaChoicePulse{
  0%{transform:scale(1)}
  46%{transform:translateY(-1px) scale(1.012);box-shadow:0 0 0 3px rgba(var(--contact-accent-rgb),.10),0 12px 26px rgba(0,0,0,.14)}
  100%{transform:scale(1)}
}

/* Resposta de clique da promoção do início: leve pressão + reflexo curto.
   Não cria estado "selecionado", porque existe apenas uma condição. */
.hero-price-preview.is-promotional{
  overflow:hidden;
  isolation:isolate;
  transform-origin:center;
  transition:transform .16s cubic-bezier(.22,.61,.36,1),border-color .2s ease,box-shadow .22s ease;
}
.hero-price-preview.is-promotional::before{
  content:"";
  position:absolute;
  z-index:0;
  top:-35%;
  bottom:-35%;
  left:-34%;
  width:18%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);
  transform:translateX(-220%) skewX(-18deg);
  opacity:0;
  pointer-events:none;
}
.hero-price-preview.is-promotional>small,
.hero-price-preview.is-promotional>.hero-price-note,
.hero-price-preview.is-promotional>.hero-price-value{
  position:relative;
  z-index:1;
}
.hero-price-preview.is-promotional>b{z-index:2}
.hero-price-preview.is-promotional:active{
  transform:translateY(1px) scale(.992);
}
.hero-price-preview.is-promotional.is-promo-feedback{
  animation:promoPressFeedback .46s cubic-bezier(.2,.8,.2,1);
  border-color:rgba(242,154,99,.72);
  box-shadow:0 0 0 3px rgba(242,154,99,.075),0 12px 28px rgba(0,0,0,.13);
}
.hero-price-preview.is-promotional.is-promo-feedback::before{
  animation:promoReflection .48s ease-out;
}
@keyframes promoPressFeedback{
  0%{transform:scale(1)}
  38%{transform:translateY(1px) scale(.988)}
  72%{transform:translateY(-1px) scale(1.006)}
  100%{transform:scale(1)}
}
@keyframes promoReflection{
  0%{opacity:0;transform:translateX(-220%) skewX(-18deg)}
  22%{opacity:.85}
  100%{opacity:0;transform:translateX(760%) skewX(-18deg)}
}

@media(max-width:760px){
  .contact-area-choice.is-selected::after,
  .contact-area-choice[aria-checked="true"]::after,
  .contact-interest-option.is-selected::after,
  .contact-interest-option[aria-pressed="true"]::after{
    right:9px;
    bottom:-7px;
  }
}
@media(prefers-reduced-motion:reduce){
  .contact-area-choice.is-choice-pulse,
  .hero-price-preview.is-promotional.is-promo-feedback,
  .hero-price-preview.is-promotional.is-promo-feedback::before{
    animation:none!important;
  }
  .hero-price-preview.is-promotional:active{transform:none}
}


/* REV60 — correção do feedback da promoção do hero e compactação da seção de cálculo. */
.hero-price-preview.is-promotional{
  overflow:visible;
}
.hero-price-preview.is-promotional::before{
  top:0;
  bottom:0;
  left:0;
  width:22%;
  border-radius:10px;
  transform:translateX(-170%) skewX(-18deg);
}
.hero-price-preview.is-promotional>b{
  position:absolute;
  z-index:3;
}
@keyframes promoReflection{
  0%{opacity:0;transform:translateX(-170%) skewX(-18deg)}
  20%{opacity:.72}
  100%{opacity:0;transform:translateX(520%) skewX(-18deg)}
}

.calculation-scope{gap:14px;align-items:start;}
.calculation-scope-items{gap:8px;}
.calculation-scope-item{
  min-height:0;
  padding:13px 14px;
  border-radius:13px;
  grid-template-columns:30px minmax(0,1fr);
  gap:10px;
}
.calculation-scope-item>span{width:28px;height:28px;border-radius:8px;}
.calculation-scope-item>div{gap:3px;}
.calculation-scope-item strong{font-size:14px;line-height:1.25;}
.calculation-scope-item small{font-size:11px;line-height:1.42;}
.calculation-scope-summary{
  grid-template-rows:auto auto auto auto;
  min-height:0;
  gap:10px;
  padding:18px 18px;
}
.calculation-scope-summary h3{font-size:19px;line-height:1.18;max-width:16ch;}
.calculation-scope-summary p:not(.report-label){font-size:13px;line-height:1.5;}
.calculation-scope-tags{gap:6px;}
.calculation-scope-tags span{padding:5px 8px;font-size:9.5px;}
.calculation-scope-notes{gap:8px;}
.calculation-scope-notes>span{padding:8px 10px;font-size:10.3px;line-height:1.45;}

@media(max-width:760px){
  .calculation-scope{gap:12px;}
  .calculation-scope-item{padding:12px 13px;}
  .calculation-scope-summary{padding:16px;}
  .calculation-scope-summary h3{max-width:100%;}
}


/* REV61 — alinhamento da seção de cálculos, limpeza do rodapé e acesso mais claro ao formulário. */
html,body{max-width:100%;overflow-x:hidden;}
main,.site-footer{overflow-x:hidden;}

.calculation-scope-summary{grid-template-rows:auto auto auto auto;align-content:start;}
.calculation-scope-summary h3{max-width:14ch;}
.calculation-scope-summary p:not(.report-label){max-width:34ch;}
.calculation-scope-tags{margin-top:1px;}

.delivery-security-list{grid-template-columns:minmax(0,1fr);}

.site-footer{margin-top:clamp(16px,3vw,36px);}
.site-footer .footer-grid{padding-block:28px 22px;}
.site-footer .footer-bottom{padding-block:12px 16px;}
.footer-dev-briefing{
  width:auto;
  height:auto;
  margin-left:0;
  padding:0;
  border-radius:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
  opacity:1;
  background:transparent;
}
.footer-dev-briefing:hover,.footer-dev-briefing:focus-visible{
  color:var(--ink);
  background:transparent;
}

@media(max-width:760px){
  .calculation-scope-summary h3,.calculation-scope-summary p:not(.report-label){max-width:100%;}
}


/* REV62 — elimina scroll interno acidental, abre a composição da entrega e liga Formulário ao briefing. */
html,body{
  max-width:100%;
  overflow-x:clip;
}
main,.site-footer{
  overflow-x:clip;
  overflow-y:visible;
}

/* O painel da direita deve aproveitar a largura disponível: título em duas linhas e texto respirando. */
.calculation-scope-summary h3{
  max-width:none;
  width:100%;
  font-size:19px;
  line-height:1.2;
}
.calculation-scope-summary p:not(.report-label){
  max-width:none;
  width:100%;
}
.calculation-scope-summary .report-label,
.calculation-scope-tags,
.calculation-scope-notes{
  width:100%;
}

/* Mantém os dois lados alinhados sem deixar o painel textual artificialmente estreito. */
@media(min-width:981px){
  .calculation-scope{
    grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  }
}

@media(max-width:760px){
  html,body,main,.site-footer{overflow-x:clip;overflow-y:visible;}
  .calculation-scope-summary h3,
  .calculation-scope-summary p:not(.report-label){width:100%;max-width:100%;}
}

/* Ajuste fino de altura: o painel acompanha melhor as duas linhas de cards ao lado. */
@media(min-width:981px){
  .calculation-scope-summary{
    gap:7px;
    padding:14px 18px;
  }
  .calculation-scope-summary h3{
    font-size:18px;
    line-height:1.16;
  }
  .calculation-scope-summary p:not(.report-label){
    font-size:12.5px;
    line-height:1.42;
  }
  .calculation-scope-tags span{
    padding:5px 8px;
    font-size:9.2px;
  }
  .calculation-scope-notes{
    gap:6px;
    margin-top:0;
  }
  .calculation-scope-notes>span{
    padding:7px 9px;
    font-size:9.8px;
    line-height:1.38;
  }
}


/* REV63 — o título usa toda a largura do painel e o badge "Recomendado"
   acompanha o estado selecionado no seletor superior de Automação. */
@media(min-width:981px){
  .calculation-scope-summary{
    padding-left:18px;
    padding-right:18px;
  }
  .calculation-scope-summary h3{
    width:100%;
    max-width:none;
    margin:0;
    font-size:19px;
    line-height:1.18;
    letter-spacing:-.28px;
    white-space:normal;
  }
  .calculation-scope-summary p:not(.report-label){
    width:100%;
    max-width:none;
  }
}

/* Em telas largas, o título pode aproveitar o painel inteiro sem a quebra artificial anterior. */
@media(min-width:1120px){
  .calculation-scope-summary h3{
    font-size:20px;
    letter-spacing:-.35px;
  }
}

/* O selo Recomendado só aparece enquanto o próprio plano estiver selecionado. */
#automacao .automation-price-preview-two>.automation-preview-card.is-recommended:not(.is-selected)>b{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  animation:none;
}
#automacao .automation-price-preview-two>.automation-preview-card.is-recommended.is-selected>b{
  opacity:1;
  visibility:visible;
}


/* REV64 — refinamento forte da seção de Cálculos e compactação final do rodapé. */
#calculos .home-calc-heading{
  max-width:1000px;
  margin-bottom:18px;
}
#calculos .home-calc-heading h2{
  max-width:18ch;
  letter-spacing:-.55px;
}
#calculos .home-calc-heading .lead{
  max-width:70ch;
}

#calculos .calculation-scope{
  gap:16px;
  align-items:stretch;
}
#calculos .calculation-scope-items{
  gap:10px;
}
#calculos .calculation-scope-item{
  min-height:104px;
  padding:15px 16px;
  grid-template-columns:32px minmax(0,1fr);
  gap:12px;
}
#calculos .calculation-scope-item>span{
  width:30px;
  height:30px;
  border-radius:9px;
}
#calculos .calculation-scope-item strong{
  display:block;
  margin-bottom:4px;
  font-size:15px;
  line-height:1.24;
}
#calculos .calculation-scope-item small{
  display:block;
  max-width:28ch;
  font-size:11.4px;
  line-height:1.46;
}

#calculos .calculation-scope-summary{
  min-height:100%;
  gap:10px;
  padding:18px 18px 14px;
  border-radius:18px;
  align-content:start;
}
#calculos .calculation-scope-summary .report-label{
  width:100%;
  margin:0;
  font-size:10px;
  letter-spacing:1.35px;
}
#calculos .calculation-scope-summary h3{
  width:100%;
  max-width:none;
  margin:0;
  font-size:20px;
  line-height:1.16;
  letter-spacing:-.42px;
  white-space:normal;
  text-wrap:balance;
}
#calculos .calculation-scope-summary p:not(.report-label){
  width:100%;
  max-width:none;
  margin:0;
  color:#c1d0df;
  font-size:13.5px;
  line-height:1.54;
}
#calculos .calculation-scope-tags{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:2px;
}
#calculos .calculation-scope-tags span{
  padding:6px 10px;
  font-size:10px;
  line-height:1.05;
}
#calculos .calculation-scope-notes{
  width:100%;
  gap:8px;
}
#calculos .calculation-scope-notes>span{
  padding:10px 12px;
  font-size:10.6px;
  line-height:1.5;
}

@media(min-width:981px) and (max-width:1119px){
  #calculos .calculation-scope{
    grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr);
  }
  #calculos .calculation-scope-summary h3{font-size:19px;}
}

@media(min-width:1120px){
  #calculos .calculation-scope{
    grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);
  }
  #calculos .calculation-scope-summary h3{font-size:21px;}
}

@media(max-width:980px){
  #calculos .home-calc-heading h2,
  #calculos .home-calc-heading .lead,
  #calculos .calculation-scope-summary h3,
  #calculos .calculation-scope-summary p:not(.report-label){
    max-width:100%;
  }
}

.site-footer{
  margin-top:12px;
  padding-bottom:0;
}
.site-footer .footer-grid{
  padding-block:22px 16px;
}
.site-footer .footer-brand-block .brand{
  margin-bottom:12px;
}
.site-footer .footer-tagline,
.site-footer .footer-summary,
.site-footer .footer-column h3,
.site-footer .footer-bottom small{
  margin-bottom:0;
}
.site-footer .footer-summary{
  margin-top:6px;
  line-height:1.62;
}
.site-footer .footer-bottom{
  padding-block:10px 10px;
}
.site-footer .wrap:last-child{
  margin-bottom:0;
}

@media(max-width:760px){
  .site-footer .footer-grid{padding-block:20px 14px;}
  .site-footer .footer-bottom{padding-block:10px 8px;}
}


/* REV65 — título em duas linhas, formulário mais limpo, upload mais alinhado e rodapé sem sobra visual. */
#calculos .home-calc-heading h2{
  max-width:24ch;
}
#calculos .home-calc-heading h2 br{display:block;}

/* Remove qualquer sensação de faixa “solta” abaixo do rodapé. */
.site-footer{
  position:relative;
  overflow:visible;
}
.site-footer::after{
  content:"";
  display:block;
  width:100%;
  height:18px;
  background:rgba(7,15,27,.34);
  box-shadow:inset 0 1px 0 rgba(48,65,88,.55);
}
body.briefing-body{padding-bottom:0;}

/* Formulários mais limpos: sem exemplos visuais dentro dos campos. */
#contato input::placeholder,
#contato textarea::placeholder,
.briefing-form input::placeholder,
.briefing-form textarea::placeholder{
  color:transparent;
}

/* Upload do briefing: área explicativa mais à direita e nome do arquivo alinhado com o texto. */
.briefing-upload-box{
  grid-template-columns:minmax(150px,190px) minmax(0,1fr);
  gap:16px;
}
.briefing-upload-box strong{font-size:12.5px;}
.briefing-upload-box span{font-size:10.5px;}
.briefing-file-list{
  display:block;
  padding-left:calc(190px + 16px);
  margin-top:2px;
}

@media(max-width:760px){
  .briefing-upload-box{grid-template-columns:1fr;gap:10px;}
  .briefing-file-list{padding-left:0;}
  .site-footer::after{height:12px;}
}


/* REV67 — QA final: rodapé contínuo, sem faixa residual ou container de rolagem. */
.site-footer{
  overflow:hidden;
  margin-bottom:0;
  border-bottom:0;
  background:linear-gradient(180deg,rgba(7,15,27,.96) 0%,#07101b 100%);
  box-shadow:inset 0 1px 0 rgba(48,65,88,.72);
}
.site-footer::after{
  content:none!important;
  display:none!important;
}
.site-footer .footer-bottom{
  margin-bottom:0;
}
html,body{
  margin-bottom:0;
  padding-bottom:0;
}


/* REV68 — microajustes finais de tipografia e alinhamento. */
/* Evita que o título do bloco de memória/parecer invada os cards ao lado. */
@media (min-width:1001px){
  #inicio .editorial-delivery-copy{
    padding-right:10px;
  }
  #inicio .result-trace-title{
    max-width:100%;
    font-size:clamp(29px,2.35vw,32px);
    line-height:1.08;
    letter-spacing:-.55px;
  }
  #inicio .result-trace-title>span{
    white-space:nowrap;
  }
}

/* Em tablet e mobile, mantém a quebra responsiva já aprovada. */
@media (max-width:1000px){
  #inicio .result-trace-title>span{
    white-space:normal;
  }
}


/* REV69 — teste de títulos mais horizontais no desktop.
   REV68 permanece intacta como rollback. Tablet e mobile preservam a composição aprovada. */
@media (min-width:1100px){
  /* Títulos editoriais usam a largura real disponível antes de quebrar linha. */
  #calculos .home-calc-heading,
  #automacao .home-extra .section-heading,
  #automacao .automation-services .section-heading,
  #automacao .automation-plans .center{
    width:100%;
    max-width:none;
  }

  #calculos .home-calc-heading h2,
  #automacao #automation-demo-mobile .section-heading h2,
  #automacao .automation-plans-title{
    max-width:none;
    width:100%;
    white-space:nowrap;
    overflow-wrap:normal;
    text-wrap:nowrap;
  }

  /* O título longo de serviços aproveita a largura, mas pode quebrar em duas linhas se necessário. */
  #automacao .automation-services .section-heading h2{
    width:100%;
    max-width:1080px;
    text-wrap:balance;
  }

  /* Memória e parecer: cabeçalho ocupa toda a faixa; cards vêm abaixo.
     Isso elimina qualquer disputa de largura com “Base analisada”. */
  #inicio .editorial-delivery{
    grid-template-columns:1fr;
    gap:18px;
    padding-top:24px;
  }
  #inicio .editorial-delivery-copy{
    width:100%;
    max-width:none;
    padding-right:0;
    display:block;
  }
  #inicio .editorial-delivery-copy .eyebrow{
    margin-bottom:10px;
  }
  #inicio .result-trace-title{
    width:100%;
    max-width:none;
    margin:0;
    font-size:clamp(28px,2.45vw,34px);
    line-height:1.08;
    letter-spacing:-.62px;
    white-space:nowrap;
  }
  #inicio .result-trace-title>span{
    display:inline;
    white-space:inherit;
  }
  #inicio .result-trace-title>span+span::before{
    content:" ";
  }
  #inicio .editorial-delivery-copy>p:not(.eyebrow){
    max-width:900px;
    margin-top:10px;
  }
  #inicio .editorial-delivery-checks{
    width:100%;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
  }
}

/* Tablet preservado: apenas balanceia texto, sem mudar grids/recolhimentos. */
@media (min-width:761px) and (max-width:1099px){
  #calculos .home-calc-heading h2,
  #automacao #automation-demo-mobile .section-heading h2,
  #automacao .automation-plans-title,
  #automacao .automation-services .section-heading h2,
  #inicio .result-trace-title{
    text-wrap:balance;
  }
}


/* REV70 — copy enxuta e títulos que aproveitam melhor a largura no desktop. */
@media (min-width:1100px){
  #inicio #memoria-exemplo .section-heading,
  #contato>.section-heading{
    width:100%;
    max-width:none;
  }
  #inicio #memoria-exemplo .section-heading h2,
  #contato #contact-title{
    width:100%;
    max-width:none;
    white-space:nowrap;
    text-wrap:nowrap;
    overflow-wrap:normal;
  }
  #contato #contact-title{
    font-size:clamp(32px,3vw,44px);
  }
}

/* Tablet e celular continuam livres para quebrar e manter os recolhimentos existentes. */
@media (max-width:1099px){
  #inicio #memoria-exemplo .section-heading h2,
  #contato #contact-title{
    white-space:normal;
    text-wrap:balance;
  }
}


/* REV71 — compactação final de ritmo, contato, FAQ e entrega técnica.
   Desktop/tablet ficam mais densos; mobile e divisórias recolhíveis permanecem preservados. */
@media (min-width:761px){
  :root{
    --section-space:clamp(34px,3.7vw,48px);
    --panel-pad:clamp(15px,1.5vw,19px);
  }
  .section-heading,.center{margin-bottom:18px;}
  .content-block{padding-top:18px;}

  /* Contato: remove reservas antigas de duas linhas que criavam o vazio da print. */
  #contato>.section-heading{
    margin-bottom:18px!important;
  }
  #contato #contact-title{
    min-height:0!important;
    margin-bottom:0;
  }
  #contato #contact-lead{
    min-height:0!important;
    margin-top:10px;
    max-width:760px;
  }
  #contato .contact-grid{gap:18px;}

  /* FAQ: mesma quantidade de perguntas e densidade visual dos dois lados. */
  #contato .contact-faq-hub{
    margin-top:24px;
    padding-top:24px;
  }
  #contato .contact-faq-heading{margin-bottom:14px;}
  #contato .contact-faq-column{padding:16px 18px;}
  #contato .contact-faq-column-head{
    margin-bottom:4px;
    padding-bottom:12px;
  }
  #contato .contact-faq-column summary{padding:12px 0;}
  #contato .contact-faq-column details p{padding-bottom:12px;}

  /* Memória e parecer: três cards mais compactos, sem altura ociosa. */
  #inicio .editorial-delivery{gap:14px;padding:20px 22px;}
  #inicio .editorial-delivery-checks{gap:12px;}
  #inicio .editorial-delivery-checks li{
    min-height:132px;
    padding:14px 16px 13px;
  }
  #inicio .editorial-delivery-checks .delivery-icon{
    width:34px;
    height:34px;
    margin-bottom:10px;
  }
  #inicio .editorial-delivery-checks li strong{
    margin-bottom:6px;
    font-size:15.5px;
  }
  #inicio .editorial-delivery-checks li>span:not(.delivery-icon){
    font-size:12.5px;
    line-height:1.5;
  }
  #inicio .editorial-delivery-checks li em{
    margin-top:8px;
    padding-top:6px;
  }

  /* Rodapé: os dois atalhos duplicados saíram; copyright fecha o site sem sobra. */
  .site-footer .footer-grid{padding-block:18px 14px;}
  .site-footer .footer-bottom{
    justify-content:flex-start;
    min-height:0;
    padding-block:9px;
  }
}

/* Em desktop largo, o título do Contato fica naturalmente em uma linha sem reservar outra. */
@media (min-width:1100px){
  #contato #contact-title{white-space:nowrap;}
}

/* Tablet/mobile preservam os recolhimentos e deixam títulos quebrarem quando necessário. */
@media (max-width:1099px){
  #contato #contact-title{white-space:normal;}
}


/* REV73 — briefing mais direto e upload sem truncamento do nome do arquivo. */
.briefing-main{width:min(1120px,calc(100% - 40px));}
.briefing-intro{max-width:none;margin-bottom:24px;}
.briefing-intro h1{max-width:none;font-size:clamp(36px,4.2vw,52px);line-height:1.05;}
.briefing-intro h1>span{display:block;white-space:nowrap;}
.briefing-intro .lead{max-width:860px;margin-top:12px;font-size:16px;line-height:1.5;}
.briefing-assurance{margin-top:14px;}
.briefing-card-head{margin-bottom:15px;}
.briefing-card-head h2{font-size:21px;}
.briefing-card-head p{line-height:1.45;}

.briefing-upload-box{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(250px,1fr) minmax(220px,.8fr);
  gap:14px;
  align-items:center;
  padding:15px 16px;
  min-height:78px;
}
.briefing-file-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.briefing-file-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 15px;
  border:1px solid rgba(var(--briefing-accent-rgb),.62);
  border-radius:8px;
  background:rgba(var(--briefing-accent-rgb),.10);
  color:#e7eef7;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
  white-space:nowrap;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.briefing-file-trigger:hover{
  border-color:var(--briefing-accent);
  background:rgba(var(--briefing-accent-rgb),.16);
  transform:translateY(-1px);
}
.briefing-file-native:focus-visible + .briefing-file-trigger{
  outline:2px solid var(--briefing-accent);
  outline-offset:3px;
}
.briefing-upload-copy{min-width:0;}
.briefing-upload-copy strong{display:block;color:#dce7f3;font-size:12.5px;line-height:1.35;}
.briefing-upload-copy span{display:block;margin-top:3px;color:#8fa2b8;font-size:10.5px;line-height:1.4;}
.briefing-file-list{
  min-width:0;
  padding:10px 12px;
  border:1px solid rgba(70,91,119,.72);
  border-radius:8px;
  background:#0a1625;
  color:#aebed0;
  font-size:11px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

@media(max-width:900px){
  .briefing-intro h1>span{white-space:normal;}
  .briefing-upload-box{grid-template-columns:auto minmax(0,1fr);}
  .briefing-file-list{grid-column:1/-1;}
}
@media(max-width:760px){
  .briefing-main{width:calc(100% - 32px);}
  .briefing-intro h1{font-size:34px;}
  .briefing-upload-box{grid-template-columns:1fr;gap:10px;padding:13px;}
  .briefing-file-trigger{width:100%;}
  .briefing-file-list{grid-column:auto;}
}


/* REV74 — nenhum serviço ou plano inicia selecionado. A seleção aparece somente após ação do usuário. */
#automacao .automation-price-preview-two>.automation-preview-card:not(.is-selected)::after{content:none!important;}
#contato .contact-area-choice:not(.is-selected)[aria-checked="false"]::after{content:none!important;}


/* REV75 — callout de Automação com interface estática e fechamento do briefing mais refinado. */

/* O novo preview é deliberadamente estático: sem brilho ou animação automática. */
#inicio .secondary-compact{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:clamp(26px,4vw,54px);
  align-items:center;
  padding:clamp(24px,3vw,34px);
}
#inicio .secondary-compact::after{display:none!important;animation:none!important;}
.judicial-extra .secondary-vertical{animation:none!important;}
#inicio .secondary-compact-copy{max-width:720px;}

.secondary-mini-ui{
  min-width:0;
  padding:14px;
  border:1px solid rgba(101,170,245,.32);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(10,25,43,.96),rgba(8,18,31,.94));
  box-shadow:0 16px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.secondary-mini-ui:hover{
  transform:translateY(-2px);
  border-color:rgba(101,170,245,.50);
  box-shadow:0 20px 42px rgba(0,0,0,.22),0 0 0 1px rgba(101,170,245,.04) inset;
}
.secondary-mini-ui-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:1px 1px 11px;
  border-bottom:1px solid rgba(97,139,184,.18);
}
.secondary-mini-ui-title{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#dcecff;
  font-size:11px;
  font-weight:750;
}
.secondary-mini-ui-title i{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1px solid rgba(101,170,245,.30);
  border-radius:7px;
  background:rgba(101,170,245,.08);
  color:#7fbfff;
  font-size:14px;
  font-style:normal;
}
.secondary-mini-ui-status{
  padding:4px 7px;
  border:1px solid rgba(101,170,245,.28);
  border-radius:999px;
  background:rgba(101,170,245,.07);
  color:#91caff;
  font-size:8px;
  font-weight:800;
  letter-spacing:.55px;
  text-transform:uppercase;
}
.secondary-mini-ui-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1px;
  margin:10px 0 8px;
  overflow:hidden;
  border:1px solid rgba(83,118,157,.16);
  border-radius:6px;
  background:rgba(73,110,151,.12);
}
.secondary-mini-ui-grid span{
  display:grid;
  place-items:center;
  min-height:20px;
  background:#0c1a2b;
  color:#7089a4;
  font-size:7.5px;
  font-weight:800;
}
.secondary-mini-ui-rows{display:grid;gap:6px;}
.secondary-mini-ui-row{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) 22px;
  gap:9px;
  align-items:center;
  padding:8px 9px;
  border:1px solid rgba(80,119,162,.18);
  border-radius:9px;
  background:rgba(14,31,51,.58);
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.secondary-mini-ui-row:hover{
  transform:translateX(2px);
  border-color:rgba(101,170,245,.34);
  background:rgba(18,40,65,.78);
}
.mini-ui-step{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:7px;
  background:rgba(101,170,245,.09);
  color:#80bfff;
  font-size:8px;
  font-weight:850;
}
.secondary-mini-ui-row div{display:grid;gap:1px;min-width:0;}
.secondary-mini-ui-row strong{color:#dce9f7;font-size:10.5px;line-height:1.25;}
.secondary-mini-ui-row small{color:#8299b1;font-size:8.5px;line-height:1.3;}
.mini-ui-check{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border:1px solid rgba(101,170,245,.22);
  border-radius:50%;
  color:#7fc1ff;
  font-size:9px;
  font-weight:900;
}
.secondary-mini-ui-foot{
  display:grid;
  grid-template-columns:auto minmax(70px,1fr);
  gap:12px;
  align-items:center;
  margin-top:10px;
  color:#718aa4;
  font-size:8px;
  font-weight:700;
  letter-spacing:.35px;
  text-transform:uppercase;
}
.secondary-mini-ui-progress{
  display:block;
  height:4px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(101,170,245,.10);
}
.secondary-mini-ui-progress i{
  display:block;
  width:78%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#4e98e8,#7fc1ff);
}

/* Fechamento do briefing: mais hierarquia visual e menos sensação de caixa vazia. */
.briefing-final-card{
  position:relative;
  overflow:hidden;
  padding:18px 20px;
  border-color:rgba(var(--briefing-accent-rgb),.30);
  background:
    radial-gradient(circle at 88% 35%,rgba(var(--briefing-accent-rgb),.08),transparent 28%),
    linear-gradient(135deg,rgba(18,33,53,.98),rgba(12,25,42,.96));
}
.briefing-final-card::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:2px;
  border-radius:999px;
  background:var(--briefing-accent);
  opacity:.72;
}
.briefing-actions{
  position:relative;
  z-index:1;
  gap:24px;
  margin:0;
}
.briefing-final-copy{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-width:0;
}
.briefing-final-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(var(--briefing-accent-rgb),.35);
  border-radius:11px;
  background:rgba(var(--briefing-accent-rgb),.08);
  color:var(--briefing-accent);
}
.briefing-final-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
.briefing-final-copy>div{display:grid;gap:3px;min-width:0;}
.briefing-final-kicker{
  color:var(--briefing-accent);
  font-size:8.5px;
  font-weight:850;
  letter-spacing:1.05px;
}
.briefing-final-copy strong{
  color:#edf4fc;
  font-size:15px;
  line-height:1.25;
}
.briefing-actions .briefing-final-copy p{
  max-width:620px;
  margin:0;
  color:#9fb0c3;
  font-size:11px;
  line-height:1.45;
}
.briefing-final-card #briefing-submit{
  min-width:220px;
  justify-content:center;
  gap:9px;
  box-shadow:0 10px 24px rgba(var(--briefing-accent-rgb),.12);
}
.briefing-final-card #briefing-submit span{font-size:16px;line-height:1;}
.briefing-final-card .briefing-status{position:relative;z-index:1;margin:8px 0 0 54px;min-height:0;}

@media(max-width:980px){
  #inicio .secondary-compact{grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);gap:22px;}
}
@media(max-width:760px){
  #inicio .secondary-compact{grid-template-columns:1fr;gap:18px;}
  .secondary-mini-ui{padding:12px;}
  .secondary-mini-ui-row:hover,.secondary-mini-ui:hover{transform:none;}
  .briefing-final-card{padding:16px 15px;}
  .briefing-actions{gap:16px;}
  .briefing-final-copy{grid-template-columns:38px minmax(0,1fr);gap:10px;}
  .briefing-final-icon{width:38px;height:38px;}
  .briefing-final-card #briefing-submit{width:100%;min-width:0;}
  .briefing-final-card .briefing-status{margin-left:48px;}
}
@media(prefers-reduced-motion:reduce){
  .secondary-mini-ui,.secondary-mini-ui-row{transition:none!important;transform:none!important;}
}


/* REV76 — destaque sutil da segunda frente de Automação + progresso vivo do mini fluxo. */
#inicio .secondary-compact{
  position:relative;
  animation:secondaryAutomationPulse 4.2s ease-in-out infinite;
}

/* Pulso azul discreto: diferencia o serviço sem competir com o conteúdo principal. */
@keyframes secondaryAutomationPulse{
  0%,100%{
    border-color:rgba(101,170,245,.30);
    box-shadow:0 0 0 0 rgba(101,170,245,0),0 16px 36px rgba(0,0,0,.10);
  }
  50%{
    border-color:rgba(101,170,245,.58);
    box-shadow:0 0 0 1px rgba(101,170,245,.08),0 0 28px rgba(62,139,226,.12),0 18px 38px rgba(0,0,0,.14);
  }
}

/* A interface continua limpa; apenas ganha um leve reforço azul sincronizado. */
.secondary-mini-ui{
  animation:secondaryMiniUiGlow 4.2s ease-in-out infinite;
}
@keyframes secondaryMiniUiGlow{
  0%,100%{border-color:rgba(101,170,245,.30);}
  50%{border-color:rgba(120,190,255,.52);}
}

/* Barra percorre o trilho e retorna, simulando processamento sem alterar dados. */
.secondary-mini-ui-progress i{
  width:42%;
  transform:translateX(-8%);
  animation:secondaryMiniProgress 2.7s ease-in-out infinite alternate;
  box-shadow:0 0 10px rgba(101,170,245,.30);
}
@keyframes secondaryMiniProgress{
  0%{transform:translateX(-8%);opacity:.72;}
  50%{opacity:1;}
  100%{transform:translateX(146%);opacity:.88;}
}

/* Acessibilidade: usuários que pedem menos movimento recebem a versão estática. */
@media(prefers-reduced-motion:reduce){
  #inicio .secondary-compact,
  .secondary-mini-ui,
  .secondary-mini-ui-progress i{
    animation:none!important;
  }
  .secondary-mini-ui-progress i{
    width:78%;
    transform:none;
    opacity:1;
  }
}


/* REV77 — identidade visual oficial Plannex. Mantém as logos aprovadas sem deformação. */
.brand img,
.error-brand img{
  object-fit:contain;
  object-position:left center;
}
header .brand img{
  width:132px!important;
  height:auto!important;
  max-width:none!important;
}
.brand--footer img{
  width:132px!important;
  height:auto!important;
  max-width:100%!important;
}
.briefing-header .brand img{
  width:132px!important;
  height:auto!important;
  max-width:100%!important;
}
.error-brand img{
  width:min(210px,70vw)!important;
  height:auto!important;
  max-width:100%!important;
}
@media (min-width:761px) and (max-width:980px){
  header .brand img{width:126px!important;}
}
@media (max-width:760px){
  header .brand img{width:118px!important;}
  .briefing-header .brand img{width:118px!important;}
  .brand--footer img{width:118px!important;}
}
@media (max-width:430px){
  header .brand img{width:110px!important;}
}


/* REV85 — centralização fina de ícones em todo o site */
.service-icon,
.editorial-delivery-checks .delivery-icon,
.delivery-security-icon,
.contact-area-choice-check,
.briefing-service-choice-icon,
.briefing-final-icon,
.calc-symbol{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1;
}
.service-icon svg,
.editorial-delivery-checks .delivery-icon svg,
.briefing-final-icon svg{
  display:block;
  margin:auto;
  flex:0 0 auto;
}
.briefing-service-choice-icon{
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:10px;
  font-size:15px;
  line-height:1;
}
@media(max-width:760px){
  .briefing-service-choice-icon{
    width:30px;
    height:30px;
    flex-basis:30px;
    font-size:14px;
    border-radius:9px;
  }
}


/* REV87 — fluxo único de solicitação: formulário oficial + WhatsApp apenas para dúvidas. */
.contact-request-grid{align-items:stretch}
.contact-request-panel{
  display:flex;
  flex-direction:column;
  gap:22px;
  min-width:0;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(17,30,48,.98),rgba(13,25,40,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.contact-request-panel-head{display:flex;align-items:flex-start;gap:13px}
.contact-request-index{
  flex:0 0 32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(242,154,99,.48);border-radius:9px;background:rgba(242,154,99,.08);
  color:#f5a16c;font-size:11px;font-weight:800;line-height:1
}
.contact-request-panel-head .report-label{margin:1px 0 5px;font-size:9px;color:var(--accent);letter-spacing:1.15px}
.contact-request-panel-head h3{font-size:22px;line-height:1.22;letter-spacing:-.35px}
.contact-request-panel-head p:last-child{margin-top:6px;max-width:600px;color:#98aabd;font-size:12px;line-height:1.55}
.contact-request-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-request-service{
  position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;
  min-height:154px;padding:17px;border:1px solid #40536d;border-radius:13px;background:#0c1726;
  color:var(--ink);text-decoration:none;overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease
}
.contact-request-service::after{
  content:"";position:absolute;inset:auto -24px -34px auto;width:110px;height:110px;border-radius:50%;
  background:radial-gradient(circle,rgba(242,154,99,.08),transparent 68%);pointer-events:none
}
.contact-request-service--auto::after{background:radial-gradient(circle,rgba(115,186,255,.09),transparent 68%)}
.contact-request-service-icon{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(242,154,99,.34);
  border-radius:10px;background:rgba(242,154,99,.075);color:#f2a06b;line-height:1
}
.contact-request-service--auto .contact-request-service-icon{border-color:rgba(115,186,255,.34);background:rgba(115,186,255,.075);color:#78bcff}
.contact-request-service-icon svg{display:block;width:18px;height:18px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-request-service-copy{display:flex;flex-direction:column;min-width:0;height:100%}
.contact-request-service-copy strong{font-size:15px;line-height:1.34}
.contact-request-service-copy small{margin-top:6px;color:#9cadc1;font-size:11px;line-height:1.5}
.contact-request-service-copy b{margin-top:auto;padding-top:16px;color:#f2a06b;font-size:11px;font-weight:750}
.contact-request-service--auto .contact-request-service-copy b{color:#78bcff}
.contact-request-note{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:12px 13px;border:1px solid rgba(95,129,168,.24);border-radius:11px;background:rgba(8,20,34,.46)}
.contact-request-note>span{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(78,186,135,.1);color:#78d7a5;font-size:11px;font-weight:900}
.contact-request-note p{color:#93a7bc;font-size:11px;line-height:1.55}
.contact-request-note strong{color:#dce7f2}
.contact-flow-aside{height:100%}
.contact-flow-aside .contact-aside-title{border-top:0;padding-top:0;margin-top:-6px}
.contact-flow-aside #whatsapp{width:100%;justify-content:center}
.contact-flow-aside .contact-calc-timing{margin-top:auto}
@media(hover:hover) and (pointer:fine){
  .contact-request-service:hover{transform:translateY(-3px);border-color:rgba(242,154,99,.62);background:linear-gradient(180deg,rgba(43,31,29,.66),#0d1928);box-shadow:0 14px 28px rgba(2,9,18,.18)}
  .contact-request-service--auto:hover{border-color:rgba(115,186,255,.62);background:linear-gradient(180deg,rgba(17,42,68,.72),#0d1928)}
}
@media(max-width:900px){
  .contact-request-services{grid-template-columns:1fr}
  .contact-request-service{min-height:130px}
}
@media(max-width:760px){
  .contact-request-panel{padding:18px 15px;gap:18px}
  .contact-request-panel-head{gap:10px}
  .contact-request-index{width:30px;height:30px;flex-basis:30px}
  .contact-request-panel-head h3{font-size:19px}
  .contact-request-service{grid-template-columns:34px minmax(0,1fr);min-height:0;padding:14px;gap:11px}
  .contact-request-service-icon{width:32px;height:32px;border-radius:9px}
  .contact-request-service-icon svg{width:16px;height:16px}
  .contact-request-service-copy b{padding-top:12px}
}


/* REV88 — Contato integrado: uma única entrada, sem página de briefing. */
#contato .contact-intake-heading{max-width:860px;margin-bottom:24px}
#contato .contact-intake-heading .lead{max-width:760px}
.contact-intake-grid{grid-template-columns:minmax(0,1.58fr) minmax(280px,.72fr);gap:18px;align-items:stretch}
.contact-intake-panel{gap:18px;padding:24px;border-color:#31455d;background:linear-gradient(180deg,rgba(16,30,48,.98),rgba(11,22,36,.98));box-shadow:0 18px 48px rgba(2,9,18,.14),inset 0 1px 0 rgba(255,255,255,.025)}
.contact-intake-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.contact-intake-topline .report-label{margin-bottom:5px;font-size:8.8px;letter-spacing:1.15px;color:#f4a06a}
.contact-intake-topline h3{font-size:21px;line-height:1.25;letter-spacing:-.3px}
.contact-intake-topline p:last-child{margin-top:5px;color:#91a4b9;font-size:11px;line-height:1.5}
.contact-intake-badge{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(110,140,176,.28);border-radius:999px;background:rgba(9,22,37,.54);color:#91a7bf;font-size:9px;line-height:1;white-space:nowrap}
.contact-service-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.contact-service-tab{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:center;min-height:72px;padding:12px 13px;border:1px solid #40536d;border-radius:12px;background:#0b1726;color:#e8eef6;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.contact-service-tab::after{content:"";position:absolute;inset:auto 12px 0 12px;height:2px;border-radius:2px 2px 0 0;background:transparent;transition:background .2s ease}
.contact-service-tab:hover{transform:translateY(-1px);border-color:#5b7392}
.contact-service-tab.is-active{border-color:rgba(242,154,99,.62);background:linear-gradient(180deg,rgba(43,31,29,.66),#0d1928);box-shadow:0 10px 24px rgba(2,9,18,.13)}
.contact-service-tab--auto.is-active{border-color:rgba(115,186,255,.62);background:linear-gradient(180deg,rgba(17,42,68,.72),#0d1928)}
.contact-service-tab.is-active::after{background:#f29a63}
.contact-service-tab--auto.is-active::after{background:#73baff}
.contact-service-tab-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(242,154,99,.28);border-radius:9px;background:rgba(242,154,99,.065);color:#f2a06b}
.contact-service-tab--auto .contact-service-tab-icon{border-color:rgba(115,186,255,.28);background:rgba(115,186,255,.065);color:#78bcff}
.contact-service-tab-icon svg{display:block;width:16px;height:16px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-service-tab strong,.contact-service-tab small{display:block}
.contact-service-tab strong{font-size:13.5px;line-height:1.25}
.contact-service-tab small{margin-top:3px;color:#8fa3b9;font-size:10px;line-height:1.25}
.contact-intake-form{min-width:0}
.contact-intake-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:128px;padding:22px;border:1px dashed rgba(91,120,155,.34);border-radius:12px;background:rgba(8,20,34,.34);text-align:center}
.contact-intake-empty>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:8px;border-radius:50%;background:rgba(242,154,99,.08);color:#f2a06b;font-size:14px}
.contact-intake-empty strong{font-size:12.5px;color:#dce7f2}
.contact-intake-empty small{margin-top:3px;color:#879bb2;font-size:10.5px}
.contact-intake-fields{display:grid;gap:14px}
.contact-common-fields,.contact-inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-service-panel{display:grid;gap:12px}
.contact-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.contact-field--full{grid-column:1/-1}
.contact-field label{color:#cfdbe8;font-size:11.5px;line-height:1.35}
.contact-field label>span{color:#f1a06d}
.contact-field label small{color:#768ba3;font-size:9.5px}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-width:0;border:1px solid #40536d;border-radius:9px;background:#091625;color:#eef4fb;font:inherit;font-size:14px;line-height:1.45;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.contact-field input,.contact-field select{min-height:44px;padding:10px 12px}
.contact-field textarea{min-height:104px;padding:11px 12px;resize:vertical}
.contact-field select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23b8c7d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{outline:none;border-color:#6f91b7;box-shadow:0 0 0 3px rgba(111,145,183,.10);background:#0a1828}
.contact-service-tab--calc.is-active~* .contact-field input:focus{border-color:#f29a63}
.contact-intake-file-note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start;padding:10px 11px;border:1px solid rgba(95,129,168,.22);border-radius:10px;background:rgba(8,20,34,.42)}
.contact-intake-file-note>span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:rgba(101,170,245,.08);color:#82bfff}
.contact-intake-file-note svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-intake-file-note p{color:#8fa4ba;font-size:10.5px;line-height:1.5}
.contact-intake-file-note strong{color:#dbe6f1}
.contact-intake-actions{display:flex;align-items:center;gap:14px;padding-top:1px}
.contact-intake-actions .button{flex:0 0 auto;min-width:176px;justify-content:center}
#contact-status{min-width:0;color:#8fa4ba;font-size:10.5px;line-height:1.45}
.contact-intake-aside{height:100%;gap:18px;padding:24px;background:linear-gradient(180deg,rgba(15,29,46,.98),rgba(11,22,36,.98));border-color:#31455d}
.contact-intake-aside .contact-aside-title{font-size:20px;margin-top:0;padding-top:0;border-top:0}
.contact-intake-steps{margin-top:0}
.contact-intake-steps li{padding-block:9px}
.contact-intake-steps li span{font-size:10.5px;line-height:1.45}
.contact-return-card{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid rgba(81,173,128,.2);border-radius:11px;background:rgba(39,116,78,.055)}
.contact-return-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(77,186,133,.1);color:#78d7a5;font-size:11px;font-weight:900}
.contact-return-card strong{display:block;color:#dce7f2;font-size:11.5px;line-height:1.35}
.contact-return-card p{margin-top:4px!important;color:#859bb2!important;font-size:10.3px!important;line-height:1.45!important}
.contact-whatsapp-secondary{width:100%;min-height:42px;justify-content:center;margin-top:auto;font-size:11.5px}
#contato .contact-faq-hub{margin-top:clamp(34px,4.6vw,54px)}
#contato .contact-faq-column details:nth-of-type(n+5){display:none}
@media(max-width:980px){.contact-intake-grid{grid-template-columns:1fr}.contact-intake-aside{height:auto}.contact-whatsapp-secondary{margin-top:0}}
@media(max-width:760px){
  #contato .contact-intake-heading{margin-bottom:18px}
  .contact-intake-panel,.contact-intake-aside{padding:17px 14px}
  .contact-intake-topline{gap:10px}
  .contact-intake-badge{display:none}
  .contact-service-tabs{grid-template-columns:1fr;gap:8px}
  .contact-service-tab{min-height:62px;padding:10px 11px}
  .contact-common-fields,.contact-inline-fields{grid-template-columns:1fr}
  .contact-intake-actions{align-items:stretch;flex-direction:column;gap:8px}
  .contact-intake-actions .button{width:100%}
  #contact-status{text-align:center}
  .contact-intake-empty{min-height:108px;padding:18px 12px}
}


/* REV89 — contato profissional: solicitação por e-mail + WhatsApp apenas para dúvidas. */
#contato{padding-top:clamp(54px,7vw,78px)}
#contato .contact-request-heading{max-width:900px;margin-bottom:24px}
#contato .contact-request-heading .eyebrow{margin-bottom:10px}
#contato .contact-request-heading .page-title{font-size:clamp(31px,3.5vw,43px);letter-spacing:-1.05px}
#contato .contact-request-heading .lead{max-width:790px;margin-top:12px;font-size:15px;line-height:1.62}
.contact-request-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.55fr);gap:18px;align-items:start}
.contact-request-form,.contact-help-card{border:1px solid #31455d;border-radius:16px;background:linear-gradient(180deg,rgba(16,30,48,.985),rgba(10,21,35,.985));box-shadow:0 18px 48px rgba(2,9,18,.13),inset 0 1px 0 rgba(255,255,255,.025)}
.contact-request-form{display:grid;gap:17px;padding:24px}
.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.contact-service-fieldset{min-width:0;margin:0;padding:0;border:0}
.contact-service-fieldset legend{margin:0 0 9px;color:#dce6f1;font-size:12px;font-weight:700}
.contact-service-fieldset legend>span,.contact-field>label>span{color:#f4a06a}
.contact-service-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.contact-service-choice{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) 32px;gap:10px;align-items:center;min-height:76px;padding:12px 13px;border:1px solid #40536c;border-radius:12px;background:#0b1828;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.contact-service-choice:hover{transform:translateY(-1px);border-color:#607b9c}
.contact-service-choice>input{position:absolute;opacity:0;pointer-events:none}
.contact-service-radio{display:flex;align-items:center;justify-content:center;width:19px;height:19px;border:1px solid #67809f;border-radius:50%;background:#0b1828;box-shadow:inset 0 0 0 4px #0b1828}
.contact-service-choice-copy{display:grid;gap:2px;min-width:0}
.contact-service-choice-copy strong{font-size:13px;line-height:1.25}
.contact-service-choice-copy small{color:#91a4b9;font-size:10.5px;line-height:1.35}
.contact-service-choice-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid rgba(113,143,179,.27);border-radius:9px;background:rgba(9,22,37,.56);color:#a7bad0}
.contact-service-choice-icon svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-service-choice.is-selected{border-color:rgba(242,154,99,.75);background:linear-gradient(180deg,rgba(52,36,31,.72),rgba(12,24,39,.98));box-shadow:0 0 0 1px rgba(242,154,99,.08)}
.contact-service-choice.is-selected .contact-service-radio{border-color:#f29a63;background:#f29a63;box-shadow:inset 0 0 0 5px #0d1a2a}
.contact-service-choice.is-selected .contact-service-choice-icon{border-color:rgba(242,154,99,.38);color:#f2a06b;background:rgba(242,154,99,.07)}
.contact-service-choice[data-contact-choice="automacao"].is-selected{border-color:rgba(111,181,255,.72);background:linear-gradient(180deg,rgba(17,45,73,.76),rgba(12,24,39,.98));box-shadow:0 0 0 1px rgba(111,181,255,.07)}
.contact-service-choice[data-contact-choice="automacao"].is-selected .contact-service-radio{border-color:#76b9ff;background:#76b9ff}
.contact-service-choice[data-contact-choice="automacao"].is-selected .contact-service-choice-icon{border-color:rgba(111,181,255,.38);color:#7dbdff;background:rgba(111,181,255,.07)}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px}
.contact-field{display:flex;min-width:0;flex-direction:column;gap:6px}
.contact-field--full{grid-column:1/-1}
.contact-field>label{color:#cdd9e6;font-size:11.5px;font-weight:650;line-height:1.4}
.contact-field>label small{color:#7f93aa;font-size:9.5px;font-weight:500}
.contact-field input,.contact-field textarea,.contact-field select{width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid #425872;border-radius:9px;background:#0a1625;color:#ecf2f8;font-size:13px;line-height:1.45;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.contact-field textarea{min-height:104px;resize:vertical}
.contact-field select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a7b8cb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:13px;cursor:pointer}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#6f8298;font-size:11.5px}
.contact-field input:focus,.contact-field textarea:focus,.contact-field select:focus{outline:none;border-color:#7a94b4;box-shadow:0 0 0 3px rgba(105,150,205,.09);background:#0b1828}
.contact-field-help{color:#7f93aa;font-size:9.8px;line-height:1.45}
.contact-file-field>input[type="file"]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.contact-file-upload{display:grid!important;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;min-height:62px;padding:10px 11px!important;border:1px dashed #425b77;border-radius:10px;background:rgba(9,22,37,.5);cursor:pointer;transition:border-color .2s ease,background .2s ease}
.contact-file-upload:hover{border-color:#6c89aa;background:rgba(14,31,51,.7)}
.contact-file-upload-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(105,170,240,.22);border-radius:9px;background:rgba(101,170,245,.07);color:#81bfff}
.contact-file-upload-icon svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-file-upload>span:last-child{display:grid;gap:1px;min-width:0}
.contact-file-upload strong{font-size:11.5px;color:#dce7f2}
.contact-file-upload small{display:block;overflow:hidden;color:#8397ad;font-size:9.7px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.contact-submit-row{display:flex;align-items:center;gap:13px;padding-top:2px}
.contact-submit-row .button{min-width:172px;min-height:46px}
.contact-submit-row .button.is-loading{pointer-events:none;opacity:.72}
.contact-submit-row .button.is-sent{background:#2f7a5a;border-color:#458d6d;color:#f5fff9}
.contact-submit-status{min-height:18px;color:#9cb0c6;font-size:10.5px;line-height:1.45}
.contact-submit-status.is-success{color:#8bd5ad}
.contact-submit-status.is-error{color:#f0a98a}
.contact-privacy-note{margin-top:-5px;color:#71859b;font-size:9.5px;line-height:1.45}
.contact-help-card{display:flex;flex-direction:column;gap:13px;padding:22px;position:sticky;top:20px}
.contact-help-card .report-label{color:#f4a06a;font-size:8.5px;letter-spacing:1.1px}
.contact-help-card h3{font-size:19px;line-height:1.28;letter-spacing:-.3px}
.contact-help-card>p:not(.report-label){color:#91a4b9;font-size:11px;line-height:1.55}
.contact-whatsapp-button{align-self:flex-start;min-height:42px;padding:0 13px;font-size:11px}
.contact-help-divider{height:1px;margin:2px 0;background:#283b52}
.contact-after-submit{display:grid;gap:9px}
.contact-after-submit>strong{font-size:11.5px;color:#dce6f1}
.contact-after-submit ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.contact-after-submit li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;align-items:start;color:#8498ae;font-size:10px;line-height:1.42}
.contact-after-submit li span{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid #344b65;border-radius:7px;background:#0b1828;color:#a8bbcf;font-size:8px;font-weight:800}
@media(max-width:980px){
  .contact-request-layout{grid-template-columns:1fr}
  .contact-help-card{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center}
  .contact-help-card .report-label,.contact-help-card h3,.contact-help-card>p:not(.report-label){grid-column:1}
  .contact-whatsapp-button{grid-column:2;grid-row:1/4;align-self:center}
  .contact-help-divider,.contact-after-submit{grid-column:1/-1}
}
@media(max-width:760px){
  #contato{padding-top:34px}
  #contato .contact-request-heading{margin-bottom:17px}
  #contato .contact-request-heading .page-title{font-size:31px}
  #contato .contact-request-heading .lead{font-size:13.5px;line-height:1.55}
  .contact-request-form,.contact-help-card{padding:16px 14px;border-radius:14px}
  .contact-service-choices,.contact-form-grid{grid-template-columns:1fr}
  .contact-service-choice{min-height:67px;padding:10px 11px}
  .contact-field--full{grid-column:auto}
  .contact-submit-row{align-items:stretch;flex-direction:column;gap:8px}
  .contact-submit-row .button{width:100%}
  .contact-help-card{display:flex}
  .contact-whatsapp-button{align-self:flex-start}
}
@media(max-width:430px){
  .contact-service-choice{grid-template-columns:19px minmax(0,1fr) 29px;gap:8px}
  .contact-service-choice-icon{width:29px;height:29px}
}

/* REV91 — formulário inteligente, autofill semântico, planos por serviço e WhatsApp visual. */
.contact-plan-fieldset{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.contact-plan-fieldset[hidden],
.contact-automation-extra[hidden]{display:none!important}
.contact-plan-fieldset legend{
  margin:0 0 4px;
  color:#dce6f1;
  font-size:12px;
  font-weight:700;
}
.contact-plan-fieldset legend>span{color:#f4a06a}
.contact-plan-note{
  margin:0 0 9px;
  color:#7f93aa;
  font-size:9.8px;
  line-height:1.45;
}
.contact-plan-choices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.contact-plan-choice{
  position:relative;
  display:grid;
  grid-template-columns:19px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-height:68px;
  padding:11px 12px;
  border:1px solid #3b5069;
  border-radius:11px;
  background:#0a1726;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.contact-plan-choice:hover{transform:translateY(-1px);border-color:#5f7998}
.contact-plan-choice>input{position:absolute;opacity:0;pointer-events:none}
.contact-plan-radio{
  display:flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border:1px solid #647d9b;
  border-radius:50%;
  background:#0b1828;
  box-shadow:inset 0 0 0 4px #0b1828;
}
.contact-plan-choice-copy{display:grid;gap:2px;min-width:0}
.contact-plan-choice-copy strong{font-size:12.2px;line-height:1.3;color:#e4edf6}
.contact-plan-choice-copy small{color:#879bb1;font-size:9.8px;line-height:1.4}
.contact-plan-choice.is-selected{
  border-color:rgba(110,168,231,.7);
  background:linear-gradient(180deg,rgba(19,42,67,.78),rgba(10,23,38,.98));
  box-shadow:0 0 0 1px rgba(111,181,255,.06);
}
.contact-plan-choice.is-selected .contact-plan-radio{
  border-color:#78baff;
  background:#78baff;
  box-shadow:inset 0 0 0 5px #0d1a2a;
}
.contact-form-grid--nested{
  grid-template-columns:1fr;
  gap:13px;
}
.contact-automation-extra{
  padding:13px;
  border:1px solid rgba(111,181,255,.18);
  border-radius:11px;
  background:rgba(111,181,255,.035);
}
.contact-field textarea[rows="3"]{min-height:84px}
.contact-file-upload small{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.contact-whatsapp-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:43px;
  padding:0 14px;
  border-color:#25d366!important;
  background:#25d366!important;
  color:#07150c!important;
  box-shadow:0 10px 24px rgba(37,211,102,.13);
}
.contact-whatsapp-button:hover{
  border-color:#36df75!important;
  background:#36df75!important;
  transform:translateY(-1px);
}
.contact-whatsapp-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  color:#07150c;
}
.contact-whatsapp-icon svg{
  display:block;
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:760px){
  .contact-plan-choices{grid-template-columns:1fr}
  .contact-plan-choice{min-height:62px;padding:10px 11px}
  .contact-automation-extra{padding:11px}
}
.contact-plan-fieldset[data-service="calculos"] .contact-plan-choice.is-selected{
  border-color:rgba(242,154,99,.72);
  background:linear-gradient(180deg,rgba(52,36,31,.68),rgba(10,23,38,.98));
  box-shadow:0 0 0 1px rgba(242,154,99,.06);
}
.contact-plan-fieldset[data-service="calculos"] .contact-plan-choice.is-selected .contact-plan-radio{
  border-color:#f29a63;
  background:#f29a63;
}


/* REV92 — autofill nativo e calendário de prazo */
#contact-name,
#contact-phone,
#contact-email{
  appearance:auto;
}


/* REV93 — valores dos planos, orientação contextual e telefone padronizado */
.contact-plan-title-row{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
.contact-plan-title-row strong{min-width:0}
.contact-plan-title-row b{
  flex:0 0 auto;
  color:#eaf2fb;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
}
.contact-plan-fieldset[data-service="calculos"] .contact-plan-choice.is-selected .contact-plan-title-row b{color:#f4aa79}
.contact-plan-fieldset[data-service="automacao"] .contact-plan-choice.is-selected .contact-plan-title-row b{color:#8cc8ff}
.contact-description-help{max-width:760px}
#contact-phone{font-variant-numeric:tabular-nums;letter-spacing:.01em}
@media(max-width:430px){
  .contact-plan-title-row{align-items:flex-start;flex-direction:column;gap:2px}
  .contact-plan-title-row b{font-size:10.5px}
}


/* REV97 — exemplos dentro do campo e plano + valor na mesma escrita */
.contact-plan-inline-title{
  display:block;
  color:#e4edf6;
  font-size:12.2px;
  font-weight:700;
  line-height:1.35;
}
.contact-plan-inline-title>span{
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
  white-space:nowrap;
}
.contact-plan-fieldset[data-service="calculos"] .contact-plan-choice.is-selected .contact-plan-inline-title{color:#f4aa79}
.contact-plan-fieldset[data-service="automacao"] .contact-plan-choice.is-selected .contact-plan-inline-title{color:#8cc8ff}
#contact-description::placeholder{
  color:#71869e;
  opacity:1;
  line-height:1.55;
}


/* REV98 — orientações dentro das áreas de texto e data limpa até interação */
.contact-textarea-shell{
  position:relative;
  width:100%;
}
.contact-textarea-shell textarea{
  position:relative;
  z-index:1;
  background:transparent;
}
.contact-textarea-example{
  position:absolute;
  z-index:2;
  top:13px;
  left:14px;
  right:14px;
  color:#71869e;
  font-size:11.5px;
  line-height:1.55;
  pointer-events:none;
  user-select:none;
  transition:opacity .14s ease;
}
.contact-textarea-shell.has-value .contact-textarea-example{
  opacity:0;
}
.contact-textarea-shell textarea:focus + .contact-textarea-example{
  color:#7f94ab;
}
#contact-description,
#contact-notes{
  background:#0a1625;
}


/* REV99 — texto de abertura do contato em uma linha no desktop. */
@media (min-width:900px){
  #contato .contact-request-heading{max-width:none;}
  #contato .contact-request-heading .lead,
  #contact-lead{max-width:none!important;white-space:nowrap;}
}
@media (max-width:899px){
  #contato .contact-request-heading .lead,
  #contact-lead{white-space:normal;}
}


/* ==========================================================================
   REV100 — DESIGN SYSTEM UNIFICADO PLANNEX
   Camada canônica de UI. Preserva conteúdo e comportamento, unificando
   grid, tipografia, ritmo, cards, botões e responsividade.
   ========================================================================== */
body.rev100-system{
  --ui-max:1160px;
  --ui-gutter:64px;
  --ui-section:clamp(40px,4.8vw,62px);
  --ui-block:clamp(28px,3.4vw,40px);
  --ui-gap:16px;
  --ui-gap-sm:12px;
  --ui-radius:14px;
  --ui-radius-lg:16px;
  --ui-border:#30445c;
  --ui-border-soft:rgba(78,102,132,.52);
  --ui-surface:#101d2e;
  --ui-surface-2:#0d1928;
  --ui-shadow:0 18px 44px rgba(2,9,18,.14),inset 0 1px 0 rgba(255,255,255,.025);
  --ui-page-title:clamp(36px,3.45vw,48px);
  --ui-section-title:clamp(25px,2.45vw,32px);
  --ui-card-title:17px;
  --ui-body:14px;
  --ui-small:11px;
  --ui-line:1.58;
}
body.rev100-system .wrap,
body.rev100-system header{
  width:min(var(--ui-max),calc(100% - var(--ui-gutter)));
}
body.rev100-system header{
  min-height:82px;
  gap:22px;
}
body.rev100-system header nav{gap:26px}
body.rev100-system header nav a{font-size:13px}
body.rev100-system .site-footer .footer-grid,
body.rev100-system .site-footer .footer-bottom{width:min(var(--ui-max),calc(100% - var(--ui-gutter)))}

/* Hierarquia tipográfica única */
body.rev100-system #inicio .page-title,
body.rev100-system #automacao .page-title,
body.rev100-system #contato .page-title{
  font-size:var(--ui-page-title);
  line-height:1.06;
  letter-spacing:-1.55px;
  font-weight:680;
}
body.rev100-system .section-heading h2,
body.rev100-system .automation-plans-title,
body.rev100-system .editorial-delivery-copy h2,
body.rev100-system .memory-example>.section-heading h2{
  font-size:var(--ui-section-title);
  line-height:1.12;
  letter-spacing:-.75px;
  font-weight:660;
}
body.rev100-system .eyebrow{
  margin-bottom:10px;
  font-size:10px;
  line-height:1.45;
  letter-spacing:1.35px;
  font-weight:800;
}
body.rev100-system .section-index{display:none}
body.rev100-system .lead{
  margin-top:12px;
  max-width:66ch;
  color:#aebdd0;
  font-size:15.5px;
  line-height:1.62;
}
body.rev100-system .section-heading,
body.rev100-system .center{
  width:100%;
  max-width:820px;
  margin:0 0 22px;
  text-align:left;
}
body.rev100-system .section-heading .lead,
body.rev100-system .center .lead{margin:10px 0 0;text-align:left}
body.rev100-system .solutions h3,
body.rev100-system .calc-price-card h3,
body.rev100-system .support-plans-two .plan h3,
body.rev100-system .contact-help-card h3,
body.rev100-system .calculation-scope-summary h3{
  font-size:var(--ui-card-title);
  line-height:1.3;
  letter-spacing:-.25px;
}

/* Ritmo de página e grid principal */
body.rev100-system #inicio,
body.rev100-system #automacao{
  gap:40px;
  padding-top:46px;
}
body.rev100-system #contato{padding-block:46px 62px}
body.rev100-system .home-extra{
  margin-top:36px;
  padding-top:var(--ui-section);
  padding-bottom:var(--ui-section);
}
body.rev100-system #inicio .content-block,
body.rev100-system #automacao .content-block{
  margin-top:var(--ui-block);
  padding-top:30px;
}
body.rev100-system .judicial-extra>*+*{margin-top:var(--ui-block)}
body.rev100-system #automacao .automation-services.content-block,
body.rev100-system #automacao .automation-plans.content-block{
  margin-top:var(--ui-block);
  padding-block:30px 0;
}

/* Botões e links: um único componente */
body.rev100-system .button{
  min-height:46px;
  padding:0 18px;
  border-radius:11px;
  font-size:12.5px;
  line-height:1.2;
  font-weight:760;
  letter-spacing:.01em;
}
body.rev100-system .button.small{min-height:44px;padding-inline:17px;font-size:12px}
body.rev100-system .text-link{min-height:42px;font-size:12.5px}
body.rev100-system .actions{gap:14px 20px;margin-top:22px}

/* Cards equivalentes: mesma geometria e acabamento */
body.rev100-system .calculation-scope-item,
body.rev100-system .calculation-scope-summary,
body.rev100-system .calc-price-card,
body.rev100-system #automacao .solutions article,
body.rev100-system #automacao .support-plans-two .plan,
body.rev100-system .automation-overview,
body.rev100-system .transform-panel,
body.rev100-system .secondary-compact,
body.rev100-system .contact-request-form,
body.rev100-system .contact-help-card,
body.rev100-system .home-process-steps li,
body.rev100-system .editorial-delivery-checks li{
  border-radius:var(--ui-radius);
  border-color:var(--ui-border-soft);
  box-shadow:var(--ui-shadow);
}
body.rev100-system .calculation-scope-item,
body.rev100-system #automacao .solutions article,
body.rev100-system .home-process-steps li{
  background:linear-gradient(180deg,rgba(16,30,48,.84),rgba(11,24,39,.84));
}
body.rev100-system .calculation-scope-items,
body.rev100-system #automacao .solutions,
body.rev100-system #automacao .support-plans-two,
body.rev100-system .home-process-steps{gap:var(--ui-gap)}
body.rev100-system .calculation-scope-item{min-height:92px;padding:15px}
body.rev100-system .calculation-scope-summary{padding:20px}
body.rev100-system .calculation-scope{gap:var(--ui-gap)}

/* Heros equivalentes */
@media(min-width:1001px){
  body.rev100-system #inicio,
  body.rev100-system #automacao{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    align-items:center;
  }
  body.rev100-system #inicio>.hero-copy,
  body.rev100-system #automacao>.hero-copy{align-self:center}
}
body.rev100-system .simulation,
body.rev100-system .automation-overview{
  border-radius:var(--ui-radius-lg);
  box-shadow:0 22px 54px rgba(2,9,18,.18),inset 0 1px 0 rgba(255,255,255,.025);
}
body.rev100-system .simulation-header{padding:20px}
body.rev100-system .automation-overview{padding:22px}
body.rev100-system .automation-overview h3{font-size:clamp(23px,2.35vw,30px);line-height:1.14}

/* Contratação: dois componentes irmãos */
body.rev100-system #inicio .calc-offer-pair,
body.rev100-system #automacao .support-plans-two{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--ui-gap);
  align-items:stretch;
}
body.rev100-system #inicio .calc-price-card,
body.rev100-system #automacao .support-plans-two .plan{
  height:100%;
  padding:20px;
}
body.rev100-system #inicio .calc-price-card{gap:12px}
body.rev100-system #automacao .support-plans-two .plan{display:flex;flex-direction:column}
body.rev100-system #automacao .support-plans-two .plan-kicker{min-height:0;margin-bottom:8px;font-size:8.5px}
body.rev100-system #automacao .support-plans-two .plan h3{min-height:0;margin:0 0 5px}
body.rev100-system #automacao .support-plans-two .plan-description{min-height:0;margin:0;font-size:12.5px;line-height:1.5}
body.rev100-system #automacao .support-plans-two .price{min-height:0;margin-top:12px}
body.rev100-system #automacao .support-plans-two .plan-features{margin:12px 0;gap:5px;padding-top:10px}
body.rev100-system #automacao .support-plans-two .plan-features li{min-height:0;font-size:11.4px;line-height:1.4}
body.rev100-system #automacao .support-plans-two .plan-response{min-height:0;margin:8px 0 0}
body.rev100-system #automacao .support-plans-two .plan .button{margin-top:auto}

/* Serviços de automação: cards realmente equivalentes */
body.rev100-system #automacao .solutions{grid-template-columns:repeat(3,minmax(0,1fr))}
body.rev100-system #automacao .solutions article,
body.rev100-system #automacao .solutions article:last-child{
  display:flex;
  grid-column:auto;
  flex-direction:column;
  align-items:flex-start;
  min-height:160px;
  padding:17px;
  gap:9px;
}
body.rev100-system #automacao .service-icon{width:34px;height:34px;flex-basis:34px;margin:0;border-radius:9px}
body.rev100-system #automacao .service-icon svg{width:17px;height:17px}
body.rev100-system #automacao .solutions p{font-size:12.4px;line-height:1.52}

/* Conteúdo editorial da Home */
body.rev100-system .editorial-delivery{
  gap:var(--ui-gap);
  padding:22px;
  border:1px solid var(--ui-border-soft);
  border-left:3px solid rgba(242,154,99,.72);
  border-radius:0 var(--ui-radius) var(--ui-radius) 0;
}
body.rev100-system .editorial-delivery-checks{gap:var(--ui-gap-sm)}
body.rev100-system .editorial-delivery-checks li{padding:16px;min-height:150px}
body.rev100-system .home-process-compact{gap:22px}
body.rev100-system .home-process-steps li{min-height:104px;padding:15px}
body.rev100-system .secondary-compact{padding:22px;gap:24px}

/* Contato integrado ao mesmo design system */
body.rev100-system #contato .contact-request-heading{
  max-width:100%;
  margin-bottom:22px;
}
body.rev100-system #contato .contact-request-heading .page-title{font-size:var(--ui-page-title)}
body.rev100-system #contato .contact-request-heading .lead{
  margin-top:10px;
  max-width:100%;
  font-size:15px;
  line-height:1.58;
}
body.rev100-system .contact-request-layout{
  grid-template-columns:minmax(0,1.55fr) minmax(260px,.55fr);
  gap:var(--ui-gap);
}
body.rev100-system .contact-request-form{gap:16px;padding:22px}
body.rev100-system .contact-help-card{gap:12px;padding:20px}
body.rev100-system .contact-service-choices,
body.rev100-system .contact-plan-choices{gap:var(--ui-gap-sm)}
body.rev100-system .contact-service-choice,
body.rev100-system .contact-plan-choice{
  border-radius:11px;
  border-color:#3a5069;
  background:#0b1828;
}
body.rev100-system .contact-field input,
body.rev100-system .contact-field textarea,
body.rev100-system .contact-field select{
  border-radius:10px;
  border-color:#405773;
  background:#0a1625;
}
body.rev100-system .contact-file-upload{border-radius:10px}
body.rev100-system .contact-whatsapp-button{border-radius:11px}

/* Rodapé no mesmo eixo e com densidade coerente */
body.rev100-system .site-footer .footer-grid{
  grid-template-columns:minmax(280px,1.35fr) minmax(150px,.62fr) minmax(175px,.72fr);
  gap:28px;
  padding-block:28px 24px;
}
body.rev100-system .site-footer .footer-column h3{font-size:9px;letter-spacing:1.15px}
body.rev100-system .site-footer .footer-column a{font-size:11.5px}
body.rev100-system .footer-tagline{font-size:13px}
body.rev100-system .footer-summary{font-size:11.5px;line-height:1.55}

/* Responsividade canônica */
@media(max-width:1100px){
  body.rev100-system{--ui-gutter:48px}
  body.rev100-system header{gap:16px}
}
@media(max-width:980px){
  body.rev100-system{--ui-gutter:40px}
  body.rev100-system #inicio,
  body.rev100-system #automacao{gap:26px}
  body.rev100-system .contact-request-layout{grid-template-columns:1fr}
  body.rev100-system .contact-help-card{position:static}
  body.rev100-system #automacao .solutions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body.rev100-system{--ui-gutter:32px;--ui-section:38px;--ui-block:28px}
  body.rev100-system header{min-height:72px}
  body.rev100-system #inicio,
  body.rev100-system #automacao{padding-top:34px;gap:22px}
  body.rev100-system #contato{padding-block:34px 46px}
  body.rev100-system #inicio .page-title,
  body.rev100-system #automacao .page-title,
  body.rev100-system #contato .page-title{font-size:clamp(31px,8vw,38px);line-height:1.08;letter-spacing:-1px}
  body.rev100-system .section-heading h2,
  body.rev100-system .automation-plans-title,
  body.rev100-system .editorial-delivery-copy h2{font-size:25px}
  body.rev100-system .lead{font-size:14px;line-height:1.58}
  body.rev100-system .home-extra{margin-top:26px;padding-top:38px;padding-bottom:38px}
  body.rev100-system #inicio .calc-offer-pair,
  body.rev100-system #automacao .support-plans-two,
  body.rev100-system #automacao .solutions{grid-template-columns:1fr}
  body.rev100-system #automacao .solutions article{min-height:0}
  body.rev100-system .contact-request-form,
  body.rev100-system .contact-help-card{padding:16px 14px}
  body.rev100-system .site-footer .footer-grid{gap:20px;padding-block:24px 20px}
}
@media(max-width:430px){
  body.rev100-system{--ui-gutter:32px}
  body.rev100-system .button{min-height:44px;padding-inline:15px}
  body.rev100-system .actions{gap:10px 14px}
}

/* REV100 QA — correções de precedência legada e rodapé responsivo. */
body.rev100-system #contato #contact-title{
  font-size:var(--ui-page-title);
  line-height:1.06;
  letter-spacing:-1.55px;
}
@media(max-width:760px){
  body.rev100-system #contato #contact-title{
    font-size:clamp(31px,8vw,38px);
    line-height:1.08;
    letter-spacing:-1px;
  }
  body.rev100-system .site-footer .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 16px;
  }
  body.rev100-system .site-footer .footer-brand-block{grid-column:1/-1}
  body.rev100-system .site-footer .footer-column{min-width:0}
  body.rev100-system .site-footer .footer-column a{white-space:normal;overflow-wrap:anywhere}
}


/* ==========================================================================
   REV101 — AUTOMAÇÃO: APROVEITAMENTO DE GRID E RITMO VERTICAL
   Ajustes restritos à página de automação. Usa escala 8/12/16/24/32/48 px.
   ========================================================================== */

/* Aproxima a demonstração da próxima seção sem retirar a divisão visual. */
body.rev100-system #automacao > .home-extra{
  padding-bottom:24px;
}
body.rev100-system #automacao .automation-services.content-block{
  margin-top:0;
  padding-top:24px;
  padding-bottom:0;
}

/* Serviços: 3 colunas estáveis; o suporte fecha a grade ocupando a linha toda. */
body.rev100-system #automacao .solutions{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
body.rev100-system #automacao .solutions article{
  min-height:152px;
  padding:16px;
  gap:8px;
}
body.rev100-system #automacao .solutions article:last-child{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:16px;
  row-gap:4px;
  align-items:center;
  min-height:84px;
  padding:16px;
}
body.rev100-system #automacao .solutions article:last-child .service-icon{
  grid-column:1;
  grid-row:1 / span 2;
  align-self:center;
}
body.rev100-system #automacao .solutions article:last-child h3{
  grid-column:2;
  grid-row:1;
  align-self:end;
  margin:0;
}
body.rev100-system #automacao .solutions article:last-child p{
  grid-column:2;
  grid-row:2;
  align-self:start;
  margin:0;
  max-width:86ch;
}

/* Contratação: separação clara entre conteúdo, prazo e CTA. */
body.rev100-system #automacao .automation-plans.content-block{
  margin-top:32px;
  padding-top:24px;
  padding-bottom:0;
}
body.rev100-system #automacao .support-plans-two{
  gap:16px;
}
body.rev100-system #automacao .support-plans-two .plan{
  padding:20px;
}
body.rev100-system #automacao .support-plans-two .plan-features{
  margin:16px 0 12px;
  gap:6px;
  padding-top:12px;
}
body.rev100-system #automacao .support-plans-two .plan-response{
  margin-top:12px;
  margin-bottom:14px;
  padding:12px 14px;
  min-height:50px;
  display:flex;
  align-items:center;
}
body.rev100-system #automacao .support-plans-two .plan .button{
  margin-top:auto;
  flex:0 0 auto;
}

/* O fim da página respira na mesma escala do Contato antes do rodapé. */
body.rev100-system #automacao{
  padding-bottom:56px;
}

@media(max-width:980px){
  body.rev100-system #automacao .solutions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.rev100-system #automacao .solutions article:last-child{
    grid-column:1 / -1;
  }
}

@media(max-width:760px){
  body.rev100-system #automacao > .home-extra{
    padding-bottom:20px;
  }
  body.rev100-system #automacao .automation-services.content-block{
    padding-top:20px;
  }
  body.rev100-system #automacao .solutions{
    grid-template-columns:1fr;
    gap:12px;
  }
  body.rev100-system #automacao .solutions article{
    min-height:0;
    padding:15px;
  }
  body.rev100-system #automacao .solutions article:last-child{
    grid-column:1;
    min-height:0;
    padding:15px;
    column-gap:12px;
  }
  body.rev100-system #automacao .automation-plans.content-block{
    margin-top:28px;
    padding-top:20px;
  }
  body.rev100-system #automacao .support-plans-two .plan{
    padding:18px 16px;
  }
  body.rev100-system #automacao .support-plans-two .plan-response{
    min-height:0;
    margin-bottom:12px;
    padding:11px 12px;
  }
  body.rev100-system #automacao{
    padding-bottom:44px;
  }
}


/* REV103 — escolha de anexos compacta e alinhada ao formulário */
.contact-attachment-fieldset{
  grid-column:1 / -1;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.contact-attachment-fieldset legend{
  margin:0 0 7px;
  padding:0;
  color:#cdd9e6;
  font-size:11.5px;
  font-weight:650;
  line-height:1.4;
}
.contact-attachment-fieldset legend small{
  color:#7f93aa;
  font-size:9.5px;
  font-weight:500;
}
.contact-attachment-choices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  max-width:520px;
}
.contact-attachment-choice{
  position:relative;
  display:grid;
  grid-template-columns:17px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-height:48px;
  padding:8px 10px;
  border:1px solid #3b5069;
  border-radius:10px;
  background:#0a1726;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.contact-attachment-choice:hover{
  transform:translateY(-1px);
  border-color:#5f7998;
}
.contact-attachment-choice>input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.contact-attachment-radio{
  display:flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  border:1px solid #647d9b;
  border-radius:50%;
  background:#0b1828;
  box-shadow:inset 0 0 0 4px #0b1828;
}
.contact-attachment-choice>span:last-child{
  display:grid;
  gap:1px;
  min-width:0;
}
.contact-attachment-choice strong{
  color:#e4edf6;
  font-size:11px;
  line-height:1.25;
}
.contact-attachment-choice small{
  color:#8498ae;
  font-size:9px;
  line-height:1.3;
}
.contact-attachment-choice.is-selected{
  border-color:rgba(112,171,232,.68);
  background:linear-gradient(180deg,rgba(18,42,67,.72),rgba(10,23,38,.98));
  box-shadow:0 0 0 1px rgba(111,181,255,.05);
}
.contact-attachment-choice.is-selected .contact-attachment-radio{
  border-color:#78baff;
  background:#78baff;
  box-shadow:inset 0 0 0 5px #0d1a2a;
}
.contact-attachment-note{
  max-width:620px;
  margin:6px 0 0;
  color:#7f93aa;
  font-size:9.4px;
  line-height:1.4;
}
#contact-file-field[hidden]{
  display:none!important;
}
#contact-file-field:not([hidden]){
  display:flex;
}
#contact-file-field{
  grid-column:1 / -1;
  padding:10px;
  border:1px solid rgba(111,181,255,.16);
  border-radius:10px;
  background:rgba(111,181,255,.025);
}
#contact-file-field .contact-file-upload{
  min-height:56px;
}
@media(max-width:760px){
  .contact-attachment-choices{
    grid-template-columns:1fr;
    max-width:none;
  }
  .contact-attachment-choice{
    min-height:46px;
  }
}


/* REV104 — feedback contextual no formulário: Cálculos = laranja, Automação = azul */
.contact-attachment-choice:active,
.contact-plan-choice:active,
.contact-service-choice:active{
  transform:translateY(0) scale(.985);
  transition-duration:.08s;
}

/* Cálculos */
body[data-contact-theme="calculos"] .contact-attachment-choice.is-selected{
  border-color:rgba(242,154,99,.78);
  background:linear-gradient(180deg,rgba(52,36,31,.72),rgba(10,23,38,.98));
  box-shadow:0 0 0 1px rgba(242,154,99,.08),0 8px 20px rgba(242,154,99,.045);
  transform:translateY(-1px);
}
body[data-contact-theme="calculos"] .contact-attachment-choice.is-selected .contact-attachment-radio{
  border-color:#f29a63;
  background:#f29a63;
  box-shadow:inset 0 0 0 5px #0d1a2a;
}
body[data-contact-theme="calculos"] .contact-attachment-choice.is-selected strong{
  color:#f4aa79;
}
body[data-contact-theme="calculos"] #contact-file-field{
  border-color:rgba(242,154,99,.20);
  background:rgba(242,154,99,.025);
}
body[data-contact-theme="calculos"] .contact-file-upload{
  border-color:rgba(242,154,99,.34);
}
body[data-contact-theme="calculos"] .contact-file-upload:hover{
  border-color:rgba(242,154,99,.66);
  background:rgba(242,154,99,.045);
}
body[data-contact-theme="calculos"] .contact-file-upload-icon{
  border-color:rgba(242,154,99,.26);
  background:rgba(242,154,99,.07);
  color:#f2a06b;
}
body[data-contact-theme="calculos"] .contact-field input:focus,
body[data-contact-theme="calculos"] .contact-field textarea:focus,
body[data-contact-theme="calculos"] .contact-field select:focus{
  border-color:rgba(242,154,99,.82);
  box-shadow:0 0 0 3px rgba(242,154,99,.09);
}

/* Automação */
body[data-contact-theme="automacao"] .contact-attachment-choice.is-selected{
  border-color:rgba(111,181,255,.76);
  background:linear-gradient(180deg,rgba(17,45,73,.76),rgba(10,23,38,.98));
  box-shadow:0 0 0 1px rgba(111,181,255,.08),0 8px 20px rgba(111,181,255,.045);
  transform:translateY(-1px);
}
body[data-contact-theme="automacao"] .contact-attachment-choice.is-selected .contact-attachment-radio{
  border-color:#78baff;
  background:#78baff;
  box-shadow:inset 0 0 0 5px #0d1a2a;
}
body[data-contact-theme="automacao"] .contact-attachment-choice.is-selected strong{
  color:#8cc8ff;
}
body[data-contact-theme="automacao"] #contact-file-field{
  border-color:rgba(111,181,255,.18);
  background:rgba(111,181,255,.025);
}
body[data-contact-theme="automacao"] .contact-file-upload{
  border-color:rgba(111,181,255,.34);
}
body[data-contact-theme="automacao"] .contact-file-upload:hover{
  border-color:rgba(111,181,255,.66);
  background:rgba(111,181,255,.045);
}
body[data-contact-theme="automacao"] .contact-file-upload-icon{
  border-color:rgba(111,181,255,.26);
  background:rgba(111,181,255,.07);
  color:#81bfff;
}
body[data-contact-theme="automacao"] .contact-field input:focus,
body[data-contact-theme="automacao"] .contact-field textarea:focus,
body[data-contact-theme="automacao"] .contact-field select:focus{
  border-color:rgba(111,181,255,.82);
  box-shadow:0 0 0 3px rgba(111,181,255,.09);
}

@media(prefers-reduced-motion:reduce){
  .contact-attachment-choice.is-selected,
  .contact-attachment-choice:active,
  .contact-plan-choice:active,
  .contact-service-choice:active{transform:none!important;}
}


/* REV105 — anexos só aparecem após a escolha do serviço. */
#contact-attachment-fieldset[hidden],
#contact-file-field[hidden]{display:none!important;}


/* REV107 — contratação de Cálculos: comparação mais compacta, alinhada e orientada ao preço */
body.rev100-system #inicio #contratacao-calculos{
  margin-top:52px;
  padding-top:28px;
}
body.rev100-system #inicio #contratacao-calculos>.section-heading{
  margin-bottom:18px;
}
body.rev100-system #inicio #contratacao-calculos>.section-heading .lead{
  max-width:760px;
}
body.rev100-system #inicio #contratacao-calculos .calc-offer-pair{
  gap:14px;
  align-items:stretch;
}
body.rev100-system #inicio #contratacao-calculos .calc-price-card{
  display:grid;
  grid-template-rows:auto auto 94px 42px 84px 46px;
  row-gap:9px;
  min-height:0;
  height:100%;
  padding:18px 20px 20px;
  border-radius:15px;
  background:linear-gradient(180deg,rgba(17,31,49,.96),rgba(13,26,43,.96));
  box-shadow:0 16px 34px rgba(2,9,18,.12),inset 0 1px 0 rgba(255,255,255,.025);
}
body.rev100-system #inicio #contratacao-calculos .calc-price-card:first-child{
  border-color:rgba(242,154,99,.52);
}
body.rev100-system #inicio #contratacao-calculos .calc-custom-card{
  border-color:rgba(91,126,166,.55);
}
body.rev100-system #inicio #contratacao-calculos .calc-price-card>.eyebrow{
  min-height:14px;
  margin:0;
  align-self:end;
  font-size:8.5px;
  letter-spacing:1.3px;
}
body.rev100-system #inicio #contratacao-calculos .calc-price-card>h3{
  margin:0;
  align-self:start;
  font-size:18px;
  line-height:1.25;
}
body.rev100-system #inicio #contratacao-calculos .calc-offer-price-zone{
  height:94px;
  min-height:94px;
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(242,154,99,.18);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(242,154,99,.055),rgba(255,255,255,.012));
}
body.rev100-system #inicio #contratacao-calculos .calc-custom-card .calc-offer-price-zone{
  border-color:rgba(94,143,197,.22);
  background:linear-gradient(180deg,rgba(74,128,190,.055),rgba(255,255,255,.012));
}
body.rev100-system #inicio #contratacao-calculos .calc-price-promo{
  min-height:20px;
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
}
body.rev100-system #inicio #contratacao-calculos .calc-price-promo del{
  font-size:11px;
  line-height:1;
}
body.rev100-system #inicio #contratacao-calculos .calc-price-promo span{
  min-height:22px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  font-size:8px;
  line-height:1;
  letter-spacing:.15px;
}
body.rev100-system #inicio #contratacao-calculos .calc-price{
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:end;
  column-gap:7px;
  margin:0;
}
body.rev100-system #inicio #contratacao-calculos .calc-price>span:first-child{
  padding-bottom:7px;
  font-size:11px;
}
body.rev100-system #inicio #contratacao-calculos .calc-price strong{
  font-size:clamp(46px,4.1vw,56px);
  line-height:.92;
  letter-spacing:-2.6px;
}
body.rev100-system #inicio #contratacao-calculos .calc-price>span:last-child{
  align-self:end;
  padding:0 0 5px 2px;
  font-size:11.5px;
  line-height:1.3;
}
body.rev100-system #inicio #contratacao-calculos .calc-consultation-price{
  width:100%;
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  padding:0;
}
body.rev100-system #inicio #contratacao-calculos .calc-consultation-price::before{
  content:"ANÁLISE PRÉVIA DA DEMANDA";
  color:#8fa5be;
  font-size:8px;
  line-height:1;
  letter-spacing:1.05px;
  font-weight:800;
}
body.rev100-system #inicio #contratacao-calculos .calc-consultation-price strong{
  font-size:clamp(31px,3vw,39px);
  line-height:1;
  letter-spacing:-1.4px;
}
body.rev100-system #inicio #contratacao-calculos .calc-consultation-price span{
  font-size:10.5px;
  line-height:1.35;
}
body.rev100-system #inicio #contratacao-calculos .calc-price-card>p:not(.eyebrow){
  min-height:42px;
  height:42px;
  margin:0;
  display:flex;
  align-items:flex-start;
  color:#aebdd0;
  font-size:12.5px;
  line-height:1.5;
}
body.rev100-system #inicio #contratacao-calculos .calc-offer-points{
  height:84px;
  min-height:84px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:0;
  align-items:stretch;
}
body.rev100-system #inicio #contratacao-calculos .calc-offer-points li{
  height:84px;
  min-height:84px;
  padding:9px 10px;
  display:flex;
  flex-direction:column;
  gap:4px;
  border-radius:10px;
  background:rgba(255,255,255,.018);
}
body.rev100-system #inicio #contratacao-calculos .calc-offer-points strong{
  min-height:0;
  display:block;
  font-size:10.8px;
  line-height:1.3;
}
body.rev100-system #inicio #contratacao-calculos .calc-offer-points span{
  font-size:9.6px;
  line-height:1.42;
}
body.rev100-system #inicio #contratacao-calculos .calc-price-card>.button{
  height:46px;
  min-height:46px;
  margin:0;
  align-self:end;
  border-radius:10px;
}
body.rev100-system #inicio #contratacao-calculos .calc-availability-note{
  margin-top:10px;
  margin-bottom:0;
  font-size:9.5px;
}
@media(max-width:900px){
  body.rev100-system #inicio #contratacao-calculos .calc-offer-pair{
    grid-template-columns:minmax(0,1fr)!important;
    max-width:720px;
    margin-inline:auto;
  }
  body.rev100-system #inicio #contratacao-calculos .calc-price-card{
    grid-template-rows:auto auto auto auto auto 46px;
  }
  body.rev100-system #inicio #contratacao-calculos .calc-offer-price-zone,
  body.rev100-system #inicio #contratacao-calculos .calc-price-card>p:not(.eyebrow),
  body.rev100-system #inicio #contratacao-calculos .calc-offer-points,
  body.rev100-system #inicio #contratacao-calculos .calc-offer-points li{
    height:auto;
    min-height:0;
  }
  body.rev100-system #inicio #contratacao-calculos .calc-offer-price-zone{min-height:88px}
}
@media(max-width:760px){
  body.rev100-system #inicio #contratacao-calculos{
    margin-top:36px;
    padding-top:24px;
  }
  body.rev100-system #inicio #contratacao-calculos .calc-price-card{
    padding:16px;
    row-gap:9px;
  }
  body.rev100-system #inicio #contratacao-calculos .calc-offer-points{
    grid-template-columns:1fr!important;
    gap:7px;
  }
  body.rev100-system #inicio #contratacao-calculos .calc-offer-points li{padding:10px 11px}
  body.rev100-system #inicio #contratacao-calculos .calc-price{
    grid-template-columns:auto auto;
    column-gap:7px;
  }
  body.rev100-system #inicio #contratacao-calculos .calc-price>span:last-child{
    grid-column:1/-1;
    padding:3px 0 0;
  }
  body.rev100-system #inicio #contratacao-calculos .calc-price strong{font-size:48px}
}


/* REV109 — micro-refino de ícones: centralização óptica e WhatsApp reconhecível. */
.contact-file-upload-icon,
.contact-service-choice-icon,
.contact-request-service-icon,
.contact-service-tab-icon,
.contact-intake-file-note>span,
.editorial-delivery-checks .delivery-icon,
.service-icon{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:0!important;
}
.contact-file-upload-icon svg,
.contact-service-choice-icon svg,
.contact-request-service-icon svg,
.contact-service-tab-icon svg,
.contact-intake-file-note>span svg,
.editorial-delivery-checks .delivery-icon svg,
.service-icon svg{
  display:block!important;
  margin:auto!important;
  flex:none!important;
  transform:none!important;
}
.contact-file-upload-icon{
  width:32px!important;
  height:32px!important;
}
.contact-file-upload-icon svg{
  width:16px!important;
  height:16px!important;
}
.contact-whatsapp-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  line-height:0!important;
}
.contact-whatsapp-icon img{
  display:block!important;
  width:19px!important;
  height:19px!important;
  object-fit:contain!important;
  margin:auto!important;
}
.contact-whatsapp-button{
  gap:9px!important;
  background:#25D366!important;
  border-color:#25D366!important;
  color:#06160b!important;
}
.contact-whatsapp-button:hover{
  background:#2CDB6D!important;
  border-color:#2CDB6D!important;
}


/* ========================================================================== 
   REV110 — aproveitamento integral do grid / regra de largura útil
   Objetivo: nenhum texto ou CTA quebra/encolhe por max-width artificial quando
   ainda existe espaço real na coluna. A quebra acontece apenas quando o grid
   disponível realmente exige. Tablet e mobile continuam responsivos.
   ========================================================================== */
@media (min-width:1001px){
  /* Cabeçalhos de seção usam a faixa disponível antes de quebrar texto. */
  body.rev100-system .section-heading,
  body.rev100-system .center,
  body.rev100-system #inicio #contratacao-calculos>.section-heading,
  body.rev100-system #automacao .automation-services>.section-heading,
  body.rev100-system #automacao .automation-plans>.center,
  body.rev100-system #contato .contact-request-heading{
    width:100%;
    max-width:none!important;
  }

  /* Descrições editoriais deixam de carregar limites antigos de 54/64/68/78ch. */
  body.rev100-system .lead,
  body.rev100-system .section-heading .lead,
  body.rev100-system .center .lead,
  body.rev100-system .content-block>p:not(.eyebrow),
  body.rev100-system #inicio #contratacao-calculos>.section-heading .lead,
  body.rev100-system #automacao .automation-services>.section-heading .lead,
  body.rev100-system #automacao .automation-plans>.center .lead,
  body.rev100-system #automacao .automation-demo-description,
  body.rev100-system #automacao .automation-overview>p,
  body.rev100-system #contato .contact-request-heading .lead,
  body.rev100-system #contact-lead{
    width:100%;
    max-width:none!important;
  }

  /* Blocos que antes quebravam cedo por limites em ch passam a respeitar a coluna. */
  body.rev100-system .home-process-copy h3,
  body.rev100-system #automacao .automation-overview h3,
  body.rev100-system #contact-title,
  body.rev100-system .home-process-copy p:not(.eyebrow),
  body.rev100-system #inicio .secondary-compact-copy,
  body.rev100-system #inicio .secondary-compact p:not(.eyebrow),
  body.rev100-system .editorial-delivery-copy h2,
  body.rev100-system .editorial-delivery-copy>p:not(.eyebrow),
  body.rev100-system .judicial-extra .secondary-vertical>div:first-child>p:last-of-type,
  body.rev100-system .confidentiality h3,
  body.rev100-system .confidentiality p{
    width:100%;
    max-width:none!important;
  }

  /* Contato: mantém o formulário dominante, mas entrega largura real ao card lateral. */
  body.rev100-system .contact-request-layout{
    grid-template-columns:minmax(0,1.42fr) minmax(330px,.66fr);
    gap:18px;
  }
  body.rev100-system .contact-help-card{
    min-width:0;
  }
  body.rev100-system .contact-help-card h3,
  body.rev100-system .contact-help-card>p:not(.report-label){
    width:100%;
    max-width:none;
  }
  body.rev100-system .contact-whatsapp-button{
    width:100%!important;
    max-width:none!important;
    align-self:stretch!important;
    justify-content:center!important;
  }

  /* Automação: títulos e textos editoriais utilizam a coluna toda. */
  body.rev100-system #automacao .automation-services .section-heading h2,
  body.rev100-system #automacao .automation-plans-title,
  body.rev100-system #automacao .automation-demo-header>div,
  body.rev100-system #automacao .automation-demo-description{
    max-width:none!important;
  }

  /* Comparações: CTAs ocupam a largura útil do card e fecham o eixo visual. */
  body.rev100-system #inicio #contratacao-calculos .calc-price-card>.button,
  body.rev100-system #automacao .support-plans-two .plan>.button{
    width:100%;
    justify-content:center;
  }
}

/* Desktop intermediário também deve aproveitar a coluna, sem forçar uma linha única. */
@media (min-width:761px) and (max-width:1000px){
  body.rev100-system .section-heading,
  body.rev100-system .center,
  body.rev100-system #automacao .automation-services>.section-heading,
  body.rev100-system #automacao .automation-plans>.center,
  body.rev100-system #contato .contact-request-heading{
    width:100%;
    max-width:none!important;
  }
  body.rev100-system .section-heading .lead,
  body.rev100-system .center .lead,
  body.rev100-system #automacao .automation-services>.section-heading .lead,
  body.rev100-system #automacao .automation-plans>.center .lead,
  body.rev100-system #contato .contact-request-heading .lead{
    width:100%;
    max-width:none!important;
  }
  body.rev100-system .contact-whatsapp-button{
    width:100%!important;
    max-width:none!important;
    justify-content:center!important;
  }
}


/* ========================================================================== 
   REV111 — REGRA RIGOROSA DE LARGURA ÚTIL + CORREÇÃO DOS PREÇOS DE AUTOMAÇÃO
   O conteúdo usa toda a coluna antes de quebrar. Preços e promoções deixam de
   depender de margens negativas ou alturas herdadas das versões antigas.
   ========================================================================== */

/* 1) Títulos e descrições: sem balanceamento que antecipa quebras de linha. */
body.rev100-system h1,
body.rev100-system h2,
body.rev100-system h3,
body.rev100-system h4{
  text-wrap:wrap;
}

@media (min-width:761px){
  body.rev100-system .section-heading,
  body.rev100-system .section-heading>div,
  body.rev100-system .center,
  body.rev100-system .home-process-copy,
  body.rev100-system #automacao .automation-overview,
  body.rev100-system #automacao .automation-demo-header>div,
  body.rev100-system #automacao .automation-services>.section-heading,
  body.rev100-system #automacao .automation-plans>.center,
  body.rev100-system #inicio .secondary-compact-copy,
  body.rev100-system #inicio .calculation-scope-summary{
    max-width:none!important;
    width:100%;
    min-width:0;
  }

  body.rev100-system .home-process-copy h3,
  body.rev100-system #automacao .automation-overview h3,
  body.rev100-system #automacao .automation-overview>p,
  body.rev100-system #automacao .automation-demo-header h2,
  body.rev100-system #automacao .automation-demo-description,
  body.rev100-system #automacao .automation-services .section-heading h2,
  body.rev100-system #automacao .automation-services .section-heading .lead,
  body.rev100-system #automacao .automation-plans-title,
  body.rev100-system #automacao .automation-plans .center .lead,
  body.rev100-system #inicio .secondary-compact h3,
  body.rev100-system #inicio .secondary-compact p:not(.eyebrow),
  body.rev100-system #inicio .calculation-scope-summary h3,
  body.rev100-system #inicio .calculation-scope-summary p:not(.report-label),
  body.rev100-system #inicio #contratacao-calculos>.section-heading h2,
  body.rev100-system #inicio #contratacao-calculos>.section-heading .lead{
    width:100%!important;
    max-width:none!important;
    white-space:normal!important;
    text-wrap:wrap!important;
    overflow-wrap:normal;
  }

  /* O painel de automação deve usar a coluna, não um limite histórico de 18ch. */
  body.rev100-system #automacao .automation-overview h3{
    max-width:none!important;
  }

  /* A chamada secundária da Home também usa o card inteiro. */
  body.rev100-system #inicio .secondary-compact-copy{
    max-width:none!important;
  }
}

/* 2) Formas de contratação da Automação: preço e promoção reconstruídos em trilhos. */
body.rev100-system #automacao .support-plans-two .plan{
  min-width:0;
}
body.rev100-system #automacao .support-plans-two .plan-description{
  width:100%;
  max-width:none;
}
body.rev100-system #automacao .support-plans-two .plan-price-promo{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:7px;
  min-height:22px;
  margin:10px 0 5px!important;
  padding:0;
  line-height:1.2;
}
body.rev100-system #automacao .support-plans-two .plan-price-promo del{
  display:inline-block;
  margin:0;
  color:#748398;
  font-size:10px;
  line-height:1.2;
  white-space:nowrap;
}
body.rev100-system #automacao .support-plans-two .plan-price-promo span{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  margin:0;
  padding:3px 7px;
  border:1px solid rgba(101,170,245,.34);
  border-radius:999px;
  background:rgba(101,170,245,.08);
  color:#91c5fb;
  font-size:7.8px;
  font-weight:800;
  line-height:1;
  letter-spacing:.42px;
  text-transform:uppercase;
  white-space:nowrap;
}
body.rev100-system #automacao .support-plans-two .price{
  display:grid!important;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  justify-items:start;
  gap:3px;
  min-height:0!important;
  width:100%;
  margin:0!important;
  padding:0;
  font-size:inherit;
  line-height:1;
}
body.rev100-system #automacao .support-plans-two .price>small{
  display:block;
  width:100%;
  margin:0!important;
  color:#a9b9cc;
  font-size:10px;
  line-height:1.35;
  font-weight:400;
}
body.rev100-system #automacao .support-plans-two .price>small:first-child{
  margin-bottom:1px!important;
}
body.rev100-system #automacao .support-plans-two .price>small:last-child{
  margin-top:1px!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-main{
  display:flex!important;
  align-items:baseline;
  gap:5px;
  width:auto;
  margin:0;
  color:#eef6ff;
  font-weight:760;
  line-height:1;
  white-space:nowrap;
}
body.rev100-system #automacao .support-plans-two .plan-price-main>span:first-child{
  font-size:16px;
  letter-spacing:-.2px;
}
body.rev100-system #automacao .support-plans-two .plan-price-main>span:nth-child(2){
  font-size:29px;
  letter-spacing:-1px;
}
body.rev100-system #automacao .support-plans-two .plan-price-main em{
  margin-left:3px;
  color:#79b9fa;
  font-size:12px;
  font-style:normal;
  font-weight:650;
  letter-spacing:0;
}

/* Mantém os dois cards no mesmo eixo sem criar espaço morto entre preço e recursos. */
body.rev100-system #automacao .support-plans-two .plan-features{
  margin-top:14px;
}
body.rev100-system #automacao .support-plans-two .plan-response{
  width:100%;
}

@media (max-width:760px){
  body.rev100-system #automacao .support-plans-two .plan-price-promo{
    margin-top:9px!important;
  }
  body.rev100-system #automacao .support-plans-two .plan-price-main>span:nth-child(2){
    font-size:27px;
  }
}


/* REV111.1 — distribuição horizontal: copy ganha o espaço ocioso antes de quebrar. */
@media (min-width:1001px){
  body.rev100-system #inicio .secondary-compact{
    grid-template-columns:minmax(0,1.30fr) minmax(320px,.70fr);
    gap:32px;
  }
  body.rev100-system #inicio .secondary-compact-copy,
  body.rev100-system #inicio .secondary-compact h3,
  body.rev100-system #inicio .secondary-compact p:not(.eyebrow){
    width:100%;
    max-width:none!important;
  }

  /* O texto do painel de cálculo usa efetivamente a largura do painel. */
  body.rev100-system #inicio .calculation-scope-summary h3,
  body.rev100-system #inicio .calculation-scope-summary p:not(.report-label){
    max-width:none!important;
    text-wrap:wrap!important;
  }
}


/* ========================================================================== 
   REV112 — CORREÇÃO DEFINITIVA DO BLOCO DE PREÇO DA AUTOMAÇÃO
   O preço promocional deixa de ocupar um trilho separado. A linha superior
   usa toda a largura: "A partir de" à esquerda e promoção à direita.
   ========================================================================== */
body.rev100-system #automacao .support-plans-two .plan{
  grid-template-rows:18px 34px minmax(52px,auto) auto minmax(250px,1fr) 50px 48px!important;
}
body.rev100-system #automacao .support-plans-two .plan-description{
  grid-row:3!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:7px 0 11px!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
}
body.rev100-system #automacao .support-plans-two .price{
  grid-row:4!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  align-content:start!important;
  justify-items:stretch!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  min-height:86px!important;
  margin:0!important;
  padding:4px 0 12px!important;
  line-height:1!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  min-height:22px!important;
  margin:0!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-top>small{
  flex:0 0 auto!important;
  margin:0!important;
  color:#a9b9cc!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-promo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  align-self:auto!important;
  justify-self:auto!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-promo del{
  display:block!important;
  margin:0!important;
  color:#748398!important;
  font-size:9.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-promo span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:19px!important;
  margin:0!important;
  padding:3px 7px!important;
  border:1px solid rgba(101,170,245,.38)!important;
  border-radius:999px!important;
  background:rgba(101,170,245,.08)!important;
  color:#91c5fb!important;
  font-size:7.6px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.4px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-main{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:5px!important;
  width:100%!important;
  margin:1px 0 0!important;
  color:#f1f6fc!important;
  font-weight:760!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-main>span:first-child{
  font-size:16px!important;
  letter-spacing:-.2px!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-main>span:nth-child(2){
  font-size:30px!important;
  letter-spacing:-1px!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-main em{
  margin-left:2px!important;
  color:#79b9fa!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:650!important;
  letter-spacing:0!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-caption{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#a9b9cc!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:1.35!important;
}
body.rev100-system #automacao .support-plans-two .plan-features{
  grid-row:5!important;
}
body.rev100-system #automacao .support-plans-two .plan-response{
  grid-row:6!important;
}
body.rev100-system #automacao .support-plans-two .button{
  grid-row:7!important;
}

@media(max-width:760px){
  body.rev100-system #automacao .support-plans-two .plan{
    display:flex!important;
    flex-direction:column!important;
  }
  body.rev100-system #automacao .support-plans-two .price{
    display:grid!important;
    min-height:0!important;
    padding:2px 0 10px!important;
    margin:0!important;
  }
  body.rev100-system #automacao .support-plans-two .plan-price-top{
    gap:8px!important;
  }
  body.rev100-system #automacao .support-plans-two .plan-price-promo{
    gap:5px!important;
  }
  body.rev100-system #automacao .support-plans-two .plan-price-main>span:nth-child(2){
    font-size:28px!important;
  }
}

@media(max-width:430px){
  body.rev100-system #automacao .support-plans-two .plan-price-top{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:5px!important;
  }
  body.rev100-system #automacao .support-plans-two .plan-price-promo{
    justify-content:flex-start!important;
  }
}


/* ========================================================================== 
   REV113 — CTA DE PREÇO DA AUTOMAÇÃO MAIS FORTE
   Faixa auxiliar alinhada à direita; preço principal maior e mais legível.
   ========================================================================== */
body.rev100-system #automacao .support-plans-two .plan-price-top{
  justify-content:flex-end!important;
  gap:11px!important;
  min-height:26px!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-top>small{
  order:1!important;
  color:#b7c7d9!important;
  font-size:11.5px!important;
  font-weight:650!important;
  letter-spacing:.05px!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-promo{
  order:2!important;
  gap:8px!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-promo del{
  color:#8191a5!important;
  font-size:10.5px!important;
  font-weight:550!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-promo span{
  min-height:22px!important;
  padding:4px 9px!important;
  font-size:8.4px!important;
  letter-spacing:.45px!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-main{
  margin-top:2px!important;
  gap:6px!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-main>span:first-child{
  font-size:18px!important;
  font-weight:760!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-main>span:nth-child(2){
  font-size:40px!important;
  font-weight:800!important;
  letter-spacing:-1.5px!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-main em{
  font-size:14px!important;
  font-weight:700!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-caption{
  margin-top:1px!important;
  font-size:10.5px!important;
}

@media (max-width:760px){
  body.rev100-system #automacao .support-plans-two .plan-price-top{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
  body.rev100-system #automacao .support-plans-two .plan-price-main>span:nth-child(2){
    font-size:34px!important;
  }
  body.rev100-system #automacao .support-plans-two .plan-price-main>span:first-child{
    font-size:16px!important;
  }
}
@media (max-width:430px){
  body.rev100-system #automacao .support-plans-two .plan-price-top{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
  }
  body.rev100-system #automacao .support-plans-two .plan-price-promo{
    justify-content:flex-start!important;
  }
}


/* ========================================================================== 
   REV115 — preço promocional da Automação alinhado à esquerda
   Corrige a regra REV113 e mantém a mesma estrutura nos dois cards.
   ========================================================================== */
body.rev100-system #automacao .support-plans-two .plan-price-top{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-top>small{
  order:0!important;
  flex:0 0 auto!important;
  margin:0!important;
  color:#c5d2e2!important;
  font-size:12.5px!important;
  font-weight:750!important;
  line-height:1.1!important;
  letter-spacing:.02px!important;
  white-space:nowrap!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-promo{
  order:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 1 auto!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-promo del{
  margin:0!important;
  color:#94a4b7!important;
  font-size:11.5px!important;
  font-weight:650!important;
  line-height:1!important;
  text-decoration-thickness:1.4px!important;
  text-decoration-color:#aab6c5!important;
  white-space:nowrap!important;
}
body.rev100-system #automacao .support-plans-two .plan-price-promo span{
  min-height:21px!important;
  margin:0!important;
  padding:4px 8px!important;
  border:1px solid rgba(101,170,245,.42)!important;
  border-radius:999px!important;
  color:#91c8ff!important;
  font-size:8.2px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.42px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  body.rev100-system #automacao .support-plans-two .plan-price-top{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:7px 9px!important;
  }
}


/* REV127 — item informativo neutro na comparação dos planos */
#automacao .support-plans-two .plan-features li.is-neutral{
  color:inherit;
  opacity:1;
  text-decoration:none;
}
#automacao .support-plans-two .plan-features li.is-neutral::before{
  content:"–";
  color:#aab6c5;
  background:rgba(165,176,189,.05);
  border:1px solid rgba(165,176,189,.18);
  text-decoration:none;
}

/* REV130 — mantém todo o texto de cada recurso em uma única coluna do grid. */
body.rev100-system #automacao .support-plans-two .plan-features li > .plan-feature-copy{
  min-width:0;
  width:100%;
  display:block;
}

/* ========================================================================== 
   REV132 — Alinhamento do bloco final dos planos de automação
   Mantém "Prazo..." e CTA na mesma altura entre os dois cards.
   ========================================================================== */
@media (min-width: 761px){
  body.rev100-system #automacao .support-plans-two .plan{
    display:flex!important;
    flex-direction:column!important;
  }
  body.rev100-system #automacao .support-plans-two .plan-features{
    flex:0 0 auto!important;
  }
  body.rev100-system #automacao .support-plans-two .plan-response{
    margin-top:auto!important;
    margin-bottom:14px!important;
  }
  body.rev100-system #automacao .support-plans-two .plan .button{
    margin-top:0!important;
  }
}

/* ========================================================================== 
   REV133 — Alinhamento completo dos cards de automação
   Igualar altura da área superior para que a lista de benefícios comece na
   mesma linha nos dois cards, além de manter prazo e CTA alinhados.
   ========================================================================== */
@media (min-width: 761px){
  body.rev100-system #automacao .support-plans-two .plan .plan-description{
    min-height: 52px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .price{
    min-height: 170px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-price-caption{
    min-height: 40px!important;
    display:block!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-features{
    margin-top: 10px!important;
  }
}

/* ========================================================================== 
   REV134 — Remove espaço excessivo e refina alinhamento dos prós/contras
   ========================================================================== */
@media (min-width: 761px){
  body.rev100-system #automacao .support-plans-two .plan .plan-description{
    min-height:44px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .price{
    min-height:122px!important;
    margin-top:10px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:7px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-price-top{
    min-height:24px!important;
    align-items:center!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-price-main{
    min-height:58px!important;
    align-items:flex-end!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-price-caption{
    min-height:18px!important;
    display:block!important;
    margin:0!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-features{
    margin-top:8px!important;
    margin-bottom:12px!important;
    padding-top:12px!important;
    gap:7px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-features li{
    min-height:34px!important;
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    column-gap:10px!important;
    align-items:start!important;
    padding-block:2px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-features li::before{
    margin:0!important;
    align-self:start!important;
    justify-self:center!important;
    position:relative!important;
    top:1px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-feature-copy{
    display:block!important;
    min-width:0!important;
    width:100%!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-response{
    margin-top:auto!important;
    margin-bottom:14px!important;
  }
}

/* ========================================================================== 
   REV135 — Preços e comparação de automação realmente alinhados
   - reduz o vazio entre faixa superior e preço
   - alinha o início da lista dos dois cards
   - deixa o R$ no mesmo porte visual do valor
   - remove a subida no hover dos cards de automação
   ========================================================================== */
@media (min-width: 761px){
  body.rev100-system #automacao .support-plans-two .plan{
    transform:none!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-description{
    min-height:46px!important;
    padding-bottom:8px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .price{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:26px 52px auto!important;
    align-content:start!important;
    justify-items:stretch!important;
    gap:2px!important;
    min-height:0!important;
    margin-top:6px!important;
    padding:2px 0 8px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-price-top{
    min-height:26px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-price-top>small{
    font-size:13px!important;
    font-weight:760!important;
    color:#d2dde9!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-price-promo{
    min-height:22px!important;
    gap:7px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-price-promo del{
    font-size:12px!important;
    font-weight:700!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-price-promo span{
    min-height:22px!important;
    padding:4px 8px!important;
    font-size:8.2px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-price-main{
    min-height:52px!important;
    margin:0!important;
    gap:6px!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-price-main>span:first-child,
  body.rev100-system #automacao .support-plans-two .plan .plan-price-main>span:nth-child(2){
    font-size:42px!important;
    line-height:.96!important;
    font-weight:800!important;
    letter-spacing:-1.2px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-price-main em{
    font-size:15px!important;
    font-weight:720!important;
    margin-left:3px!important;
    align-self:flex-end!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-price-caption{
    min-height:16px!important;
    margin:0!important;
    font-size:10.5px!important;
    line-height:1.25!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-features{
    margin-top:6px!important;
    margin-bottom:12px!important;
    padding-top:10px!important;
    gap:6px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-features li{
    min-height:32px!important;
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    column-gap:10px!important;
    align-items:start!important;
    padding-block:2px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-features li::before{
    margin:0!important;
    justify-self:center!important;
    align-self:start!important;
    top:1px!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-response{
    margin-top:auto!important;
    margin-bottom:12px!important;
  }
}

@media(hover:hover) and (pointer:fine){
  body.rev100-system #automacao .support-plans-two .plan:hover{
    transform:none!important;
  }
}

@media (max-width:760px){
  body.rev100-system #automacao .support-plans-two .plan .plan-price-main>span:first-child,
  body.rev100-system #automacao .support-plans-two .plan .plan-price-main>span:nth-child(2){
    font-size:34px!important;
  }
  body.rev100-system #automacao .support-plans-two .plan .price{
    gap:4px!important;
    padding-bottom:10px!important;
  }
}


/* ========================================================================== 
   REV137 — comparação parametrizada sem alterar o visual-base da REV135
   ========================================================================== */
#automacao .automation-preview-saving{
  display:block;
  width:100%;
  margin-top:4px;
  color:#8fc8ff;
  font-size:10px;
  line-height:1.25;
  font-style:normal;
  font-weight:750;
  text-align:left;
}

@media (min-width:761px){
  body.rev100-system #automacao .support-plans-two .plan{
    display:flex!important;
    flex-direction:column!important;
    transform:none!important;
  }

  /* Mesma geometria até o início da comparação. */
  body.rev100-system #automacao .support-plans-two .plan .plan-kicker{
    min-height:18px!important;
  }
  body.rev100-system #automacao .support-plans-two .plan h3{
    min-height:34px!important;
  }
  body.rev100-system #automacao .support-plans-two .plan .plan-description{
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:4px 0 7px!important;
    overflow:visible!important;
  }
  body.rev100-system #automacao .support-plans-two .plan .price{
    height:96px!important;
    min-height:96px!important;
    margin:4px 0 0!important;
    padding:0 0 7px!important;
    display:grid!important;
    grid-template-rows:24px 48px 17px!important;
    gap:0!important;
    align-content:start!important;
  }
  body.rev100-system #automacao .support-plans-two .plan .plan-price-top{
    min-height:24px!important;
    height:24px!important;
    align-items:center!important;
  }
  body.rev100-system #automacao .support-plans-two .plan .plan-price-main{
    min-height:48px!important;
    height:48px!important;
    margin:0!important;
    align-items:baseline!important;
  }
  body.rev100-system #automacao .support-plans-two .plan .plan-price-main>span:first-child,
  body.rev100-system #automacao .support-plans-two .plan .plan-price-main>span:nth-child(2){
    font-size:40px!important;
    line-height:1!important;
    font-weight:800!important;
  }
  body.rev100-system #automacao .support-plans-two .plan .plan-price-caption{
    min-height:17px!important;
    height:17px!important;
    margin:0!important;
    line-height:1.2!important;
  }

  /* Linhas equivalentes: mesma altura para leitura lado a lado. */
  body.rev100-system #automacao .support-plans-two .plan .plan-features{
    display:grid!important;
    grid-template-rows:repeat(10, 38px)!important;
    gap:4px!important;
    margin:0 0 12px!important;
    padding-top:10px!important;
  }
  body.rev100-system #automacao .support-plans-two .plan-best .plan-features{
    grid-template-rows:repeat(11, 38px)!important;
  }
  body.rev100-system #automacao .support-plans-two .plan .plan-features li{
    height:38px!important;
    min-height:38px!important;
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    column-gap:9px!important;
    align-items:center!important;
    padding:0!important;
    margin:0!important;
  }
  body.rev100-system #automacao .support-plans-two .plan .plan-features li::before{
    position:static!important;
    margin:0!important;
    align-self:center!important;
    justify-self:center!important;
  }
  body.rev100-system #automacao .support-plans-two .plan .plan-feature-copy{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    line-height:1.35!important;
  }

  body.rev100-system #automacao .support-plans-two .plan .plan-response{
    margin-top:auto!important;
    margin-bottom:12px!important;
  }
  body.rev100-system #automacao .support-plans-two .plan .button{
    margin-top:0!important;
  }
}

@media(hover:hover) and (pointer:fine){
  body.rev100-system #automacao .support-plans-two .plan:hover{
    transform:none!important;
  }
}

@media(max-width:760px){
  #automacao .automation-preview-saving{
    margin-top:3px;
    font-size:9.5px;
  }
}