/* Vista fiel de resultados del Value Gap Scan. */
.scan-results-demo {
  width: min(570px,100%);
  justify-self: center;
  position: relative;
  z-index: 2;
  overflow: hidden;
  border: 1px solid #cfd9e2;
  border-radius: 14px;
  background: #fff;
  box-shadow: 18px 18px 0 var(--pink),0 24px 60px rgba(17,28,53,.13);
}
.gap-demo-top {
  height: 58px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e1e7ed;
  background: #fff;
}
.gap-demo-top img { width: 112px; }
.gap-demo-top span { color: #8492a2; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.gap-result-hero { padding: 28px 29px 25px; color: #fff; background: linear-gradient(120deg,#0c2940,#123b58); }
.gap-result-hero > small { color: #83e5e9; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.gap-result-hero h3 { margin: 11px 0 9px; color: #fff; font: 700 27px/1.05 "Manrope",sans-serif; letter-spacing: -.035em; }
.gap-result-hero > p { max-width: 470px; margin: 0; color: #c2d0db; font-size: 9px; line-height: 1.55; }
.gap-profile-chips { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 6px; }
.gap-profile-chips span { padding: 6px 9px; border-radius: 15px; color: #fff; background: rgba(255,255,255,.09); font-size: 6.5px; font-weight: 700; }
.gap-metrics { padding: 14px; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; background: #f8fafc; }
.gap-metrics article { min-height: 88px; padding: 16px; display: grid; align-content: center; border: 1px solid #d9e1e8; border-radius: 9px; background: #fff; }
.gap-metrics span { color: #718095; font-size: 7px; }
.gap-metrics strong { margin-top: 8px; color: #10243a; font: 700 24px "Manrope",sans-serif; letter-spacing: -.03em; }
.gap-metrics article:last-child strong { color: #14876a; }
.gap-demo-note { padding: 0 20px 15px; display: block; color: #8a97a5; background: #f8fafc; font-size: 7px; text-align: right; }
@media(max-width:740px){.scan-results-demo{box-shadow:10px 10px 0 var(--pink)}.gap-result-hero{padding:24px 20px}.gap-result-hero h3{font-size:24px}.gap-metrics{grid-template-columns:1fr}.gap-metrics article{min-height:72px}}