/* Destaque editorial do convite ao diagnóstico, exclusivo da página Soluções. */
.service-page .service-next-step__panel,
html[data-theme="dark"] .service-page .service-next-step__panel {
  isolation: isolate;
  border-color: rgba(116, 184, 227, .36);
  background: #0a2138 url("../media/executive-consultation-960.webp") center 46% / cover no-repeat;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(4, 24, 48, .12);
}

.service-page .service-next-step__panel::before {
  display: block;
  inset: 0;
  z-index: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: inherit;
  background: linear-gradient(108deg, rgba(4, 19, 39, .84) 0%, rgba(6, 30, 56, .66) 48%, rgba(6, 28, 51, .65) 100%);
  box-shadow: none;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.service-page .service-next-step__panel::after { z-index: 2; }
.service-page .service-next-step__intro h2,
html[data-theme="dark"] .service-page .service-next-step__intro h2 { color: #fff; }
.service-page .service-next-step__intro p,
html[data-theme="dark"] .service-page .service-next-step__intro p { color: #d7e5f1; }
.service-page .service-next-step__intro .gn-kicker,
html[data-theme="dark"] .service-page .service-next-step__intro .gn-kicker { color: #80d7ff; }
.service-page .service-next-step__signals span,
html[data-theme="dark"] .service-page .service-next-step__signals span {
  border-color: rgba(174, 221, 247, .26);
  background: rgba(7, 33, 60, .6);
  color: #eef8ff;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.service-page .service-next-step__signals i { color: #78d8ff; }
.service-page .service-next-step__action,
html[data-theme="dark"] .service-page .service-next-step__action {
  border-color: rgba(156, 214, 246, .27);
  background: rgba(4, 17, 35, .82);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.service-page .service-next-step__panel { gap: 28px 40px; }
.service-page .service-next-step__action { padding: clamp(22px,2.5vw,32px); border-radius: 8px; }
.service-page .service-next-step__action > p { font-size: 14px; line-height: 1.7; }
.service-page .service-next-step__action > small { font-size: 12px; line-height: 1.6; }
.service-page .service-next-step__signals { gap: 8px; }
.service-page .service-next-step__signals span { padding: 8px 10px; font-size: 11px; line-height: 1.5; border-radius: 4px; }
.service-page .service-next-step__journey { gap: 12px; align-items: stretch; }
.service-page .service-next-step__journey li { min-height: 0; align-items: start; grid-template-columns: 38px minmax(0,1fr); gap: 14px; padding: 22px 18px; border-radius: 6px; box-shadow: none; }
.service-page .service-next-step__journey li > span { width: 38px; height: auto; padding: 10px 0; display: flex; flex-direction: column; gap: 8px; border-radius: 5px; }
.service-page .service-next-step__journey li > span b { position: static; min-width: 0; height: auto; border: 0; border-radius: 0; background: transparent; color: inherit; font-size: 11px; }
.service-page .service-next-step__journey h3 { margin: 0 0 8px; font-size: 19px; line-height: 1.3; }
.service-page .service-next-step__journey p { font-size: 13px; line-height: 1.65; }
.service-page .service-next-step__journey small { display: inline-flex; align-items: baseline; gap: 5px; width: auto; max-width: 100%; padding: 0; margin-top: 12px; border-radius: 0; background: transparent; font-size: 11px; line-height: 1.5; }
.service-page .service-next-step__journey small i { font-size: 10px; }
html[data-theme="dark"] .service-page .service-next-step__journey small { background: transparent; }
@media (max-width: 720px) {
  .service-page .service-next-step__panel { padding: 26px 18px 18px; }
  .service-page .service-next-step__intro p { font-size: 14px; }
  .service-page .service-next-step__action .gn-button { font-size: 13px; white-space: normal; }
  .service-page .service-next-step__panel,
  html[data-theme="dark"] .service-page .service-next-step__panel {
    background-position: 53% center;
  }
  .service-page .service-next-step__panel::before {
    background: linear-gradient(180deg, rgba(4, 19, 39, .84), rgba(6, 28, 51, .69) 52%, rgba(5, 22, 42, .84));
  }
}
