/* Light residential palette shared by the main page and its comparison preview. */
.city-preview--light.city-preview--top .city-fiber-title {
  background-image:
    linear-gradient(to bottom, transparent 73%, rgba(243, 246, 250, .62) 88%, #f3f6fa 100%),
    linear-gradient(rgba(4, 20, 44, .46), rgba(4, 20, 44, .58)),
    url("../images/fundo-cidade-fibra-v1.png");
  background-position: center, center, center 48%;
  background-repeat: no-repeat;
  background-size: cover;
}
.city-preview--light .city-fiber-title .full-width.breadcrumb {
  background-color: transparent;
  color: #17324d;
}
.city-preview--light .city-fiber-title .breadcrumb a,
.city-preview--light .city-fiber-title .breadcrumb li {
  color: #17324d;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .35);
}
.city-preview--light .city-test {
  background: #f3f6fa;
  color: #18314b;
}
.city-preview--light .city-test .plan-card {
  background: #fff;
  border-color: #d4e0eb;
  box-shadow: 0 10px 28px rgba(30, 58, 92, .08);
  color: #18314b;
}
.city-preview--light .city-test .plan-card--infinity {
  background: #f0f0fa;
  border-color: #c9c5e4;
  box-shadow: 0 10px 28px rgba(61, 54, 111, .10);
}
.city-preview--light .city-test .plan-eyebrow { color: #5b7188; }
.city-preview--light .city-test .plan-speed { color: #18314b; }
.city-preview--light .city-test .benefits { color: #25415d; }
.city-preview--light .city-test .plan-cta .btn { background: #e1e9f1; color: #18314b; }
.city-preview--light .city-test .plan-card--infinity .plan-cta .btn { background: #b96de7; color: #14243c; }
.city-preview--light .city-test .plan-cta .btn:hover { background: #d3e0ed; color: #102942; }
.city-preview--light .city-test .plan-card--infinity .plan-cta .btn:hover { background: #a95bdc; color: #fff; }
.city-preview--light .city-test .plan-cta .btn:focus-visible,
.city-preview--light .city-test .wifi-plus-link:focus-visible,
.city-preview--light .city-test .city-sales a:focus-visible { outline-color: #274e7f; }
.city-preview--light .city-test .test-video {
  background: #fff;
  border-color: #d4e0eb;
  box-shadow: 0 10px 28px rgba(30, 58, 92, .06);
}
.city-preview--light .city-test .test-video-inner { background: #e6ecf3; }
.city-preview--light .city-test .wifi-plus-card,
.city-preview--light .city-test .city-sales,
.city-preview--light .city-test .conditions {
  background: #e9eff6;
  border-color: #d2dfeb;
  color: #18314b;
}
.city-preview--light .city-test .wifi-plus-icon { color: #178fa9; }
.city-preview--light .city-test .wifi-plus-link { background: #d9e5f0; color: #18314b; }
.city-preview--light .city-test .wifi-plus-link:hover { background: #cbddea; color: #102942; }
.city-preview--light .city-test .city-sales h2 { color: #18314b; }
.city-preview--light .city-test .city-sales a:hover,
.city-preview--light .city-test .city-sales a:focus-visible { color: #125f93; }