.investimento {
  position: relative;
  color: var(--white);
  padding: clamp(5rem, 11vw, 9.5rem) clamp(1.25rem, 6vw, 6rem);
  overflow: clip;
  isolation: isolate;
}

.investimento__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url('../images/hero-turquia-b.webp');
  background-size: cover;
  background-position: center 55%;
  background-attachment: fixed;
}
.investimento__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6,25,49,.5) 0%, rgba(6,25,49,.7) 55%, rgba(6,25,49,.9) 100%);
}

.investimento__grid {
  display: grid;
  margin: 0 auto;
  max-width: 1180px;
}

.investimento__glass {
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 40px 90px -30px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.25);
  max-width: 46rem;
}

.investimento h2 { font-size: clamp(2rem, 4.5vw, 3.6rem); line-height: 1.02; max-width: 14ch; margin: .4rem 0 1.5rem; }
.investimento__price { margin: 0 0 1.75rem; }
.investimento__price strong { display: block; color: var(--white); font-size: clamp(2.4rem, 5.5vw, 4.5rem); line-height: .96; letter-spacing: -.01em; }
.investimento__price strong sup { color: var(--orange); font-size: .35em; margin-left: .15em; }
.investimento__price span { display: block; font-size: clamp(1.05rem, 2vw, 1.4rem); margin-top: .6rem; color: rgba(255,255,255,.75); }
.investimento__comparison { margin: 0 0 2rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.2); }
.investimento__comparison strong { display: block; font-size: clamp(1.3rem, 2.4vw, 1.85rem); line-height: 1.15; color: var(--white); }
.investimento__comparison strong sup { color: var(--orange); font-size: .55em; }
.investimento__comparison p, .investimento__closing > p { font-size: 1rem; line-height: 1.65; max-width: 38rem; color: rgba(255,255,255,.72); margin: .5rem 0 0; }
.investimento__cta { background: var(--orange); color: var(--white); display: inline-block; font-weight: 700; margin: 1.25rem 0 1.75rem; padding: 1rem 1.6rem; border-radius: 999px; text-decoration: none; transition: filter .2s ease; }
.investimento__cta:hover { filter: brightness(1.08); }
.investimento details { border-top: 1px solid rgba(255,255,255,.2); padding: 1rem 0 0; }
.investimento summary { cursor: pointer; font-weight: 700; color: var(--white); }
.investimento__inclusions { columns: 2; gap: 2rem; margin-top: 1.5rem; }
.investimento__inclusions h3 { break-after: avoid; color: var(--orange); font-size: 1rem; }
.investimento__inclusions ul { break-inside: avoid; padding-left: 1.2rem; margin: 0 0 1.25rem; }
.investimento__inclusions li { margin-bottom: .5rem; font-size: .88rem; line-height: 1.5; color: rgba(255,255,255,.78); }
.investimento__note { font-size: .74rem; line-height: 1.7; margin-top: 1.5rem; color: rgba(255,255,255,.5); }
.investimento__note sup { color: var(--orange); margin-right: .2em; }
[data-investment-moment] { opacity: 0; transform: translateY(1.5rem); transition: opacity .6s ease, transform .6s ease; }
[data-investment-moment].is-visible { opacity: 1; transform: none; }

@media (max-width: 768px) {
  .investimento { padding-inline: 1.25rem; }
  .investimento__bg { background-attachment: scroll; background-position: center 38%; }
  .investimento__glass { padding: 1.5rem; border-radius: var(--radius-md); }
  .investimento__inclusions { columns: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .investimento__bg { background-attachment: scroll; }
  [data-investment-moment] { opacity: 1; transform: none; transition: none; }
}