@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");

:root {
  --sobre-navy: #061846;
  --sobre-text: #071633;
  --sobre-muted: #59657b;
  --sobre-pink: #ed2f78;
  --sobre-pink-dark: #d91c65;
  --sobre-soft: #fff1f6;
  --sobre-line: #f1d6e1;
}

.sobre-liga { margin: 0; color: var(--sobre-text); background: #fff; font-family: "Poppins", sans-serif; }
.sobre-liga main { overflow: hidden; }
.sobre-liga em { color: var(--sobre-pink); font-style: normal; }
.sobre-liga .cabecalho { width: min(1180px, calc(100% - 48px)); min-height: 92px; margin: 0 auto; padding: 18px 0; }
.sobre-liga .menu-principal { gap: 34px; color: #26334d; font-size: 13px; font-weight: 600; }
.sobre-liga .botao { height: 42px; border-radius: 8px; font-size: 13px; }
.sobre-liga .botao-rosa { background: var(--sobre-pink); box-shadow: none; }

.sobre-tag {
  min-height: 25px;
  padding: 4px 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f39ab9;
  border-radius: 999px;
  background: #fff8fb;
  color: var(--sobre-pink);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.sobre-hero {
  position: relative;
  width: min(1280px, 100%);
  min-height: 560px;
  margin: 0 auto;
  padding-top: 42px;
}
.sobre-hero__conteudo { position: relative; z-index: 3; width: min(830px, calc(100% - 48px)); margin: 0 auto; text-align: center; }
.sobre-hero h1 { margin: 22px auto 22px; font-size: clamp(40px, 4.35vw, 64px); line-height: 1.12; letter-spacing: -2.3px; }
.sobre-hero__conteudo > p { max-width: 760px; margin: 0 auto; color: var(--sobre-muted); font-size: 14px; line-height: 1.75; }
.sobre-hero__imagem { position: absolute; z-index: 1; bottom: 0; overflow: hidden; }
.sobre-hero__imagem img { width: 100%; height: 100%; display: block; object-fit: cover; }
.sobre-hero__imagem--coroa { left: 0; width: 36%; height: 300px; border-radius: 0 55% 0 0; }
.sobre-hero__imagem--coroa img { object-position: 35% center; }
.sobre-hero__imagem--painel { right: 0; width: 43%; height: 295px; }
.sobre-hero__imagem--painel img { object-fit: contain; object-position: right bottom; }

.sobre-numeros { position: absolute; z-index: 3; left: 50%; bottom: 55px; width: 520px; display: grid; grid-template-columns: repeat(3, 1fr); transform: translateX(-50%); }
.sobre-numeros article { text-align: center; }
.sobre-numeros i { display: block; margin-bottom: 7px; color: var(--sobre-pink); font-size: 25px; }
.sobre-numeros strong, .sobre-numeros span { display: block; }
.sobre-numeros strong { font-size: 15px; }
.sobre-numeros span { margin-top: 2px; color: var(--sobre-muted); font-size: 9px; }

.sobre-proposito {
  width: min(1180px, calc(100% - 48px));
  min-height: 285px;
  margin: 35px auto 0;
  padding: 34px 42px;
  display: grid;
  grid-template-columns: .9fr 1fr .75fr;
  gap: 35px;
  align-items: center;
  overflow: hidden;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(110deg, #05214e, #03163e 62%, #020c2b);
}
.sobre-tag--branca { border: 0; background: #fff; }
.sobre-proposito h2 { max-width: 360px; margin-top: 16px; font-size: clamp(30px, 3vw, 43px); line-height: 1.18; letter-spacing: -1px; }
.sobre-proposito__texto p { color: #fff; font-size: 14px; line-height: 1.75; }
.sobre-proposito__imagem { height: 255px; margin: -20px -20px -20px 0; }
.sobre-proposito__imagem img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; mix-blend-mode: screen; }
.sobre-proposito__selos { margin-top: 45px; display: flex; flex-wrap: wrap; gap: 0; }
.sobre-proposito__selos span { padding: 0 20px; display: inline-flex; align-items: center; gap: 10px; border-right: 1px solid rgba(255,255,255,.25); font-size: 9px; }
.sobre-proposito__selos span:first-child { padding-left: 0; }
.sobre-proposito__selos span:last-child { border-right: 0; }
.sobre-proposito__selos i { color: var(--sobre-pink); font-size: 19px; }

.sobre-valores { width: min(1180px, calc(100% - 48px)); margin: 68px auto 0; }
.sobre-cabecalho { margin-bottom: 25px; text-align: center; }
.sobre-cabecalho h2 { margin-top: 13px; font-size: clamp(29px, 2.7vw, 40px); line-height: 1.2; letter-spacing: -1px; }
.sobre-valores__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.sobre-valor-card { overflow: hidden; border: 1px solid var(--sobre-line); border-radius: 12px; background: #fff; box-shadow: 0 12px 30px rgba(7,22,51,.045); }
.sobre-valor-card__texto { min-height: 190px; padding: 26px 26px 18px; }
.sobre-valor-card__texto > i { width: 51px; height: 51px; display: grid; place-items: center; border-radius: 10px; background: var(--sobre-soft); color: var(--sobre-pink); font-size: 21px; }
.sobre-valor-card h3 { margin: 17px 0 7px; font-size: 18px; }
.sobre-valor-card p { color: var(--sobre-muted); font-size: 12px; line-height: 1.65; }
.sobre-valor-card > img { width: 100%; height: 225px; display: block; object-fit: cover; }

.sobre-cta {
  position: relative;
  width: min(1180px, calc(100% - 48px));
  min-height: 285px;
  margin: 55px auto 0;
  display: grid;
  grid-template-columns: 41% 1fr;
  align-items: center;
  overflow: hidden;
  border-radius: 18px;
  background: linear-gradient(110deg, #fff1f6, #fff8fb);
}
.sobre-cta__imagem { align-self: stretch; min-height: 285px; }
.sobre-cta__imagem img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.sobre-cta__conteudo { position: relative; z-index: 2; padding: 30px 200px 30px 34px; }
.sobre-cta h2 { margin: 16px 0 8px; font-size: clamp(29px, 2.8vw, 41px); line-height: 1.2; letter-spacing: -1px; }
.sobre-cta__conteudo > p { color: var(--sobre-muted); font-size: 13px; line-height: 1.65; }
.sobre-cta__botoes { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 12px; }
.sobre-btn { min-height: 46px; padding: 0 21px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 8px; font-size: 11px; font-weight: 700; }
.sobre-btn--navy { color: #fff; background: var(--sobre-navy); }
.sobre-btn--claro { color: var(--sobre-text); border: 1px solid #d9dce3; background: #fff; box-shadow: 0 8px 20px rgba(7,22,51,.06); }
.sobre-cta__marca { position: absolute; right: 25px; bottom: -18px; color: rgba(237,47,120,.16); font-size: 165px; transform: rotate(-8deg); }

.sobre-diferenciais { width: min(1100px, calc(100% - 48px)); margin: 35px auto 55px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.sobre-diferenciais article { display: flex; align-items: flex-start; gap: 13px; }
.sobre-diferenciais article > i { margin-top: 3px; color: var(--sobre-pink); font-size: 20px; }
.sobre-diferenciais strong, .sobre-diferenciais span { display: block; }
.sobre-diferenciais strong { font-size: 11px; }
.sobre-diferenciais span { margin-top: 4px; color: var(--sobre-muted); font-size: 9px; }

@media (max-width: 1050px) {
  .sobre-liga .menu-principal { gap: 20px; }
  .sobre-hero { min-height: 670px; }
  .sobre-hero__imagem--coroa { width: 42%; }
  .sobre-hero__imagem--painel { width: 48%; }
  .sobre-numeros { bottom: 315px; }
  .sobre-proposito { grid-template-columns: 1fr 1fr; }
  .sobre-proposito__imagem { display: none; }
  .sobre-cta__conteudo { padding-right: 100px; }
}

@media (max-width: 820px) {
  .sobre-liga .cabecalho { width: min(100% - 36px, 1180px); padding: 18px 0; }
  .sobre-hero { min-height: auto; padding-bottom: 35px; }
  .sobre-hero h1 { font-size: 43px; }
  .sobre-hero__imagem { position: relative; width: min(100% - 28px, 620px); height: 290px; margin: 30px auto 0; border-radius: 18px; }
  .sobre-hero__imagem--coroa { display: none; }
  .sobre-hero__imagem--painel { margin-top: 15px; }
  .sobre-numeros { position: relative; left: auto; bottom: auto; width: min(100% - 30px, 500px); margin: 30px auto 0; transform: none; }
  .sobre-proposito { grid-template-columns: 1fr; text-align: center; }
  .sobre-proposito h2 { margin-left: auto; margin-right: auto; }
  .sobre-proposito__selos { justify-content: center; }
  .sobre-valores__grid { grid-template-columns: 1fr; }
  .sobre-valor-card { width: min(100%, 540px); margin: 0 auto; }
  .sobre-cta { grid-template-columns: 1fr; }
  .sobre-cta__imagem { min-height: 300px; }
  .sobre-cta__conteudo { padding: 35px; text-align: center; }
  .sobre-cta__botoes { justify-content: center; }
  .sobre-cta__marca { display: none; }
  .sobre-diferenciais { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .sobre-hero__conteudo, .sobre-proposito, .sobre-valores, .sobre-cta, .sobre-diferenciais { width: min(100% - 28px, 1180px); }
  .sobre-hero { padding-top: 28px; }
  .sobre-hero h1 { font-size: 35px; letter-spacing: -1px; }
  .sobre-hero__conteudo > p { font-size: 13px; }
  .sobre-hero__imagem { height: 220px; }
  .sobre-numeros { grid-template-columns: 1fr; gap: 22px; }
  .sobre-proposito { margin-top: 20px; padding: 32px 20px; }
  .sobre-proposito__selos { flex-direction: column; align-items: center; gap: 17px; margin-top: 30px; }
  .sobre-proposito__selos span { padding: 0; border: 0; }
  .sobre-proposito__texto p { font-size: 13px; }
  .sobre-valores { margin-top: 55px; }
  .sobre-valor-card__texto { min-height: 0; }
  .sobre-valor-card > img { height: 210px; }
  .sobre-cta__imagem { min-height: 220px; }
  .sobre-cta__conteudo { padding: 30px 20px; }
  .sobre-cta__botoes { flex-direction: column; }
  .sobre-btn { width: 100%; }
  .sobre-diferenciais { grid-template-columns: 1fr; gap: 22px; }
}