/* Página: conteudos */

.cn-hero {
  min-height: clamp(320px,26vw,440px);
  display: flex;
  align-items: center;
  background: #05283A !important;
}

.cn-hero-bg {
  position: absolute;
  inset: 0;
}

.cn-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72% 50%;
  display: block;
}

.cn-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(4,30,44,.92) 0%,rgba(4,30,44,.6) 38%,rgba(4,30,44,0) 60%);
}

.cn-hero-in {
  width: 100%;
}

.cn-hero h1 {
  max-width: min(620px,44%);
}

.cn-hero p {
  max-width: min(520px,40%) !important;
}

@media (max-width:900px) {
  .cn-hero h1,
  .cn-hero p {
    max-width: none !important;
  }
}

.cn-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 2px 0 16px;
  padding: 8px 16px;
  border-radius: 99px;
  border: 1.5px solid rgba(110,240,220,.45);
  background: rgba(6,40,52,.55);
  font-size: 12.5px;
}

.cn-pill span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #B6E85E;
  box-shadow: 0 0 10px #B6E85E;
}

@media (max-width:900px) {
  .cn-hero {
    min-height: 0;
    align-items: flex-start;
  }
  .cn-hero-bg img {
    object-position: 85% 50%;
  }
  .cn-hero-bg::after {
    background: linear-gradient(180deg,rgba(4,30,44,.75),rgba(4,30,44,.88));
  }
}

.cn-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: radial-gradient(ellipse 45% 90% at 100% 0%,rgba(20,110,110,.35) 0%,rgba(4,27,42,0) 70%),linear-gradient(110deg,#031B2A 0%,#04212F 55%,#05283A 100%);
}

.cn-hero-in {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: clamp(32px,3vw,56px) max(clamp(24px,3.6vw,64px),calc((100% - 1560px)/2)) clamp(36px,3.4vw,60px);
}

.cn-hero h1 {
  margin: 0;
  font-family: Manrope,sans-serif;
  font-weight: 800;
  font-size: clamp(2.1rem,3.6vw,4rem);
  line-height: 1.06;
  letter-spacing: -0.04em;
}

.cn-hero h1 span {
  color: #B6E85E;
}

.cn-hero p {
  margin: 14px 0 0;
  max-width: 40em;
  font-size: clamp(1.02rem,1.2vw,1.3rem);
  line-height: 1.55;
  color: #CFE0EA;
}

.cn-list {
  font-family: 'DM Sans',system-ui,sans-serif;
  padding: clamp(40px,4vw,80px) clamp(24px,3.6vw,64px) clamp(56px,5vw,96px);
  background: radial-gradient(ellipse 35% 40% at 0% 0%,rgba(120,200,240,.16) 0%,rgba(240,248,253,0) 70%),linear-gradient(180deg,#F3F9FD 0%,#EEF6FB 100%);
}

.cn-wrap {
  max-width: 1560px;
  margin: 0 auto;
}

.cn-grid .bl-card {
  box-shadow: 0 20px 50px rgba(5,40,60,.14);
}