/*////////////// CSS REVISTO //////////////*/


.vantagens-svg-bg {
  position: absolute;
  top: 0%;
  right: 0;
  width: clamp(80px, 18vw, 290px);
  height: auto;
  pointer-events: none;
  z-index: 0;
  opacity: 0.85;
}

.vantagens-svg-bg svg {
  display: block;
  width: 100%;
  height: auto;
}


.vantagens-list {
  list-style: none;
  padding: 0;
  margin: 0;
}


.flex-vantagens {
  display: flex;
  align-items: center;
  gap: clamp(16px, 1vw, 24px);
  margin-top: clamp(16px, 1.5vw, 32px);
}

.flex-vantagens i {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: clamp(36px, 3vw, 52px);
  height: clamp(36px, 3vw, 52px);
  border-radius: 16px;
  font-size: clamp(1rem, 1.8vw, 1.6rem);
  color: #fff;
}


.icon-background-orange { background-color: var(--color-primary-dark); }
.icon-background-blue   { background-color: var(--subcolor-1); }
.icon-background-red    { background-color: var(--subcolor-2); }
.icon-background-yellow { background-color: var(--subcolor-3); }


.flex-vantagens .icon-search, .flex-vantagens .icon-ticket {
  font-size: clamp(14px, 1.4vw, 20px);
}


.vantagens-cta {
  margin-top: clamp(2rem, 5vw, 4rem);
  text-align: left;
}