/* Keep Framer's scroll-driven curved section and its original layout measurements. */
#objetivo2 > .framer-13ol035 > :not(.ian-about) {
  visibility: hidden !important;
  pointer-events: none !important;
}

#objetivo2 .ian-about,
#objetivo2 .ian-about * { box-sizing: border-box; }

#objetivo2 .ian-about {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 100px;
  overflow: hidden;
  color: #f3f3f3;
  font-family: 'Ian Archivo', Archivo, Arial, sans-serif;
}

#objetivo2 .ian-about-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr);
  gap: clamp(50px, 8vw, 140px);
  width: min(1200px, calc(100% - 100px));
  margin: 0 auto;
}

#objetivo2 .ian-about h2 {
  max-width: 490px;
  margin: 0;
  font-size: clamp(42px, 4.1vw, 60px);
  font-weight: 400;
  line-height: 1.14;
  letter-spacing: -.045em;
}

#objetivo2 .ian-about h2 span { color: #32b1ba; }

#objetivo2 .ian-about-text { max-width: 620px; }
#objetivo2 .ian-about-text p {
  margin: 0 0 22px;
  color: #989898;
  font-size: clamp(17px, 1.43vw, 20px);
  line-height: 1.3;
  letter-spacing: -.015em;
}
#objetivo2 .ian-about-text p:last-child { margin-bottom: 0; }
#objetivo2 .ian-about-text .emphasis { color: #f3f3f3; font-weight: 600; }

#objetivo2 .ian-metrics {
  width: 100%;
  height: 270px;
  flex: 0 0 270px;
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  scrollbar-width: none;
  mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
#objetivo2 .ian-metrics:active { cursor: grabbing; }
#objetivo2 .ian-metrics::-webkit-scrollbar { display: none; }
#objetivo2 .ian-metrics-track { display: flex; width: max-content; height: 100%; }
#objetivo2 .ian-metrics-set { display: flex; flex: 0 0 auto; align-items: flex-start; gap: 28px; height: 100%; padding: 12px 28px 29px 0; }
#objetivo2 .ian-metric-card {
  position: relative;
  display: flex;
  flex: 0 0 320px;
  width: 320px;
  height: 205px;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  padding: 30px 26px;
  border: 1px solid #4e4e4e;
  border-radius: 20px;
  background: linear-gradient(145deg, #313131, #242424 70%);
  box-shadow: 0 4px 8px #0003, 0 14px 24px #0006;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
@media (hover: hover) {
  #objetivo2 .ian-metric-card:hover {
    transform: translateY(-8px);
    border-color: #5f8184;
    box-shadow: 0 10px 16px #0005, 0 24px 38px #0009;
  }
}
#objetivo2 .ian-metric-card::after {
  content: '';
  position: absolute;
  right: -48px;
  bottom: -85px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: radial-gradient(circle, #32b1ba23, transparent 70%);
  pointer-events: none;
}
#objetivo2 .ian-metric-card::before { content: ''; position: absolute; bottom: 27px; left: 26px; width: 42px; height: 2px; border-radius: 2px; background: #32b1ba; }
#objetivo2 .ian-metric-card > div { display: flex; flex-direction: column; gap: 10px; }
#objetivo2 .ian-metric-card strong {
  display: block;
  color: #f6f6f6;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.045em;
}
#objetivo2 .ian-metric-card small { display: block; color: #aaa; font-size: 16px; line-height: 1.3; }

@media (max-width: 1100px) {
  #objetivo2 .ian-about-copy { width: calc(100% - 70px); gap: 45px; }
  #objetivo2 .ian-about h2 { font-size: 46px; }
  #objetivo2 .ian-about-text p { font-size: 18px; }
}

@media (max-width: 809px) {
  #objetivo2 > .framer-13ol035 > :not(.ian-about) { display: none !important; }
  #objetivo2 .ian-about {
    position: relative;
    inset: auto;
    width: 100%;
    gap: 55px;
    padding-bottom: 52px;
  }
  #objetivo2 .ian-about-copy { display: block; width: calc(100% - 40px); }
  #objetivo2 .ian-about h2 { max-width: 600px; margin-bottom: 24px; font-size: clamp(33px, 7vw, 42px); line-height: 1.14; }
  #objetivo2 .ian-about-text p { margin-bottom: 16px; font-size: 16px; line-height: 1.42; }
  #objetivo2 .ian-metrics { height: 242px; flex-basis: 242px; mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
  #objetivo2 .ian-metrics-set { gap: 16px; padding: 10px 16px 32px 0; }
  #objetivo2 .ian-metric-card { flex-basis: 265px; width: 265px; height: 194px; padding: 25px 21px; border-radius: 17px; }
  #objetivo2 .ian-metric-card::before { bottom: 20px; left: 21px; }
  #objetivo2 .ian-metric-card > div { gap: 9px; }
  #objetivo2 .ian-metric-card strong { font-size: 28px; }
  #objetivo2 .ian-metric-card small { font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  #objetivo2 .ian-metrics { scroll-behavior: auto; }
  #objetivo2 .ian-metric-card { transition: none; }
}