
/* WEB-2.14.5-REFINO-VISUAL */

/* Fotografia com menos sobreposicao branca */
.w44 .hero44 {
  min-height: 310px;
  padding: 32px 34px;
  background: #f5f9ff;
  border-radius: 17px;
}

.w44 .hero44 > img {
  width: 64%;
  height: 100%;
  object-fit: cover;
  object-position: center 34%;
  filter: contrast(1.16) saturate(1.13);
  opacity: 1;
}

.w44 .hero44::before {
  background: linear-gradient(
    90deg,
    #f5f9ff 0%,
    #f5f9ff 26%,
    rgba(245,249,255,.96) 34%,
    rgba(245,249,255,.68) 42%,
    rgba(245,249,255,.12) 52%,
    transparent 62%
  );
}

.w44 .hero44 .intro {
  max-width: 48%;
}

.w44 .hero44 h1 {
  font-size: 32px;
  letter-spacing: -1px;
}

.w44 .hero44 h2 {
  font-size: 19px;
}

/* Cartoes integrados ao banner */
.w44 .planrow {
  margin-top: -38px;
  gap: 18px;
  align-items: stretch;
}

.w44 .panel44 {
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 9px 28px rgba(19,49,89,.065);
}

.w44 .price44 {
  font-size: 35px;
}

.w44 .check44 {
  gap: 13px;
}

.w44 .action44 {
  padding: 13px;
  font-size: 13px;
}

/* Acabamento da comparacao */
.w44 .bottom44 {
  gap: 18px;
}

.w44 .bottom44 .panel44 {
  box-shadow: 0 5px 20px rgba(19,49,89,.045);
}

@media (max-width: 1150px) {
  .w44 .hero44 .intro {
    max-width: 60%;
  }
}

@media (max-width: 680px) {
  .w44 .hero44 {
    min-height: 270px;
    padding: 24px;
  }

  .w44 .hero44 .intro {
    max-width: 100%;
  }

  .w44 .hero44 > img {
    width: 100%;
    opacity: .16;
  }

  .w44 .hero44::before {
    background: rgba(245,249,255,.65);
  }

  .w44 .planrow {
    margin-top: 0;
  }
}
