/* =========================================================
   NOVO LAYOUT — Instituto Pro Bono
   VERSAO-ARQUIVO: v132-conhecimento-todas
   Fase 1: sistema visual global (cores, fontes) + header + footer
   Este arquivo é carregado DEPOIS do main.css, então as regras
   daqui sobrescrevem o visual antigo sem precisar mexer no SASS.
   ========================================================= */

:root {
  --cor-bege: #F6F4EF;
  --cor-bege-escuro: #EDEEE7;
  --cor-azul: #004C86;
  --cor-azul-profundo: #05263F;
  --cor-azul-footer: #04202F;
  --cor-turquesa: #35AEAF;
  --cor-texto: #2B3036;
  --cor-texto-secundario: #5A6169;
  --fonte-titulo: 'Spectral', serif;
  --fonte-corpo: 'Instrument Sans', system-ui, sans-serif;
}

body {
  font-family: var(--fonte-corpo);
  color: var(--cor-texto);
  background-color: var(--cor-bege);
}

h1, h2, h3 {
  font-family: var(--fonte-titulo);
  color: var(--cor-azul-profundo);
  line-height: 1.2;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---------- HEADER ---------- */
.header {
  background: rgba(246, 244, 239, 0.88);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: none;
  border-bottom: 1px solid rgba(29, 42, 56, 0.08);
  height: auto;
  padding: 14px 0;
}

.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
}

.header__logo h1 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.header__logo img {
  height: 30px;
  width: auto;
}

.header__logo-texto {
  font-family: var(--fonte-titulo);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: .01em;
  color: #2B3036;
  line-height: 1.25;
}

.header__logo-texto span {
  display: block;
  font-family: var(--fonte-corpo);
  font-weight: 700;
  letter-spacing: .1em;
  font-size: 9.5px;
  color: var(--cor-azul);
}

.header__menu {
  width: auto !important;
  display: flex !important;
  justify-content: flex-start !important;
  gap: 11px;
}

.header__menu a,
.header__menu .drop-title,
.header__menu .drop-item a {
  font-family: var(--fonte-corpo) !important;
  text-transform: none !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  color: #5A6169 !important;
  letter-spacing: normal !important;
  opacity: 1 !important;
}

.header__menu a:not(.drop-item a),
.header__menu .drop-title {
  background: none !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  display: inline-flex !important;
}

.header__menu a:hover,
.header__menu .drop-title:hover {
  color: var(--cor-azul) !important;
}

/* Itens secundários do menu (Conhecimento, Notícias, Contato) — cor mais clara de propósito */
/* neutraliza o estilo antigo de "botão" que existia nos 2 últimos itens do menu */
.header__menu a:nth-last-child(-n+2):not(.drop-item a) {
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
  color: var(--cor-texto);
  padding: 0;
  font-weight: 500;
  text-transform: none;
}

.header__menu .drop {
  position: relative;
}

.header__menu .drop-menu {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(5, 38, 63, 0.14);
  width: 240px !important;
  padding: 10px !important;
  padding-top: 18px !important;
  margin-top: -8px;
  gap: 2px !important;
  top: 100%;
  left: 0;
  border: 1px solid rgba(0, 76, 134, .08);
}

.header__menu .drop-sub {
  margin-top: 6px;
  padding-left: 10px;
  border-left: 2px solid rgba(0, 76, 134, .1);
}

.header__menu .drop-item {
  list-style: none;
}

.header__menu .drop-item a {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  white-space: nowrap;
}

.header__menu .drop-item a:hover {
  background: var(--cor-bege-escuro);
  color: var(--cor-azul);
}

.header__menu .drop-title {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.header__menu .drop-title img {
  width: 9px;
  opacity: .6;
}

/* botões de ação fixos (fora do menu) */
.header__ctas {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 20px;
}

.header__ctas .btn-outline,
.header__ctas .btn-solid {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  height: auto;
  line-height: 1.3;
  border-radius: 7px;
  font-family: var(--fonte-corpo);
  font-weight: 600;
  font-size: 11.5px;
  padding: 7px 9px;
  margin: 0;
  text-decoration: none;
  vertical-align: middle;
  transition: all .15s ease;
}

.header__ctas .btn-outline {
  border: 1.5px solid rgba(0, 76, 134, .3) !important;
  color: var(--cor-azul) !important;
  background: #fff !important;
}

.header__ctas .btn-solid {
  border: 1.5px solid var(--cor-turquesa) !important;
  background: var(--cor-turquesa) !important;
  color: #04322F !important;
  font-weight: 700;
  padding: 7px 11px;
}

@media screen and (max-width: 1100px) {
  .header__ctas {
    display: none; /* fase seguinte: adaptar os 3 botões pro menu mobile */
  }
}

/* ---------- FOOTER ---------- */
.footer {
  height: auto;
  background: var(--cor-azul-footer);
  padding: 56px 0 0;
}

.footer__grid {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding-bottom: 40px;
  flex-wrap: wrap;
}

.footer__sobre {
  max-width: 320px;
}

.footer__sobre img {
  height: 40px;
  margin-bottom: 18px;
}

.footer__sobre p {
  color: #9FB4C4;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 14px;
}

.footer__sobre a {
  color: var(--cor-turquesa);
  font-size: 14px;
  text-decoration: underline;
}

.footer__col h3 {
  color: #fff;
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 18px;
}

.footer__col a {
  display: block;
  color: #9FB4C4;
  font-size: 14px;
  text-decoration: none;
  margin-bottom: 12px;
}

.footer__col a:hover {
  color: #fff;
}

.footer__redessociais {
  justify-content: flex-start;
  gap: 16px;
  margin-top: 0;
}

.footer__redessociais img {
  width: 20px;
  height: 20px;
}

.footer__copyright {
  border-top: 1px solid rgba(255, 255, 255, .1);
  padding: 20px 0;
  text-align: center;
  color: #6B8194;
  font-size: 12px;
}

@media screen and (max-width: 1000px) {
  .footer__grid {
    flex-direction: column;
    gap: 32px;
  }
}

/* ---------- HERO "SOBRE NÓS" (Fase 2) ---------- */
.sobre-nos.templateBanner--split {
  position: relative;
  background: var(--cor-azul-profundo) !important;
  color: #EAF1F6;
  overflow: hidden;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.sobre-nos.templateBanner--split .templateBanner__glow {
  position: absolute;
  right: -80px;
  top: -80px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: rgba(53, 174, 175, .16);
}

.sobre-nos.templateBanner--split .templateBanner__grid {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  align-items: center;
}

.sobre-nos.templateBanner--split .templateBanner__info {
  position: static !important;
  width: auto !important;
  left: auto !important;
  top: auto !important;
  height: auto !important;
  flex: 1 1 440px;
  min-width: 300px;
  text-align: left !important;
  gap: 0 !important;
  display: block !important;
  padding: 0 !important;
}

.sobre-nos.templateBanner--split .templateBanner__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #5FC7C6;
  margin-bottom: 20px;
}

.sobre-nos.templateBanner--split .templateBanner__eyebrow i {
  width: 26px;
  height: 1.5px;
  background: #5FC7C6;
  display: inline-block;
}

.sobre-nos.templateBanner--split .templateBanner__info-title {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(30px, 4.2vw, 50px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em;
  color: #fff !important;
  text-align: left !important;
  margin: 0 0 22px !important;
}

.sobre-nos.templateBanner--split .templateBanner__info-text {
  font-family: var(--fonte-corpo);
  font-size: clamp(16px, 1.4vw, 18.5px) !important;
  line-height: 1.6 !important;
  color: #C6D8E4 !important;
  text-align: left !important;
  max-width: 560px;
}

.sobre-nos.templateBanner--split .templateBanner__media {
  flex: 1 1 360px;
  min-width: 280px;
}

.sobre-nos.templateBanner--split .templateBanner__media img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 14px;
  box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .5);
}

@media screen and (max-width: 1000px) {
  .sobre-nos.templateBanner--split {
    min-height: 0 !important;
    padding: 0 !important;
  }
  .sobre-nos.templateBanner--split .templateBanner__grid {
    padding: 32px 20px;
  }
  .sobre-nos.templateBanner--split .templateBanner__info {
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
  }
}

/* Mesmo estilo do hero, agora também liberado para a página Amicus */
.amicus.templateBanner--split {
  position: relative;
  background: var(--cor-azul-profundo) !important;
  color: #EAF1F6;
  overflow: hidden;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.amicus.templateBanner--split .templateBanner__glow {
  position: absolute;
  right: -80px;
  top: -80px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: rgba(53, 174, 175, .16);
}

.amicus.templateBanner--split .templateBanner__grid {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  align-items: center;
}

.amicus.templateBanner--split .templateBanner__info {
  position: static !important;
  width: auto !important;
  left: auto !important;
  top: auto !important;
  height: auto !important;
  flex: 1 1 440px;
  min-width: 300px;
  text-align: left !important;
  gap: 0 !important;
  display: block !important;
  padding: 0 !important;
}

.amicus.templateBanner--split .templateBanner__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #5FC7C6;
  margin-bottom: 20px;
}

.amicus.templateBanner--split .templateBanner__eyebrow i {
  width: 26px;
  height: 1.5px;
  background: #5FC7C6;
  display: inline-block;
}

.amicus.templateBanner--split .templateBanner__info-title {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(30px, 4.2vw, 50px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em;
  color: #fff !important;
  text-align: left !important;
  margin: 0 0 22px !important;
}

.amicus.templateBanner--split .templateBanner__info-text {
  font-family: var(--fonte-corpo);
  font-size: clamp(16px, 1.4vw, 18.5px) !important;
  line-height: 1.6 !important;
  color: #C6D8E4 !important;
  text-align: left !important;
  max-width: 560px;
}

.amicus.templateBanner--split .templateBanner__media {
  flex: 1 1 360px;
  min-width: 280px;
}

.amicus.templateBanner--split .templateBanner__media img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 14px;
  box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .5);
}

@media screen and (max-width: 1000px) {
  .amicus.templateBanner--split {
    min-height: 0 !important;
    padding: 0 !important;
  }
  .amicus.templateBanner--split .templateBanner__grid {
    padding: 32px 20px;
  }
  .amicus.templateBanner--split .templateBanner__info {
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
  }
}

/* ---------- NOSSA HISTÓRIA "SOBRE NÓS" (Fase 2) — v2 ---------- */
.texto.texto--historia {
  width: auto !important;
  background: var(--cor-bege);
  padding: 0 !important;
  text-align: left !important;
}

.texto--historia__wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
  text-align: left !important;
}

.texto--historia__eyebrow {
  font-family: var(--fonte-corpo) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-align: left !important;
  color: var(--cor-turquesa) !important;
  margin: 0 0 12px !important;
}

.texto.texto--historia h2 {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(26px, 3.2vw, 40px) !important;
  line-height: 1.14 !important;
  color: #1D2A38 !important;
  margin: 0 0 26px !important;
  max-width: 720px;
  text-align: left !important;
}

.texto--historia__corpo {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  max-width: 760px;
  text-align: left !important;
}

.texto--historia__corpo p {
  font-family: var(--fonte-corpo) !important;
  font-size: 16.5px !important;
  line-height: 1.65 !important;
  color: #3A4149 !important;
  margin: 0 !important;
  text-align: left !important;
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  font-weight: 400 !important;
}

/* ---------- IMPACTO HISTÓRICO "SOBRE NÓS" (Fase 2) ---------- */
.timeline.timeline--historico {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: var(--cor-azul-profundo) !important;
  display: block !important;
  padding: 0 !important;
}

.timeline--historico__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
}

.timeline--historico__eyebrow {
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #5FC7C6;
  margin: 0 0 12px;
}

.timeline.timeline--historico h2 {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(26px, 3.2vw, 40px) !important;
  line-height: 1.14 !important;
  color: #fff !important;
  text-align: left !important;
  margin: 0 0 16px !important;
  max-width: 640px;
}

.timeline--historico__intro {
  font-family: var(--fonte-corpo) !important;
  font-size: 15.5px !important;
  line-height: 1.62 !important;
  color: #C6D8E4 !important;
  margin: 0 0 44px !important;
  max-width: 720px;
  text-align: left !important;
}

.timeline--historico__grid {
  width: auto !important;
  display: grid !important;
  flex-wrap: unset !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-left: 0 !important;
  overflow: visible !important;
}

@media screen and (max-width: 900px) {
  .timeline--historico__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 560px) {
  .timeline--historico__grid {
    grid-template-columns: 1fr;
  }
}

.timeline--historico__card {
  width: auto !important;
  height: auto !important;
  margin-right: 0 !important;
  opacity: 1 !important;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(95, 199, 198, .22);
  border-radius: 14px;
  padding: 24px 22px;
}

.timeline--historico__ano {
  display: block;
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .06em;
  color: #5FC7C6;
  margin-bottom: 10px;
}

.timeline--historico__card h3 {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: 18px !important;
  color: #fff !important;
  margin: 0 0 8px !important;
  text-align: left !important;
}

.timeline--historico__card p {
  font-family: var(--fonte-corpo) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #B4C6D4 !important;
  margin: 0 !important;
}

.timeline.timeline--historico .buttons {
  display: none !important;
}

/* ---------- O QUE NOS MOVE "SOBRE NÓS" (Fase 2) ---------- */
.itemlistagem.itemlistagem--valores,
.itemlistagem.itemlistagem--redes,
.itemlistagem.itemlistagem--formatos,
.itemlistagem.itemlistagem--tipos,
.itemlistagem.itemlistagem--outrasfrentes,
.itemlistagem.itemlistagem--comofunciona,
.itemlistagem.itemlistagem--exemplos,
.itemlistagem.itemlistagem--caminhos {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  background: var(--cor-bege-escuro);
  border-top: 1px solid rgba(0, 76, 134, .08);
  border-bottom: 1px solid rgba(0, 76, 134, .08);
  padding: 0 !important;
}

.itemlistagem--valores__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
  text-align: left !important;
}

.itemlistagem--valores__eyebrow {
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cor-azul);
  margin: 0 0 12px;
  text-align: left !important;
}

.itemlistagem.itemlistagem--valores h2,
.itemlistagem.itemlistagem--redes h2,
.itemlistagem.itemlistagem--formatos h2,
.itemlistagem.itemlistagem--outrasfrentes h2,
.itemlistagem.itemlistagem--comofunciona h2,
.itemlistagem.itemlistagem--exemplos h2 {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(26px, 3.2vw, 40px) !important;
  line-height: 1.14 !important;
  color: #1D2A38 !important;
  margin: 0 0 18px !important;
  max-width: 640px;
  text-align: left !important;
}

.itemlistagem--valores__intro {
  font-family: var(--fonte-corpo) !important;
  font-size: 15.5px !important;
  line-height: 1.62 !important;
  color: #3A4149 !important;
  margin: 0 0 40px !important;
  max-width: 760px;
  text-align: left !important;
}

.itemlistagem--valores__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 18px;
}

.itemlistagem--valores__card {
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .1);
  border-top: 3px solid var(--cor-turquesa);
  border-radius: 14px;
  padding: 26px 24px;
}

.itemlistagem--valores__card h3 {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: 18px !important;
  color: #1D2A38 !important;
  margin: 0 0 8px !important;
  text-align: left !important;
}

.itemlistagem--valores__card p {
  font-family: var(--fonte-corpo) !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: #5A6169 !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Card em destaque (azul) — usado na seção "Redes e reconhecimento" */
.itemlistagem--valores__card--destaque {
  background: var(--cor-azul) !important;
  border-color: var(--cor-azul) !important;
}

.itemlistagem--valores__card--destaque h3 {
  color: #fff !important;
}

.itemlistagem--valores__card--destaque p {
  color: #BBD3E6 !important;
}

.itemlistagem--valores__numero {
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: 34px;
  line-height: 1;
  color: #fff;
  margin-bottom: 10px;
}

/* ---------- PARCEIROS AMICUS "SOBRE NÓS" (Fase 2) ---------- */
.sobre-nos.parceiros {
  display: block !important;
  height: auto !important;
  width: 100% !important;
  padding: 0 !important;
  background: var(--cor-bege) !important;
  border-top: 1px solid rgba(0, 76, 134, .08);
}

.sobre-nos .parceiros__left {
  padding: clamp(56px, 7vw, 90px) clamp(18px, 4vw, 40px) 0 !important;
  max-width: 1100px;
  margin: 0 auto;
}

.sobre-nos .parceiros__left-box {
  width: 100% !important;
  max-width: 680px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sobre-nos .parceiros__left-box h3 {
  order: 1;
  font-family: var(--fonte-corpo) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cor-turquesa) !important;
  margin: 0 0 10px !important;
  line-height: 1.3 !important;
}

.sobre-nos .parceiros__left-box h2 {
  order: 2;
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(24px, 3vw, 36px) !important;
  line-height: 1.16 !important;
  color: #1D2A38 !important;
  margin: 0 0 10px !important;
}

.sobre-nos .parceiros__left-box p {
  order: 3;
  font-family: var(--fonte-corpo) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #5A6169 !important;
  max-width: 620px;
}

.sobre-nos .parceiros__right {
  max-width: 1100px;
  margin: 0 auto !important;
  padding: 40px clamp(18px, 4vw, 40px) clamp(56px, 7vw, 90px) !important;
  align-items: stretch !important;
  gap: 40px !important;
}

.sobre-nos .parceiros__right .hi-content {
  width: 100% !important;
}

.sobre-nos .parceiros__right .hi-main {
  align-items: stretch !important;
}

.sobre-nos .parceiros__right .hi-main h2 {
  width: auto !important;
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: var(--fonte-corpo) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--cor-azul) !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  margin-bottom: 20px !important;
}

.sobre-nos .parceiros__right .hi-main h2::before,
.sobre-nos .parceiros__right .hi-main h2::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(0, 76, 134, .14);
}

.sobre-nos .parceiros__right .post {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 14px !important;
  padding: 0 !important;
}

.sobre-nos .parceiros__right .post__item {
  height: 84px;
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .08);
  border-radius: 10px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sobre-nos .parceiros__right .post__item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* Mesmo estilo do Parceiros, agora também liberado para a página Amicus */
.amicus.parceiros {
  display: block !important;
  height: auto !important;
  width: 100% !important;
  padding: 0 !important;
  background: var(--cor-bege) !important;
  border-top: 1px solid rgba(0, 76, 134, .08);
}

.amicus .parceiros__left {
  padding: clamp(56px, 7vw, 90px) clamp(18px, 4vw, 40px) 0 !important;
  max-width: 1100px;
  margin: 0 auto;
}

.amicus .parceiros__left-box {
  width: 100% !important;
  max-width: 680px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.amicus .parceiros__left-box h3 {
  order: 1;
  font-family: var(--fonte-corpo) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cor-turquesa) !important;
  margin: 0 0 10px !important;
  line-height: 1.3 !important;
}

.amicus .parceiros__left-box h2 {
  order: 2;
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(24px, 3vw, 36px) !important;
  line-height: 1.16 !important;
  color: #1D2A38 !important;
  margin: 0 0 10px !important;
}

.amicus .parceiros__left-box p {
  order: 3;
  font-family: var(--fonte-corpo) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #5A6169 !important;
  max-width: 620px;
}

.amicus .parceiros__right {
  max-width: 1100px;
  margin: 0 auto !important;
  padding: 40px clamp(18px, 4vw, 40px) clamp(56px, 7vw, 90px) !important;
  align-items: stretch !important;
  gap: 40px !important;
}

.amicus .parceiros__right .hi-content {
  width: 100% !important;
}

.amicus .parceiros__right .hi-main {
  align-items: stretch !important;
}

.amicus .parceiros__right .hi-main h2 {
  width: auto !important;
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: var(--fonte-corpo) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--cor-azul) !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  margin-bottom: 20px !important;
}

.amicus .parceiros__right .hi-main h2::before,
.amicus .parceiros__right .hi-main h2::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(0, 76, 134, .14);
}

.amicus .parceiros__right .post {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 14px !important;
  padding: 0 !important;
}

.amicus .parceiros__right .post__item {
  height: 84px;
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .08);
  border-radius: 10px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.amicus .parceiros__right .post__item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* ---------- TRANSPARÊNCIA "SOBRE NÓS" (Fase 2) ---------- */
.botoes.botoes--transparencia {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  background: var(--cor-bege);
  padding: 0 !important;
}

.transparencia__wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
  text-align: left !important;
}

.transparencia__eyebrow {
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cor-turquesa);
  margin: 0 0 12px;
}

.botoes.botoes--transparencia h2 {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(24px, 3vw, 38px) !important;
  line-height: 1.16 !important;
  color: #1D2A38 !important;
  margin: 0 0 14px !important;
  max-width: 640px;
  text-align: left !important;
}

.transparencia__intro {
  font-family: var(--fonte-corpo) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #3A4149 !important;
  margin: 0 0 28px !important;
  max-width: 660px;
  text-align: left !important;
}

.transparencia__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .14);
  border-radius: 12px;
  padding: 22px 24px;
  text-decoration: none !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.transparencia__card:hover {
  border-color: var(--cor-turquesa);
  box-shadow: 0 8px 22px rgba(5, 38, 63, .08);
}

.transparencia__card h3 {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: 18px !important;
  color: #1D2A38 !important;
  margin: 0 0 4px !important;
  text-align: left !important;
}

.transparencia__card p {
  font-family: var(--fonte-corpo) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #5A6169 !important;
  margin: 0 !important;
  text-align: left !important;
}

.transparencia__card-seta {
  font-size: 22px;
  color: #0E8583;
  flex: none;
}

.transparencia__contato {
  font-family: var(--fonte-corpo) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #5A6169 !important;
  margin: 24px 0 0 !important;
  text-align: left !important;
}

.transparencia__contato a {
  color: #0E8583 !important;
  text-decoration: none !important;
  font-weight: 600;
}

.transparencia__acordeao {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.transparencia__item {
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .14);
  border-radius: 12px;
  padding: 4px 22px;
}

.transparencia__item summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: 17px;
  color: #1D2A38;
}

.transparencia__item summary::-webkit-details-marker {
  display: none;
}

.transparencia__seta {
  font-size: 20px;
  color: #0E8583;
  transition: transform .2s ease;
}

.transparencia__item[open] .transparencia__seta {
  transform: rotate(180deg);
}

.transparencia__docs {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 0 18px;
}

.transparencia__doc {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 8px;
  text-decoration: none !important;
  font-family: var(--fonte-corpo) !important;
  font-size: 14.5px !important;
  color: #3A4149 !important;
}

.transparencia__doc:hover {
  background: var(--cor-bege-escuro);
}

.transparencia__doc-icone {
  flex: none;
  font-family: var(--fonte-corpo);
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  background: var(--cor-azul);
  border-radius: 4px;
  padding: 3px 6px;
  letter-spacing: .04em;
}

/* ---------- HERO "O QUE FAZEMOS" (Fase 3) ---------- */
.templateBanner--split-light {
  position: relative;
  background: var(--cor-bege) !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.templateBanner--split-light .templateBanner__grid {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(40px, 6vw, 76px) clamp(18px, 4vw, 40px) clamp(40px, 5vw, 64px);
  display: flex;
  flex-wrap: wrap;
  gap: clamp(32px, 4vw, 56px);
  align-items: center;
}

.templateBanner--split-light .templateBanner__info {
  position: static !important;
  width: auto !important;
  left: auto !important;
  top: auto !important;
  height: auto !important;
  flex: 1 1 440px;
  min-width: 300px;
  text-align: left !important;
  gap: 0 !important;
  display: block !important;
  padding: 0 !important;
}

.templateBanner--split-light .templateBanner__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cor-turquesa);
  margin-bottom: 20px;
}

.templateBanner--split-light .templateBanner__eyebrow i {
  width: 26px;
  height: 1.5px;
  background: var(--cor-turquesa);
  display: inline-block;
}

.templateBanner--split-light .templateBanner__info-title {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(30px, 4.2vw, 52px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em;
  color: #1D2A38 !important;
  text-align: left !important;
  margin: 0 0 22px !important;
}

.templateBanner--split-light .templateBanner__info-text {
  font-family: var(--fonte-corpo);
  font-size: clamp(16px, 1.4vw, 18.5px) !important;
  line-height: 1.6 !important;
  color: #3A4149 !important;
  text-align: left !important;
  max-width: 560px;
}

.templateBanner--split-light .templateBanner__media {
  flex: 1 1 360px;
  min-width: 280px;
  position: relative;
}

.templateBanner--split-light .templateBanner__media-glow {
  position: absolute;
  left: -18px;
  bottom: -20px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--cor-turquesa);
  z-index: 0;
}

.templateBanner--comCta .templateBanner__media-glow {
  left: auto;
  bottom: auto;
  right: -16px;
  top: -16px;
  width: 110px;
  height: 110px;
  background: var(--cor-azul);
}

.templateBanner--split-light .templateBanner__media img {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 14px;
  box-shadow: 0 24px 50px -20px rgba(6, 38, 64, .4);
}

@media screen and (max-width: 1000px) {
  .templateBanner--split-light .templateBanner__info {
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
  }
}

/* ---------- HERO SIMPLES "CONHECIMENTO" (Fase 4) ---------- */
.templateBanner--texto {
  position: relative;
  background: var(--cor-bege) !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.templateBanner--texto .templateBanner__grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(40px, 6vw, 76px) clamp(18px, 4vw, 40px) clamp(36px, 4vw, 52px);
  display: block;
}

.templateBanner--texto .templateBanner__info {
  position: static !important;
  width: 100% !important;
  max-width: 720px;
  left: auto !important;
  top: auto !important;
  height: auto !important;
  text-align: left !important;
  gap: 0 !important;
  display: block !important;
  padding: 0 !important;
}

.templateBanner--texto .templateBanner__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cor-turquesa);
  margin-bottom: 20px;
}

.templateBanner--texto .templateBanner__eyebrow i {
  width: 26px;
  height: 1.5px;
  background: var(--cor-turquesa);
  display: inline-block;
}

.templateBanner--texto .templateBanner__info-title {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(30px, 4.2vw, 52px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em;
  color: #1D2A38 !important;
  text-align: left !important;
  margin: 0 0 20px !important;
}

.templateBanner--texto .templateBanner__info-text {
  font-family: var(--fonte-corpo);
  font-size: clamp(16px, 1.4vw, 18.5px) !important;
  line-height: 1.6 !important;
  color: #3A4149 !important;
  text-align: left !important;
  max-width: 620px;
}

/* Sobrescreve regra antiga do tema que forçava cor branca no <p> dentro do hero da página Conhecimento */
.conhecimento.templateBanner .templateBanner__info-text p,
.templateBanner--texto .templateBanner__info-text p {
  color: #3A4149 !important;
  font-family: var(--fonte-corpo) !important;
  font-size: clamp(16px, 1.4vw, 18.5px) !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

/* ---------- CTA FINAL "SOBRE NÓS" (Fase 2) ---------- */
.botoes.botoes--cta {
  position: relative;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  background: var(--cor-azul-profundo);
  overflow: hidden;
  padding: 0 !important;
}

.cta__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.cta__glow--1 {
  right: -70px;
  top: -70px;
  width: 260px;
  height: 260px;
  background: rgba(53, 174, 175, .18);
}

.cta__glow--2 {
  left: -60px;
  bottom: -90px;
  width: 220px;
  height: 220px;
  background: rgba(0, 76, 134, .5);
}

.cta__wrap {
  position: relative;
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
  text-align: center;
}

.botoes--cta .cta__wrap h2 {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(26px, 3.4vw, 42px) !important;
  line-height: 1.14 !important;
  color: #fff !important;
  margin: 0 0 20px !important;
  text-align: center !important;
}

.cta__wrap p {
  font-family: var(--fonte-corpo) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #C6D8E4 !important;
  margin: 0 auto 32px !important;
  max-width: 600px;
  text-align: center !important;
}

.cta__botoes {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  justify-content: center;
}

.cta__botao {
  text-decoration: none !important;
  font-family: var(--fonte-corpo);
  font-weight: 700;
  font-size: 15.5px;
  padding: 15px 26px;
  border-radius: 8px;
  display: inline-block;
}

.cta__botao--solido {
  background: var(--cor-turquesa);
  color: #04322F !important;
}

.cta__botao--contorno {
  background: transparent;
  color: #fff !important;
  border: 1.5px solid rgba(255, 255, 255, .4);
}

/* ---------- REGULAMENTAÇÃO "SOBRE NÓS" (Fase 2) ---------- */
.banner-chamada.banner-chamada--regulamentacao {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  background: var(--cor-bege);
  padding: 0 !important;
}

.regulamentacao__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
  display: flex;
  flex-wrap: wrap;
  gap: clamp(32px, 4vw, 60px);
}

.regulamentacao__texto {
  flex: 1 1 460px;
  min-width: 300px;
  text-align: left !important;
}

.regulamentacao__eyebrow {
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cor-turquesa);
  margin: 0 0 12px;
  text-align: left !important;
}

.banner-chamada--regulamentacao h2 {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(24px, 3vw, 36px) !important;
  line-height: 1.16 !important;
  color: #1D2A38 !important;
  margin: 0 0 22px !important;
  text-align: left !important;
}

.regulamentacao__corpo {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.regulamentacao__corpo p {
  font-family: var(--fonte-corpo) !important;
  font-size: 15.5px !important;
  line-height: 1.62 !important;
  color: #3A4149 !important;
  margin: 0 !important;
  text-align: left !important;
}

.regulamentacao__citacao {
  background: var(--cor-azul);
  color: #fff;
  border-radius: 14px;
  padding: 24px 26px;
  margin-top: 24px;
}

.regulamentacao__citacao p {
  margin: 0;
  font-family: var(--fonte-titulo);
  font-style: italic;
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
}

.regulamentacao__marcos {
  flex: 1 1 280px;
  min-width: 260px;
  align-self: flex-start;
  position: relative;
  padding-left: 30px;
}

.regulamentacao__marcos-linha {
  position: absolute;
  left: 9px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: linear-gradient(var(--cor-turquesa), var(--cor-azul));
}

.regulamentacao__marco {
  position: relative;
  margin-bottom: 28px;
  text-align: left !important;
}

.regulamentacao__marco::before {
  content: '';
  position: absolute;
  left: -30px;
  top: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid var(--cor-turquesa);
}

.regulamentacao__marco--atual::before {
  background: var(--cor-turquesa);
}

.regulamentacao__marco-ano {
  display: block;
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: 24px;
  color: var(--cor-azul);
  line-height: 1;
}

.regulamentacao__marco--atual .regulamentacao__marco-ano {
  color: #0E8583;
}

.regulamentacao__marco p {
  font-family: var(--fonte-corpo) !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: #3A4149 !important;
  margin: 6px 0 0 !important;
  text-align: left !important;
}

/* ---------- FORMATOS DE ATUAÇÃO "O QUE FAZEMOS" (Fase 3) ---------- */
.itemlistagem--formatos__icone {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(53, 174, 175, .12);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.itemlistagem--formatos__icone img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.itemlistagem--formatos__botoes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 40px;
}

.itemlistagem--formatos__botao {
  text-decoration: none !important;
  font-family: var(--fonte-corpo);
  font-weight: 600;
  font-size: 15px;
  padding: 14px 24px;
  border-radius: 8px;
  display: inline-block;
}

.itemlistagem--formatos__botao--solido {
  background: var(--cor-azul);
  color: #fff !important;
}

.itemlistagem--formatos__botao--contorno {
  background: #fff;
  color: var(--cor-azul) !important;
  border: 1.5px solid rgba(0, 76, 134, .35);
}

.itemlistagem.itemlistagem--tipos {
  background: var(--cor-bege) !important;
  border-top: none !important;
  border-bottom: none !important;
}

.itemlistagem.itemlistagem--tipos .itemlistagem--valores__wrap {
  padding-top: clamp(56px, 7vw, 96px) !important;
}

/* ---------- COMO NASCE UM PROJETO "O QUE FAZEMOS" (Fase 3) ---------- */
.timeline.timeline--passos {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: var(--cor-azul-profundo) !important;
  display: block !important;
  padding: 0 !important;
}

.timeline--passos__lista {
  display: flex;
  flex-direction: column;
}

.timeline--passos__item {
  position: relative;
  display: flex;
  gap: 22px;
  padding: 0 0 26px 32px;
  margin-left: 21px;
  border-left: 2px solid rgba(95, 199, 198, .3);
}

.timeline--passos__item--ultimo {
  padding-bottom: 0;
  border-left-color: transparent;
}

.timeline--passos__numero {
  position: absolute;
  left: -22px;
  top: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--cor-turquesa);
  color: #04322F;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: 18px;
  flex: none;
}

.timeline--passos__numero--ultimo {
  background: #fff;
  color: var(--cor-azul);
}

.timeline--passos__item h3 {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: 19px !important;
  color: #fff !important;
  margin: 0 0 6px !important;
  text-align: left !important;
}

.timeline--passos__item p {
  font-family: var(--fonte-corpo) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #B4C6D4 !important;
  margin: 0 !important;
  max-width: 640px;
  text-align: left !important;
}

/* ---------- AMPLITUDE DE ATUAÇÃO "O QUE FAZEMOS" (Fase 3) ---------- */
.botoes.botoes--amplitude {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  background: var(--cor-bege);
  padding: 0 !important;
}

.amplitude__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}

.amplitude__tag {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--fonte-corpo);
  font-size: 15px;
  color: #1D2A38;
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .16);
  border-radius: 999px;
  padding: 10px 18px;
}

.amplitude__tag i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cor-turquesa);
  display: inline-block;
  font-style: normal;
}

.amplitude__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none !important;
  color: var(--cor-azul) !important;
  font-family: var(--fonte-corpo);
  font-weight: 600;
  font-size: 15px;
  border-bottom: 1.5px solid rgba(0, 76, 134, .3);
  padding-bottom: 3px;
}

/* Botão branco (bg branco, texto azul) — usado no CTA de 4 botões */
.cta__botao--branco {
  background: #fff;
  color: var(--cor-azul) !important;
}

/* ---------- BIBLIOTECA "CONHECIMENTO" (Fase 4) ---------- */
.biblioteca__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  margin-top: 36px;
}

.biblioteca__card {
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .12);
  border-radius: 14px;
  overflow: hidden;
  transition: box-shadow .15s ease, transform .15s ease;
}

.biblioteca__card:hover {
  box-shadow: 0 14px 30px -14px rgba(5, 38, 63, .25);
  transform: translateY(-2px);
}

.biblioteca__card-capa {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: var(--cor-bege-escuro);
}

.biblioteca__card-capa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.biblioteca__card-info {
  padding: 16px 18px 20px;
}

.biblioteca__card-info h3 {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 1.3 !important;
  color: #1D2A38 !important;
  margin: 0 0 12px !important;
  text-align: left !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.biblioteca__card-baixar {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none !important;
  font-family: var(--fonte-corpo);
  font-weight: 600;
  font-size: 13.5px;
  color: #fff !important;
  background: var(--cor-azul);
  border-radius: 7px;
  padding: 8px 14px;
}

.biblioteca__vermais {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 28px;
  text-decoration: none !important;
  color: var(--cor-azul) !important;
  font-family: var(--fonte-corpo);
  font-weight: 600;
  font-size: 15px;
  border-bottom: 1.5px solid rgba(0, 76, 134, .3);
  padding-bottom: 3px;
}

/* ---------- CONTATO (Fase 5) ---------- */
.contato__ajuda {
  width: 100%;
  background: var(--cor-bege);
}

.contato__ajuda-wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: clamp(20px, 3vw, 32px) clamp(18px, 4vw, 40px) clamp(40px, 5vw, 64px);
}

.contato__ajuda-wrap h2 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: clamp(22px, 2.6vw, 32px);
  line-height: 1.18;
  color: #1D2A38;
  margin: 0 0 24px;
  text-align: left;
}

.contato__accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contato__item {
  background: #fff;
  border: 1.5px solid rgba(0, 76, 134, .16);
  border-radius: 14px;
}

.contato__item summary {
  list-style: none;
  cursor: pointer;
  padding: 20px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.contato__item summary::-webkit-details-marker {
  display: none;
}

.contato__item-titulo {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: 18px;
  color: #1D2A38;
}

.contato__item-sub {
  font-family: var(--fonte-corpo);
  font-size: 13.5px;
  color: #5A6169;
  margin-top: 3px;
}

.contato__seta {
  font-size: 20px;
  color: #004C86;
  flex: none;
  transition: transform .2s ease;
  margin-left: auto;
}

.contato__item[open] .contato__seta,
.contato__faq-item[open] .contato__seta {
  transform: rotate(180deg);
}

.contato__item-corpo {
  padding: 0 22px 24px;
}

.contato__item-corpo p {
  font-family: var(--fonte-corpo);
  font-size: 15px;
  line-height: 1.6;
  color: #3A4149;
  margin: 0 0 18px;
  max-width: 640px;
  text-align: left;
}

.contato__item-botoes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.contato__botao {
  text-decoration: none !important;
  font-family: var(--fonte-corpo);
  font-weight: 600;
  font-size: 15px;
  padding: 14px 26px;
  border-radius: 8px;
  display: inline-block;
}

.contato__botao--solido {
  background: var(--cor-turquesa);
  color: #04322F !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 13.5px;
}

.contato__botao--contorno {
  background: #fff;
  color: var(--cor-azul) !important;
  border: 1.5px solid rgba(0, 76, 134, .35);
}

.contato__botao--azul {
  background: var(--cor-azul);
  color: #fff !important;
}

/* FAQ */
.contato__faq {
  width: 100%;
  background: var(--cor-bege-escuro);
  border-top: 1px solid rgba(0, 76, 134, .08);
}

.contato__faq-wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: clamp(52px, 6vw, 84px) clamp(18px, 4vw, 40px);
}

.contato__faq-eyebrow {
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cor-azul);
  margin: 0 0 12px;
}

.contato__faq-wrap h2 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.16;
  color: #1D2A38;
  margin: 0 0 36px;
  max-width: 640px;
  text-align: left;
}

.contato__faq-grupo-titulo {
  font-family: var(--fonte-corpo);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #0E8583;
  margin: 0 0 14px;
}

.contato__faq-grupo {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 34px;
}

.contato__faq-item {
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .12);
  border-radius: 12px;
}

.contato__faq-item summary {
  list-style: none;
  cursor: pointer;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.contato__faq-item summary::-webkit-details-marker {
  display: none;
}

.contato__faq-item summary span:first-child {
  flex: 1;
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: 16.5px;
  color: #1D2A38;
}

.contato__faq-item p {
  padding: 0 20px 20px;
  margin: 0;
  font-family: var(--fonte-corpo);
  font-size: 14.5px;
  line-height: 1.6;
  color: #5A6169;
  text-align: left;
}

/* Orientação importante */
.contato__orientacao {
  width: 100%;
  background: var(--cor-bege);
}

.contato__orientacao-box {
  max-width: 1000px;
  margin: 0 auto;
  padding: clamp(44px, 6vw, 72px) clamp(18px, 4vw, 40px) 0;
  display: flex;
  gap: 18px;
  align-items: flex-start;
}

.contato__orientacao-box p {
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .14);
  border-left: 4px solid var(--cor-turquesa);
  border-radius: 0 12px 12px 0;
  padding: 24px 26px;
  margin: 0;
  font-family: var(--fonte-corpo);
  font-size: 15px;
  line-height: 1.6;
  color: #2B3036;
  text-align: left;
  flex: 1;
}

.contato__orientacao-box p strong {
  color: #1D2A38;
}

.contato__orientacao-icone {
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1.7px solid #0E8583;
  color: #0E8583;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: 14px;
  margin-top: 24px;
}

.contato__orientacao-email {
  max-width: 1000px;
  margin: 0 auto;
  padding: 34px clamp(18px, 4vw, 40px) clamp(44px, 6vw, 72px);
  text-align: center;
}

.contato__orientacao-email p {
  font-family: var(--fonte-corpo);
  font-size: 14px;
  color: #5A6169;
  margin: 0 0 6px;
}

.contato__orientacao-email a {
  font-family: var(--fonte-titulo);
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 600;
  color: var(--cor-azul);
  text-decoration: none;
}

/* ---------- NOTÍCIAS (Fase 6) ---------- */
.noticias__intro {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(40px, 5vw, 68px) clamp(18px, 4vw, 40px) clamp(24px, 3vw, 36px);
}

.noticias__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cor-turquesa);
  margin: 0 0 18px;
}

.noticias__eyebrow i {
  width: 26px;
  height: 1.5px;
  background: var(--cor-turquesa);
  display: inline-block;
}

.noticias__intro h1 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: clamp(31px, 4.2vw, 50px);
  line-height: 1.1;
  letter-spacing: -.01em;
  color: #1D2A38;
  margin: 0 0 18px;
  max-width: 760px;
  text-align: left;
}

.noticias__intro-texto {
  font-family: var(--fonte-corpo);
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.6;
  color: #3A4149;
  margin: 0;
  max-width: 640px;
  text-align: left;
}

.noticias__filtros {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.catchip {
  text-decoration: none !important;
  font-family: var(--fonte-corpo);
  font-size: 13.5px;
  font-weight: 600;
  color: #3A4149;
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .18);
  border-radius: 999px;
  padding: 8px 16px;
  transition: all .14s ease;
  display: inline-block;
}

.catchip:hover {
  background: var(--cor-azul);
  color: #fff !important;
  border-color: var(--cor-azul);
}

.catchip.on {
  background: var(--cor-azul);
  color: #fff !important;
  border-color: var(--cor-azul);
}

/* Destaque */
.noticias__destaque {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 40px) clamp(20px, 3vw, 40px);
}

.noticias__destaque-card {
  text-decoration: none !important;
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 0;
  background: var(--cor-azul-profundo);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 26px 54px -30px rgba(6, 38, 64, .55);
}

.noticias__destaque-img {
  min-height: 100%;
  aspect-ratio: 16/11;
  background: #0C3A5C;
}

.noticias__destaque-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.noticias__destaque-info {
  padding: clamp(28px, 3.4vw, 48px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #EAF1F6;
}

.noticias__destaque-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.noticias__destaque-tag {
  font-family: var(--fonte-corpo);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #04322F;
  background: var(--cor-turquesa);
  border-radius: 999px;
  padding: 5px 12px;
}

.noticias__destaque-data {
  font-family: var(--fonte-corpo);
  font-size: 13px;
  color: #8FB6D6;
}

.noticias__destaque-info h2 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: clamp(22px, 2.4vw, 32px);
  line-height: 1.18;
  color: #fff;
  margin: 0 0 14px;
  text-align: left;
}

.noticias__destaque-info p {
  font-family: var(--fonte-corpo);
  font-size: 15.5px;
  line-height: 1.6;
  color: #C6D8E4;
  margin: 0 0 22px;
  max-width: 460px;
  text-align: left;
}

.noticias__destaque-link {
  font-family: var(--fonte-corpo);
  font-size: 14.5px;
  font-weight: 600;
  color: #5FC7C6;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

@media screen and (max-width: 800px) {
  .noticias__destaque-card {
    grid-template-columns: 1fr;
  }
  .noticias__destaque-img {
    aspect-ratio: 16/10;
  }
}

/* Grade de cards */
.noticias__grid-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(20px, 3vw, 40px) clamp(18px, 4vw, 40px) clamp(56px, 7vw, 88px);
}

.noticias__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 26px;
}

.noticias__card {
  text-decoration: none !important;
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .1);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .18s ease, box-shadow .18s ease;
}

.noticias__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 44px -28px rgba(6, 38, 64, .5);
}

.noticias__card-img {
  aspect-ratio: 16/10;
  background: var(--cor-bege-escuro);
}

.noticias__card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.noticias__card-info {
  padding: 22px 22px 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.noticias__card-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.noticias__card-tag {
  font-family: var(--fonte-corpo);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--cor-azul);
}

.noticias__card-data {
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  color: #8A929B;
}

.noticias__card-info h3 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.24;
  color: #1D2A38;
  margin: 0 0 10px;
  text-align: left;
}

.noticias__card-info p {
  font-family: var(--fonte-corpo);
  font-size: 14.5px;
  line-height: 1.55;
  color: #5A6169;
  margin: 0 0 16px;
  flex: 1;
  text-align: left;
}

.noticias__card-link {
  font-family: var(--fonte-corpo);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--cor-azul);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.noticias__vermais {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}

.noticias__vermais a {
  text-decoration: none !important;
  background: #fff;
  color: var(--cor-azul) !important;
  font-family: var(--fonte-corpo);
  font-weight: 600;
  font-size: 15px;
  padding: 14px 30px;
  border-radius: 8px;
  border: 1.5px solid rgba(0, 76, 134, .3);
}

/* Newsletter */
.noticias__newsletter {
  background: var(--cor-bege-escuro);
  border-top: 1px solid rgba(0, 76, 134, .08);
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(48px, 6vw, 80px) clamp(18px, 4vw, 40px);
  text-align: center;
}

.noticias__newsletter-eyebrow {
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cor-azul);
  margin: 0 0 12px;
}

.noticias__newsletter h2 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.16;
  color: #1D2A38;
  margin: 0 auto 14px;
  max-width: 560px;
}

.noticias__newsletter-texto {
  font-family: var(--fonte-corpo);
  font-size: 15.5px;
  line-height: 1.6;
  color: #3A4149;
  margin: 0 auto 30px;
  max-width: 520px;
}

.noticias__newsletter-form {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  max-width: 520px;
  margin: 0 auto;
}

.noticias__newsletter-form input {
  flex: 1;
  min-width: 220px;
  font-family: var(--fonte-corpo);
  font-size: 15px;
  color: #2B3036;
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .2);
  border-radius: 9px;
  padding: 14px 16px;
  outline: none;
}

.noticias__newsletter-form button {
  font-family: var(--fonte-corpo);
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  background: var(--cor-azul);
  border: none;
  border-radius: 9px;
  padding: 14px 26px;
  cursor: pointer;
}

#news-msg {
  margin: 16px 0 0;
  font-size: 14px;
  color: #0E8583;
  font-weight: 600;
}

/* ---------- HERO COM FOTO "PROJETOS" (Fase 7) ---------- */
.templateBanner--foto {
  position: relative;
  overflow: hidden;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.templateBanner--foto__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.templateBanner--foto__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(5, 38, 63, .94) 0%, rgba(5, 38, 63, .82) 45%, rgba(5, 38, 63, .5) 100%);
}

.templateBanner--foto__grid {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(56px, 8vw, 110px) clamp(18px, 4vw, 40px);
}

.templateBanner--foto .templateBanner__info {
  position: static !important;
  width: auto !important;
  max-width: 620px;
  left: auto !important;
  top: auto !important;
  height: auto !important;
  text-align: left !important;
  gap: 0 !important;
  display: block !important;
  padding: 0 !important;
}

.templateBanner--foto .templateBanner__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #5FC7C6;
  margin-bottom: 20px;
}

.templateBanner--foto .templateBanner__eyebrow i {
  width: 26px;
  height: 1.5px;
  background: #5FC7C6;
  display: inline-block;
}

.templateBanner--foto .templateBanner__info-title {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(30px, 4.2vw, 52px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em;
  color: #fff !important;
  text-align: left !important;
  margin: 0 0 20px !important;
}

.templateBanner--foto .templateBanner__info-text {
  font-family: var(--fonte-corpo);
  font-size: clamp(16px, 1.4vw, 18.5px) !important;
  line-height: 1.6 !important;
  color: #DCE8F0 !important;
  text-align: left !important;
  max-width: 540px;
}

/* ---------- FRENTES PERMANENTES "PROJETOS" (Fase 7) ---------- */
.itemlistagem.itemlistagem--atalhos {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  background: var(--cor-bege);
  padding: 0 !important;
}

.itemlistagem--atalhos__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
}

.itemlistagem--atalhos__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

.itemlistagem--atalhos__card {
  text-decoration: none !important;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .12);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 18px 44px -30px rgba(6, 38, 64, .5);
  transition: transform .18s ease;
}

.itemlistagem--atalhos__card:hover {
  transform: translateY(-3px);
}

.itemlistagem--atalhos__foto {
  min-height: 190px;
  background: var(--cor-bege-escuro);
}

.itemlistagem--atalhos__foto img {
  width: 100%;
  height: 100%;
  min-height: 190px;
  object-fit: cover;
  display: block;
}

.itemlistagem--atalhos__info {
  padding: 26px 28px;
}

.itemlistagem--atalhos__etiqueta {
  display: inline-block;
  font-family: var(--fonte-corpo);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--cor-azul);
  background: rgba(0, 76, 134, .09);
  border-radius: 6px;
  padding: 5px 12px;
  margin-bottom: 14px;
}

.itemlistagem--atalhos__info h3 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: 23px;
  line-height: 1.18;
  color: #1D2A38;
  margin: 0 0 10px;
  text-align: left;
}

.itemlistagem--atalhos__info p {
  font-family: var(--fonte-corpo);
  font-size: 15px;
  line-height: 1.6;
  color: #3A4149;
  margin: 0 0 16px;
  text-align: left;
}

.itemlistagem--atalhos__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fonte-corpo);
  font-size: 14.5px;
  font-weight: 600;
  color: #0E8583;
}

/* ---------- CAIXA DEFENSORIA PÚBLICA "PROJETOS" (Fase 7) ---------- */
.texto--historia__aviso {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .14);
  border-left: 4px solid var(--cor-turquesa);
  border-radius: 0 12px 12px 0;
  padding: 20px 24px;
  margin-top: 28px;
  max-width: 760px;
}

.texto--historia__aviso-icone {
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1.7px solid #0E8583;
  color: #0E8583;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: 13px;
  margin-top: 2px;
}

.texto--historia__aviso p {
  margin: 0 !important;
  font-family: var(--fonte-corpo) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #2B3036 !important;
  text-align: left !important;
}

.texto--historia__aviso strong {
  color: var(--cor-turquesa);
}

.texto--historia__aviso a {
  color: var(--cor-azul);
  font-weight: 600;
}

/* ---------- OUTRAS FRENTES + CAIXA "COMO ATUAMOS" (Fase 7) ---------- */
.itemlistagem.itemlistagem--outrasfrentes {
  background: var(--cor-bege-escuro) !important;
  border-top: 1px solid rgba(0, 76, 134, .08);
  border-bottom: 1px solid rgba(0, 76, 134, .08);
}

.outrasfrentes__box {
  margin-top: 40px;
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .1);
  border-radius: 16px;
  padding: clamp(26px, 3vw, 38px);
}

.outrasfrentes__box-eyebrow {
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cor-turquesa);
  margin: 0 0 10px;
}

.outrasfrentes__box h3 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: clamp(20px, 2.2vw, 26px);
  color: #1D2A38;
  margin: 0 0 10px;
  text-align: left;
}

.outrasfrentes__box-texto {
  font-family: var(--fonte-corpo);
  font-size: 15.5px;
  line-height: 1.6;
  color: #3A4149;
  margin: 0 0 18px;
  max-width: 640px;
  text-align: left;
}

.outrasfrentes__box-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.outrasfrentes__box-tags span {
  font-family: var(--fonte-corpo);
  font-size: 13.5px;
  font-weight: 600;
  color: #1D2A38;
  background: var(--cor-bege-escuro);
  border: 1px solid rgba(0, 76, 134, .12);
  border-radius: 20px;
  padding: 8px 16px;
}

.outrasfrentes__box-link {
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fonte-corpo);
  font-size: 14.5px;
  font-weight: 600;
  color: #0E8583 !important;
}

/* ---------- BREADCRUMB + HERO COM CTA "APOIO OSCS" (Fase 8) ---------- */
.breadcrumb {
  background: var(--cor-bege-escuro);
  border-bottom: 1px solid rgba(0, 76, 134, .08);
}

.breadcrumb__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px clamp(18px, 4vw, 40px);
  font-family: var(--fonte-corpo);
  font-size: 13px;
  color: #5A6169;
}

.breadcrumb__wrap a {
  color: #0E8583;
  font-weight: 600;
  text-decoration: none;
}

.breadcrumb__wrap span {
  margin: 0 8px;
  color: #9AA4AD;
}

.templateBanner--comCta .templateBanner__info-destaque {
  font-family: var(--fonte-corpo) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #5A6169 !important;
  text-align: left !important;
  max-width: 560px;
  margin: 0 0 20px !important;
}

.templateBanner--comCta .templateBanner__info-destaque strong {
  color: var(--cor-azul);
}

.templateBanner__info-botoes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.templateBanner__botao {
  text-decoration: none !important;
  font-family: var(--fonte-corpo);
  font-weight: 600;
  font-size: 13.5px;
  padding: 11px 18px;
  border-radius: 8px;
  display: inline-block;
  white-space: nowrap;
}

.templateBanner__botao--solido {
  background: var(--cor-azul);
  color: #fff !important;
}

.templateBanner__botao--contorno {
  background: #fff;
  color: var(--cor-azul) !important;
  border: 1.5px solid rgba(0, 76, 134, .35);
}

/* ---------- FORMALIZAR PARA EXISTIR "APOIO OSCS" (Fase 8) ---------- */
.banner-chamada.banner-chamada--formalizar {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  background: var(--cor-bege-escuro);
  border-top: 1px solid rgba(0, 76, 134, .08);
  border-bottom: 1px solid rgba(0, 76, 134, .08);
  padding: 0 !important;
}

.banner-chamada--formalizar .regulamentacao__citacao {
  background: var(--cor-azul);
}

.formalizar__stats {
  flex: 1 1 320px;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.formalizar__stat {
  display: flex;
  align-items: baseline;
  gap: 16px;
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .1);
  border-radius: 14px;
  padding: 22px 24px;
}

.formalizar__stat-num {
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: 44px;
  line-height: 1;
  color: #0E8583;
  flex: none;
}

.formalizar__stat-texto {
  font-family: var(--fonte-corpo);
  font-size: 14.5px;
  line-height: 1.45;
  color: #3A4149;
}

/* ---------- COMO FUNCIONA (7 PASSOS) "APOIO OSCS" (Fase 8) ---------- */
.comofunciona__topo {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 16px;
}

.comofunciona__topo h2 {
  margin-bottom: 0 !important;
}

.comofunciona__botao-topo {
  flex: none;
  text-decoration: none !important;
  background: var(--cor-turquesa);
  color: #04322F !important;
  font-weight: 700;
  font-size: 15px;
  padding: 14px 24px;
  border-radius: 8px;
}

.comofunciona__grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}

/* Ajuste específico só da seção "Como funciona" da Amicus (5 itens numa linha só) */
.itemlistagem--comofunciona-simples .comofunciona__grid {
  grid-template-columns: repeat(5, 1fr) !important;
}

@media screen and (max-width: 1000px) {
  .itemlistagem--comofunciona-simples .comofunciona__grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media screen and (max-width: 640px) {
  .itemlistagem--comofunciona-simples .comofunciona__grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.comofunciona__card {
  display: flex;
  flex-direction: column;
}

.comofunciona__card-topo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.comofunciona__numero {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--cor-azul);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: 16px;
  flex: none;
}

.comofunciona__numero--ultimo {
  background: var(--cor-turquesa);
  color: #04322F;
}

.itemlistagem--comofunciona .itemlistagem--valores__card h3 {
  margin: 0 !important;
}

.comofunciona__card p {
  margin-bottom: 16px !important;
}

.comofunciona__card-link {
  margin-top: auto;
  align-self: flex-start;
  text-decoration: none !important;
  background: var(--cor-azul);
  color: #fff !important;
  font-weight: 600;
  font-size: 14px;
  padding: 11px 18px;
  border-radius: 8px;
}

/* ---------- IMPACTO NACIONAL "APOIO OSCS" (Fase 8) ---------- */
.timeline.timeline--impacto {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: var(--cor-azul-profundo) !important;
  display: block !important;
  padding: 0 !important;
}

.timeline--impacto__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 34px;
}

.timeline--impacto__card {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(95, 199, 198, .22);
  border-radius: 14px;
  padding: 26px 24px;
}

.timeline--impacto__card--destaque {
  background: rgba(53, 174, 175, .14);
  border-color: rgba(95, 199, 198, .4);
}

.timeline--impacto__num {
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: clamp(36px, 4vw, 52px);
  line-height: 1;
  color: #5FC7C6;
}

.timeline--impacto__card--destaque .timeline--impacto__num {
  color: #fff;
}

.timeline--impacto__label {
  font-family: var(--fonte-corpo);
  font-size: 14.5px;
  line-height: 1.4;
  color: #C6D8E4;
  margin-top: 8px;
}

.timeline--impacto__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.timeline--impacto__tags span {
  font-family: var(--fonte-corpo);
  font-size: 13.5px;
  color: #EAF1F6;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(95, 199, 198, .3);
  border-radius: 999px;
  padding: 8px 16px;
}

/* Exemplos de organizações — etiqueta */
.itemlistagem--exemplos__etiqueta {
  display: inline-block;
  font-family: var(--fonte-corpo);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #0E8583;
  background: rgba(53, 174, 175, .12);
  border-radius: 6px;
  padding: 4px 10px;
  margin-bottom: 14px;
}

/* ---------- DIVERSIDADE DE CAUSAS "APOIO OSCS" (Fase 8) ---------- */
.diversidade {
  width: 100%;
  background: var(--cor-bege-escuro);
  border-top: 1px solid rgba(0, 76, 134, .08);
}

.diversidade__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
}

.diversidade__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 26px 40px;
}

.diversidade__grupo-titulo {
  font-family: var(--fonte-corpo);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--cor-azul);
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 76, 134, .15);
}

.diversidade__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.diversidade__tags span {
  font-family: var(--fonte-corpo);
  font-size: 14px;
  color: #2B3036;
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .16);
  border-radius: 999px;
  padding: 7px 15px;
}

/* ---------- GRÁFICO DE BARRAS "APOIO OSCS" (Fase 8) ---------- */
.grafico {
  width: 100%;
  background: var(--cor-bege);
}

.grafico__wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
}

.grafico__lista {
  display: flex;
  flex-direction: column;
  gap: 26px;
  margin-top: 40px;
}

.grafico__item-topo {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 8px;
}

.grafico__item-topo span:first-child {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: 17px;
  color: #1D2A38;
}

.grafico__item-pct {
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: 20px;
  color: var(--cor-azul);
}

.grafico__barra {
  height: 14px;
  background: rgba(0, 76, 134, .08);
  border-radius: 8px;
  overflow: hidden;
}

.grafico__barra-preenchida {
  height: 100%;
  background: linear-gradient(90deg, var(--cor-azul), var(--cor-turquesa));
  border-radius: 8px;
}

.grafico__item p {
  font-family: var(--fonte-corpo);
  font-size: 13.5px;
  color: #5A6169;
  margin: 8px 0 0;
}

/* ---------- CAIXA DE AVISO NO CTA "APOIO OSCS" (Fase 8) ---------- */
.cta__aviso {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 12px;
  padding: 18px 22px;
  margin-top: 30px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.cta__aviso p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #C6D8E4 !important;
}

/* ---------- HERO ESCURO + BREADCRUMB ESCURO "JUSTIÇA CRIMINAL" (Fase 9) ---------- */
.breadcrumb--escuro {
  background: var(--cor-azul-profundo);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.breadcrumb--escuro .breadcrumb__wrap {
  color: #9FB4C4;
}

.breadcrumb--escuro .breadcrumb__wrap a {
  color: #5FC7C6;
}

.breadcrumb--escuro .breadcrumb__wrap span {
  color: #567087;
}

.templateBanner--textoescuro {
  position: relative;
  background: var(--cor-azul-profundo) !important;
  color: #EAF1F6;
  overflow: hidden;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.templateBanner--textoescuro__glow1 {
  position: absolute;
  right: -60px;
  top: -60px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: rgba(53, 174, 175, .12);
  pointer-events: none;
}

.templateBanner--textoescuro__glow2 {
  position: absolute;
  left: -50px;
  bottom: -70px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(0, 76, 134, .3);
  pointer-events: none;
}

.templateBanner--textoescuro .templateBanner__grid {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(52px, 7vw, 96px) clamp(18px, 4vw, 40px);
}

.templateBanner--textoescuro .templateBanner__info {
  position: static !important;
  width: auto !important;
  max-width: 640px;
  left: auto !important;
  top: auto !important;
  height: auto !important;
  text-align: left !important;
  gap: 0 !important;
  display: block !important;
  padding: 0 !important;
}

.templateBanner--textoescuro .templateBanner__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #5FC7C6;
  margin-bottom: 20px;
}

.templateBanner--textoescuro .templateBanner__eyebrow i {
  width: 26px;
  height: 1.5px;
  background: #5FC7C6;
  display: inline-block;
}

.templateBanner--textoescuro .templateBanner__info-title {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(32px, 4.4vw, 54px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.01em;
  color: #fff !important;
  text-align: left !important;
  margin: 0 0 20px !important;
}

.templateBanner--textoescuro .templateBanner__info-text {
  font-family: var(--fonte-corpo);
  font-size: clamp(16px, 1.4vw, 18.5px) !important;
  line-height: 1.6 !important;
  color: #DCE8F0 !important;
  text-align: left !important;
  max-width: 560px;
}

/* ---------- FRENTE JUSTIÇA CRIMINAL "JUSTIÇA CRIMINAL" (Fase 9) ---------- */
.frentejc {
  width: 100%;
  background: var(--cor-bege-escuro);
  border-top: 1px solid rgba(0, 76, 134, .08);
  border-bottom: 1px solid rgba(0, 76, 134, .08);
}

.frentejc--clara {
  background: var(--cor-bege);
}

.frentejc__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
}

.frentejc__destaque {
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .1);
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  margin: 24px 0 22px;
  box-shadow: 0 16px 40px -26px rgba(6, 38, 64, .45);
}

.frentejc__destaque-foto {
  min-height: 280px;
  background: var(--cor-bege-escuro);
}

.frentejc__destaque-foto img {
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
  display: block;
}

.frentejc__destaque-info {
  padding: clamp(28px, 3vw, 44px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.frentejc__badge {
  align-self: flex-start;
  font-family: var(--fonte-corpo);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #04322F;
  background: var(--cor-turquesa);
  border-radius: 6px;
  padding: 5px 12px;
  margin-bottom: 16px;
}

.frentejc__destaque-info h3 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.16;
  color: #1D2A38;
  margin: 0 0 14px;
  text-align: left;
}

.frentejc__destaque-info p {
  font-family: var(--fonte-corpo);
  font-size: 15.5px;
  line-height: 1.62;
  color: #3A4149;
  margin: 0 0 20px;
  text-align: left;
}

.frentejc__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}

.frentejc__stat-num {
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: 32px;
  line-height: 1;
  color: #0E8583;
}

.frentejc__stat-label {
  font-family: var(--fonte-corpo);
  font-size: 13px;
  color: #5A6169;
  margin-top: 4px;
  max-width: 220px;
}

.frentejc__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
}

.frentejc__card {
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .1);
  border-radius: 14px;
  padding: 28px 26px;
}

.frentejc__card h3 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: 19px;
  color: #1D2A38;
  margin: 0 0 8px;
  text-align: left;
}

.frentejc__card p {
  font-family: var(--fonte-corpo);
  font-size: 14px;
  line-height: 1.55;
  color: #5A6169;
  margin: 0 0 14px;
  text-align: left;
}

.frentejc__stat-num--card {
  font-size: 34px;
  margin-bottom: 6px;
}

.frentejc__processo {
  font-family: var(--fonte-corpo);
  font-size: 12px;
  font-weight: 600;
  color: var(--cor-azul);
  letter-spacing: .02em;
}

.frentejc__link {
  display: inline-block;
  margin-top: 34px;
  text-decoration: none !important;
  font-family: var(--fonte-corpo);
  font-size: 15px;
  font-weight: 600;
  color: var(--cor-azul) !important;
}

/* ---------- HERO DA HOME (Fase 10) ---------- */
.templateBanner--home {
  position: relative;
  background: var(--cor-bege) !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.templateBanner--home .templateBanner__grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(40px, 6vw, 76px) clamp(18px, 4vw, 40px) clamp(48px, 6vw, 88px);
  display: flex;
  flex-wrap: wrap;
  gap: clamp(32px, 4vw, 56px);
  align-items: center;
}

.templateBanner--home .templateBanner__info {
  position: static !important;
  width: auto !important;
  left: auto !important;
  top: auto !important;
  height: auto !important;
  flex: 1 1 420px;
  min-width: 300px;
  text-align: left !important;
  gap: 0 !important;
  display: block !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  margin-left: 0 !important;
  margin: 0 !important;
}

.templateBanner--home .templateBanner__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cor-turquesa);
  margin-bottom: 20px;
}

.templateBanner--home .templateBanner__eyebrow i {
  width: 26px;
  height: 1.5px;
  background: var(--cor-turquesa);
  display: inline-block;
}

.templateBanner--home .templateBanner__info-title {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600 !important;
  font-size: clamp(33px, 4.6vw, 56px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.01em;
  color: #1D2A38 !important;
  text-align: left !important;
  margin: 0 0 22px !important;
}

.templateBanner--home .templateBanner__info-text p {
  font-family: var(--fonte-corpo) !important;
  font-size: clamp(15px, 1.3vw, 17px) !important;
  line-height: 1.6 !important;
  color: #3A4149 !important;
  text-align: left !important;
  max-width: 560px;
  margin: 0 0 16px !important;
}

.templateBanner--home .templateBanner__info-botoes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.templateBanner__botao--cinza {
  background: transparent;
  color: #2B3036 !important;
  border: 1.5px solid rgba(43, 48, 54, .18);
}

.templateBanner--home .templateBanner__media {
  flex: 1 1 380px;
  min-width: 290px;
  position: relative;
}

.templateBanner__media-glow {
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}

.templateBanner__media-glow--1 {
  right: -14px;
  top: -18px;
  width: 130px;
  height: 130px;
  background: var(--cor-turquesa);
  opacity: .9;
}

.templateBanner__media-glow--2 {
  left: -20px;
  bottom: -22px;
  width: 96px;
  height: 96px;
  background: var(--cor-azul);
}

.templateBanner--home .templateBanner__media img {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 5/6;
  object-fit: cover;
  border-radius: 14px;
  box-shadow: 0 24px 50px -20px rgba(6, 38, 64, .4);
}

/* ---------- ESQUEMA VISUAL / FLUXO (HOME) (Fase 10) ---------- */
.fluxo {
  width: 100%;
  background: var(--cor-azul-profundo);
}

.fluxo__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(46px, 6vw, 72px) clamp(18px, 4vw, 40px);
}

.fluxo__eyebrow {
  text-align: center;
  font-family: var(--fonte-corpo);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #5FC7C6;
  margin: 0 0 10px;
}

.fluxo__wrap h2 {
  text-align: center;
  font-family: var(--fonte-titulo);
  font-weight: 500;
  font-size: clamp(23px, 2.6vw, 32px);
  line-height: 1.2;
  color: #fff;
  margin: 0 auto 40px;
  max-width: 620px;
}

.fluxo__linha {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 14px;
}

.fluxo__box {
  flex: 1 1 200px;
  max-width: 250px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(95, 199, 198, .28);
  border-radius: 12px;
  padding: 22px 20px;
  text-align: center;
}

.fluxo__box--destaque {
  max-width: 300px;
  background: rgba(53, 174, 175, .14);
  border: 1px solid rgba(95, 199, 198, .5);
}

.fluxo__box--final {
  background: var(--cor-turquesa);
  border: 1px solid var(--cor-turquesa);
}

.fluxo__box-label {
  font-family: var(--fonte-corpo);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8FB6D6;
  margin-bottom: 8px;
}

.fluxo__box--destaque .fluxo__box-label {
  color: #8FDAD9;
}

.fluxo__box--final .fluxo__box-label {
  color: #053B3B;
}

.fluxo__box-titulo {
  font-family: var(--fonte-titulo);
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.fluxo__box--destaque .fluxo__box-titulo {
  font-size: 19px;
  margin-bottom: 6px;
}

.fluxo__box--final .fluxo__box-titulo {
  font-weight: 700;
  color: #04322F;
}

.fluxo__box-texto {
  font-family: var(--fonte-corpo);
  font-size: 13px;
  line-height: 1.5;
  color: #C6D8E4;
}

.fluxo__seta {
  display: flex;
  align-items: center;
  color: #5FC7C6;
  font-size: 26px;
  flex: none;
}

/* ---------- POR QUE PRO BONO (HOME) (Fase 10) ---------- */
.porquepb {
  width: 100%;
  background: var(--cor-bege-escuro);
  border-top: 1px solid rgba(0, 76, 134, .08);
  border-bottom: 1px solid rgba(0, 76, 134, .08);
}

.porquepb__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
  display: flex;
  flex-wrap: wrap;
  gap: clamp(32px, 4vw, 60px);
}

.porquepb__texto {
  flex: 1 1 440px;
  min-width: 300px;
}

.porquepb__texto h2 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.14;
  color: #1D2A38;
  margin: 0 0 22px;
  text-align: left;
}

.porquepb__texto p {
  font-family: var(--fonte-corpo);
  font-size: 15.5px;
  line-height: 1.62;
  color: #3A4149;
  margin: 0 0 15px;
  text-align: left;
}

.porquepb__citacoes {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 12px 0 26px;
}

.porquepb__citacao {
  background: #fff;
  border-left: 4px solid var(--cor-turquesa);
  border-radius: 0 10px 10px 0;
  padding: 16px 20px;
}

.porquepb__citacao--azul {
  border-left-color: var(--cor-azul);
}

.porquepb__citacao p {
  margin: 0 !important;
  font-family: var(--fonte-titulo) !important;
  font-size: 16.5px !important;
  line-height: 1.5 !important;
  color: #1D2A38 !important;
}

.porquepb__stats {
  flex: 1 1 320px;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-self: flex-start;
}

.porquepb__stats-topo {
  display: flex;
  gap: 14px;
}

.porquepb__stat-azul,
.porquepb__stat-branco {
  flex: 1;
  border-radius: 14px;
  padding: 22px;
}

.porquepb__stat-azul {
  background: var(--cor-azul);
  color: #fff;
}

.porquepb__stat-branco {
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .12);
}

.porquepb__stat-num {
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: clamp(30px, 3.4vw, 40px);
  line-height: 1;
  letter-spacing: -.02em;
  color: #fff;
}

.porquepb__stat-num--teal {
  color: #0E8583;
}

.porquepb__stat-azul .porquepb__stat-label {
  color: #BBD3E6;
}

.porquepb__stat-label {
  font-family: var(--fonte-corpo);
  font-size: 13px;
  line-height: 1.45;
  color: #5A6169;
  margin-top: 10px;
}

.porquepb__defensoria {
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .12);
  border-radius: 14px;
  padding: 24px;
}

.porquepb__defensoria-titulo {
  font-family: var(--fonte-corpo);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--cor-azul);
  margin-bottom: 16px;
}

.porquepb__defensoria-item {
  display: flex;
  align-items: baseline;
  gap: 13px;
  padding-top: 14px;
  border-top: 1px solid rgba(0, 76, 134, .1);
}

.porquepb__defensoria-item:first-of-type {
  padding-top: 0;
  border-top: none;
}

.porquepb__defensoria-item span {
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: 26px;
  line-height: 1;
  color: #1D2A38;
  flex: none;
  min-width: 78px;
}

.porquepb__defensoria-item p {
  font-family: var(--fonte-corpo);
  font-size: 13.5px;
  line-height: 1.4;
  color: #5A6169;
  margin: 0;
  text-align: left;
}

.porquepb__defensoria-fonte {
  font-family: var(--fonte-corpo);
  font-size: 11.5px;
  color: #8A929B;
  margin-top: 16px;
}

.porquepb__final {
  background: var(--cor-turquesa);
  color: #04322F;
  border-radius: 14px;
  padding: 22px 24px;
}

.porquepb__final-label {
  font-family: var(--fonte-corpo);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #04322F;
  opacity: .7;
  margin-bottom: 8px;
}

.porquepb__final-texto {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: 19px;
  line-height: 1.3;
}

/* ---------- FORMATOS CONDENSADO / CAUSAS APOIADAS (HOME) (Fase 10) ---------- */
.condensado {
  width: 100%;
  background: var(--cor-bege);
}

.condensado__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
}

.condensado__topo {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 30px;
}

.condensado__topo h2 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.14;
  color: #1D2A38;
  margin: 0;
  max-width: 660px;
  text-align: left;
}

.condensado__link {
  flex: none;
  text-decoration: none !important;
  color: var(--cor-azul) !important;
  font-weight: 600;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1.5px solid rgba(0, 76, 134, .3);
  padding-bottom: 3px;
}

.amplitude__tag--destaque {
  font-weight: 600;
  color: var(--cor-azul) !important;
  background: rgba(0, 76, 134, .08) !important;
}

/* ---------- COMO ATUAMOS (HOME) (Fase 10) ---------- */
.comoatuamos {
  width: 100%;
  background: var(--cor-bege-escuro);
  border-top: 1px solid rgba(0, 76, 134, .08);
  border-bottom: 1px solid rgba(0, 76, 134, .08);
}

.comoatuamos__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
}

.comoatuamos__wrap h2 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.14;
  color: #1D2A38;
  margin: 0 0 18px;
  max-width: 600px;
  text-align: left;
}

.comoatuamos__p {
  font-family: var(--fonte-corpo);
  font-size: 15.5px;
  line-height: 1.62;
  color: #3A4149;
  margin: 0 0 14px;
  max-width: 780px;
  text-align: left;
}

.comoatuamos__p--menor {
  font-size: 14.5px;
  color: #5A6169;
  margin-bottom: 44px;
}

.comoatuamos__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0;
  margin-bottom: 38px;
}

.comoatuamos__item {
  position: relative;
  padding: 0 20px 0 0;
}

.comoatuamos__item-topo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.comoatuamos__numero {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--cor-azul);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: 18px;
  flex: none;
}

.comoatuamos__numero--ultimo {
  background: var(--cor-turquesa);
  color: #04322F;
  font-weight: 700;
}

.comoatuamos__linha {
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, var(--cor-turquesa), rgba(53, 174, 175, .15));
}

.comoatuamos__item h3 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: 17px;
  color: #1D2A38;
  margin: 0 0 8px;
  text-align: left;
}

.comoatuamos__item p {
  font-family: var(--fonte-corpo);
  font-size: 13.5px;
  line-height: 1.55;
  color: #5A6169;
  margin: 0 20px 0 0;
  text-align: left;
}

/* ---------- FRENTES DE ATUAÇÃO (HOME) (Fase 10) ---------- */
.itemlistagem.itemlistagem--frenteshome {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  background: var(--cor-bege-escuro);
  border-top: 1px solid rgba(0, 76, 134, .08);
  padding: 0 !important;
}

.itemlistagem--frenteshome h2 {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(26px, 3.2vw, 40px) !important;
  line-height: 1.14 !important;
  color: #1D2A38 !important;
  text-align: left !important;
  margin: 0 0 16px !important;
  max-width: 640px;
}

.frenteshome__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 22px;
}

.frenteshome__card {
  text-decoration: none !important;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 14px 34px -22px rgba(6, 38, 64, .5);
  display: flex;
  flex-direction: column;
  transition: transform .18s ease;
}

.frenteshome__card:hover {
  transform: translateY(-3px);
}

.frenteshome__foto {
  width: 100%;
  aspect-ratio: 16/10;
  background: var(--cor-bege-escuro);
}

.frenteshome__foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.frenteshome__info {
  padding: 24px 24px 26px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.frenteshome__info h3 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: 21px;
  color: #1D2A38;
  margin: 0 0 10px;
  text-align: left;
}

.frenteshome__info p {
  font-family: var(--fonte-corpo);
  font-size: 14.5px;
  line-height: 1.55;
  color: #5A6169;
  margin: 0 0 18px;
  flex: 1;
  text-align: left;
}

.frenteshome__link {
  font-family: var(--fonte-corpo);
  font-size: 14px;
  font-weight: 600;
  color: var(--cor-azul);
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

/* ---------- ÍCONE NO CTA FINAL (HOME) (Fase 10) ---------- */
.cta__icone {
  width: 52px;
  height: 52px;
  margin: 0 auto 24px;
  display: block;
}

/* Correção final e definitiva: mesma cor/peso em TODOS os itens do menu principal, usando seletor direto por atributo (mesmo tipo que funcionou no teste) */
header.desktop-only .header__menu a[title="Home"],
header.desktop-only .header__menu a[title="Quem somos"],
header.desktop-only .header__menu a[title="O que fazemos"],
header.desktop-only .header__menu a[title="Conhecimento"],
header.desktop-only .header__menu a[title="Notícias"],
header.desktop-only .header__menu a[title="Contato"],
header.desktop-only .header__menu .drop-title {
  color: #5A6169 !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  font-family: var(--fonte-corpo) !important;
  text-transform: none !important;
  background: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ---------- HERO AMICUS (Fase 11) ---------- */
.templateBanner--amicus .templateBanner__info-text p {
  font-family: var(--fonte-corpo) !important;
  font-size: clamp(15px, 1.3vw, 17px) !important;
  line-height: 1.6 !important;
  color: #C6D8E4 !important;
  text-align: left !important;
  max-width: 560px;
  margin: 0 0 14px !important;
}

.templateBanner--amicus .templateBanner__info-botoes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.templateBanner__botao--solido-teal {
  background: var(--cor-turquesa);
  color: #04322F !important;
  font-weight: 700;
}

.templateBanner__botao--contorno-branco {
  background: transparent;
  color: #fff !important;
  border: 1.5px solid rgba(255, 255, 255, .4);
}

/* ---------- O QUE É SER AMICUS (Fase 11) ---------- */
.oqueeamicus {
  width: 100%;
  background: var(--cor-bege-escuro);
  border-top: 1px solid rgba(0, 76, 134, .08);
  border-bottom: 1px solid rgba(0, 76, 134, .08);
}

.oqueeamicus__wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
  text-align: center;
}

.oqueeamicus__wrap h2 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.16;
  color: #1D2A38;
  margin: 0 0 24px;
}

.oqueeamicus__corpo {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 6px;
}

.oqueeamicus__corpo p {
  font-family: var(--fonte-corpo);
  font-size: 16.5px;
  line-height: 1.65;
  color: #3A4149;
  margin: 0;
  text-align: center;
}

.oqueeamicus__citacao {
  font-family: var(--fonte-titulo);
  font-style: italic;
  font-size: 16.5px;
  line-height: 1.65;
  color: #1D2A38;
  margin: 14px auto 0;
  max-width: 720px;
}

/* "Como funciona" da Amicus não usa cartões, é só o texto solto */
.itemlistagem--comofunciona-simples .itemlistagem--valores__card {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ---------- BENEFÍCIOS AMICUS (Fase 11) ---------- */
.cta__botao--azul-solido {
  text-decoration: none !important;
  display: inline-block;
  background: var(--cor-azul);
  color: #fff !important;
  font-weight: 700;
  font-size: 15px;
  padding: 15px 32px;
  border-radius: 8px;
  letter-spacing: .02em;
}

/* ---------- FORMAS DE PARTICIPAÇÃO AMICUS (Fase 11) ---------- */
.itemlistagem.itemlistagem--formas {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  background: var(--cor-azul-profundo) !important;
  border: none !important;
  padding: 0 !important;
}

.itemlistagem--formas h2 {
  font-family: var(--fonte-titulo) !important;
  font-weight: 600;
  font-size: clamp(26px, 3.2vw, 40px) !important;
  line-height: 1.14 !important;
  color: #fff !important;
  text-align: left !important;
  margin: 0 0 44px !important;
  max-width: 600px;
}

.itemlistagem--formas .itemlistagem--valores__eyebrow {
  color: #5FC7C6;
}

.itemlistagem--formas__grid .itemlistagem--valores__card {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(95, 199, 198, .22);
  border-radius: 14px;
}

.itemlistagem--formas__grid .itemlistagem--valores__card h3 {
  color: #fff !important;
}

.itemlistagem--formas__grid .itemlistagem--valores__card p {
  color: #B4C6D4 !important;
}

.itemlistagem--formas__card--destaque {
  background: rgba(53, 174, 175, .14) !important;
  border: 1px solid rgba(95, 199, 198, .5) !important;
}

.itemlistagem--formas__card--destaque p {
  color: #C6D8E4 !important;
}

/* ---------- CONDENSADO CENTRALIZADO (Fase 11 — Rede e reconhecimento Amicus) ---------- */
.condensado--centro .condensado__wrap {
  text-align: center;
}

.condensado--centro .condensado__wrap h2 {
  max-width: 700px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.condensado--centro .condensado__wrap .itemlistagem--valores__eyebrow {
  text-align: center !important;
}

.condensado--centro .condensado__link {
  margin-top: 6px;
}

/* ---------- FORMULÁRIO AMICUS (Fase 11) ---------- */
.amicusform {
  width: 100%;
  background: var(--cor-bege);
}

.amicusform__wrap {
  max-width: 720px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
}

.amicusform__wrap h2 {
  text-align: center;
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.16;
  color: #1D2A38;
  margin: 0 0 30px;
}

.amicusform__card {
  background: #fff;
  border: 1px solid rgba(0, 76, 134, .12);
  border-radius: 16px;
  padding: clamp(24px, 3vw, 36px);
  box-shadow: 0 14px 40px -26px rgba(6, 38, 64, .4);
}

.amicusform__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.amicusform__campo--full {
  grid-column: 1 / -1;
}

.amicusform .lab {
  display: block;
  font-family: var(--fonte-corpo);
  font-size: 13px;
  font-weight: 600;
  color: #2B3036;
  margin-bottom: 6px;
}

.amicusform .campo {
  width: 100%;
  font-family: var(--fonte-corpo);
  font-size: 15px;
  color: #2B3036;
  background: var(--cor-bege);
  border: 1px solid rgba(0, 76, 134, .16);
  border-radius: 8px;
  padding: 11px 13px;
  box-sizing: border-box;
  outline: none;
}

.amicusform__botao {
  margin-top: 22px;
  width: 100%;
  font-family: inherit;
  font-weight: 700;
  font-size: 15.5px;
  color: #04322F;
  background: var(--cor-turquesa);
  border: none;
  border-radius: 9px;
  padding: 15px;
  cursor: pointer;
}

.amicusform__msg {
  display: none;
  margin: 14px 0 0;
  font-size: 14px;
  color: #0E8583;
  text-align: center;
  font-weight: 600;
}

.amicusform__rodape {
  text-align: center;
  font-family: var(--fonte-corpo);
  font-size: 14px;
  color: #5A6169;
  margin: 24px 0 0;
}

.amicusform__rodape a {
  color: var(--cor-azul);
  font-weight: 600;
  text-decoration: none;
}

@media screen and (max-width: 640px) {
  .amicusform__grid {
    grid-template-columns: 1fr;
  }
}

/* ---------- ESCOLHA SEU CAMINHO "FAÇA PARTE" (Fase 12) ---------- */
.itemlistagem--caminhos__grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
}

.itemlistagem--caminhos__card {
  display: flex;
  flex-direction: column;
}

.itemlistagem--caminhos__icone {
  width: 46px;
  height: 46px;
  border-radius: 11px;
  background: rgba(53, 174, 175, .12);
  color: #0E8583;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.itemlistagem--caminhos__card p {
  flex: 1;
}

.itemlistagem--caminhos__botao {
  text-decoration: none !important;
  background: var(--cor-azul);
  color: #fff !important;
  font-weight: 600;
  font-size: 14.5px;
  padding: 12px 20px;
  border-radius: 8px;
  text-align: center;
}

.itemlistagem--caminhos__card--destaque {
  background: var(--cor-azul) !important;
  border-color: var(--cor-azul) !important;
}

.itemlistagem--caminhos__card--destaque .itemlistagem--caminhos__icone {
  background: rgba(255, 255, 255, .14);
  color: #5FC7C6;
}

.itemlistagem--caminhos__card--destaque h3,
.itemlistagem--caminhos__card--destaque p {
  color: #fff !important;
}

.itemlistagem--caminhos__card--destaque p {
  color: #BBD3E6 !important;
}

.itemlistagem--caminhos__card--destaque .itemlistagem--caminhos__botao {
  background: var(--cor-turquesa);
  color: #04322F !important;
  font-weight: 700;
}

/* ---------- DOIS PÚBLICOS EM DETALHE "FAÇA PARTE" (Fase 12) ---------- */
.doispublicos {
  width: 100%;
  background: var(--cor-bege-escuro);
  border-top: 1px solid rgba(0, 76, 134, .08);
  border-bottom: 1px solid rgba(0, 76, 134, .08);
}

.doispublicos__grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 40px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: clamp(28px, 4vw, 48px);
}

.doispublicos__grid h2 {
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: clamp(23px, 2.6vw, 32px);
  line-height: 1.18;
  color: #1D2A38;
  margin: 0 0 18px;
  text-align: left;
}

.doispublicos__grid p:not(.itemlistagem--valores__eyebrow) {
  font-family: var(--fonte-corpo);
  font-size: 15.5px;
  line-height: 1.62;
  color: #3A4149;
  margin: 0 0 14px;
  text-align: left;
}

/* ---------- LINHA DE ORIENTAÇÃO "FAÇA PARTE" (Fase 12) ---------- */
.linhaorientacao {
  max-width: 1000px;
  margin: 0 auto;
  padding: clamp(34px, 4vw, 56px) clamp(18px, 4vw, 40px);
}

.linhaorientacao p {
  text-align: center;
  font-family: var(--fonte-corpo);
  font-size: 15px;
  line-height: 1.6;
  color: #5A6169;
  margin: 0;
}

.linhaorientacao strong {
  color: #1D2A38;
}

.linhaorientacao a {
  color: var(--cor-azul);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 76, 134, .3);
}


/* =========================================================
   SISTEMA VISUAL NOVO (v2) — Instituto Pro Bono
   Fraunces + DM Sans | tokens: --deep, --navy-700, --teal, --mint
   Arquivo INDEPENDENTE do novo-layout.css antigo — não conflita
   com as páginas já prontas no sistema anterior.
   Header, rodapé, menu, botões e animações são CANÔNICOS
   (compartilhados por todas as páginas desse sistema novo).
   O restante é a "direção de arte" específica de cada página.
   ========================================================= */

/* —”€—”€—”€—”€—”€ 1. TOKENS —”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€ */
:root{
  --deep:#052B2C;        /* rodapé e superfícies mais escuras */
  --navy-700:#164171;
  --navy-500:#0D5488;
  --navy-300:#0D67AF;

  --teal:#11B1B0;        /* teal da marca —€” superfícies */
  --teal-deep:#0A8181;   /* teal escuro —€” hero pessoas físicas */
  --teal-ink:#096765;    /* texto teal sobre fundo claro */
  --teal-lt:#5ADAD7;     /* texto teal sobre fundo escuro */
  --teal-line:#0C8583;   /* traços e ícones teal sobre fundo claro (3,58:1 no mint) */
  --teal-pale:#ADE2E2;

  --mint:#E1F3F5;
  --mint-2:#D3EBE9;
  --white:#FFFFFF;

  --ink:#0E1B2A;
  --ink-soft:#46586B;
  --line:rgba(14,27,42,.13);
  --line-lt:rgba(255,255,255,.18);

  --display:"Fraunces",Georgia,serif;
  --body:"DM Sans",system-ui,sans-serif;

  --s-xs:8px; --s-sm:12px; --s-md:16px; --s-lg:24px;
  --s-xl:32px; --s-2xl:48px; --s-3xl:64px; --s-4xl:96px;

  --ease-quart:cubic-bezier(.25,1,.5,1);
  --ease-expo:cubic-bezier(.16,1,.3,1);
  --dur-state:220ms; --dur-enter:720ms;

  --z-photo:0; --z-arc:1; --z-body:5; --z-header:50; --z-sheet:80;
  --shell:min(1240px,calc(100% - 48px));
}

/* —”€—”€—”€—”€—”€ 2. BASE —”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);
     font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:var(--display);font-variation-settings:"SOFT" 0,"WONK" 0;
         font-weight:400;line-height:1.06;letter-spacing:-.018em;text-wrap:balance;margin:0}
p{margin:0}
a{color:inherit}
ul{margin:0;padding:0;list-style:none}
.shell{width:var(--shell);margin-inline:auto}



/* rótulo discreto: filete + texto, alternativa à pílula.
   A pílula fica reservada para o hero e para o fecho.        */

.skip{position:absolute;left:-9999px;background:var(--mint);color:var(--ink);padding:14px 20px;z-index:999;font-size:14px}
.skip:focus{left:16px;top:16px}
:focus-visible{outline:2px solid var(--teal-line);outline-offset:3px;border-radius:2px}


.ring{position:absolute;border-radius:50%;pointer-events:none;z-index:var(--z-arc)}

/* duotone e sangria */
.duo{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;
     filter:grayscale(1) contrast(1.06) brightness(.94);z-index:var(--z-photo)}
.duo-tint{position:absolute;inset:0;z-index:var(--z-photo);
          background:linear-gradient(140deg,var(--deep),var(--navy-500) 58%,var(--teal));
          mix-blend-mode:color}
.duo-tint-teal{background:linear-gradient(140deg,var(--deep),var(--teal-deep) 60%,var(--teal))}
.photo-box{position:absolute;isolation:isolate;overflow:hidden;pointer-events:none}

/* —”€—”€—”€—”€—”€ 3. HEADER —€” branco, como nos PDFs —”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€ */

/* o logo do Instituto são dois círculos sobrepostos —€” a interseção é a marca */




/* —”€—”€—”€—”€—”€ 14. RODAPÉ —”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€ */

/* —”€—”€—”€—”€—”€ 15. MOVIMENTO —”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€—”€ */
html.js-reveal [data-rise]{opacity:0;transform:translateY(20px)}
html.js-reveal [data-rise].on{opacity:1;transform:none;
  transition:opacity var(--dur-enter) var(--ease-quart),transform var(--dur-enter) var(--ease-expo)}
html.js-reveal [data-rise].on[data-d="1"]{transition-delay:70ms}
html.js-reveal [data-rise].on[data-d="2"]{transition-delay:140ms}
html.js-reveal [data-rise].on[data-d="3"]{transition-delay:210ms}
html.js-reveal .venn-a{transform:translateX(-46px)}
html.js-reveal .venn-b{transform:translateX(46px)}
html.js-reveal .venn.on .venn-a,html.js-reveal .venn.on .venn-b{transform:none;transition:transform 1100ms var(--ease-expo)}
html.js-reveal .venn .venn-txt{opacity:0}
html.js-reveal .venn.on .venn-txt{opacity:1;transition:opacity 600ms var(--ease-quart) 620ms}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}



.heroS{position:relative;overflow:hidden;color:var(--white);
       padding:clamp(64px,8vw,104px) 0 clamp(56px,7vw,88px)}
.heroS-in{position:relative;z-index:var(--z-body);max-width:840px}
.heroS h1{font-size:clamp(36px,5.4vw,72px);margin:var(--s-md) 0 var(--s-lg)}
.heroS-sub{color:rgba(255,255,255,.93);font-size:clamp(16.5px,1.55vw,19px);max-width:54ch}
.heroS-sub+.heroS-sub{margin-top:var(--s-md)}
.s-navy{background:linear-gradient(112deg,var(--deep),var(--navy-700) 62%,var(--navy-500))}
.s-teal{background:linear-gradient(112deg,var(--deep),#087272 72%)}
.heroS .g{position:absolute;border-radius:50%;pointer-events:none;z-index:var(--z-arc)}
/* anéis concêntricos, para a página de projetos */
.g-r1{width:min(620px,72vw);aspect-ratio:1;right:-8vw;top:-16vw;border:1.5px solid rgba(255,255,255,.2)}
.g-r2{width:min(420px,50vw);aspect-ratio:1;right:4vw;top:-4vw;border:1.5px solid rgba(90,218,215,.5)}
.g-r3{width:min(240px,30vw);aspect-ratio:1;right:-3vw;bottom:-12vw;border:clamp(14px,2.2vw,24px) solid var(--teal);clip-path:inset(0 50% 50% 0)}
/* discos sólidos sobrepostos, para a página do Amicus */
.g-d1{width:min(300px,34vw);aspect-ratio:1;right:12vw;top:-6vw;background:var(--navy-500);opacity:.9}
.g-d2{width:min(300px,34vw);aspect-ratio:1;right:-2vw;top:2vw;background:var(--teal);opacity:.85}
.g-d3{width:min(150px,18vw);aspect-ratio:1;right:26vw;bottom:-7vw;background:var(--navy-300);opacity:.7}

.fechoX{padding:clamp(64px,8vw,104px) 0;color:var(--white)}
.fechoX-in{max-width:660px}
.fechoX h2{font-size:clamp(28px,3.8vw,46px);color:var(--white);margin:var(--s-md) 0;max-width:18ch}
.fechoX p{color:rgba(255,255,255,.92);max-width:54ch;margin-bottom:var(--s-xl)}
.fechoX p+p{margin-top:calc(var(--s-md)*-1);margin-bottom:var(--s-xl)}
.f-navy{background:var(--navy-700)} .f-deep{background:var(--deep)} .f-teal{background:var(--teal-deep)}

.oque{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.oque-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.oque-top h2{font-size:clamp(27px,3.6vw,44px);max-width:17ch;margin-top:var(--s-md)}
.oque-top p{color:var(--ink-soft);max-width:52ch}
.oque-top p+p{margin-top:var(--s-md)}

.comoA{background:var(--mint);padding:clamp(64px,8vw,104px) 0}
.comoA-hd{max-width:24ch;margin-bottom:clamp(36px,4.5vw,60px)}
.comoA-hd h2{font-size:clamp(27px,3.6vw,44px);margin-top:var(--s-md)}
.passosA{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,2.4vw,32px)}
.passosA::before{content:"";position:absolute;left:0;right:0;top:19px;height:2px;
                 background:linear-gradient(90deg,var(--navy-700),var(--teal))}
.passoA{position:relative;padding-top:clamp(52px,5.6vw,68px)}
.passoA::before{content:"";position:absolute;left:0;top:8px;width:22px;height:22px;border-radius:50%;
                background:var(--mint);border:4px solid var(--navy-500);z-index:2}
.passoA:nth-child(1)::before{border-color:var(--navy-700)}
.passoA:nth-child(5)::before{border-color:var(--teal-line)}
.passoA h3{font-size:clamp(17px,1.8vw,21px);margin-bottom:8px}
.passoA p{color:var(--ink-soft);font-size:14.5px}

.porqA{background:var(--deep);color:var(--white);padding:clamp(64px,8vw,104px) 0}
.porqA h2{font-size:clamp(26px,3.4vw,40px);color:var(--white);margin:var(--s-md) 0 clamp(28px,3.6vw,48px);max-width:20ch}
.porqA-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px)}
.benef{padding-top:var(--s-md);border-top:1px solid var(--line-lt)}
.benef h3{font-size:clamp(17px,1.8vw,21px);color:var(--white);margin-bottom:8px}
.benef p{color:rgba(255,255,255,.9);font-size:14.5px}

/* NÍVEIS DE PARTICIPAÇÃO —€” exclusivo desta página */
.formas{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.formas-hd{max-width:26ch;margin-bottom:clamp(28px,3.6vw,48px)}
.formas-hd h2{font-size:clamp(26px,3.4vw,40px);margin-top:var(--s-md)}
.forma{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.45fr);gap:clamp(18px,2.6vw,36px);
       align-items:baseline;padding:clamp(20px,2.6vw,30px) 0;border-top:1px solid var(--line)}
.forma:last-of-type{border-bottom:1px solid var(--line)}
.forma em{font-family:var(--display);font-style:normal;font-weight:700;font-size:clamp(26px,3vw,38px);
          line-height:1;letter-spacing:-.03em;color:var(--navy-500)}
.forma:nth-of-type(5) em{color:var(--teal-ink)}
.forma h3{font-size:clamp(19px,2vw,25px)}
.forma p{color:var(--ink-soft);font-size:15px}

.redeA{background:var(--mint-2);padding:clamp(56px,7vw,92px) 0}
.redeA h2{font-size:clamp(26px,3.4vw,40px);margin:var(--s-md) 0 var(--s-md);max-width:20ch}
.redeA p{color:var(--ink-soft);max-width:60ch}
.logosA{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-md);margin-top:clamp(28px,3.6vw,48px)}
.logoA{aspect-ratio:2.4;display:grid;place-items:center;border:1px dashed rgba(14,27,42,.2);border-radius:4px;
       background:var(--white);color:var(--ink-soft);font-size:12.5px;text-align:center;padding:var(--s-sm)}

/* formulário */
.formA{background:var(--navy-700);color:var(--white);padding:clamp(64px,8vw,104px) 0}
.formA-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.formA h2{font-size:clamp(26px,3.4vw,40px);color:var(--white);margin:var(--s-md) 0 var(--s-md);max-width:16ch}
.formA p{color:rgba(255,255,255,.92);max-width:46ch}
.formA-mail{margin-top:var(--s-lg);font-size:14.5px;color:rgba(255,255,255,.92)}
.formA-mail a{color:var(--teal-lt);font-weight:700}
.campos{display:grid;gap:var(--s-sm)}
.campos input,.campos textarea,.campos select{width:100%;min-height:52px;padding:14px 18px;border-radius:6px;
  background:rgba(255,255,255,.07);color:var(--white);border:1px solid var(--line-lt);
  font-family:var(--body);font-size:15px;transition:border-color var(--dur-state),background-color var(--dur-state)}
.campos select{color-scheme:dark}
.campos select option{color:var(--ink)}
.campos textarea{min-height:120px;resize:vertical}
.campos input::placeholder,.campos textarea::placeholder{color:rgba(255,255,255,.66)}
.campos input:focus,.campos textarea:focus,.campos select:focus{border-color:var(--teal-lt);background:rgba(255,255,255,.1);outline:none}
.campos .btn{justify-self:start;margin-top:var(--s-xs)}


@media (max-width:1100px){ .nav{display:none} .burger{display:flex} .hd .btn{padding:0 16px} }
@media (max-width:1000px){ :root{--shell:min(1240px,calc(100% - 40px))} .ft-top{grid-template-columns:1fr 1fr;gap:var(--s-xl)} }
@media (max-width:640px){ :root{--shell:min(1240px,calc(100% - 30px))} body{font-size:16px}
  .hd-acts .btn-navy{display:none} .ft-top{grid-template-columns:1fr;gap:var(--s-xl)} }


@media (max-width:1000px){
  .oque-top,.formA-in{grid-template-columns:1fr;gap:var(--s-lg)}
  .passosA{grid-template-columns:1fr;gap:var(--s-lg)}
  .passosA::before{display:none}
  .passoA{padding-top:0;padding-left:44px}
  .passoA::before{top:2px}
  .porqA-grid{grid-template-columns:1fr 1fr}
  .forma{grid-template-columns:44px 1fr;gap:var(--s-md);row-gap:8px}
  .forma p{grid-column:2}
  .logosA{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){ .porqA-grid{grid-template-columns:1fr} }


/* —•—• NAV-CANONICO —€” injetado pelo build. Não editar à mão. —•—• */
.pill{display:inline-flex;align-items:center;gap:9px;padding:7px 17px 7px 13px;border-radius:999px;
      background:var(--teal);color:var(--deep);font-size:12.5px;font-weight:700;
      letter-spacing:.11em;text-transform:uppercase}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--deep);opacity:.6}

.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;
     font-family:var(--body);font-size:15px;font-weight:700;text-decoration:none;
     border:1.5px solid transparent;cursor:pointer;
     transition:background-color var(--dur-state) var(--ease-quart),color var(--dur-state) var(--ease-quart),border-color var(--dur-state) var(--ease-quart)}
.btn-teal{background:var(--teal);color:var(--deep)}
.btn-teal:hover{background:#0E9E9D}
.btn-navy{background:var(--navy-700);color:var(--white)}
.btn-navy:hover{background:var(--navy-500)}
.btn-white{background:var(--white);color:var(--navy-700)}
.btn-white:hover{background:var(--mint)}
.btn-out{border-color:var(--line-lt);color:var(--white);font-weight:500}
.btn-out:hover{border-color:var(--white);background:rgba(255,255,255,.1)}
.btn .arw{transition:transform var(--dur-state) var(--ease-quart)}
.btn:hover .arw{transform:translateX(4px)}

.hd{position:sticky;top:0;z-index:var(--z-header);background:var(--white);
    border-bottom:1px solid transparent;transition:box-shadow 300ms var(--ease-quart),border-color 300ms}
.hd.is-stuck{box-shadow:0 1px 24px rgba(5,43,44,.09);border-color:var(--line)}
.hd-in{display:flex;align-items:center;gap:var(--s-lg);width:var(--shell);margin-inline:auto;height:76px}
.crumb{padding:14px 0;font-size:13px;color:var(--ink-soft);border-bottom:1px solid var(--line)}
.crumb a{color:var(--ink-soft);text-decoration:none}
.crumb a:hover{color:var(--teal-ink)}
.crumb span{margin:0 8px;color:var(--line)}
.hd-acts{display:flex;gap:var(--s-xs)}
.hd .btn{min-height:42px;padding:0 22px;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase}
.btn-hdout{background:#fff;color:var(--navy-700);border-color:rgba(13,84,136,.3)}
.btn-hdout:hover{background:var(--mint)}

.mark{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}
.mark svg{width:34px;height:26px;flex:none}
.mark-txt{font-family:var(--display);font-weight:500;font-size:17px;letter-spacing:.14em;
          color:var(--navy-700);text-transform:uppercase;line-height:1}
.mark-txt span{display:block;font-family:var(--body);font-size:8px;font-weight:500;
               letter-spacing:.34em;color:var(--teal-ink);margin-bottom:3px}

.burger{width:44px;height:44px;align-items:center;justify-content:center;background:none;
        border:1px solid var(--line);border-radius:999px;cursor:pointer}
.burger i{display:block;width:18px;height:1.6px;background:var(--navy-700);position:relative;transition:background 200ms}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:18px;height:1.6px;background:var(--navy-700);transition:transform 280ms var(--ease-quart)}
.burger i::before{top:-6px}
.burger i::after{top:6px}
.burger[aria-expanded="true"] i{background:transparent}
.burger[aria-expanded="true"] i::before{transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] i::after{transform:translateY(-6px) rotate(-45deg)}

.sheet{position:fixed;inset:0;z-index:var(--z-sheet);background:var(--deep);display:flex;flex-direction:column;
       justify-content:center;padding:88px var(--s-lg) var(--s-2xl);opacity:0;visibility:hidden;
       transition:opacity 320ms var(--ease-quart),visibility 320ms;overflow-y:auto}
.sheet.is-open{opacity:1;visibility:visible}
.sheet .ring{position:absolute;border-radius:50%;width:min(560px,120vw);aspect-ratio:1;
             border:1px solid rgba(90,218,215,.3);right:-30vw;top:-20vw;pointer-events:none}
.sheet a{position:relative;z-index:var(--z-body);display:block;padding:11px 0;font-family:var(--display);
         font-size:clamp(23px,5.6vw,32px);font-weight:400;letter-spacing:-.02em;color:var(--white);
         text-decoration:none;border-bottom:1px solid var(--line-lt)}
.sheet .pill{position:relative;z-index:var(--z-body);align-self:flex-start;margin-bottom:var(--s-md)}

.ft{background:var(--deep);color:var(--white);padding:clamp(56px,7vw,88px) 0 var(--s-2xl)}
.ft-top{display:grid;grid-template-columns:1.5fr repeat(2,1fr);gap:var(--s-2xl);padding-bottom:var(--s-2xl)}
.ft .mark-txt{color:var(--white)}
.ft .mark-txt span{color:var(--teal-lt)}
.ft-tag{color:rgba(255,255,255,.88);max-width:34ch;margin-top:var(--s-md);font-size:15px}
.ft-mail{display:inline-block;margin-top:var(--s-sm);color:var(--teal-lt);text-decoration:none;font-size:14.5px}
.ft-mail:hover{text-decoration:underline}
.ft-col b{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-lt);margin-bottom:var(--s-md)}
.ft-col li+li{margin-top:10px}
.ft-col a{color:rgba(255,255,255,.88);text-decoration:none;font-size:14.5px;transition:color var(--dur-state)}
.ft-col a:hover{color:var(--teal-lt)}
.ft-sub{padding-left:14px;font-size:13.5px}
.ft-bot{display:flex;flex-wrap:wrap;gap:var(--s-md);justify-content:space-between;padding-top:var(--s-lg);
        border-top:1px solid var(--line-lt);font-size:12.5px;color:rgba(255,255,255,.78)}

.kick{display:inline-flex;align-items:center;gap:12px;margin-bottom:var(--s-md);
      font-size:11.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--teal-ink)}
.kick::before{content:"";width:34px;height:2px;background:var(--teal-line);flex:none}
.kick-lt{color:var(--teal-lt)}
.kick-lt::before{background:var(--teal-lt)}

.nav{display:flex;align-items:center;gap:16px}
.nav>a,.drop-b{position:relative;display:inline-flex;align-items:center;min-height:44px;
   font-family:var(--body);font-size:12.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;
   color:var(--navy-700);text-decoration:none;background:none;border:0;padding:0;cursor:pointer;
   transition:color var(--dur-state)}
.nav>a::after,.drop-b::after{content:"";position:absolute;left:0;right:0;bottom:10px;height:2px;
   background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform 260ms var(--ease-quart)}
.nav>a:hover,.drop-b:hover{color:var(--teal-ink)}
.nav>a:hover::after,.drop-b:hover::after{transform:scaleX(1)}
.nav>a[aria-current="page"],.drop.is-active .drop-b{color:var(--teal-ink)}
.nav>a[aria-current="page"]::after,.drop.is-active .drop-b::after{transform:scaleX(1)}

.drop{position:relative}
.drop-b{gap:7px}
.drop-b svg{width:9px;height:6px;fill:currentColor;transition:transform 220ms var(--ease-quart)}
.drop.is-open .drop-b svg{transform:rotate(180deg)}
.drop-m{position:absolute;top:calc(100% - 4px);left:-14px;min-width:238px;background:var(--white);
   border:1px solid var(--line);border-radius:6px;box-shadow:0 20px 44px -22px rgba(5,43,44,.42);
   padding:6px;opacity:0;visibility:hidden;transform:translateY(-6px);z-index:60;
   transition:opacity 200ms var(--ease-quart),transform 200ms var(--ease-quart),visibility 200ms}
.drop.is-open .drop-m,.drop:focus-within .drop-m{opacity:1;visibility:visible;transform:none}
.drop-m a{display:block;min-height:auto;padding:10px 14px;border-radius:4px;
   font-size:13.5px;font-weight:400;letter-spacing:0;text-transform:none;
   color:var(--navy-700);text-decoration:none;transition:background-color var(--dur-state),color var(--dur-state)}
.drop-m a::after{display:none}
.drop-m a:hover{background:var(--mint);color:var(--teal-ink)}
.drop-m a[aria-current="page"]{background:var(--mint-2);font-weight:700;color:var(--teal-ink)}

/* menu mobile */
.sheet-g{margin:6px 0 2px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
   color:var(--teal-lt);border:0}
.sheet a.sub{font-size:clamp(19px,4.6vw,24px);padding-left:18px;color:rgba(255,255,255,.9)}
.sheet a[aria-current="page"]{color:var(--teal-lt)}

@media (max-width:1180px){ .nav{display:none} .burger{display:flex} .hd .btn{padding:0 16px} }
@media (min-width:1181px){ .burger{display:none} }
/* —•—• fim NAV-CANONICO —•—• */
/* —•—• DIREÇÃO DE ARTE · AMICUS CODEX —•—• */
html,body{overflow-x:clip}
.heroS{position:relative;isolation:isolate;min-height:700px;display:flex;align-items:center;padding:96px 0;overflow:hidden;background:var(--deep)}
.page-amicus .heroS::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,44,.98),rgba(22,65,113,.86) 56%,rgba(13,84,136,.28)),url('../img/v2/amicus-01.jpg') 68% center/cover;z-index:-1}.page-amicus .heroS::after{content:"";position:absolute;right:-80px;bottom:-110px;width:370px;aspect-ratio:1;border:54px solid var(--teal);border-radius:50%}
.heroS-in{max-width:780px}.heroS h1{font-size:clamp(52px,6vw,82px);line-height:.97;letter-spacing:-.028em;max-width:11ch;margin:24px 0}.heroS-sub{font-size:17px;line-height:1.7;max-width:55ch}.heroS .g{opacity:.22}
.heroS+ .shell{margin-top:-30px;padding-bottom:0!important}.heroS+ .shell .btn{min-height:60px;border-radius:0;padding-inline:34px;box-shadow:0 16px 36px rgba(5,43,44,.14)}

.oque{position:relative;padding:120px 0;overflow:hidden}.oque:first-of-type::after{content:"";position:absolute;right:-120px;top:60px;width:330px;aspect-ratio:1;border:46px solid var(--teal);border-radius:50%;opacity:.16}.oque-top{grid-template-columns:.78fr 1.22fr;gap:110px}.oque h2{font-size:clamp(44px,5vw,68px);line-height:.98;color:var(--navy-700);max-width:11ch}.oque p{font-size:16.5px;line-height:1.74}

.comoA{position:relative;padding:118px 0;background-color:var(--mint);background-image:linear-gradient(rgba(225,243,245,.9),rgba(225,243,245,.9)),url('../img/v2/textura-papel.jpg');background-size:cover}.comoA-hd{max-width:720px}.comoA-hd h2{font-size:clamp(45px,5.1vw,68px);line-height:.98;color:var(--navy-700);max-width:11ch}.passosA{margin-top:68px;border-top:2px solid var(--navy-500)}.passoA{min-height:270px;padding:34px 24px 0;border-right:1px solid rgba(13,84,136,.2)}.passoA:last-child{border-right:0}.passoA::before{width:18px;height:18px;top:-10px;border:3px solid var(--teal);background:var(--white)}.passoA h3{font-size:24px;line-height:1.06;color:var(--navy-700)}.passoA p{font-size:14px;line-height:1.62}

.porqA{position:relative;isolation:isolate;padding:120px 0;background:var(--deep);overflow:hidden}.porqA::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,44,.98),rgba(5,43,44,.9)),url('../img/v2/textura-papel.jpg') center/cover;z-index:-1}.porqA::after{content:"";position:absolute;right:-90px;bottom:-130px;width:330px;aspect-ratio:1;border:48px solid var(--teal);border-radius:50%}.porqA h2{font-size:clamp(44px,5vw,68px);line-height:.98;max-width:12ch}.porqA-grid{gap:0;margin-top:58px;border-top:1px solid rgba(255,255,255,.28)}.benef{min-height:230px;padding:30px 26px;border-right:1px solid rgba(255,255,255,.22)}.benef:last-child{border-right:0}.benef h3{font-size:24px;line-height:1.06}

.formas{padding:122px 0}.formas-hd{max-width:720px}.formas-hd h2{font-size:clamp(44px,5vw,68px);line-height:.98;color:var(--navy-700)}.forma{grid-template-columns:100px minmax(230px,.75fr) minmax(0,1.25fr);padding:28px 0;border-top:1px solid rgba(13,84,136,.2)}.forma em{font-size:58px;line-height:1;color:var(--teal-ink)}.forma h3{font-size:25px;color:var(--navy-700)}.forma p{font-size:14.5px;line-height:1.65}

.redeA{position:relative;isolation:isolate;padding:120px 0;background:var(--mint-2);overflow:hidden}.redeA::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(211,235,233,.98),rgba(211,235,233,.9)),url('../img/v2/textura-papel.jpg') center/cover;z-index:-1}.redeA::after{content:"";position:absolute;right:8vw;top:-86px;width:180px;aspect-ratio:1;border:28px solid var(--navy-500);border-radius:50%}.redeA h2{font-size:clamp(44px,5vw,68px);line-height:.98;color:var(--navy-700);max-width:12ch}.redeA p{font-size:17px;line-height:1.72;max-width:60ch}

.oque[style]{padding:114px 0!important;background:var(--mint-2)!important}.oque[style] .logosA{gap:12px}.logoA{min-height:110px;border:0;background:var(--white);display:grid;place-items:center}
.formA{position:relative;isolation:isolate;padding:120px 0;background:var(--navy-700);overflow:hidden}.formA::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,65,113,.98),rgba(22,65,113,.78)),url('../img/v2/amicus-02.jpg') center 56%/cover;z-index:-1}.formA::after{content:"";position:absolute;left:-90px;bottom:-120px;width:300px;aspect-ratio:1;border:44px solid var(--teal);border-radius:50%}.formA-in{grid-template-columns:.8fr 1.2fr;gap:100px}.formA h2{font-size:clamp(43px,4.8vw,64px);line-height:.98}.campos input,.campos select,.campos textarea{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25)}

@media(max-width:900px){.oque-top,.formA-in{grid-template-columns:1fr;gap:44px}.passosA{grid-template-columns:1fr 1fr}.porqA-grid{grid-template-columns:1fr 1fr}.forma{grid-template-columns:80px 1fr}.forma p{grid-column:2}}
@media(max-width:640px){:root{--shell:calc(100% - 36px)}.hd-acts .btn{display:none}.burger{display:flex;flex:none}.hd-in{gap:8px}.heroS{min-height:680px;padding:74px 0}.heroS h1{font-size:clamp(43px,12vw,58px)}
 .oque,.comoA,.porqA,.formas,.redeA,.formA{padding-block:86px}.passosA,.porqA-grid{grid-template-columns:1fr}.passoA,.benef{min-height:0;border-right:0;border-bottom:1px solid rgba(13,84,136,.2);padding:28px 0}.forma{grid-template-columns:60px 1fr}.forma em{font-size:42px}.logoA{min-height:88px}
}
/* SISTEMA FOTOGRÁFICO · P&B SOB COR */
.page-amicus .heroS::before,.porqA::before{background-color:var(--deep);background-blend-mode:normal,luminosity}
.redeA::before{background-color:var(--mint-2);background-blend-mode:normal,luminosity}
.formA::before{background-color:var(--navy-700);background-blend-mode:normal,luminosity}
/* POLIMENTO GLOBAL · MENU CANÔNICO E ESCALA */
.hd-in{height:72px;gap:14px}
.mark{gap:8px;flex:0 0 auto}
.mark svg{width:30px;height:24px}
.mark-txt{font-size:15px;letter-spacing:.12em}
.mark-txt span{font-size:7px;letter-spacing:.3em}
.nav{gap:13px;flex:0 0 auto}
.nav>a,.drop-b{min-height:40px;padding:0;font-size:11px;line-height:1;letter-spacing:.025em;white-space:nowrap}
.nav>a::after,.drop-b::after{bottom:3px;height:1.5px}
.hd-acts{gap:6px;flex:0 0 auto}
.hd .btn{min-height:38px;padding:0 14px;font-size:10.5px;line-height:1;letter-spacing:.035em;white-space:nowrap}
.drop-m{top:calc(100% - 1px)}
.sheet{justify-content:flex-start;padding:82px 28px 28px}
.sheet .pill{margin-bottom:12px}
.sheet a{padding:8px 0;font-size:clamp(19px,5vw,24px);line-height:1.08;white-space:nowrap}
.sheet a.sub{padding-left:14px;font-size:clamp(17px,4.5vw,21px)}
.sheet-g{margin:7px 0 1px;font-size:10px}
@media(max-width:1240px){.nav{display:none}.burger{display:flex}}
@media(max-width:760px){.hd-in{height:68px}.hd-acts .btn{display:none}.sheet{padding-top:76px}}
/* POLIMENTO · AMICUS */
.heroS{min-height:min(620px,calc(100svh - 72px));padding:72px 0}
.heroS-in{width:var(--shell);max-width:none;margin-inline:auto}
.heroS h1{font-size:clamp(46px,4.7vw,64px);line-height:1;max-width:13ch}
.heroS-sub{font-size:16px;line-height:1.66;max-width:56ch}
.oque,.comoA,.porqA,.formas,.redeA,.formA{padding:88px 0}
.oque-top,.formA-in{gap:72px}
.oque h2,.comoA-hd h2,.porqA h2,.formas-hd h2,.redeA h2,.formA h2{font-size:clamp(38px,4vw,54px);line-height:1;max-width:15ch}
.passosA{margin-top:50px}
.passoA{min-height:230px;padding-top:30px}
.porqA-grid{margin-top:42px}
.benef{min-height:200px}
.forma em{font-size:50px}
.oque[style]{padding:84px 0!important}
@media(max-width:640px){.heroS{min-height:580px;padding:58px 0}.heroS h1{font-size:clamp(40px,11vw,50px)}.oque,.comoA,.porqA,.formas,.redeA,.formA{padding-block:68px}}
.page-id{background:var(--teal);color:var(--deep)}.page-id::before{display:none}.hero-apoie-actions{margin-top:28px;gap:18px}.oque-destaque{margin-top:22px;padding:22px 24px;border-left:5px solid var(--teal);background:var(--mint);font-family:var(--display);font-size:clamp(21px,2vw,28px)!important;line-height:1.24!important;color:var(--navy-700)}.passosA{position:relative}.passoA::before{left:24px}.passoA:last-child::after{content:"";position:absolute;right:0;top:-2px;width:calc(100% - 24px);height:2px;background:var(--mint)}.porqA-cta{margin-top:30px}
@media(max-width:640px){.hero-apoie-actions{display:grid}.passoA:last-child::after{display:none}}
.steps-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:50px}.step-item{position:relative;padding-top:62px}.step-num{position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;background:var(--navy-500);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:19px}.step-num.teal-num{background:var(--teal);color:var(--deep)}.step-item h3{font-size:18px;line-height:1.2;color:var(--navy-700);margin-bottom:8px}.step-item p{font-size:14px;line-height:1.55;color:var(--ink-soft)}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.steps-grid{grid-template-columns:1fr}.step-item{min-height:0;padding:0 0 24px 62px}.step-num{top:0}}

/* Correção: garante branco no título do hero, sobrepondo qualquer regra antiga de h1 */
.heroS h1,
.heroS .heroS-in h1 {
  color: var(--white) !important;
}

/* ══ BASE DO TIPO DE HERO "heroX" (usado por Faça Parte e futuras páginas) ══ */
.caminhos{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.caminhos-hd{max-width:26ch;margin-bottom:clamp(28px,3.6vw,44px)}
.caminhos-hd h2{font-size:clamp(27px,3.6vw,42px);margin-top:var(--s-md)}
.para{background:var(--mint-2);padding:clamp(64px,8vw,104px) 0}
.para+.para{background:var(--white)}
.para-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.para h2{font-size:clamp(26px,3.4vw,40px);margin-top:var(--s-md);max-width:17ch}
.para-in p{color:var(--ink-soft);max-width:50ch}
.para-in p+p{margin-top:var(--s-md)}
.para .btn{margin-top:var(--s-lg)}
.heroX{position:relative;isolation:isolate;overflow:hidden;color:var(--white);
       padding:clamp(72px,9vw,120px) 0 clamp(64px,8vw,100px)}
.heroX-photo{inset:0 0 0 28%}
.heroX-in{position:relative;z-index:var(--z-body);max-width:800px}
.heroX-sub{color:rgba(255,255,255,.93);max-width:54ch}
.heroX-sub+.heroX-sub{margin-top:var(--s-md)}
.h-navy{background:var(--navy-700)}
.h-navy .heroX-melt{background:
  linear-gradient(100deg,var(--deep) 20%,rgba(22,65,113,.92) 52%,rgba(13,103,175,.46) 80%,rgba(13,103,175,.16) 100%),
  linear-gradient(to bottom,rgba(5,43,44,.45),transparent 26%,transparent 66%,rgba(5,43,44,.55))}
.h-teal{background:var(--teal-deep)}
.h-teal .heroX-melt{background:
  linear-gradient(100deg,var(--deep) 22%,rgba(5,43,44,.94) 52%,rgba(10,129,129,.62) 80%,rgba(17,177,176,.26) 100%),
  linear-gradient(to bottom,rgba(5,43,44,.5),transparent 28%,transparent 64%,rgba(5,43,44,.6))}
.heroX-melt{position:absolute;inset:0;z-index:var(--z-arc)}
.heroX .arcoX{position:absolute;right:-4vw;bottom:-12vw;width:min(360px,44vw);aspect-ratio:1;border-radius:50%;
              border:clamp(18px,3vw,30px) solid var(--teal);clip-path:inset(0 50% 50% 0);z-index:var(--z-arc)}
.heroX .ringX{position:absolute;right:6vw;top:-10vw;width:min(420px,50vw);aspect-ratio:1;border-radius:50%;
              border:1.5px solid rgba(255,255,255,.22);z-index:var(--z-arc)}
.heroX h1{color:var(--white) !important}

/* ══ DIREÇÃO DE ARTE · FAÇA PARTE ══ */
/* ══ DIREÇÃO DE ARTE · FAÇA PARTE CODEX ══ */
html,body{overflow-x:clip}
.heroX{min-height:720px;display:flex;align-items:center;background:var(--deep)}
.heroX-photo{width:58%;left:auto;right:0;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%,0 14%)}.heroX-photo .duo{filter:grayscale(1) contrast(1.1) brightness(.76)}.heroX-photo .duo-tint{opacity:.82}
.heroX-melt{width:64%;background:linear-gradient(90deg,var(--deep),var(--navy-700) 76%,transparent)}.heroX-in{padding:100px 0}.heroX h1{font-size:clamp(54px,6.1vw,84px);line-height:.97;max-width:11ch}.heroX-sub{font-size:18px;line-height:1.72}
.heroX .ringX{width:240px;height:240px;border-width:34px;right:38%;top:-90px}.heroX .arcoX{width:230px;height:230px;border-width:34px;right:-56px;bottom:40px}

.caminhos{position:relative;padding:118px 0;background:var(--white);overflow:hidden}.caminhos::after{content:"";position:absolute;right:-150px;top:90px;width:380px;aspect-ratio:1;border:48px solid var(--teal);border-radius:50%;opacity:.16}
.caminhos-hd{max-width:760px;margin-bottom:58px}.caminhos-hd h2{font-size:clamp(46px,5.2vw,70px);line-height:.98;color:var(--navy-700);max-width:11ch}
.page-faca-parte .motivo{position:relative;z-index:1;display:grid;grid-template-columns:96px minmax(220px,.75fr) minmax(0,1.25fr) 52px;gap:24px;align-items:center;min-height:142px;padding:20px 0;border-top:1px solid rgba(13,84,136,.2);text-decoration:none;color:var(--ink)}
.page-faca-parte .motivo::before{content:"";width:82px;aspect-ratio:1;border-radius:50%;background-position:center;background-size:cover;filter:grayscale(1) contrast(1.08);box-shadow:inset 0 0 0 7px rgba(17,177,176,.68)}
.page-faca-parte .motivo:nth-of-type(1)::before{background-image:url('../img/v2/voluntario-adv-thumb-v4.jpg')}.page-faca-parte .motivo:nth-of-type(2)::before{background-image:url('../img/v2/voluntario-empresa-thumb-v4.jpg')}.page-faca-parte .motivo:nth-of-type(3)::before{background-image:url('../img/v2/porta-organizacao.jpg')}.page-faca-parte .motivo:nth-of-type(4)::before{background-image:url('../img/v2/voluntario-instituicao-thumb-v4.jpg')}.page-faca-parte .motivo:nth-of-type(5)::before{background-image:url('../img/v2/voluntario-apoiador-thumb-v4.jpg')}
.page-faca-parte .motivo h3{font-size:clamp(25px,2.6vw,34px);line-height:1.04;color:var(--navy-700)}.page-faca-parte .motivo p{font-size:15px;line-height:1.62;color:var(--ink-soft);text-decoration:none}.page-faca-parte .motivo>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--mint);color:var(--navy-700);font-size:20px;transition:background var(--dur-state),transform var(--dur-state)}
.page-faca-parte .motivo:hover>span{background:var(--teal);transform:translateX(4px)}.page-faca-parte .motivo:hover h3{color:var(--teal-ink)}

.para{position:relative;isolation:isolate;padding:116px 0;background:var(--mint-2);overflow:hidden}.para::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(211,235,233,.97),rgba(211,235,233,.9)),url('../img/v2/saldo.jpg') center/cover;z-index:-1;opacity:.92}
.para::after{content:"";position:absolute;left:-86px;bottom:-130px;width:250px;aspect-ratio:1;border:34px solid var(--navy-500);border-radius:50%}.para+.para{background:var(--white)}.para+.para::before{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.82)),url('../img/v2/fortalecimento.jpg') 75% center/cover}
.para+.para::after{left:auto;right:-82px;top:-90px;bottom:auto;border-color:var(--teal)}.para-in{grid-template-columns:.8fr 1.2fr;gap:110px}.para h2{font-size:clamp(44px,5vw,66px);line-height:.98;color:var(--navy-700);max-width:11ch}.para-in p{font-size:17px;line-height:1.74}.para .pill{margin-bottom:18px}

@media(max-width:900px){.heroX{min-height:900px;align-items:flex-start}.heroX-photo{width:100%;height:44%;top:auto;bottom:0;clip-path:none}.heroX-melt{width:100%;height:64%;background:linear-gradient(180deg,var(--deep),var(--navy-700) 80%,transparent)}.heroX-in{padding:86px 0 390px}.page-faca-parte .motivo{grid-template-columns:82px 1fr 44px}.page-faca-parte .motivo p{grid-column:2}.page-faca-parte .motivo>span{grid-column:3;grid-row:1/3}.para-in{grid-template-columns:1fr;gap:42px}}
@media(max-width:640px){:root{--shell:calc(100% - 36px)}.hd-acts .btn{display:none}.burger{display:flex;flex:none}.hd-in{gap:8px}.heroX{min-height:850px}.heroX h1{font-size:clamp(44px,12vw,58px)}
 .caminhos,.para{padding-block:86px}.page-faca-parte .motivo{grid-template-columns:66px 1fr;gap:16px;padding:24px 0}.page-faca-parte .motivo::before{width:60px}.page-faca-parte .motivo p{grid-column:1/-1}.page-faca-parte .motivo>span{display:none}.page-faca-parte .motivo h3{font-size:25px}.para h2{font-size:42px}
}
.page-id{margin-bottom:18px;background:var(--teal);color:var(--deep)}.page-id::before{display:none}.motivo-cta{display:flex;width:max-content;margin-top:16px;padding:8px 13px;border-radius:999px;background:var(--mint);color:var(--navy-700);font-size:12.5px}.page-faca-parte .motivo:hover .motivo-cta{background:var(--teal);color:var(--deep)}.para-visual{position:relative;height:260px;margin:32px 0 0;overflow:visible}.para-visual .duo{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(1);clip-path:circle(46% at 56% 50%)}.para-visual::before{content:"";position:absolute;left:-14px;bottom:-18px;width:39%;aspect-ratio:1;border-radius:50%;background:var(--teal);mix-blend-mode:multiply;z-index:1}.para-visual::after{content:"";position:absolute;right:-12px;top:-18px;width:78%;height:74%;border:3px solid var(--navy-500);border-radius:50%;clip-path:inset(0 0 46% 0)}.orientacao{padding:26px 0;background:var(--mint)}.orientacao p{max-width:880px;color:var(--navy-700)}.orientacao a{font-weight:800;color:var(--teal-ink)}
/* SISTEMA FOTOGRÁFICO · P&B SOB COR */
.page-faca-parte .motivo::before{filter:none;background-color:var(--white);background-blend-mode:luminosity}
.para::before{background:linear-gradient(120deg,rgba(211,235,233,.98),rgba(211,235,233,.9));background-color:var(--mint-2)}
.para+.para::before{background:linear-gradient(120deg,rgba(255,255,255,.98),rgba(232,247,245,.8));background-color:var(--white)}
/* POLIMENTO GLOBAL · MENU CANÔNICO E ESCALA */
.hd-in{height:72px;gap:14px}
.mark{gap:8px;flex:0 0 auto}
.mark svg{width:30px;height:24px}
.mark-txt{font-size:15px;letter-spacing:.12em}
.mark-txt span{font-size:7px;letter-spacing:.3em}
.nav{gap:13px;flex:0 0 auto}
.nav>a,.drop-b{min-height:40px;padding:0;font-size:11px;line-height:1;letter-spacing:.025em;white-space:nowrap}
.nav>a::after,.drop-b::after{bottom:3px;height:1.5px}
.hd-acts{gap:6px;flex:0 0 auto}
.hd .btn{min-height:38px;padding:0 14px;font-size:10.5px;line-height:1;letter-spacing:.035em;white-space:nowrap}
.drop-m{top:calc(100% - 1px)}
.sheet{justify-content:flex-start;padding:82px 28px 28px}
.sheet .pill{margin-bottom:12px}
.sheet a{padding:8px 0;font-size:clamp(19px,5vw,24px);line-height:1.08;white-space:nowrap}
.sheet a.sub{padding-left:14px;font-size:clamp(17px,4.5vw,21px)}
.sheet-g{margin:7px 0 1px;font-size:10px}
@media(max-width:1240px){.nav{display:none}.burger{display:flex}}
@media(max-width:760px){.hd-in{height:68px}.hd-acts .btn{display:none}.sheet{padding-top:76px}}
/* POLIMENTO · FAÇA PARTE */
.heroX{min-height:min(720px,calc(100svh - 72px))}
.heroX-photo{width:54%}
.heroX-melt{width:60%}
.heroX-in{width:var(--shell);max-width:none;margin-inline:auto;padding:64px 0}
.heroX h1{font-size:clamp(48px,4.7vw,64px);line-height:1;max-width:13ch}
.heroX-sub{font-size:16px;line-height:1.66}
.heroX-in>h1,.heroX-in>.heroX-sub{width:min(650px,56%)}
.caminhos,.para{padding:88px 0}
.caminhos-hd h2,.para h2{font-size:clamp(38px,4vw,54px);line-height:1;max-width:14ch}
.page-faca-parte .motivo{min-height:118px}
@media(max-width:900px){.heroX{min-height:740px}.heroX-photo{width:100%;height:40%}.heroX-melt{width:100%;height:67%}.heroX-in{padding:58px 0 310px}.heroX-in>h1,.heroX-in>.heroX-sub{width:100%}}
@media(max-width:640px){.heroX{min-height:700px}.heroX-in{padding:50px 0 286px}.heroX h1{font-size:clamp(40px,11vw,50px)}.caminhos,.para{padding-block:68px}}

/* Correção: garante que a foto "Para advogados/organizações" fique pequena e circular */
figure.para-visual {
  position: relative !important;
  height: 260px !important;
  width: 100% !important;
  max-width: 340px !important;
  margin: 32px 0 0 !important;
  overflow: visible !important;
}
figure.para-visual .duo {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  filter: grayscale(1) !important;
  clip-path: circle(46% at 56% 50%) !important;
}

/* ══ HERO REAL DA CONTATO (com foto própria, achava que faltava) ══ */
.page-contato .heroS.s-teal{position:relative;isolation:isolate;min-height:660px;display:flex;align-items:center;padding:96px 0;overflow:hidden;background:var(--teal-deep)}
.page-contato .heroS.s-teal::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,44,.98),rgba(10,129,129,.78) 58%,rgba(10,129,129,.24)),url('../img/v2/contato-01.jpg') 72% center/cover;z-index:-1}
.page-contato .heroS.s-teal::after{content:"";position:absolute;right:-84px;bottom:-110px;width:350px;aspect-ratio:1;border:50px solid var(--teal);border-radius:50%}
.page-contato .heroS-in{max-width:780px}
.page-contato .heroS h1{font-size:clamp(55px,6.2vw,86px);line-height:.95;letter-spacing:-.028em;max-width:10ch;margin:24px 0}
.page-contato .heroS-sub{font-size:18px;line-height:1.72;max-width:52ch}
.page-contato .heroS .g{opacity:.25}

/* ══ BASE COMPARTILHADA: motivos/mo, faq/q, inst (novas nessa leva) ══ */
.motivos{background:var(--white);padding:clamp(56px,7vw,92px) 0}
.motivos-hd{max-width:24ch;margin-bottom:clamp(28px,3.6vw,48px)}
.motivos-hd h2{font-size:clamp(26px,3.4vw,40px);margin-top:var(--s-md)}
.mo{border-top:1px solid var(--line)}
.mo:last-of-type{border-bottom:1px solid var(--line)}
.mo summary{display:grid;grid-template-columns:1fr auto;gap:var(--s-md);align-items:center;padding:var(--s-lg) 0;cursor:pointer;list-style:none}
.mo summary::-webkit-details-marker{display:none}
.mo summary i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-style:normal;border:1.5px solid var(--line);font-size:18px;line-height:1;flex:none;transition:transform var(--dur-state) var(--ease-quart),background-color var(--dur-state),color var(--dur-state)}
.mo[open] summary i{transform:rotate(45deg);background:var(--navy-700);border-color:var(--navy-700);color:var(--white)}
.mo-h{font-size:clamp(18px,2vw,22px);font-weight:500;margin-bottom:4px}
.mo-sub{font-size:14px;color:var(--ink-soft);font-weight:400}
.mo-body{padding:0 0 var(--s-lg);max-width:70ch}
.mo-body p{color:var(--ink-soft);font-size:15.5px}
.mo-body a{color:var(--teal-ink);font-weight:700;text-decoration:none}
.mo-body a:hover{text-decoration:underline}
.mo-links{display:flex;flex-wrap:wrap;gap:var(--s-sm);margin-top:var(--s-md)}
.mo-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);font-size:14px;font-weight:700;color:var(--navy-700)}
.mo-links a:hover{background:var(--mint);text-decoration:none}
.faq{background:var(--mint);padding:clamp(64px,8vw,104px) 0}
.faq-hd{max-width:26ch;margin-bottom:clamp(24px,3vw,40px)}
.faq-hd h2{font-size:clamp(26px,3.4vw,40px);margin-top:var(--s-md)}
.q{border-top:1px solid rgba(14,27,42,.16)}
.q:last-of-type{border-bottom:1px solid rgba(14,27,42,.16)}
.q summary{display:grid;grid-template-columns:1fr auto;gap:var(--s-md);align-items:center;padding:var(--s-lg) 0;cursor:pointer;list-style:none;font-size:clamp(16px,1.75vw,19px);font-weight:500;transition:color var(--dur-state)}
.q summary::-webkit-details-marker{display:none}
.q summary:hover{color:var(--teal-ink)}
.q summary i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-style:normal;border:1.5px solid rgba(14,27,42,.22);font-size:18px;line-height:1;transition:transform var(--dur-state) var(--ease-quart),background-color var(--dur-state),color var(--dur-state)}
.q[open] summary i{transform:rotate(45deg);background:var(--navy-700);border-color:var(--navy-700);color:var(--white)}
.q-body{padding:0 0 var(--s-lg);max-width:72ch}
.q-body p{color:var(--ink-soft);font-size:15.5px}
.q-body a{color:var(--teal-ink);font-weight:700}
.inst{background:var(--white);padding:clamp(56px,7vw,92px) 0}
.inst-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.inst h2{font-size:clamp(24px,3.2vw,38px);margin:var(--s-md) 0 var(--s-md);max-width:16ch}
.inst p{color:var(--ink-soft);max-width:46ch}
.inst a{color:var(--teal-ink);font-weight:700}
.aviso-d{padding:var(--s-lg);background:var(--mint);border-left:3px solid var(--teal-line)}
.aviso-d p{font-size:15.5px;color:var(--ink)}
.aviso-d a{color:var(--teal-ink);font-weight:700}
@media (max-width:1000px){.inst-in{grid-template-columns:1fr;gap:var(--s-lg)}}

/* ══ DIREÇÃO DE ARTE · CONTATO ══ */
.motivos{position:relative;padding:118px 0;overflow:hidden}.motivos::after{content:"";position:absolute;right:-130px;top:90px;width:330px;aspect-ratio:1;border:46px solid var(--teal);border-radius:50%;opacity:.16}.motivos-hd{max-width:680px}.motivos-hd h2{font-size:clamp(45px,5vw,68px);line-height:.98;color:var(--navy-700)}
.mo{position:relative;z-index:1;border-top:1px solid rgba(13,84,136,.2)}.mo:last-child{border-bottom:1px solid rgba(13,84,136,.2)}.mo summary{min-height:126px;padding:24px 0}.mo summary::before{content:"";width:62px;aspect-ratio:1;border-radius:50%;margin-right:24px;background:var(--mint);box-shadow:inset 0 0 0 2px var(--teal)}.mo:nth-of-type(2n) summary::before{background:var(--navy-700);box-shadow:none}.mo:nth-of-type(3n) summary::before{background:var(--teal)}.mo-h{font-family:var(--display);font-size:clamp(24px,2.6vw,34px);line-height:1.05;color:var(--navy-700)}.mo-sub{font-size:14px;margin-top:8px}.mo summary i{width:46px;height:46px;border-radius:50%;background:var(--mint);display:grid;place-items:center}.mo[open]{background:linear-gradient(90deg,var(--mint),transparent)}.mo-body{padding:0 80px 30px 86px;max-width:82ch}
.faq{position:relative;padding:118px 0;background-color:var(--mint);background-image:linear-gradient(rgba(225,243,245,.91),rgba(225,243,245,.91)),url('../img/v2/textura-papel.jpg');background-size:cover;overflow:hidden}.faq::after{content:"";position:absolute;left:-90px;bottom:-130px;width:300px;aspect-ratio:1;border:44px solid var(--navy-500);border-radius:50%}.faq-hd{max-width:680px}.faq-hd h2{font-size:clamp(45px,5vw,68px);line-height:.98;color:var(--navy-700);max-width:10ch}.q{position:relative;z-index:1;background:rgba(255,255,255,.24);border-top:1px solid rgba(13,84,136,.2)}.q summary{min-height:84px;font-size:16px}.q summary i{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.7);display:grid;place-items:center}.q[open]{background:rgba(255,255,255,.66)}
.inst{position:relative;isolation:isolate;padding:100px 0;overflow:hidden}.inst::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.9)),url('../img/v2/textura-papel.jpg') center/cover;z-index:-1}.inst-in{grid-template-columns:1fr 1fr;gap:80px}.aviso-d{padding:34px 38px;background:var(--mint);border:0;border-top:3px solid var(--teal)}.amiH-cta{font-family:var(--display);font-size:clamp(18px,1.8vw,24px);color:var(--navy-700)}
@media(max-width:900px){.inst-in{grid-template-columns:1fr}.mo summary::before{width:50px}.mo-body{padding-left:74px}}
@media(max-width:640px){.heroS.s-teal{min-height:680px;padding:74px 0}.heroS h1{font-size:clamp(45px,12vw,60px)}.motivos,.faq,.inst{padding-block:86px}.mo summary{min-height:108px}.mo summary::before{width:38px;margin-right:12px}.mo-h{font-size:23px}.mo-body{padding:0 18px 28px}.q summary{font-size:15px}.amiH-cta{overflow-wrap:anywhere}}
.heroS.s-teal::before{background-color:var(--teal-deep);background-blend-mode:normal,luminosity}
.inst::before{background-color:var(--white);background-blend-mode:normal,luminosity}
.heroS.s-teal{min-height:min(620px,calc(100svh - 72px));padding:72px 0}
.motivos,.faq{padding:88px 0}
.motivos-hd h2,.faq-hd h2{font-size:clamp(38px,4vw,54px);line-height:1;max-width:14ch}
.mo summary{min-height:104px;padding:20px 0}
.mo:nth-of-type(n) summary::before{width:46px;margin-right:20px;background:var(--mint);box-shadow:inset 0 0 0 2px var(--teal)}
.mo summary i{width:40px;height:40px;background:var(--mint);color:var(--navy-700)}
.mo[open] summary i{background:var(--navy-700);color:var(--white)}
.mo[open]{background:linear-gradient(90deg,rgba(225,243,245,.72),transparent)}
.mo-h{font-size:clamp(23px,2.3vw,30px)}
.mo-links a{background:var(--teal);border-color:var(--teal);color:var(--deep);font-weight:700}
.mo-links a:hover{background:var(--navy-700);border-color:var(--navy-700);color:var(--white)}
.faq{background-color:var(--mint-2)}
.q summary i{color:var(--navy-700)}
.inst{padding:80px 0}
@media(max-width:640px){.heroS.s-teal{min-height:580px;padding:58px 0}.heroS h1{font-size:clamp(40px,11vw,50px)}.motivos,.faq,.inst{padding-block:68px}.mo summary{min-height:92px}.mo:nth-of-type(n) summary::before{width:34px;margin-right:12px}.mo-h{font-size:22px}}
.motivos{counter-reset:motivo;padding:96px 0}
.motivos .shell{display:grid;grid-template-columns:320px minmax(0,1fr);column-gap:72px;align-items:start}
.motivos-hd{grid-column:1;position:sticky;top:104px;margin:0;max-width:none}
.motivos-hd h2{max-width:9ch}
.mo{grid-column:2;counter-increment:motivo;border:0;border-bottom:1px solid rgba(13,84,136,.2);background:var(--white)}
.mo:first-of-type{border-top:1px solid rgba(13,84,136,.2)}
.mo summary{display:grid;grid-template-columns:64px minmax(0,1fr) 42px;gap:22px;min-height:118px;padding:24px 18px;align-items:center;text-align:left}
.mo summary::before,.mo:nth-of-type(n) summary::before{content:"0" counter(motivo);display:block;width:auto;aspect-ratio:auto;margin:0;background:none;box-shadow:none;font-family:var(--display);font-size:31px;line-height:1;color:var(--teal-ink)}
.mo summary i{grid-column:3;width:42px;height:42px;background:transparent;border-color:rgba(13,84,136,.28)}
.mo-h{font-size:clamp(23px,2.2vw,29px);text-align:left}.mo-sub{text-align:left}
.mo[open]{background:var(--mint-2);box-shadow:inset 4px 0 0 var(--teal)}
.mo[open] summary i{background:var(--navy-700)}
.mo-body{max-width:none;padding:0 82px 30px 104px}.mo-body p{max-width:70ch}
.faq{padding:96px 0}
.faq .shell{display:grid;grid-template-columns:320px minmax(0,1fr);column-gap:72px;align-items:start}
.faq-hd{grid-column:1;position:sticky;top:104px;max-width:none;margin:0}.faq-hd h2{max-width:10ch}
.q{grid-column:2;background:rgba(255,255,255,.38)}
.q summary{padding-inline:18px;text-align:left}
.q-body{padding-inline:18px}
.inst-in{grid-template-columns:.9fr 1.1fr;align-items:center}.inst-in>div:last-child{text-align:left!important}.inst-in>div:last-child .kick{justify-content:flex-start!important}
@media(max-width:900px){.motivos .shell,.faq .shell{grid-template-columns:1fr;gap:38px}.motivos-hd,.faq-hd,.mo,.q{grid-column:1}.motivos-hd,.faq-hd{position:static}.mo-body{padding-left:104px}.inst-in{grid-template-columns:1fr}}
@media(max-width:640px){.mo summary{grid-template-columns:42px minmax(0,1fr) 36px;gap:12px;min-height:98px;padding:18px 8px}.mo summary::before,.mo:nth-of-type(n) summary::before{font-size:23px}.mo summary i{width:36px;height:36px}.mo-h{font-size:21px}.mo-body{padding:0 8px 24px 54px}.faq .shell,.motivos .shell{gap:30px}.inst-in>div:last-child{text-align:left!important}.amiH-cta{font-size:21px}}
@media(min-width:901px){.motivos-hd{grid-row:1/span 5}.faq-hd{grid-row:1/span 9}}
.heroS.s-teal{min-height:min(580px,calc(100svh - 72px));padding:68px 0}.heroS-in{max-width:900px}.heroS h1{max-width:15ch;font-size:clamp(44px,4.35vw,60px)}.heroS-sub{max-width:60ch}
@media(max-width:640px){.heroS.s-teal{min-height:560px;padding:50px 0}.heroS h1{max-width:none;font-size:clamp(38px,10vw,47px)}}

/* ══ BASE COMPARTILHADA: destaque editorial, índice, newsletter (Notícias) ══ */
.abre-nt{background:var(--white);padding:clamp(56px,7vw,92px) 0 clamp(32px,4vw,52px);border-bottom:1px solid var(--line)}
.abre-nt-in{max-width:900px}
.abre-nt h1{font-size:clamp(36px,5.2vw,66px);margin:var(--s-md) 0 var(--s-lg);max-width:17ch}
.abre-nt p{color:var(--ink-soft);font-size:clamp(16.5px,1.55vw,19px);max-width:54ch}
.dest{background:var(--white);padding:clamp(40px,5vw,72px) 0}
.dest-card{position:relative;isolation:isolate;overflow:hidden;display:block;text-decoration:none;color:var(--white);min-height:clamp(300px,34vw,420px);padding:clamp(28px,3.6vw,52px)}
.dest-card figure{position:absolute;inset:0}
.dest-wash{position:absolute;inset:0;z-index:var(--z-arc);background:linear-gradient(120deg,rgba(5,43,44,.94) 12%,rgba(22,65,113,.86) 52%,rgba(13,103,175,.6))}
.dest-arc{position:absolute;right:-4%;top:-16%;width:34%;aspect-ratio:1;border-radius:50%;border:clamp(16px,2.4vw,26px) solid var(--teal);clip-path:inset(0 0 46% 0);z-index:var(--z-arc)}
.dest-in{position:relative;z-index:var(--z-body);display:flex;flex-direction:column;height:100%;justify-content:flex-end;gap:var(--s-sm)}
.dest-in h2{font-size:clamp(25px,3.2vw,40px);color:var(--white);max-width:19ch}
.dest-in p{color:rgba(255,255,255,.93);max-width:52ch;font-size:15.5px}
.dest-go{display:inline-flex;align-items:center;gap:10px;margin-top:var(--s-xs);font-weight:700;font-size:14.5px}
.dest-go i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-style:normal;border:1.5px solid rgba(255,255,255,.55);transition:background-color var(--dur-state),color var(--dur-state),transform var(--dur-state)}
.dest-card:hover .dest-go i{background:var(--white);color:var(--deep);transform:translateX(4px)}
.idx{background:var(--white);padding:0 0 clamp(64px,8vw,104px)}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(24px,3vw,36px)}
.filtro{padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);font-size:13.5px;font-weight:500;color:var(--ink-soft);text-decoration:none}
.filtro:hover{border-color:var(--teal-line);color:var(--teal-ink)}
.filtro-ativo{background:var(--navy-700);border-color:var(--navy-700);color:var(--white)}
.mat-data{display:block;font-size:12px;color:var(--ink-soft);margin-bottom:4px}
.dest-data{display:block;font-size:12.5px;color:rgba(255,255,255,.82);margin-bottom:4px}
.idx-hd{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-md);padding-bottom:var(--s-md);border-bottom:2px solid var(--ink)}
.idx-hd h2{font-size:clamp(20px,2.2vw,27px)}
.idx-hd span{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.mat{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) auto;gap:clamp(20px,3vw,44px);align-items:start;padding:clamp(20px,2.6vw,30px) 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background-color var(--dur-state) var(--ease-quart)}
.mat:hover{background:var(--mint-pale)}
.mat h3{font-size:clamp(18px,2vw,24px);transition:color var(--dur-state)}
.mat:hover h3{color:var(--teal-ink)}
.mat p{color:var(--ink-soft);font-size:14.5px}
.mat span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);transition:background-color var(--dur-state),border-color var(--dur-state),color var(--dur-state)}
.mat:hover span{background:var(--teal);border-color:var(--teal);color:var(--deep)}
.news{background:var(--mint);padding:clamp(56px,7vw,92px) 0}
.news-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.news h2{font-size:clamp(24px,3.2vw,38px);margin:var(--s-md) 0 var(--s-md);max-width:16ch}
.news p{color:var(--ink-soft);max-width:44ch}
.news-form{display:flex;flex-wrap:wrap;gap:var(--s-sm)}
.news-ok{width:100%;margin-top:var(--s-sm);font-size:14px;color:var(--teal-ink);font-weight:500}
.news-form input{flex:1 1 240px;min-height:52px;padding:0 20px;border-radius:999px;background:var(--white);color:var(--ink);border:1.5px solid var(--line);font-family:var(--body);font-size:15px;transition:border-color var(--dur-state)}
.news-form input::placeholder{color:#5F6D79}
.news-form input:focus{border-color:var(--teal-line);outline:none}
@media (max-width:1000px){.mat{grid-template-columns:1fr auto;gap:var(--s-md);row-gap:8px}.mat p{grid-column:1/-1}.news-in{grid-template-columns:1fr;gap:var(--s-lg)}}

/* ══ DIREÇÃO DE ARTE · NOTÍCIAS (isolada por .page-noticias) ══ */
.page-noticias .abre-nt{position:relative;isolation:isolate;min-height:min(580px,calc(100svh - 72px));display:flex;align-items:center;padding:68px 0;overflow:hidden;background:var(--deep);color:var(--white)}
.page-noticias .abre-nt::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,44,.98) 0%,rgba(22,65,113,.9) 52%,rgba(13,84,136,.26) 100%),url('../img/v2/noticias-hero.jpg') 72% center/cover;background-color:var(--navy-700);background-blend-mode:normal,luminosity;filter:none;opacity:1;z-index:-1}
.page-noticias .abre-nt::after{content:"";position:absolute;right:-86px;bottom:-110px;width:340px;aspect-ratio:1;border:50px solid var(--teal);border-radius:50%;z-index:0}
.page-noticias .abre-nt-in{position:relative;z-index:var(--z-body);width:var(--shell);max-width:920px;margin-inline:auto}
.page-noticias .abre-nt h1{max-width:15ch;font-size:clamp(44px,4.35vw,60px);line-height:1;letter-spacing:-.028em;color:var(--white)}
.page-noticias .abre-nt p{font-size:16px;line-height:1.66;max-width:60ch;color:rgba(255,255,255,.92)}
.page-noticias .dest,.page-noticias .idx{padding:88px 0}
.page-noticias .dest-card{min-height:520px}
.page-noticias .dest-in{padding:52px 58px;max-width:740px}
.page-noticias .dest-in h2{font-size:clamp(38px,4vw,54px);line-height:.98;max-width:14ch}
.page-noticias .dest-in p{font-size:16px;line-height:1.68}
.page-noticias .dest-arc{width:260px;height:260px;border-width:38px;right:-54px;top:-70px;z-index:0}.page-noticias .dest-in,.page-noticias .news-in{position:relative;z-index:1}
.page-noticias .idx-hd{padding-bottom:22px;border-bottom:2px solid var(--navy-700)}
.page-noticias .idx-hd h2{font-size:clamp(38px,4.3vw,56px);color:var(--navy-700)}
.page-noticias .filtros{gap:8px;margin:24px 0 42px}
.page-noticias .filtro{padding:9px 15px;border-radius:999px;border:1px solid rgba(13,84,136,.2)}
.page-noticias .mat{position:relative;overflow:hidden;grid-template-columns:96px minmax(0,1.25fr) minmax(250px,.75fr) 54px;gap:26px;min-height:0;padding:24px 24px 24px 28px;background:transparent;border-top:0;border-bottom:1px solid rgba(13,84,136,.18);transition:background-color 220ms var(--ease-quart)}
.page-noticias .mat-foto{display:block;width:96px;height:96px;border-radius:12px;overflow:hidden;flex:none;align-self:center}
.page-noticias .mat-foto img{width:100%;height:100%;object-fit:cover;display:block}
.page-noticias .mat::before{content:"";position:absolute;left:8px;top:20px;bottom:20px;width:4px;background:var(--teal);transform:scaleY(0);transform-origin:top;transition:transform 260ms var(--ease-quart)}
.page-noticias .mat:hover::before{transform:scaleY(1)}
.page-noticias .mat:hover{background:var(--mint-pale)}
.page-noticias .mat-data{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink);margin:0}
.page-noticias .mat h3{font-size:clamp(25px,2.7vw,36px);line-height:1.05;color:var(--navy-700);margin-top:10px;max-width:29ch}
.page-noticias .mat:hover h3{color:var(--navy-700)}
.page-noticias .mat>p{font-size:14.5px;line-height:1.66;color:var(--ink-soft);align-self:center;padding-left:4px}
.page-noticias .mat>span:last-child{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(13,84,136,.25);align-self:center}
.page-noticias .mat:hover>span:last-child{background:var(--navy-700);border-color:var(--navy-700);color:var(--white);transform:translateX(3px)}
.page-noticias .news{position:relative;isolation:isolate;padding:80px 0;background:var(--mint);overflow:hidden}
.page-noticias .news::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(225,243,245,.98),rgba(225,243,245,.82)),url('../img/v2/textura-papel.jpg') center/cover;z-index:-1}
.page-noticias .news::after{content:"";position:absolute;left:-90px;bottom:-120px;width:300px;aspect-ratio:1;border:44px solid var(--navy-500);border-radius:50%;z-index:-1}
.page-noticias .news h2{font-size:clamp(36px,3.8vw,50px);line-height:1;color:var(--navy-700);max-width:15ch}
.page-noticias .news-form input{min-height:58px;border:0;background:var(--white);box-shadow:0 14px 30px rgba(13,84,136,.08)}
.page-noticias .page-id{background:var(--teal);color:var(--deep)}
.page-noticias .page-id::before{display:none}
@media(max-width:900px){.page-noticias .abre-nt::before{inset:0;background:linear-gradient(180deg,rgba(5,43,44,.98) 0%,rgba(22,65,113,.9) 56%,rgba(13,84,136,.38) 100%),url('../img/v2/noticias-hero.jpg') center/cover;background-color:var(--navy-700);background-blend-mode:normal,luminosity}.page-noticias .abre-nt{min-height:700px}.page-noticias .abre-nt::after,.page-noticias .dest-arc,.page-noticias .news::after{display:none}.page-noticias .mat{grid-template-columns:72px 1fr 48px;gap:16px;padding-inline:20px}.page-noticias .mat-foto{width:72px;height:72px}.page-noticias .mat>p{grid-column:1/-1}.page-noticias .mat>span:last-child{grid-column:3}.page-noticias .news-in{grid-template-columns:1fr;gap:40px}}
@media(max-width:640px){.page-noticias .abre-nt{min-height:650px;padding:50px 0}.page-noticias .abre-nt h1{max-width:none;font-size:clamp(38px,10vw,47px)}.page-noticias .dest,.page-noticias .idx,.page-noticias .news{padding-block:68px}.page-noticias .dest-card{min-height:500px}.page-noticias .mat{grid-template-columns:64px 1fr;padding:22px 18px 22px 20px;gap:14px}.page-noticias .mat-foto{width:64px;height:64px}.page-noticias .mat>p,.page-noticias .mat>span:last-child{grid-column:1/-1;grid-row:auto}.page-noticias .news-form{grid-template-columns:1fr}}

/* ══ CONHECIMENTO · regras geradas do HTML final (isoladas por .page-conhecimento) ══ */
.page-conhecimento .abre-cn{position:relative;background:var(--mint);padding:clamp(64px,8vw,110px) 0 clamp(56px,7vw,92px);overflow:hidden}
.page-conhecimento .abre-cn .arco-a{position:absolute;right:-4vw;top:-12vw;width:min(320px,38vw);aspect-ratio:1;border-radius:50%;border:clamp(20px,3vw,30px) solid var(--navy-500);clip-path:inset(0 0 46% 0);opacity:.9;z-index:var(--z-arc)}
.page-conhecimento .abre-cn .arco-b{position:absolute;right:18vw;bottom:-9vw;width:min(210px,24vw);aspect-ratio:1;border-radius:50%;border:clamp(16px,2.4vw,24px) solid var(--teal-line);clip-path:inset(46% 0 0 0);z-index:var(--z-arc)}
.page-conhecimento .abre-cn-in{position:relative;z-index:var(--z-body);max-width:900px}
.page-conhecimento .abre-cn h1{font-size:clamp(38px,5.6vw,72px);margin:var(--s-md) 0 var(--s-lg);max-width:16ch}
.page-conhecimento .abre-cn p{color:var(--ink-soft);font-size:clamp(17px,1.6vw,19.5px);max-width:52ch}
.page-conhecimento .tese{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.page-conhecimento .tese-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start;margin-bottom:clamp(40px,5vw,64px)}
.page-conhecimento .tese-top h2{font-size:clamp(28px,3.8vw,46px);max-width:16ch}
.page-conhecimento .tese-top p{color:var(--ink-soft);max-width:52ch}
.page-conhecimento .tese-top p+p{margin-top:var(--s-md)}
.page-conhecimento .tipos{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.page-conhecimento .tipo{background:var(--white);padding:clamp(20px,2.6vw,30px) clamp(16px,2vw,26px)}
.page-conhecimento .tipo h3{font-size:clamp(18px,1.9vw,23px);margin-bottom:8px}
.page-conhecimento .tipo p{color:var(--ink-soft);font-size:14.5px}
.page-conhecimento .bib{background:var(--mint-2);padding:clamp(64px,8vw,104px) 0}
.page-conhecimento .bib-hd{max-width:24ch;margin-bottom:clamp(28px,4vw,48px)}
.page-conhecimento .bib-hd h2{font-size:clamp(28px,3.8vw,46px);margin-top:var(--s-md)}
.page-conhecimento .bib-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,36px)}
.page-conhecimento .pub{display:block;text-decoration:none;color:inherit;background:var(--white);transition:transform var(--dur-state) var(--ease-quart),box-shadow var(--dur-state) var(--ease-quart)}
.page-conhecimento .pub:hover{transform:translateY(-3px);box-shadow:0 16px 40px -22px rgba(5,43,44,.5)}
.page-conhecimento .capa{position:relative;aspect-ratio:1/1.32;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--s-lg);color:var(--white)}
.page-conhecimento .capa::after{content:"";position:absolute;right:-22%;top:-16%;width:74%;aspect-ratio:1;border-radius:50%;border:14px solid rgba(255,255,255,.22);clip-path:inset(0 0 44% 0)}
.page-conhecimento .capa i{position:absolute;left:-14%;bottom:-18%;width:56%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.13)}
.page-conhecimento .capa b{position:relative;z-index:2;font-family:var(--display);font-weight:400;font-size:clamp(21px,2.4vw,28px);line-height:1.1;letter-spacing:-.02em}
.page-conhecimento .capa span{position:relative;z-index:2;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#FFFFFF;margin-bottom:10px}
.page-conhecimento .pub-1 .capa{background:var(--navy-700)}
.page-conhecimento .pub-2 .capa{background:var(--teal-deep)}
.page-conhecimento .pub-3 .capa{background:var(--navy-500)}
.page-conhecimento .pub-4 .capa{background:var(--deep)}
.page-conhecimento .pub-5 .capa{background:var(--navy-300)}
.page-conhecimento .pub-6 .capa{background:var(--teal-ink)}
.page-conhecimento .pub-txt{padding:var(--s-lg)}
.page-conhecimento .pub-txt p{color:var(--ink-soft);font-size:14.5px}
.page-conhecimento .bib-note{margin-top:clamp(24px,3vw,40px);font-size:13.5px;color:var(--ink-soft)}
.page-conhecimento .fecho-cn{background:var(--navy-700);color:var(--white);padding:clamp(64px,8vw,104px) 0}
.page-conhecimento .fecho-cn-in{max-width:640px}
.page-conhecimento .fecho-cn h2{font-size:clamp(28px,3.8vw,46px);color:var(--white);margin:var(--s-md) 0 var(--s-md);max-width:17ch}
.page-conhecimento .fecho-cn p{color:rgba(255,255,255,.9);max-width:52ch;margin-bottom:var(--s-xl)}
@media (max-width:1000px){
  .page-conhecimento .tese-top{grid-template-columns:1fr;gap:var(--s-lg)}
  .page-conhecimento .tipos{grid-template-columns:1fr 1fr}
  .page-conhecimento .bib-grid{grid-template-columns:1fr 1fr}
  .page-conhecimento .abre-cn .arco-b{display:none}
}
@media (max-width:640px){
  .page-conhecimento .tipos,.page-conhecimento .bib-grid{grid-template-columns:1fr}
}
.page-conhecimento .abre-cn{position:relative;isolation:isolate;min-height:700px;display:flex;align-items:center;padding:100px 0;background:var(--mint);overflow:hidden}
.page-conhecimento .abre-cn::before{content:"";position:absolute;inset:0 0 0 52%;background:linear-gradient(90deg,rgba(225,243,245,1),rgba(225,243,245,.12)),url('../img/v2/conhecimento.jpg') center/cover;z-index:-1;filter:grayscale(.35)}
.page-conhecimento .abre-cn::after{content:"";position:absolute;right:-70px;bottom:-110px;width:340px;aspect-ratio:1;border:50px solid var(--teal);border-radius:50%}
.page-conhecimento .abre-cn-in{max-width:720px;margin-left:max(24px,calc((100vw - 1240px)/2));margin-right:auto}
.page-conhecimento .abre-cn h1{font-size:clamp(54px,6.1vw,84px);line-height:.96;letter-spacing:-.028em;color:var(--navy-700);max-width:10ch}
.page-conhecimento .abre-cn p{font-size:18px;line-height:1.72;max-width:51ch}
.page-conhecimento .tese{position:relative;padding:122px 0;overflow:hidden}
.page-conhecimento .tese::after{content:"";position:absolute;right:7vw;top:100px;width:230px;aspect-ratio:1;border-radius:50%;background:url('../img/v2/saldo.jpg') center/cover;filter:grayscale(1);box-shadow:0 0 0 24px var(--mint)}
.page-conhecimento .tese-top{grid-template-columns:.72fr 1.28fr;gap:110px;padding-right:260px}
.page-conhecimento .tese h2{font-size:clamp(45px,5vw,68px);line-height:.98;color:var(--navy-700);max-width:10ch}
.page-conhecimento .tese p{font-size:16.5px;line-height:1.75}
.page-conhecimento .tese-grid{margin-top:80px;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.page-conhecimento .tese-grid article{min-height:250px;padding:30px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.page-conhecimento .tese-grid h3{font-size:24px;line-height:1.06;color:var(--navy-700)}
.page-conhecimento .bib{position:relative;padding:120px 0;background-color:var(--mint-2);background-image:linear-gradient(rgba(211,235,233,.91),rgba(211,235,233,.91)),url('../img/v2/textura-papel.jpg');background-size:cover}
.page-conhecimento .bib-hd{max-width:700px}
.page-conhecimento .bib-hd h2{font-size:clamp(47px,5.3vw,72px);line-height:.96;color:var(--navy-700);max-width:9ch}
.page-conhecimento .filtros{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 54px}
.page-conhecimento .filtros a{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(13,84,136,.2)}
.page-conhecimento .materiais{grid-template-columns:repeat(3,1fr);gap:22px}
.page-conhecimento .material{background:var(--white);box-shadow:0 18px 36px rgba(13,84,136,.08)}
.page-conhecimento .material:nth-child(2),.page-conhecimento .material:nth-child(5){transform:translateY(34px)}
.page-conhecimento .material-capa{min-height:330px}
.page-conhecimento .material-capa h3{font-size:29px;line-height:1.02}
.page-conhecimento .material-body{padding:25px}
.page-conhecimento .material-body p{line-height:1.62}
.page-conhecimento .fecho-cn{position:relative;isolation:isolate;padding:126px 0;background:var(--navy-700);overflow:hidden}
.page-conhecimento .fecho-cn::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,65,113,.98),rgba(22,65,113,.88)),url('../img/v2/textura-papel.jpg') center/cover;z-index:-1}
.page-conhecimento .fecho-cn::after{content:"";position:absolute;right:-90px;top:-130px;width:380px;aspect-ratio:1;border:54px solid var(--teal);border-radius:50%}
.page-conhecimento .fecho-cn h2{font-size:clamp(47px,5.3vw,72px);line-height:.98;max-width:12ch}
@media(max-width:900px){
  .page-conhecimento .abre-cn::before{inset:55% 0 0}
  .page-conhecimento .abre-cn{min-height:900px;align-items:flex-start}
  .page-conhecimento .abre-cn-in{width:var(--shell);margin-inline:auto}
  .page-conhecimento .tese::after{position:relative;display:block;right:auto;top:auto;margin:60px auto 0}
  .page-conhecimento .tese-top{grid-template-columns:1fr;padding-right:0;gap:42px}
  .page-conhecimento .tese-grid{grid-template-columns:1fr 1fr}
  .page-conhecimento .materiais{grid-template-columns:1fr 1fr}
  .page-conhecimento .material:nth-child(2),.page-conhecimento .material:nth-child(5){transform:none}
}
@media(max-width:640px){
  .page-conhecimento .abre-cn{min-height:850px;padding:76px 0}
  .page-conhecimento .abre-cn h1{font-size:clamp(43px,12vw,58px)}
  .page-conhecimento .tese,.page-conhecimento .bib,.page-conhecimento .fecho-cn{padding-block:86px}
  .page-conhecimento .tese-grid,.page-conhecimento .materiais{grid-template-columns:1fr}
  .page-conhecimento .tese-grid article{min-height:0}
  .page-conhecimento .material-capa{min-height:280px}
  .page-conhecimento .fecho-cn .fechoX-btns{display:grid}
  .page-conhecimento .fecho-cn .btn{justify-content:center;text-align:center}
}
.page-conhecimento .abre-cn::before{filter:none;background:linear-gradient(90deg,rgba(225,243,245,1) 0%,rgba(225,243,245,.52) 38%,rgba(225,243,245,.06) 100%),linear-gradient(140deg,rgba(10,129,129,.78),rgba(22,65,113,.64)),url('../img/v2/conhecimento-v4.png') 68% center/cover;background-color:var(--mint);background-blend-mode:normal,normal,luminosity}
.page-conhecimento .tese::after{filter:none;background-color:var(--white);background-blend-mode:luminosity}
.page-conhecimento .fecho-cn::before{background-color:var(--navy-700);background-blend-mode:normal,luminosity}
.page-conhecimento .abre-cn{min-height:min(640px,calc(100svh - 72px));padding:80px 0}
.page-conhecimento .abre-cn-in{max-width:680px}
.page-conhecimento .abre-cn h1{font-size:clamp(48px,4.7vw,64px);line-height:1;max-width:12ch}
.page-conhecimento .abre-cn p{font-size:16px;line-height:1.66}
.page-conhecimento .tese{padding:88px 0}
.page-conhecimento .tese-top{grid-template-columns:.85fr 1.15fr;gap:72px;padding-right:230px}
.page-conhecimento .tese h2{font-size:clamp(38px,4vw,54px);line-height:1;max-width:14ch}
.page-conhecimento .tese-grid{margin-top:52px}
.page-conhecimento .tese-grid article{min-height:210px;padding:26px}
.page-conhecimento .bib{padding:84px 0}
.page-conhecimento .bib-hd h2{font-size:clamp(38px,4vw,54px);line-height:1;max-width:14ch}
.page-conhecimento .filtros{margin:28px 0 38px}
.page-conhecimento .bib-grid{grid-template-columns:1fr 1fr;gap:16px}
.page-conhecimento .pub{display:grid;grid-template-columns:150px minmax(0,1fr);box-shadow:none;border:1px solid var(--line)}
.page-conhecimento .pub:hover{transform:none;box-shadow:none;border-color:var(--teal)}
.page-conhecimento .capa{aspect-ratio:auto;min-height:200px;padding:20px}
.page-conhecimento .capa::after,.page-conhecimento .capa i{display:none}
.page-conhecimento .capa b{font-size:21px;line-height:1.05}
.page-conhecimento .capa span{font-size:10px}
.page-conhecimento .pub-txt{padding:20px}
.page-conhecimento .pub-txt p{font-size:13.5px;line-height:1.58}
.page-conhecimento .fecho-cn{padding:90px 0}
.page-conhecimento .fecho-cn h2{font-size:clamp(40px,4.2vw,56px);max-width:14ch}
@media(max-width:900px){
  .page-conhecimento .abre-cn{min-height:760px}
  .page-conhecimento .abre-cn::before{inset:54% 0 0;background:linear-gradient(180deg,rgba(225,243,245,.08),rgba(10,129,129,.2)),linear-gradient(140deg,rgba(10,129,129,.78),rgba(22,65,113,.64)),url('../img/v2/conhecimento-v4.png') center/cover;background-blend-mode:normal,normal,luminosity}
  .page-conhecimento .tese-top{grid-template-columns:1fr;padding-right:0;gap:36px}
  .page-conhecimento .bib-grid{grid-template-columns:1fr}
  .page-conhecimento .tese::after{margin-top:42px}
}
@media(max-width:640px){
  .page-conhecimento .abre-cn{min-height:720px;padding:58px 0}
  .page-conhecimento .abre-cn h1{font-size:clamp(40px,11vw,50px)}
  .page-conhecimento .tese,.page-conhecimento .bib{padding-block:68px}
  .page-conhecimento .pub{grid-template-columns:112px minmax(0,1fr)}
  .page-conhecimento .capa{min-height:176px;padding:14px}
  .page-conhecimento .capa b{font-size:18px}
  .page-conhecimento .pub-txt{padding:16px}
  .page-conhecimento .fecho-cn{padding-block:72px}
}
.page-conhecimento .bib{padding:96px 0;overflow:hidden;background-image:linear-gradient(rgba(239,248,248,.94),rgba(239,248,248,.94)),url('../img/v2/textura-papel.jpg')}
.page-conhecimento .bib .shell{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:58px;align-items:start}
.page-conhecimento .bib-hd{grid-column:1;grid-row:1;position:sticky;top:104px;max-width:none;margin:0}
.page-conhecimento .bib-hd h2{font-size:clamp(38px,3.8vw,52px);max-width:10ch}
.page-conhecimento .filtros{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;margin:28px 0 0;gap:7px}
.page-conhecimento .filtros a{padding:8px 13px;background:rgba(255,255,255,.72)}
.page-conhecimento .bib-grid{grid-column:2;grid-row:1/4;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}
.page-conhecimento .pub{position:relative;display:grid;overflow:hidden;border:0;background:var(--white);box-shadow:0 18px 44px -34px rgba(5,43,44,.55);transition:transform 240ms var(--ease-quart),box-shadow 240ms var(--ease-quart)}
.page-conhecimento .pub:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 24px 50px -30px rgba(5,43,44,.5)}
.page-conhecimento .pub:nth-child(1){grid-column:span 7;grid-template-columns:44% 56%;min-height:390px}
.page-conhecimento .pub:nth-child(2){grid-column:span 5;display:block;min-height:390px}
.page-conhecimento .pub:nth-child(3),.page-conhecimento .pub:nth-child(4),.page-conhecimento .pub:nth-child(5),.page-conhecimento .pub:nth-child(6){grid-column:span 6;grid-template-columns:38% 62%;min-height:260px}
.page-conhecimento .pub:nth-child(2) .capa{min-height:245px}
.page-conhecimento .capa{position:relative;isolation:isolate;min-height:100%;aspect-ratio:auto;padding:26px 24px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.page-conhecimento .capa::before{content:"";position:absolute;z-index:-1;left:16px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.42)}
.page-conhecimento .capa::after{content:"";display:block;position:absolute;z-index:-1;right:-58px;top:-52px;width:150px;aspect-ratio:1;border:24px solid rgba(255,255,255,.2);border-radius:50%}
.page-conhecimento .capa i{display:block;position:absolute;z-index:-1;left:-44px;bottom:-58px;width:120px;aspect-ratio:1;border:18px solid rgba(255,255,255,.15);border-radius:50%}
.page-conhecimento .capa span,.page-conhecimento .capa b{position:relative;z-index:2;color:var(--white)}
.page-conhecimento .capa span{font-size:10px;letter-spacing:.15em}
.page-conhecimento .capa b{font-size:clamp(21px,2.1vw,30px);line-height:1.02;max-width:12ch}
.page-conhecimento .pub-txt{display:flex;flex-direction:column;justify-content:center;padding:28px}
.page-conhecimento .pub-txt p{font-size:14px;line-height:1.62}
.page-conhecimento .pub-txt .fmt-see{margin-top:16px!important}
.page-conhecimento .bib-note{grid-column:2;margin-top:28px}
@media(max-width:980px){
  .page-conhecimento .bib .shell{grid-template-columns:1fr}
  .page-conhecimento .bib-hd,.page-conhecimento .filtros,.page-conhecimento .bib-grid,.page-conhecimento .bib-note{grid-column:1;grid-row:auto}
  .page-conhecimento .bib-hd{position:static}
  .page-conhecimento .filtros{flex-direction:row;flex-wrap:wrap;margin-bottom:34px}
  .page-conhecimento .bib-grid{grid-template-columns:1fr 1fr}
  .page-conhecimento .pub:nth-child(n){grid-column:auto;display:grid;grid-template-columns:130px minmax(0,1fr);min-height:230px}
  .page-conhecimento .pub:nth-child(n) .capa{min-height:230px}
}
@media(max-width:640px){
  .page-conhecimento .bib-grid{grid-template-columns:1fr}
  .page-conhecimento .pub:nth-child(n){grid-column:1;grid-template-columns:118px minmax(0,1fr);min-height:210px}
  .page-conhecimento .pub:nth-child(n) .capa{min-height:210px;padding:16px 14px}
  .page-conhecimento .capa b{font-size:18px}
  .page-conhecimento .pub-txt{padding:18px 16px}
  .page-conhecimento .filtros{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
  .page-conhecimento .filtros a{white-space:nowrap;flex:none}
}
.page-conhecimento .bib .filtros{padding-top:38px}
.page-conhecimento .bib .bib-hd{position:static}
.page-conhecimento .pub:nth-child(n+3) .capa{padding:22px 18px}
.page-conhecimento .pub:nth-child(n+3) .capa b{font-size:22px;overflow-wrap:anywhere}
@media(max-width:980px){
  .page-conhecimento .bib .filtros{padding-top:0}
}
@media(max-width:980px){
  .page-conhecimento .pub:nth-child(n) .capa b{font-size:18px}
}
.page-conhecimento .abre-cn{min-height:min(580px,calc(100svh - 72px));padding:68px 0}
.page-conhecimento .abre-cn-in{max-width:830px}
.page-conhecimento .abre-cn h1{max-width:16ch;font-size:clamp(44px,4.35vw,60px)}
.page-conhecimento .abre-cn p{max-width:60ch}
@media(max-width:900px){
  .page-conhecimento .abre-cn{min-height:700px}
  .page-conhecimento .abre-cn h1{max-width:17ch}
}
@media(max-width:640px){
  .page-conhecimento .abre-cn{min-height:650px;padding:50px 0}
  .page-conhecimento .abre-cn h1{max-width:none;font-size:clamp(38px,10vw,47px)}
}
.page-conhecimento .bib .shell{display:block}
.page-conhecimento .bib-hd{text-align:center;margin:0 auto 40px}
.page-conhecimento .bib-hd .kick{justify-content:center}
.page-conhecimento .bib-hd h2{max-width:none}
.page-conhecimento .filtros{justify-content:center;margin:0 0 36px;padding:0!important;flex-direction:row}
.page-conhecimento .filtros button{padding:9px 18px;border:1.5px solid rgba(0,76,134,.18);border-radius:999px;background:#fff;color:var(--ink-soft);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .14s}
.page-conhecimento .filtros button:hover,.page-conhecimento .filtros button.filtro-ativo{background:var(--navy-500);color:#fff;border-color:var(--navy-500)}
.page-conhecimento .materiais-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.page-conhecimento .material{min-height:0;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.page-conhecimento .material:hover{transform:translateY(-4px);box-shadow:0 22px 44px -28px rgba(6,38,64,.45)}
.page-conhecimento .material-cover{aspect-ratio:16/10;display:flex;align-items:flex-end;padding:20px;position:relative}
.page-conhecimento .material-cover-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);background:rgba(0,0,0,.28);border-radius:999px;padding:5px 12px}
.page-conhecimento .material-body{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}
.page-conhecimento .material-body h3{font-size:17.5px;line-height:1.24;margin-bottom:10px}
.page-conhecimento .material-body p{font-size:14px;line-height:1.6;color:var(--ink-soft);flex:1}
.page-conhecimento .material[hidden]{display:none}
.page-conhecimento .bib-note{text-align:center;margin:30px 0 0;max-width:none;font-style:italic}
@media(max-width:640px){
  .page-conhecimento .materiais-grid{grid-template-columns:1fr}
  .page-conhecimento .filtros{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px!important}
  .page-conhecimento .filtros button{white-space:nowrap;flex:none}
}
.page-conhecimento .abre-cn{background:var(--deep);color:var(--white)}
.page-conhecimento .abre-cn::before{inset:0;background:linear-gradient(90deg,rgba(5,43,44,.98) 0%,rgba(22,65,113,.9) 52%,rgba(13,84,136,.26) 100%),url('../img/v2/conhecimento-v4.png') 72% center/cover;background-color:var(--navy-700);background-blend-mode:normal,luminosity;filter:none;opacity:1}
.page-conhecimento .abre-cn-in{max-width:920px;z-index:var(--z-body)}
.page-conhecimento .abre-cn h1{color:var(--white);max-width:15ch}
.page-conhecimento .abre-cn p{color:rgba(255,255,255,.92)}
.page-conhecimento .abre-cn .arco-a,.page-conhecimento .abre-cn .arco-b,.page-conhecimento .abre-cn::after{z-index:0}
@media(max-width:900px){
  .page-conhecimento .abre-cn::before{inset:0;background:linear-gradient(180deg,rgba(5,43,44,.98) 0%,rgba(22,65,113,.9) 56%,rgba(13,84,136,.38) 100%),url('../img/v2/conhecimento-v4.png') center/cover;background-color:var(--navy-700);background-blend-mode:normal,luminosity}
  .page-conhecimento .abre-cn .arco-a,.page-conhecimento .abre-cn .arco-b,.page-conhecimento .abre-cn::after,.page-conhecimento .tese::after,.page-conhecimento .fecho-cn::after{display:none}
  .page-conhecimento .tese-top,.page-conhecimento .tese-grid{position:relative;z-index:1}
}
@media(max-width:640px){
  .page-conhecimento .tipo,.page-conhecimento .material{text-align:center}
  .page-conhecimento .tipo h3,.page-conhecimento .tipo p,.page-conhecimento .material-body h3,.page-conhecimento .material-body p{margin-inline:auto;text-align:center}
  .page-conhecimento .material-body{align-items:center}
  .page-conhecimento .material-cover{justify-content:center}
}
/* mantido do site (não existe no HTML): filtro "Todas", cartões como links e botão "Baixar" */
.page-conhecimento .filtros .filtro{display:inline-block;padding:9px 18px;border:1.5px solid rgba(0,76,134,.18);border-radius:999px;background:#fff;color:var(--ink-soft);font:inherit;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .14s}
.page-conhecimento .filtros .filtro:hover,.page-conhecimento .filtros .filtro-ativo{background:var(--navy-500);color:#fff;border-color:var(--navy-500)}
.page-conhecimento .material{text-decoration:none;color:inherit}
.page-conhecimento .material-cover{background-color:var(--navy-500);background-size:cover;background-position:center}
.page-conhecimento .material-body h3{color:var(--navy-700)}
.page-conhecimento .material-baixar{margin-top:14px;font-size:13.5px;font-weight:700;color:var(--teal-ink);text-decoration:none}
.page-conhecimento .fecho-cn .btn-out2{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}

/* ══ BASE: frentes, comof, encam, temat, chips/fmt-see (novas, exclusivas de Projetos) ══ */
.frentes{background:var(--white);padding:clamp(48px,6vw,80px) 0}
.frentes-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-md)}
.frente-c{position:relative;isolation:isolate;overflow:hidden;display:block;min-height:clamp(260px,30vw,340px);padding:clamp(26px,3.4vw,44px);color:var(--white);text-decoration:none}
.frente-c .wash{position:absolute;inset:0;z-index:var(--z-arc)}
.fr-a .wash{background:linear-gradient(158deg,rgba(22,65,113,.94),rgba(13,84,136,.88) 60%,rgba(13,103,175,.74))}
.fr-b .wash{background:linear-gradient(158deg,rgba(5,43,44,.94),rgba(10,129,129,.88) 58%,rgba(17,177,176,.72))}
.frente-c .arc{position:absolute;z-index:var(--z-arc);border-radius:50%}
.fr-a .arc{right:-6%;top:-14%;width:42%;aspect-ratio:1;border:clamp(14px,2.2vw,24px) solid var(--teal);clip-path:inset(0 0 46% 0)}
.fr-b .arc{left:-8%;bottom:-16%;width:44%;aspect-ratio:1;border:clamp(14px,2.2vw,24px) solid var(--navy-300);clip-path:inset(46% 0 0 0)}
.frente-in{position:relative;z-index:var(--z-body);display:flex;flex-direction:column;height:100%;justify-content:flex-end;gap:var(--s-sm)}
.frente-c h2{font-size:clamp(24px,2.8vw,34px);max-width:13ch;color:var(--white)}
.frente-c p{color:rgba(255,255,255,.93);max-width:38ch;font-size:15px}
.frente-c .kick{color:#FFFFFF;margin-bottom:4px}
.frente-c .kick::before{background:#FFFFFF}
.frente-c .go{display:inline-flex;align-items:center;gap:10px;margin-top:var(--s-xs);font-weight:700;font-size:14.5px}
.frente-c .go i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-style:normal;border:1.5px solid rgba(255,255,255,.55);transition:background-color var(--dur-state),color var(--dur-state),transform var(--dur-state)}
.frente-c:hover .go i{background:var(--white);color:var(--deep);transform:translateX(4px)}
.comof{background:var(--mint);padding:clamp(64px,8vw,104px) 0}
.comof-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.comof-top h2{font-size:clamp(27px,3.6vw,44px);max-width:16ch;margin-top:var(--s-md);color:var(--navy-700)}
.comof-top p{color:var(--ink-soft);max-width:52ch}
.comof-top p+p{margin-top:var(--s-md)}
.encam{margin-top:clamp(32px,4vw,52px);padding:var(--s-lg);background:var(--white);border-left:3px solid var(--teal-line)}
.encam b{display:block;font-size:16.5px;margin-bottom:10px;color:var(--navy-700)}
.encam ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;list-style:none;padding:0}
.encam li{padding:0}
.como-acao{display:flex;align-items:center;width:100%;min-height:76px;padding:16px 20px;border:1px solid rgba(13,84,136,.2);background:var(--mint);color:var(--navy-700);font:700 15px/1.45 var(--body);text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.como-acao:hover{background:var(--navy-700);color:var(--white);transform:translateY(-2px)}
.temat{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.temat-hd{max-width:26ch;margin-bottom:var(--s-lg)}
.temat-hd h2{font-size:clamp(26px,3.4vw,40px);margin-top:var(--s-md);color:var(--navy-700)}
.temat-lead{color:var(--ink-soft);max-width:58ch;margin-bottom:clamp(28px,3.6vw,48px)}
.temat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.tem{background:var(--white);padding:clamp(20px,2.6vw,30px)}
.tem h3{font-size:clamp(18px,1.9vw,23px);margin-bottom:8px;color:var(--navy-700)}
.tem p{color:var(--ink-soft);font-size:14.5px}
.fmt-hd{margin-bottom:var(--s-md)}
.fmt-hd h2{font-size:clamp(27px,3.6vw,42px);margin-top:var(--s-md);color:var(--navy-700)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:10px 16px;border-radius:999px;background:var(--white);border:1px solid var(--line);font-size:13.5px;font-weight:500;color:var(--ink)}
.fmt-see{display:inline-flex;align-items:center;gap:8px;color:var(--teal-ink);font-weight:700;text-decoration:none;font-size:14.5px}
@media (max-width:1000px){.frentes-grid{grid-template-columns:1fr}.comof-top{grid-template-columns:1fr;gap:var(--s-lg)}.temat-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.encam ul{grid-template-columns:1fr}}
@media (max-width:640px){.temat-grid{grid-template-columns:1fr}}

/* ══ DIREÇÃO DE ARTE · PROJETOS (isolada por .page-projetos) ══ */
.page-projetos .heroS{position:relative;isolation:isolate;min-height:min(580px,calc(100svh - 72px));display:flex;align-items:center;padding:72px 0;overflow:hidden;background:var(--deep)}
.page-projetos .heroS::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,44,.98) 0,rgba(22,65,113,.9) 52%,rgba(13,84,136,.3)),url('../img/v2/percurso.jpg') 78% center/cover;background-color:var(--deep);background-blend-mode:normal,luminosity;z-index:-1}
.page-projetos .heroS::after{content:"";position:absolute;right:-74px;bottom:-105px;width:330px;aspect-ratio:1;border:48px solid var(--teal);border-radius:50%}
.page-projetos .heroS-in{max-width:920px}
.page-projetos .heroS h1{font-size:clamp(44px,4.35vw,60px);line-height:1;letter-spacing:-.028em;max-width:17ch;margin:24px 0;color:var(--white)}
.page-projetos .heroS-sub{font-size:16px;line-height:1.66;max-width:62ch}
.page-projetos .heroS .g{opacity:.3}

.page-projetos .frentes{padding:88px 0;background:var(--white)}
.page-projetos .frentes-grid{gap:20px}
.page-projetos .frente-c{position:relative;isolation:isolate;min-height:450px;display:flex;align-items:flex-end;padding:0;overflow:hidden;color:var(--white)}
.page-projetos .frente-c::before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;filter:grayscale(1) contrast(1.08);z-index:-2;transition:transform 700ms var(--ease-expo)}
.page-projetos .frente-c::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,43,44,.96),rgba(13,84,136,.16) 78%);z-index:-1}
.page-projetos .fr-a::before{background-image:url('../img/v2/projeto-oscs-v4.jpg')}
.page-projetos .fr-b::before{background-image:url('../img/v2/projeto-direitos-v4.jpg')}
.page-projetos .frente-c:hover::before{transform:scale(1.035)}
.page-projetos .frente-c .wash{inset:0;background:linear-gradient(145deg,rgba(13,84,136,.64),rgba(17,177,176,.3))}
.page-projetos .frente-in{padding:38px 40px;position:relative;z-index:2}
.page-projetos .frente-in h2{font-size:clamp(38px,4vw,54px);line-height:1;color:var(--white)}
.page-projetos .frente-in p{font-size:15.5px;line-height:1.66;color:rgba(255,255,255,.9);max-width:48ch}
.page-projetos .frente-c .kick{color:var(--teal-lt)}

.page-projetos .comof{position:relative;isolation:isolate;padding:88px 0;overflow:hidden;background:var(--mint)}
.page-projetos .comof::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(225,243,245,.98),rgba(225,243,245,.88)),url('../img/v2/alem.jpg') center/cover;background-color:var(--mint);background-blend-mode:normal,luminosity;z-index:-1;opacity:.88}
.page-projetos .comof::after{content:"";position:absolute;left:-120px;bottom:-180px;width:380px;aspect-ratio:1;border:48px solid var(--teal);border-radius:50%;z-index:-1}
.page-projetos .comof-top{grid-template-columns:.9fr 1.1fr;gap:72px}
.page-projetos .comof-top h2{font-size:clamp(38px,4vw,54px);line-height:1;color:var(--navy-700);max-width:15ch}
.page-projetos .comof-top p{font-size:16.5px;line-height:1.75}
.page-projetos .aviso{margin-top:54px;padding:34px 38px;background:var(--white);border:0;border-top:3px solid var(--teal);box-shadow:0 22px 50px rgba(13,84,136,.08)}

.page-projetos .temat{padding:88px 0}
.page-projetos .temat-hd{max-width:760px}
.page-projetos .temat-hd h2{font-size:clamp(38px,4vw,54px);line-height:1;color:var(--navy-700);max-width:15ch}
.page-projetos .temat-lead{font-size:17px;line-height:1.72;margin-bottom:42px}
.page-projetos .temat-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.page-projetos .tem{position:relative;min-height:250px;padding:32px 34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.page-projetos .tem:nth-child(2){background:var(--navy-700);color:var(--white)}
.page-projetos .tem:nth-child(2) h3,.page-projetos .tem:nth-child(3) h3{color:inherit}
.page-projetos .tem:nth-child(3){background:var(--teal);color:var(--deep)}
.page-projetos .tem:nth-child(2) p{color:rgba(255,255,255,.9)}
.page-projetos .tem:nth-child(3) h3,.page-projetos .tem:nth-child(3) p{color:var(--deep)}
.page-projetos .tem h3{font-size:clamp(26px,3vw,38px);line-height:1.05;max-width:13ch}
.page-projetos .tem p{font-size:15px;line-height:1.68;max-width:48ch;margin-top:18px}
.page-projetos .tem::after{content:"";position:absolute;right:-56px;bottom:-70px;width:160px;aspect-ratio:1;border:24px solid currentColor;border-radius:50%;opacity:.12}

.page-projetos .fmt{position:relative;padding:78px 0!important;background-color:var(--mint-2)!important;background-image:linear-gradient(rgba(211,235,233,.9),rgba(211,235,233,.9)),url('../img/v2/textura-papel.jpg');background-size:cover}
.page-projetos .fmt-hd h2{font-size:clamp(36px,3.8vw,50px);color:var(--navy-700);max-width:16ch}
.page-projetos .fmt .chips{gap:9px}
.page-projetos .fmt .chip{padding:12px 17px;background:rgba(255,255,255,.72);border:1px solid rgba(13,84,136,.25)}

.page-projetos .fechoX.f-teal{position:relative;isolation:isolate;overflow:hidden;padding:90px 0;background:var(--teal-deep)}
.page-projetos .fechoX.f-teal::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,129,129,.98),rgba(10,129,129,.88)),url('../img/v2/textura-papel.jpg') center/cover;background-color:var(--teal-deep);background-blend-mode:normal,luminosity;z-index:-1}
.page-projetos .fechoX.f-teal::after{content:"";position:absolute;right:-90px;top:-130px;width:390px;aspect-ratio:1;border:56px solid var(--navy-500);border-radius:50%}
.page-projetos .fechoX.f-teal .fechoX-in{max-width:800px;position:relative;z-index:1}
.page-projetos .fechoX.f-teal h2{font-size:clamp(40px,4.2vw,56px);line-height:.98;max-width:14ch;color:var(--white)}

.page-projetos .page-id{background:var(--teal);color:var(--deep)}
.page-projetos .page-id::before{display:none}

@media(max-width:900px){.page-projetos .frentes-grid,.page-projetos .comof-top{grid-template-columns:1fr}.page-projetos .frente-c{min-height:400px}.page-projetos .temat-grid{grid-template-columns:1fr}}
@media(max-width:640px){.page-projetos .heroS{min-height:560px;padding:62px 0}.page-projetos .heroS h1{max-width:none;font-size:clamp(38px,10vw,47px)}.page-projetos .frentes,.page-projetos .comof,.page-projetos .temat{padding-block:68px}.page-projetos .frente-c{min-height:360px}.page-projetos .fmt{padding-block:68px!important}.page-projetos .fechoX.f-teal{padding-block:72px}.page-projetos .fechoX.f-teal .fechoX-btns{display:grid}.page-projetos .fechoX.f-teal .btn{justify-content:center;text-align:center}}

/* ══ BASE: heroB, faixa-foto, porq, dados/kpis, causas/barra, ciclo/fase, orgs, comoOsc/passosOsc, diversas (Apoio a OSCs) ══ */
.heroB{position:relative;overflow:hidden;color:var(--white);background:var(--navy-700);padding:clamp(64px,8vw,100px) 0 clamp(40px,5vw,64px)}
.heroB .g{position:absolute;border-radius:50%;pointer-events:none;z-index:var(--z-arc)}
.heroB-in{position:relative;z-index:var(--z-body);max-width:840px}
.heroB h1{font-size:clamp(36px,5.4vw,72px);margin:var(--s-md) 0 var(--s-lg)}
.heroB-sub{color:rgba(255,255,255,.93);font-size:clamp(16.5px,1.55vw,19px);max-width:54ch}
.heroB-sub+.heroB-sub{margin-top:var(--s-md)}
.faixa-foto{position:relative;isolation:isolate;overflow:hidden;height:clamp(220px,26vw,340px);background:var(--navy-500)}
.faixa-foto .véu{position:absolute;inset:0;z-index:var(--z-arc);background:linear-gradient(to bottom,rgba(22,65,113,.55),rgba(5,43,44,.2) 45%,rgba(5,43,44,.35))}
.faixa-foto .arcoB{position:absolute;right:6vw;top:-12%;width:min(240px,26vw);aspect-ratio:1;border-radius:50%;border:clamp(14px,2.2vw,24px) solid var(--teal);clip-path:inset(0 0 46% 0);z-index:var(--z-arc)}
.porq{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.porq-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.porq-top h2{font-size:clamp(27px,3.6vw,44px);max-width:16ch;margin-top:var(--s-md);color:var(--navy-700)}
.porq-top p{color:var(--ink-soft);max-width:52ch}
.porq-top p+p{margin-top:var(--s-md)}
.destaque{margin-top:clamp(32px,4vw,52px);padding:clamp(24px,3vw,36px);background:var(--navy-700);color:var(--white)}
.destaque p{font-family:var(--display);font-weight:400;font-size:clamp(20px,2.6vw,31px);line-height:1.32;letter-spacing:-.016em;max-width:34ch}
.dados{position:relative;isolation:isolate;overflow:hidden;background:var(--deep);color:var(--white);padding:clamp(64px,8vw,104px) 0}
.dados .ringD{position:absolute;left:-14vw;bottom:-26vw;width:min(560px,70vw);aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(255,255,255,.14);z-index:var(--z-arc)}
.dados-in{position:relative;z-index:var(--z-body)}
.dados h2{font-size:clamp(27px,3.6vw,44px);color:var(--white);margin:var(--s-md) 0 var(--s-md);max-width:20ch}
.dados-lead{color:rgba(255,255,255,.92);max-width:60ch;margin-bottom:clamp(32px,4vw,52px)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px)}
.kpi{border-top:1px solid var(--line-lt);padding-top:var(--s-md)}
.kpi b{display:block;font-family:var(--display);font-size:clamp(40px,5.4vw,68px);font-weight:700;line-height:.95;letter-spacing:-.035em;color:var(--teal-lt);margin-bottom:8px}
.kpi span{font-size:14.5px;color:rgba(255,255,255,.92);display:block;max-width:24ch}
.causas{background:var(--mint);padding:clamp(64px,8vw,104px) 0}
.causas-hd{max-width:26ch;margin-bottom:var(--s-lg)}
.causas-hd h2{font-size:clamp(26px,3.4vw,40px);margin-top:var(--s-md);color:var(--navy-700)}
.causas-lead{color:var(--ink-soft);max-width:60ch;margin-bottom:clamp(32px,4vw,52px)}
.causa{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,1.5fr) 62px;gap:clamp(16px,2.4vw,32px);align-items:center;padding:var(--s-md) 0;border-top:1px solid rgba(14,27,42,.16)}
.causa:last-of-type{border-bottom:1px solid rgba(14,27,42,.16)}
.causa b{font-size:16.5px;font-weight:700;color:var(--navy-700)}
.causa p{color:var(--ink-soft);font-size:14.5px}
.barra{position:relative;height:8px;background:rgba(14,27,42,.1);border-radius:99px;overflow:hidden;grid-column:2;margin-top:6px}
.barra i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--navy-500),var(--teal));border-radius:99px}
.causa em{font-family:var(--display);font-style:normal;font-weight:700;font-size:23px;letter-spacing:-.02em;color:var(--navy-500);text-align:right}
.ciclo{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.ciclo-hd{max-width:26ch;margin-bottom:var(--s-lg)}
.ciclo-hd h2{font-size:clamp(26px,3.4vw,40px);margin-top:var(--s-md);color:var(--navy-700)}
.ciclo-lead{color:var(--ink-soft);max-width:60ch;margin-bottom:clamp(28px,3.6vw,48px)}
.ciclo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,44px)}
.fase{padding-top:var(--s-md);border-top:1px solid var(--line)}
.fase i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--s-md);color:var(--teal-ink)}
.fase i svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fase h3{font-size:clamp(18px,1.9vw,23px);margin-bottom:8px;color:var(--navy-700)}
.fase p{color:var(--ink-soft);font-size:14.5px}
.orgs{background:var(--mint-2);padding:clamp(64px,8vw,104px) 0}
.orgs-hd{max-width:28ch;margin-bottom:var(--s-lg)}
.orgs-hd h2{font-size:clamp(26px,3.4vw,40px);margin-top:var(--s-md);color:var(--navy-700)}
.orgs-lead{color:var(--ink-soft);margin-bottom:clamp(28px,3.6vw,48px)}
.orgs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-md)}
.org{background:var(--white);padding:clamp(20px,2.4vw,28px)}
.org b{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-ink);margin-bottom:8px}
.org h3{font-size:18px;margin-bottom:8px;color:var(--navy-700)}
.org p{color:var(--ink-soft);font-size:14px}
.comoOsc{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.comoOsc-hd{max-width:26ch;margin-bottom:var(--s-md)}
.comoOsc-hd h2{font-size:clamp(27px,3.6vw,42px);margin-top:var(--s-md);color:var(--navy-700)}
.comoOsc-lead{color:var(--ink-soft);max-width:60ch;margin-bottom:clamp(28px,3.6vw,44px)}
.passosOsc{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,36px) clamp(16px,2.4vw,28px)}
.passoOsc{border-top:1px solid var(--line);padding-top:var(--s-md)}
.passoOsc b{display:block;font-family:var(--display);font-size:28px;font-weight:700;color:var(--navy-500);margin-bottom:6px}
.passoOsc h3{font-size:16.5px;margin-bottom:6px;color:var(--navy-700)}
.passoOsc p{color:var(--ink-soft);font-size:13.5px}
.regioes{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(24px,3vw,36px)}
.regiao{padding:9px 16px;border-radius:999px;border:1px solid var(--line-lt);font-size:13.5px;color:rgba(255,255,255,.9)}
.diversas{background:var(--mint-2);padding:clamp(56px,7vw,92px) 0}
.diversas-hd{max-width:30ch;margin-bottom:var(--s-md)}
.diversas-hd h2{font-size:clamp(25px,3.2vw,38px);margin-top:var(--s-md);color:var(--navy-700)}
.diversas-lead{color:var(--ink-soft);max-width:64ch;margin-bottom:clamp(24px,3vw,36px)}
@media (max-width:1000px){.porq-top{grid-template-columns:1fr;gap:var(--s-lg)}.kpis{grid-template-columns:1fr;gap:var(--s-lg)}.causa{grid-template-columns:1fr auto;gap:8px}.barra{grid-column:1/-1}.ciclo-grid{grid-template-columns:1fr 1fr}.orgs-grid{grid-template-columns:1fr 1fr}.passosOsc{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ciclo-grid,.orgs-grid,.passosOsc{grid-template-columns:1fr}}

/* ══ DIREÇÃO DE ARTE · APOIO A OSCS (isolada por .page-apoio-oscs) ══ */
.page-apoio-oscs .osc-hero-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);min-height:min(700px,calc(100svh - 72px));isolation:isolate;background:var(--navy-700);overflow:hidden}
.page-apoio-oscs .osc-hero-stage::before{content:"";position:absolute;z-index:4;left:calc(54% - 112px);bottom:-82px;width:224px;aspect-ratio:1;border:34px solid var(--teal);border-radius:50%;pointer-events:none}
.page-apoio-oscs .osc-hero-stage::after{content:"";position:absolute;z-index:4;right:clamp(32px,5vw,76px);top:38px;width:clamp(92px,11vw,158px);aspect-ratio:1;border:2px solid rgba(255,255,255,.46);border-radius:50%;pointer-events:none}
.page-apoio-oscs .osc-hero-stage .heroB{display:flex;align-items:center;padding:70px 0 82px;background:var(--navy-700);overflow:visible}
.page-apoio-oscs .osc-hero-stage .heroB-in{width:min(620px,calc(100% - 72px));margin-left:max(24px,calc((100vw - 1240px)/2));margin-right:40px}
.page-apoio-oscs .osc-hero-stage .heroB .pill{background:var(--teal);color:var(--deep);margin-bottom:20px}
.page-apoio-oscs .osc-hero-stage .heroB h1{font-size:clamp(48px,4.7vw,64px);line-height:1;letter-spacing:-.027em;max-width:13ch;margin:0 0 30px;color:var(--white)}
.page-apoio-oscs .osc-hero-stage .heroB-sub{font-size:16px;line-height:1.66;max-width:55ch;color:rgba(255,255,255,.92)}
.page-apoio-oscs .heroB-actions{margin-top:28px;gap:16px}
.page-apoio-oscs .heroB-actions .btn{border-radius:999px;min-height:50px}
.page-apoio-oscs .osc-hero-stage .faixa-foto{height:auto;min-height:100%;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%,0 12%)}
.page-apoio-oscs .osc-hero-stage .faixa-foto .duo{background-image:url('../img/v2/apoio-oscs-01.jpg');background-position:54% center;filter:grayscale(1) contrast(1.12) brightness(.82)}
.page-apoio-oscs .osc-hero-stage .faixa-foto .duo-tint{background:linear-gradient(145deg,var(--navy-500),var(--teal-deep));opacity:.86}
.page-apoio-oscs .osc-hero-stage .faixa-foto .véu{background:linear-gradient(90deg,rgba(22,65,113,.8),transparent 38%),linear-gradient(0deg,rgba(5,43,44,.42),transparent 42%)}
.page-apoio-oscs .osc-hero-stage .faixa-foto .arcoB{width:260px;right:-68px;top:auto;bottom:56px;border-width:30px;border-color:rgba(90,218,215,.88);clip-path:inset(0 48% 0 0)}
.page-apoio-oscs .osc-hero-stage+.shell{position:relative;z-index:6;padding:0!important;margin-top:-29px;margin-bottom:0}
.page-apoio-oscs .osc-hero-stage+.shell .fechoX-btns{display:grid;grid-template-columns:1.35fr .65fr;gap:0;max-width:760px;box-shadow:0 18px 38px rgba(5,43,44,.14)}
.page-apoio-oscs .osc-hero-stage+.shell .btn{border-radius:0;justify-content:center;min-height:62px}
.page-apoio-oscs .osc-hero-stage+.shell .btn:first-child{background:var(--teal);color:var(--deep)}
.page-apoio-oscs .osc-hero-stage+.shell .btn:last-child{background:var(--white)!important;border-color:transparent!important;color:var(--navy-700)!important}

.page-apoio-oscs .porq{position:relative;padding:clamp(104px,11vw,156px) 0 clamp(90px,9vw,128px);overflow:hidden}
.page-apoio-oscs .porq::before{content:"";position:absolute;width:270px;aspect-ratio:1;border-radius:50%;left:-132px;top:36%;border:32px solid var(--teal);opacity:.94;pointer-events:none}
.page-apoio-oscs .porq::after{content:"";position:absolute;width:130px;aspect-ratio:1;border-radius:50%;right:6vw;top:76px;background:var(--navy-500);opacity:.1;pointer-events:none}
.page-apoio-oscs .porq .shell{position:relative;z-index:2}
.page-apoio-oscs .porq-top{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(360px,1.18fr);gap:clamp(64px,8vw,128px);align-items:start}
.page-apoio-oscs .porq-top>div:first-child{position:sticky;top:120px;align-self:start}
.page-apoio-oscs .porq-top h2{font-size:clamp(38px,4vw,54px);line-height:1.04;max-width:420px}
.page-apoio-oscs .porq-top>div:last-child{padding-top:54px;position:relative}
.page-apoio-oscs .porq-top>div:last-child::before{content:"";position:absolute;left:-42px;top:54px;bottom:0;width:2px;background:var(--teal)}
.page-apoio-oscs .porq-top p{font-size:17px;line-height:1.78;max-width:60ch}
.page-apoio-oscs .porq-top p+p{margin-top:var(--s-md)}
.page-apoio-oscs .porq .destaque{width:min(830px,78%);margin:70px 0 0 auto;padding:34px 40px;background:var(--navy-500);position:relative}
.page-apoio-oscs .porq .destaque p{font-size:clamp(21px,2.3vw,30px);line-height:1.25;max-width:31ch}
.page-apoio-oscs .stat-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:32px;background:rgba(13,84,136,.18)}
.page-apoio-oscs .stat-item{padding:26px;background:var(--white)}
.page-apoio-oscs .stat-item strong{display:block;font-family:var(--display);font-size:clamp(44px,5vw,66px);line-height:1;color:var(--navy-700)}
.page-apoio-oscs .stat-item p{margin-top:10px;color:var(--ink-soft)}

.page-apoio-oscs .comoOsc{position:relative;padding:clamp(96px,10vw,144px) 0;background:linear-gradient(180deg,#f7fbfb 0,var(--white) 35%);overflow:hidden}
.page-apoio-oscs .comoOsc::after{content:"";position:absolute;width:380px;aspect-ratio:1;border:44px solid var(--navy-500);border-radius:50%;right:-242px;top:90px;opacity:.92;pointer-events:none}
.page-apoio-oscs .comoOsc .shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);column-gap:clamp(58px,8vw,118px)}
.page-apoio-oscs .comoOsc-hd,.page-apoio-oscs .comoOsc-lead,.page-apoio-oscs .comoOsc>.shell>.btn{grid-column:1}
.page-apoio-oscs .comoOsc-hd{max-width:none;margin:0}
.page-apoio-oscs .comoOsc-hd .kick{display:inline-flex;align-items:center;gap:12px;padding:0;border-radius:0;background:transparent;color:var(--teal-ink);letter-spacing:.1em}
.page-apoio-oscs .comoOsc-hd .kick::before{display:block;content:"";width:34px;height:2px;background:var(--teal);flex:none}
.page-apoio-oscs .comoOsc-hd h2{font-size:clamp(38px,4vw,54px);line-height:1;max-width:none;margin-top:24px;color:var(--navy-700)}
.page-apoio-oscs .comoOsc-lead{font-size:16px;line-height:1.72;margin:30px 0!important;max-width:40ch}
.page-apoio-oscs .comoOsc>.shell>.btn{justify-self:start;margin-bottom:0!important}
.page-apoio-oscs .passosOsc{grid-column:2;grid-row:1/5;display:block;counter-reset:osc-step}
.page-apoio-oscs .passoOsc{position:relative;display:grid;grid-template-columns:84px 190px minmax(0,1fr);gap:22px;align-items:start;min-height:116px;padding:0 0 34px;border:0}
.page-apoio-oscs .passoOsc::before{content:"";position:absolute;left:41px;top:52px;bottom:-4px;width:2px;background:var(--teal-pale)}
.page-apoio-oscs .passoOsc:last-child::before{display:none}
.page-apoio-oscs .passoOsc b{display:grid;place-items:center;width:84px;height:84px;margin:0;border:2px solid var(--teal);border-radius:50%;background:var(--white);font-size:38px;line-height:1;color:var(--navy-500);position:relative;z-index:2}
.page-apoio-oscs .passoOsc:nth-child(3n+2) b{background:var(--navy-500);border-color:var(--navy-500);color:var(--white)}
.page-apoio-oscs .passoOsc:nth-child(3n) b{background:var(--teal);border-color:var(--teal);color:var(--deep)}
.page-apoio-oscs .passoOsc h3{font-family:var(--body);font-size:17px;line-height:1.25;font-weight:700;padding-top:13px;margin:0;color:var(--navy-700)}
.page-apoio-oscs .passoOsc p{font-size:14px;line-height:1.65;padding-top:10px;max-width:42ch}

.page-apoio-oscs .dados{padding:88px 0;background:var(--deep)}
.page-apoio-oscs .dados::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,43,44,.98) 0%,rgba(5,43,44,.93) 46%,rgba(5,43,44,.48) 100%),url('../img/v2/fortalecimento.jpg');background-size:cover;background-position:center;background-color:var(--deep);background-blend-mode:normal,luminosity;z-index:0}
.page-apoio-oscs .dados::after{content:"";position:absolute;right:10vw;top:-92px;width:210px;aspect-ratio:1;border-radius:50%;border:30px solid var(--teal);z-index:1}
.page-apoio-oscs .dados .ringD{left:auto;right:-120px;bottom:-210px;width:540px;border:60px solid rgba(13,84,136,.68)}
.page-apoio-oscs .dados h2{font-size:clamp(38px,4vw,54px);line-height:1;max-width:15ch}
.page-apoio-oscs .dados-lead{font-size:16px;line-height:1.75}
.page-apoio-oscs .kpis{grid-template-columns:1.12fr 1fr 1fr 1.12fr}
.page-apoio-oscs .kpi:nth-child(4) b{font-size:clamp(50px,5.4vw,74px)}

.page-apoio-oscs .ciclo{padding:clamp(100px,11vw,154px) 0;background:var(--white)}
.page-apoio-oscs .ciclo-hd{max-width:720px;margin:0 0 24px}
.page-apoio-oscs .ciclo-hd h2{font-size:clamp(38px,4vw,54px);line-height:1;max-width:none;margin-top:20px;color:var(--navy-700)}
.page-apoio-oscs .ciclo-lead{font-size:17px;line-height:1.75;max-width:70ch;margin-bottom:64px}
.page-apoio-oscs .ciclo-grid{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.page-apoio-oscs .fase{min-height:280px;padding:34px 32px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background-color var(--dur-state) var(--ease-quart),color var(--dur-state) var(--ease-quart)}
.page-apoio-oscs .fase:hover{background:var(--mint)}
.page-apoio-oscs .fase i{width:56px;height:56px;margin-bottom:32px;border:2px solid var(--teal);border-radius:50%}
.page-apoio-oscs .fase i svg{width:27px;height:27px}
.page-apoio-oscs .fase h3{font-size:25px;line-height:1.08;color:var(--navy-700);margin-bottom:14px}
.page-apoio-oscs .fase p{font-size:15px;line-height:1.66}

.page-apoio-oscs .diversas{padding:88px 0}
.page-apoio-oscs .diversas-hd h2{font-size:clamp(30px,3.4vw,42px);max-width:16ch}
.page-apoio-oscs .causas-grupos{display:grid;gap:16px;margin-top:32px}
.page-apoio-oscs .causa-grupo{padding:24px 26px;background:rgba(255,255,255,.72)}
.page-apoio-oscs .causa-grupo>b{display:block;margin-bottom:14px;color:var(--navy-700)}
.page-apoio-oscs .causa-grupo .chips{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.page-apoio-oscs .causa-grupo .chip{padding:9px 16px;border-radius:999px;background:var(--white);border:1px solid rgba(13,84,136,.2);font-size:13.5px;color:var(--navy-700)}
.page-apoio-oscs .causa-grupo .chip:nth-child(4n+1){background:var(--navy-500);border-color:var(--navy-500);color:var(--white)}
.page-apoio-oscs .causa-grupo .chip:nth-child(5n){background:var(--teal);border-color:var(--teal);color:var(--deep)}

.page-apoio-oscs .causas{padding:88px 0}
.page-apoio-oscs .causas .shell{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);column-gap:68px}
.page-apoio-oscs .causas-hd{grid-column:1;grid-row:1/6}
.page-apoio-oscs .causas-hd h2{font-size:clamp(30px,3.4vw,42px);max-width:340px}
.page-apoio-oscs .causa:first-of-type{border-top:0}
.page-apoio-oscs .dados-visual{position:relative;min-height:300px;margin-top:32px;overflow:visible}
.page-apoio-oscs .dados-visual .duo{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(1);clip-path:circle(45% at 54% 50%)}
.page-apoio-oscs .dados-visual::before{content:"";position:absolute;left:-18px;bottom:-12px;width:38%;aspect-ratio:1;border-radius:50%;background:var(--teal);mix-blend-mode:multiply;z-index:1}
.page-apoio-oscs .dados-visual::after{content:"";position:absolute;right:-8px;top:-18px;width:76%;height:72%;border:3px solid var(--navy-500);border-radius:50%;clip-path:inset(0 0 46% 0)}
.page-apoio-oscs .causas .causa{grid-column:2;grid-template-columns:minmax(170px,.72fr) minmax(220px,1fr) 74px;grid-template-areas:"label bar pct" "desc desc desc";padding:24px 0;gap:12px 24px}
.page-apoio-oscs .causa b{grid-area:label;font-size:17px;color:var(--navy-700)}
.page-apoio-oscs .causa p{grid-area:desc;font-size:14px;line-height:1.55;max-width:52ch}
.page-apoio-oscs .causa em{grid-area:pct;font-size:36px;color:var(--navy-500)}
.page-apoio-oscs .barra{grid-area:bar;grid-column:auto;margin:0;height:12px;border-radius:0;background:rgba(14,27,42,.1)}
.page-apoio-oscs .barra i{border-radius:0;background:linear-gradient(90deg,var(--navy-500),var(--teal))}

.page-apoio-oscs .orgs{padding:clamp(96px,10vw,144px) 0;background:#cfe9e7;position:relative;overflow:hidden}
.page-apoio-oscs .orgs::after{content:"";position:absolute;left:-72px;bottom:-148px;width:300px;aspect-ratio:1;border-radius:50%;border:42px solid var(--navy-500);pointer-events:none}
.page-apoio-oscs .orgs-hd{max-width:720px;margin-bottom:20px;position:relative;z-index:1}
.page-apoio-oscs .orgs-hd h2{font-size:clamp(38px,4vw,54px);line-height:1;max-width:none;margin-top:20px;color:var(--navy-700)}
.page-apoio-oscs .orgs-lead{font-size:17px;margin-bottom:52px;position:relative;z-index:1}
.page-apoio-oscs .orgs-grid{grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--navy-500);position:relative;z-index:1}
.page-apoio-oscs .org{min-height:310px;padding:30px 26px;background:transparent;border-right:1px solid rgba(13,84,136,.24)}
.page-apoio-oscs .org:last-child{border-right:0}
.page-apoio-oscs .org b{font-size:11px;color:var(--teal-ink);margin-bottom:28px}
.page-apoio-oscs .org h3{font-size:25px;line-height:1.06;color:var(--navy-700);margin-bottom:18px}
.page-apoio-oscs .org p{font-size:14px;line-height:1.65}

.page-apoio-oscs .fechoX.f-navy{position:relative;padding:90px 0;background:var(--navy-700);overflow:hidden}
.page-apoio-oscs .fechoX.f-navy::before{content:"";position:absolute;right:-100px;top:-174px;width:520px;aspect-ratio:1;border:70px solid var(--teal);border-radius:50%}
.page-apoio-oscs .fechoX.f-navy::after{content:"";position:absolute;right:15vw;bottom:-140px;width:260px;aspect-ratio:1;border:2px solid rgba(255,255,255,.34);border-radius:50%}
.page-apoio-oscs .fechoX.f-navy .fechoX-in{position:relative;z-index:2;max-width:820px}
.page-apoio-oscs .fechoX.f-navy h2{font-size:clamp(40px,4.2vw,56px);line-height:.98;max-width:14ch;color:var(--white)}
.page-apoio-oscs .fechoX.f-navy p{max-width:62ch}
.page-apoio-oscs .fechoX.f-navy .fechoX-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.page-apoio-oscs .btn-out2{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}

.page-apoio-oscs .page-id{background:var(--teal)!important;color:var(--deep)!important}
.page-apoio-oscs .page-id::before{display:none}
.page-apoio-oscs .crumb{padding:12px 0 13px;font-size:12px}
.page-apoio-oscs .crumb a{color:var(--teal-ink)}
.page-apoio-oscs .crumb span{margin:0 6px;color:var(--ink-soft)}

@media(max-width:1180px){.page-apoio-oscs .osc-hero-stage{grid-template-columns:1.05fr .95fr}.page-apoio-oscs .osc-hero-stage .heroB-in{width:calc(100% - 48px);margin-left:24px;margin-right:24px}.page-apoio-oscs .osc-hero-stage .heroB h1{font-size:clamp(44px,5.5vw,64px)}}
@media(max-width:900px){.page-apoio-oscs .osc-hero-stage{display:block;min-height:min(700px,calc(100svh - 116px))}.page-apoio-oscs .osc-hero-stage .faixa-foto{position:absolute;inset:0;z-index:0;height:100%;min-height:0;clip-path:none}.page-apoio-oscs .osc-hero-stage .heroB{position:relative;z-index:2;min-height:min(700px,calc(100svh - 116px));padding:64px 0 74px;background:linear-gradient(180deg,rgba(22,65,113,.99) 0%,rgba(22,65,113,.96) 64%,rgba(5,43,44,.68) 100%)}.page-apoio-oscs .osc-hero-stage::before{left:auto;right:12vw;bottom:34px}.page-apoio-oscs .osc-hero-stage+.shell{width:var(--shell)}.page-apoio-oscs .porq-top{grid-template-columns:1fr;gap:36px}.page-apoio-oscs .kpis{grid-template-columns:1fr 1fr}.page-apoio-oscs .causas .shell{grid-template-columns:1fr}.page-apoio-oscs .causas-hd,.page-apoio-oscs .dados-visual,.page-apoio-oscs .causa{grid-column:1;grid-row:auto}.page-apoio-oscs .dados-visual{min-height:320px;margin-bottom:32px}.page-apoio-oscs .ciclo-grid,.page-apoio-oscs .orgs-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.page-apoio-oscs .osc-hero-stage{min-height:calc(100svh - 114px)}.page-apoio-oscs .osc-hero-stage .heroB{min-height:calc(100svh - 114px);padding:42px 0 54px}.page-apoio-oscs .osc-hero-stage .heroB h1{font-size:40px;line-height:1}.page-apoio-oscs .osc-hero-stage .heroB-sub{font-size:14.5px}.page-apoio-oscs .osc-hero-stage+.shell{margin-top:0}.page-apoio-oscs .osc-hero-stage+.shell .fechoX-btns{grid-template-columns:1fr}.page-apoio-oscs .porq,.page-apoio-oscs .comoOsc,.page-apoio-oscs .dados,.page-apoio-oscs .ciclo,.page-apoio-oscs .causas,.page-apoio-oscs .orgs,.page-apoio-oscs .diversas,.page-apoio-oscs .fechoX.f-navy{padding-block:68px}.page-apoio-oscs .stat-trio,.page-apoio-oscs .kpis{grid-template-columns:1fr}.page-apoio-oscs .heroB-actions{display:grid}.page-apoio-oscs .dados-visual{min-height:250px}.page-apoio-oscs .passoOsc{grid-template-columns:62px 1fr;gap:16px;padding-bottom:32px}.page-apoio-oscs .passoOsc::before{left:30px}.page-apoio-oscs .passoOsc b{width:62px;height:62px;font-size:26px}.page-apoio-oscs .passoOsc h3,.page-apoio-oscs .passoOsc p{grid-column:2}.page-apoio-oscs .ciclo-grid,.page-apoio-oscs .orgs-grid{grid-template-columns:1fr}.page-apoio-oscs .fechoX.f-navy .fechoX-btns{display:grid}.page-apoio-oscs .fechoX.f-navy .btn{justify-content:center;text-align:center}.page-apoio-oscs .causas .causa{grid-template-columns:1fr auto;grid-template-areas:"label pct" "bar bar" "desc desc";gap:10px 14px;padding:22px 0}.page-apoio-oscs .causa p{grid-column:auto}.page-apoio-oscs .barra{grid-column:auto}.page-apoio-oscs .causa em{font-size:30px}}

/* ══ JUSTIÇA CRIMINAL · regras geradas do HTML final (isoladas por .page-justica-criminal) ══ */
.page-justica-criminal .abre-jc{position:relative;isolation:isolate;overflow:hidden;color:var(--white);background:var(--deep);padding:clamp(72px,9vw,120px) 0 clamp(64px,8vw,100px)}
.page-justica-criminal .abre-jc-photo{inset:0 0 0 30%}
.page-justica-criminal .abre-jc-melt{position:absolute;inset:0;z-index:var(--z-arc);background:
    linear-gradient(98deg,var(--deep) 20%,rgba(5,43,44,.9) 50%,rgba(10,129,129,.44) 80%,rgba(17,177,176,.2) 100%),
    linear-gradient(to bottom,rgba(5,43,44,.5),transparent 30%,rgba(5,43,44,.55))}
.page-justica-criminal .abre-jc .arco{position:absolute;right:-4vw;bottom:-12vw;width:min(380px,44vw);aspect-ratio:1;border-radius:50%;border:clamp(18px,3vw,30px) solid var(--teal);clip-path:inset(0 50% 50% 0);z-index:var(--z-arc)}
.page-justica-criminal .abre-jc-in{position:relative;z-index:var(--z-body);max-width:760px}
.page-justica-criminal .abre-jc h1{font-size:clamp(42px,6.4vw,84px);margin:var(--s-md) 0 var(--s-lg)}
.page-justica-criminal .abre-jc p{color:rgba(255,255,255,.92);font-size:clamp(16.5px,1.55vw,19px);max-width:54ch}
.page-justica-criminal .frente{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.page-justica-criminal .frente-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.page-justica-criminal .frente-top h2{font-size:clamp(27px,3.6vw,44px);max-width:17ch;margin-top:var(--s-md)}
.page-justica-criminal .frente-top p{color:var(--ink-soft);max-width:52ch}
.page-justica-criminal .frente-top p+p{margin-top:var(--s-md)}
.page-justica-criminal .aviso{display:grid;grid-template-columns:auto 1fr;gap:var(--s-md);align-items:start;margin-top:clamp(32px,4vw,52px);padding:var(--s-lg);background:var(--mint);border-left:3px solid var(--teal-line)}
.page-justica-criminal .aviso svg{width:24px;height:24px;stroke:var(--teal-ink);fill:none;stroke-width:1.7;margin-top:2px}
.page-justica-criminal .aviso p{font-size:15.5px;max-width:70ch}
.page-justica-criminal .aviso a{color:var(--teal-ink);font-weight:700}
.page-justica-criminal .atua{background:var(--mint-2);padding:clamp(64px,8vw,104px) 0}
.page-justica-criminal .atua-hd{max-width:24ch;margin-bottom:clamp(28px,4vw,48px)}
.page-justica-criminal .atua-hd h2{font-size:clamp(27px,3.6vw,44px);margin-top:var(--s-md)}
.page-justica-criminal .atua-grid{display:grid;gap:var(--s-md)}
.page-justica-criminal .pcard{display:grid;grid-template-columns:.40fr 1fr;border:1px solid var(--line);background:var(--white);position:relative;overflow:hidden}
.page-justica-criminal .pcard-side{position:relative;padding:clamp(28px,3.4vw,44px);display:flex;flex-direction:column;justify-content:center;color:var(--white);min-height:clamp(180px,20vw,230px)}
.page-justica-criminal .pc-teal .pcard-side{background:#0F7A75}
.page-justica-criminal .pc-navy .pcard-side{background:var(--navy-700)}
.page-justica-criminal .pc-deep .pcard-side{background:var(--deep)}
.page-justica-criminal .pcard-side h3{font-family:var(--display);font-weight:400;color:var(--white);font-size:clamp(24px,2.9vw,38px);line-height:1.12;letter-spacing:-.015em;max-width:12ch}
.page-justica-criminal .pcard-meta{margin-top:var(--s-md);font-size:14px;color:rgba(255,255,255,.95);line-height:1.5}
.page-justica-criminal .pcard-go{position:absolute;right:calc(-1 * clamp(19px,2.2vw,25px));top:50%;transform:translateY(-50%);width:clamp(38px,4.4vw,50px);aspect-ratio:1;border-radius:50%;background:var(--white);border:1px solid var(--line);display:grid;place-items:center;z-index:3}
.page-justica-criminal .pcard-go svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page-justica-criminal .pc-teal .pcard-go{color:#0F7A75}
.page-justica-criminal .pc-navy .pcard-go{color:var(--navy-700)}
.page-justica-criminal .pc-deep .pcard-go{color:var(--deep)}
.page-justica-criminal .pcard-body{padding:clamp(28px,3.4vw,44px) clamp(24px,3vw,40px) clamp(28px,3.4vw,44px) clamp(34px,4vw,54px)}
.page-justica-criminal .pcard-nums{display:flex;flex-wrap:wrap;gap:clamp(20px,2.6vw,38px);margin-bottom:var(--s-md)}
.page-justica-criminal .pnum{display:flex;align-items:flex-start;gap:9px}
.page-justica-criminal .pnum b{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.4vw,56px);line-height:.92;letter-spacing:-.02em}
.page-justica-criminal .pc-teal .pnum b{color:#0F7A75}
.page-justica-criminal .pc-navy .pnum b{color:var(--navy-700)}
.page-justica-criminal .pc-deep .pnum b{color:var(--deep)}
.page-justica-criminal .pnum span{font-size:14px;color:var(--ink);line-height:1.25;max-width:11ch;padding-top:4px}
.page-justica-criminal .pcard-body p{color:var(--ink-soft);font-size:15px;max-width:62ch}
.page-justica-criminal .pcard-body p+p{margin-top:var(--s-md)}
.page-justica-criminal .lit{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.page-justica-criminal .lit-hd{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start;margin-bottom:clamp(36px,4.5vw,56px)}
.page-justica-criminal .lit-hd h2{font-size:clamp(27px,3.6vw,44px);max-width:15ch;margin-top:var(--s-md)}
.page-justica-criminal .lit-hd p{color:var(--ink-soft);max-width:52ch}
.page-justica-criminal .peca{display:grid;grid-template-columns:minmax(220px,.86fr) minmax(0,1.7fr) minmax(180px,.64fr);gap:clamp(20px,3vw,44px);align-items:start;padding:clamp(22px,2.8vw,32px) 0;border-top:1px solid var(--line)}
.page-justica-criminal .peca:last-of-type{border-bottom:1px solid var(--line)}
.page-justica-criminal .peca h3{font-size:clamp(19px,2vw,26px)}
.page-justica-criminal .peca p{color:var(--ink-soft);font-size:15px}
.page-justica-criminal .autos{font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;font-size:12px;line-height:1.6;color:var(--navy-500);padding:8px 12px;background:var(--mint);border-left:2px solid var(--navy-500);word-break:break-word}
.page-justica-criminal .autos-vazio{font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;font-size:12px;color:var(--ink-soft);opacity:.75}
.page-justica-criminal .fecho-jc{background:var(--teal-deep);color:var(--white);padding:clamp(64px,8vw,104px) 0}
.page-justica-criminal .fecho-jc-in{max-width:660px}
.page-justica-criminal .fecho-jc h2{font-size:clamp(28px,3.8vw,46px);color:var(--white);margin:var(--s-md) 0 var(--s-md);max-width:17ch}
.page-justica-criminal .fecho-jc p{color:#FFFFFF;max-width:52ch;margin-bottom:var(--s-xl)}
.page-justica-criminal .fecho-jc .btn-white{background:var(--white);color:var(--deep)}
@media (max-width:1000px){
  .page-justica-criminal .abre-jc-photo{inset:0}
  .page-justica-criminal .abre-jc-melt{background:
    linear-gradient(156deg,var(--deep) 30%,rgba(5,43,44,.9) 62%,rgba(10,129,129,.5)),
    linear-gradient(to bottom,rgba(5,43,44,.45),transparent 38%,rgba(5,43,44,.55))}
  .page-justica-criminal .frente-top,.page-justica-criminal .lit-hd{grid-template-columns:1fr;gap:var(--s-lg)}
  .page-justica-criminal .pcard{grid-template-columns:1fr}
  .page-justica-criminal .pcard-go{right:auto;left:clamp(28px,3.4vw,44px);top:auto;bottom:calc(-1 * clamp(19px,2.2vw,25px));transform:none}
  .page-justica-criminal .pcard-body{padding:clamp(34px,4.4vw,50px) clamp(24px,3vw,40px) clamp(28px,3.4vw,44px)}
  .page-justica-criminal .pcard-side{min-height:0}
  .page-justica-criminal .peca{grid-template-columns:1fr;gap:10px}
  .page-justica-criminal .autos{justify-self:start}
}
.page-justica-criminal .crumb{padding:14px 0;font-size:13px;color:var(--ink-soft);border-bottom:1px solid var(--line)}
.page-justica-criminal .crumb a{color:var(--ink-soft);text-decoration:none}
.page-justica-criminal .crumb a:hover{color:var(--teal-ink)}
.page-justica-criminal .crumb span{margin:0 8px;color:var(--line)}
.page-justica-criminal .abre-jc{min-height:700px;display:flex;align-items:center;padding:90px 0;background:var(--deep)}
.page-justica-criminal .abre-jc-photo{width:58%;left:auto;right:0;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 18%)}
.page-justica-criminal .abre-jc-photo .duo{filter:grayscale(1) contrast(1.12) brightness(.74)}
.page-justica-criminal .abre-jc-photo .duo-tint{opacity:.8}
.page-justica-criminal .abre-jc-melt{width:62%;background:linear-gradient(90deg,var(--deep),var(--teal-deep) 76%,transparent)}
.page-justica-criminal .abre-jc-in{padding:100px 0;max-width:720px}
.page-justica-criminal .abre-jc h1{font-size:clamp(60px,7vw,94px);line-height:.93;letter-spacing:-.03em;margin:24px 0}
.page-justica-criminal .abre-jc-sub{font-size:18px;line-height:1.72;max-width:55ch}
.page-justica-criminal .abre-jc .arco{width:260px;height:260px;border-width:38px;right:-60px;bottom:50px}
.page-justica-criminal .frente{position:relative;padding:120px 0;overflow:hidden;background:var(--white)}
.page-justica-criminal .frente::before{content:"";position:absolute;right:-140px;top:70px;width:360px;aspect-ratio:1;border:48px solid var(--teal);border-radius:50%;opacity:.18}
.page-justica-criminal .frente-top{grid-template-columns:.8fr 1.2fr;gap:110px}
.page-justica-criminal .frente-top h2{font-size:clamp(45px,5.1vw,68px);line-height:.98;color:var(--navy-700);max-width:11ch}
.page-justica-criminal .frente-top p{font-size:17px;line-height:1.76}
.page-justica-criminal .atua{position:relative;padding:120px 0;background-color:var(--mint-2);background-image:linear-gradient(rgba(211,235,233,.92),rgba(211,235,233,.92)),url('../img/v2/textura.jpg');background-size:cover}
.page-justica-criminal .atua-hd{max-width:760px}
.page-justica-criminal .atua-hd h2{font-size:clamp(46px,5.3vw,72px);line-height:.97;color:var(--navy-700);max-width:10ch}
.page-justica-criminal .atua-grid{margin-top:64px;gap:14px}
.page-justica-criminal .pcard{grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr);min-height:260px;background:var(--white);box-shadow:none;border:1px solid rgba(13,84,136,.18)}
.page-justica-criminal .pcard-side{padding:36px 38px;display:flex;flex-direction:column;justify-content:center}
.page-justica-criminal .pcard-side h3{font-size:clamp(30px,3.4vw,46px);line-height:.98;max-width:12ch}
.page-justica-criminal .pcard-meta{margin-top:20px}
.page-justica-criminal .pcard-body{padding:38px 44px;align-content:center}
.page-justica-criminal .pcard-body>p{font-size:15px;line-height:1.72}
.page-justica-criminal .pnum{display:flex;align-items:end;gap:12px;margin-bottom:24px}
.page-justica-criminal .pnum b{font-size:clamp(60px,6vw,88px);line-height:.84;color:var(--teal-ink)}
.page-justica-criminal .pcard-go{width:48px;height:48px;right:-24px;background:var(--white);border:2px solid currentColor}
.page-justica-criminal .lit{position:relative;padding:124px 0;background:var(--white);overflow:hidden}
.page-justica-criminal .lit::after{content:"";position:absolute;left:-110px;bottom:12%;width:250px;aspect-ratio:1;border:36px solid var(--navy-500);border-radius:50%}
.page-justica-criminal .lit-hd{grid-template-columns:.8fr 1.2fr;gap:100px;margin-bottom:70px}
.page-justica-criminal .lit-hd h2{font-size:clamp(45px,5vw,68px);line-height:.98;color:var(--navy-700);max-width:10ch}
.page-justica-criminal .lit-hd>p{font-size:16px;line-height:1.75}
.page-justica-criminal .peca{position:relative;display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.4fr) minmax(150px,.5fr);gap:34px;padding:30px 0;border-top:1px solid rgba(13,84,136,.22)}
.page-justica-criminal .peca:first-of-type{padding:42px;background:var(--navy-700);color:var(--white);border:0;margin-bottom:18px}
.page-justica-criminal .peca:first-of-type h3{font-size:42px;color:var(--white)}
.page-justica-criminal .peca:first-of-type p{color:rgba(255,255,255,.92)}
.page-justica-criminal .peca .kick{grid-column:1/-1}
.page-justica-criminal .peca h3{font-size:25px;color:var(--navy-700)}
.page-justica-criminal .peca>p{font-size:14px;line-height:1.65}
.page-justica-criminal .peca .autos{justify-self:stretch;align-self:start;padding:12px 14px;background:var(--mint);color:var(--navy-700);font-family:var(--body);font-size:12px;font-weight:700}
.page-justica-criminal .fecho-jc{position:relative;isolation:isolate;overflow:hidden;padding:126px 0;background:var(--teal-deep)}
.page-justica-criminal .fecho-jc::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,129,129,.98),rgba(10,129,129,.72) 58%,rgba(10,129,129,.25)),url('../img/v2/justica-fecho-v4.jpg') 72% center/cover;z-index:-1}
.page-justica-criminal .fecho-jc::after{content:"";position:absolute;right:-80px;top:-130px;width:380px;aspect-ratio:1;border:54px solid var(--navy-500);border-radius:50%}
.page-justica-criminal .fecho-jc-in{max-width:760px}
.page-justica-criminal .fecho-jc h2{font-size:clamp(48px,5.4vw,72px);line-height:.98;max-width:12ch}
@media(max-width:900px){
  .page-justica-criminal .abre-jc{min-height:900px;align-items:flex-start}
  .page-justica-criminal .abre-jc-photo{width:100%;height:44%;top:auto;bottom:0;clip-path:none}
  .page-justica-criminal .abre-jc-melt{width:100%;height:64%;background:linear-gradient(180deg,var(--deep),var(--teal-deep) 80%,transparent)}
  .page-justica-criminal .abre-jc-in{padding:86px 0 390px}
  .page-justica-criminal .frente-top,.page-justica-criminal .lit-hd{grid-template-columns:1fr;gap:42px}
  .page-justica-criminal .pcard{grid-template-columns:1fr}
  .page-justica-criminal .pcard-go{right:28px;bottom:-24px;top:auto}
  .page-justica-criminal .peca{grid-template-columns:1fr 1.4fr}
  .page-justica-criminal .peca .autos{grid-column:2}
}
@media(max-width:640px){
  .page-justica-criminal .abre-jc{min-height:850px}
  .page-justica-criminal .abre-jc h1{font-size:clamp(52px,15vw,72px)}
  .page-justica-criminal .frente,.page-justica-criminal .atua,.page-justica-criminal .lit{padding-block:86px}
  .page-justica-criminal .pcard-side,.page-justica-criminal .pcard-body{padding:28px 24px}
  .page-justica-criminal .pcard-side h3{font-size:34px}
  .page-justica-criminal .peca,.page-justica-criminal .peca:first-of-type{grid-template-columns:1fr;padding:26px 0}
  .page-justica-criminal .peca:first-of-type{padding:28px 24px}
  .page-justica-criminal .peca .autos{grid-column:1}
  .page-justica-criminal .fecho-jc{padding-block:90px}
  .page-justica-criminal .fecho-jc .fechoX-btns{display:grid}
  .page-justica-criminal .fecho-jc .btn{justify-content:center;text-align:center}
}
.page-justica-criminal .fecho-jc::before{background-color:var(--teal-deep);background-blend-mode:normal,luminosity}
.page-justica-criminal .abre-jc{min-height:min(620px,calc(100svh - 72px));padding:0}
.page-justica-criminal .abre-jc-photo{width:52%;left:auto;right:0;clip-path:none}
.page-justica-criminal .abre-jc-melt{width:58%;background:linear-gradient(90deg,var(--deep) 0,var(--teal-deep) 72%,transparent)}
.page-justica-criminal .abre-jc-in{width:var(--shell);max-width:none;margin-inline:auto;padding:72px 0;text-align:left}
.page-justica-criminal .abre-jc h1{font-size:clamp(48px,5vw,68px);line-height:1;max-width:10ch;margin:22px 0}
.page-justica-criminal .abre-jc-in>p{font-size:16px;line-height:1.68;max-width:52ch}
.page-justica-criminal .frente,.page-justica-criminal .atua,.page-justica-criminal .lit{padding:88px 0}
.page-justica-criminal .frente-top{grid-template-columns:.9fr 1.1fr;gap:72px}
.page-justica-criminal .frente-top h2,.page-justica-criminal .atua-hd h2,.page-justica-criminal .lit-hd h2{font-size:clamp(38px,4vw,54px);line-height:1;max-width:14ch}
.page-justica-criminal .atua-grid{margin-top:46px}
.page-justica-criminal .pcard{min-height:230px}
.page-justica-criminal .pcard-side{padding:30px 32px}
.page-justica-criminal .pcard-body{padding:32px 38px}
.page-justica-criminal .pnum b{font-size:clamp(54px,5vw,72px)}
.page-justica-criminal .lit-hd{grid-template-columns:.9fr 1.1fr;gap:72px;margin-bottom:52px}
.page-justica-criminal .fecho-jc{padding:90px 0}
.page-justica-criminal .fecho-jc h2{font-size:clamp(40px,4.2vw,56px);max-width:14ch}
@media(max-width:900px){
  .page-justica-criminal .abre-jc{min-height:740px;align-items:flex-start}
  .page-justica-criminal .abre-jc-photo{width:100%;height:40%;top:auto;bottom:0}
  .page-justica-criminal .abre-jc-melt{width:100%;height:67%;background:linear-gradient(180deg,var(--deep),var(--teal-deep) 80%,transparent)}
  .page-justica-criminal .abre-jc-in{padding:58px 0 310px}
  .page-justica-criminal .frente-top,.page-justica-criminal .lit-hd{grid-template-columns:1fr;gap:36px}
}
@media(max-width:640px){
  .page-justica-criminal .abre-jc{min-height:700px}
  .page-justica-criminal .abre-jc-in{padding:50px 0 286px}
  .page-justica-criminal .abre-jc h1{font-size:clamp(46px,13vw,58px)}
  .page-justica-criminal .frente,.page-justica-criminal .atua,.page-justica-criminal .lit{padding-block:68px}
  .page-justica-criminal .fecho-jc{padding-block:72px}
}
.page-justica-criminal .abre-jc{min-height:min(640px,calc(100svh - 116px));background:var(--deep)}
.page-justica-criminal .abre-jc-photo{inset:0;width:100%;height:100%;clip-path:none}
.page-justica-criminal .abre-jc-photo .duo{background-position:center center;filter:grayscale(1) contrast(1.08) brightness(.86)}
.page-justica-criminal .abre-jc-photo .duo-tint{background:var(--navy-700);opacity:.42;mix-blend-mode:multiply}
.page-justica-criminal .abre-jc-melt{inset:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(5,43,44,.99) 0%,rgba(5,43,44,.94) 32%,rgba(22,65,113,.72) 58%,rgba(10,129,129,.2) 100%)}
.page-justica-criminal .abre-jc-in{position:relative;z-index:3;padding:78px 0}
.page-justica-criminal .abre-jc-in::after{content:"";position:absolute;left:0;bottom:52px;width:92px;height:5px;background:var(--teal)}
.page-justica-criminal .abre-jc .arco{right:-76px;bottom:-88px;width:270px;height:270px;border-width:34px}
@media(max-width:900px){
  .page-justica-criminal .abre-jc{min-height:min(700px,calc(100svh - 116px));align-items:center}
  .page-justica-criminal .abre-jc-photo{inset:0;width:100%;height:100%}
  .page-justica-criminal .abre-jc-photo .duo{background-position:64% center}
  .page-justica-criminal .abre-jc-melt{inset:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(5,43,44,.98) 0%,rgba(22,65,113,.88) 66%,rgba(5,43,44,.5) 100%)}
  .page-justica-criminal .abre-jc-in{padding:58px 0 190px}
}
@media(max-width:640px){
  .page-justica-criminal .abre-jc{min-height:700px}
  .page-justica-criminal .abre-jc-in{padding:46px 0 210px}
  .page-justica-criminal .abre-jc h1{font-size:clamp(44px,12vw,54px)}
}
.page-justica-criminal .abre-jc{min-height:min(580px,calc(100svh - 116px))}
.page-justica-criminal .abre-jc-in{padding:68px 0}
.page-justica-criminal .abre-jc h1{max-width:none;white-space:nowrap;font-size:clamp(48px,4.8vw,66px)}
.page-justica-criminal .abre-jc-in>p{max-width:62ch}
.page-justica-criminal .frente-top{grid-template-columns:minmax(360px,.96fr) minmax(0,1.04fr);gap:64px;align-items:center}
.page-justica-criminal .frente-top h2{max-width:16ch}
.page-justica-criminal .peca:first-of-type .kick{color:#FFFFFF}
.page-justica-criminal .peca:first-of-type .kick::before{background:#FFFFFF}
.page-justica-criminal .peca:first-of-type .autos{background:#FFFFFF;color:var(--navy-700)}
@media(max-width:900px){
  .page-justica-criminal .abre-jc h1{white-space:normal}
  .page-justica-criminal .frente-top{grid-template-columns:1fr;gap:32px;align-items:start}
}
@media(max-width:640px){
  .page-justica-criminal .abre-jc{min-height:640px}
  .page-justica-criminal .abre-jc-in{padding:46px 0 170px}
  .page-justica-criminal .abre-jc h1{font-size:clamp(42px,11vw,52px)}
}
.page-justica-criminal .pnum-copy{display:block}
.page-justica-criminal .pnum-copy b{display:block;font-family:var(--display);font-size:clamp(26px,2.5vw,36px);line-height:1.05}
.page-justica-criminal .pnum-copy span{display:block;margin-top:8px;font-size:13px;line-height:1.35;max-width:34ch}
.page-justica-criminal .no-break{display:inline!important;margin:0!important;white-space:nowrap;font-size:inherit!important}
.page-justica-criminal .peca:first-of-type{grid-template-columns:minmax(210px,.65fr) minmax(0,1.2fr)}
.page-justica-criminal .peca-stats{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.22)}
.page-justica-criminal .peca-stats p{padding:18px;background:rgba(255,255,255,.1)!important}
.page-justica-criminal .peca-stats b,.page-justica-criminal .peca-stats span{display:block;color:#fff}
.page-justica-criminal .peca-stats b{font-size:20px}
.page-justica-criminal .peca-stats span{margin-top:6px;font-size:13px;line-height:1.45}
.page-justica-criminal .peca:first-of-type + .peca{border-top:0}
@media(max-width:640px){
  .page-justica-criminal .peca-stats{grid-template-columns:1fr}
}
@media(max-width:640px){
  .page-justica-criminal .pcard{text-align:center}
  .page-justica-criminal .pcard-side,.page-justica-criminal .pcard-body{align-items:center;text-align:center}
  .page-justica-criminal .pcard-side h3,.page-justica-criminal .pcard-side p,.page-justica-criminal .pcard-body p,.page-justica-criminal .pnum{margin-inline:auto;text-align:center}
}
/* ajustes já aprovados (mantidos sobre o HTML) */
.page-justica-criminal .atua-hd h2{max-width:22ch}
.page-justica-criminal .abre-jc-photo .duo{background-image:url('../img/v2/justica-criminal-01.jpg');background-size:cover}
.page-justica-criminal .abre-jc h1{color:var(--white)!important}

/* ══ BASE: rede2, form2b/fgrid/fcel, fluxo/passos/passo, areas (O que fazemos) ══ */
.rede2{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.rede2-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.rede2-top h2{font-size:clamp(27px,3.6vw,44px);max-width:16ch;margin-top:var(--s-md);color:var(--navy-700)}
.rede2-top p{color:var(--ink-soft);max-width:52ch}
.rede2-top p+p{margin-top:var(--s-md)}
.form2b{background:var(--mint);padding:clamp(64px,8vw,104px) 0}
.form2b-hd{max-width:26ch;margin-bottom:clamp(28px,4vw,48px)}
.form2b-hd h2{font-size:clamp(27px,3.6vw,44px);margin-top:var(--s-md);color:var(--navy-700)}
.fgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(14,27,42,.14)}
.fcel{background:var(--mint);padding:clamp(20px,2.6vw,32px)}
.fcel h3{font-size:clamp(18px,1.95vw,24px);margin-bottom:8px;color:var(--navy-700)}
.fcel p{color:var(--ink-soft);font-size:15px;max-width:44ch}
.fluxo{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.fluxo-hd{max-width:24ch;margin-bottom:clamp(36px,4.5vw,60px)}
.fluxo-hd h2{font-size:clamp(27px,3.6vw,44px);margin-top:var(--s-md);color:var(--navy-700)}
.passos{position:relative}
.passo b{display:block;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--navy-500);margin-bottom:8px}
.passo h3{font-size:clamp(17px,1.8vw,21px);margin-bottom:8px;color:var(--navy-700)}
.passo p{color:var(--ink-soft);font-size:14.5px}
.areas{background:var(--deep);color:var(--white);padding:clamp(56px,7vw,92px) 0}
.areas h2{font-size:clamp(26px,3.4vw,40px);color:var(--white);margin:var(--s-md) 0 var(--s-md);max-width:20ch}
.areas p{color:rgba(255,255,255,.92);max-width:66ch}
.areas .chips{display:flex;flex-wrap:wrap;gap:10px}
.areas .chip{padding:10px 18px;border-radius:999px;border:1.5px solid var(--line-lt);font-size:14.5px;font-weight:500;color:var(--white)}
.areas .fmt-see{color:var(--teal-lt);margin-top:var(--s-md);display:inline-flex}
@media (max-width:1000px){.rede2-top{grid-template-columns:1fr;gap:var(--s-lg)}.fgrid{grid-template-columns:1fr}}

/* ══ DIREÇÃO DE ARTE · O QUE FAZEMOS (isolada por .page-o-que-fazemos, valores finais) ══ */
.page-o-que-fazemos .heroX.h-mir{min-height:min(560px,calc(100svh - 72px));background:var(--navy-700)}
.page-o-que-fazemos .heroX-photo{inset:0 0 0 auto;width:54%;height:auto;clip-path:none}
.page-o-que-fazemos .heroX-photo .duo{background-position:48% center;filter:grayscale(1) contrast(1.08) brightness(.9)}
.page-o-que-fazemos .heroX-photo .duo-tint{background:linear-gradient(145deg,var(--navy-500),var(--teal-deep));opacity:.72}
.page-o-que-fazemos .heroX-melt{inset:0;width:100%;height:auto;clip-path:none;background:linear-gradient(90deg,var(--navy-700) 0%,var(--navy-700) 38%,rgba(22,65,113,.94) 49%,rgba(22,65,113,.3) 72%,rgba(22,65,113,.08) 100%),linear-gradient(180deg,rgba(5,43,44,.12),transparent 58%,rgba(5,43,44,.32))}
.page-o-que-fazemos .heroX-in{width:var(--shell);max-width:none;margin-inline:auto;padding:50px 16% 50px 0;text-align:left}
.page-o-que-fazemos .heroX h1{max-width:26ch;font-size:clamp(39px,3.1vw,45px);line-height:1.06;margin-bottom:22px}
.page-o-que-fazemos .heroX-sub{max-width:59ch;font-size:16.5px;line-height:1.6}
.page-o-que-fazemos .ringX{left:auto;right:9%;top:-118px;width:260px;height:260px;border-width:30px;border-color:rgba(90,218,215,.34)}
.page-o-que-fazemos .arcoX{left:auto;right:-52px;bottom:-112px;width:260px;height:260px;border-width:32px;clip-path:inset(0 50% 50% 0)}

.page-o-que-fazemos .rede2{padding:92px 0}
.page-o-que-fazemos .rede2-top{grid-template-columns:.86fr 1.14fr;gap:76px}
.page-o-que-fazemos .rede2-top h2{font-size:clamp(38px,3.8vw,52px);line-height:1.05;max-width:400px}
.page-o-que-fazemos .rede2-top p{font-size:16px;line-height:1.72}
.page-o-que-fazemos .rede2-visual{position:relative;height:290px;margin:36px 28px 0 0;overflow:visible}
.page-o-que-fazemos .rede2-visual .duo{position:absolute;inset:0 0 0 36px;background-size:cover;background-position:center;filter:grayscale(1);clip-path:circle(47% at 60% 50%)}
.page-o-que-fazemos .rede2-visual::before{content:"";position:absolute;left:0;bottom:-18px;width:42%;aspect-ratio:1;border-radius:50%;background:var(--teal);z-index:1;mix-blend-mode:multiply}
.page-o-que-fazemos .rede2-visual::after{content:"";position:absolute;inset:-18px -18px 16px 18px;border:3px solid var(--navy-500);border-radius:50%;clip-path:inset(0 0 48% 0);pointer-events:none}

.page-o-que-fazemos .form2b{padding:92px 0;background:var(--mint)}
.page-o-que-fazemos .form2b-hd{max-width:760px}
.page-o-que-fazemos .form2b-hd h2{font-size:clamp(38px,3.8vw,52px);line-height:1.02;max-width:16ch}
.page-o-que-fazemos .fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;border:1px solid rgba(13,84,136,.16);background:rgba(13,84,136,.16)}
.page-o-que-fazemos .fcel{position:relative;isolation:isolate;min-height:215px;padding:28px 30px;background:rgba(255,255,255,.76);color:var(--navy-700);cursor:default;transition:background-color .22s ease,color .22s ease;overflow:hidden}
.page-o-que-fazemos .fcel::before{content:"";display:block;width:34px;height:3px;margin-bottom:24px;background:var(--teal);position:relative;z-index:2}
.page-o-que-fazemos .fcel h3{font-size:clamp(23px,2vw,28px);line-height:1.08;max-width:15ch;position:relative;z-index:2;color:var(--navy-700);transition:color .22s ease}
.page-o-que-fazemos .fcel p{margin-top:14px;color:var(--ink-soft);font-size:14.5px;line-height:1.65;max-width:48ch;position:relative;z-index:2;transition:color .22s ease}
.page-o-que-fazemos .fcel-icon{position:absolute;z-index:3;right:28px;top:26px;width:34px;height:34px;color:var(--teal-ink);transition:color .22s ease}
.page-o-que-fazemos .fcel-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.page-o-que-fazemos .fcel-icon{right:24px;top:22px;width:30px;height:30px}.page-o-que-fazemos .fcel{text-align:center}.page-o-que-fazemos .fcel h3,.page-o-que-fazemos .fcel p{margin-inline:auto;text-align:center}.page-o-que-fazemos .fcel::before{margin-inline:auto}}
@media(hover:hover){
  .page-o-que-fazemos .fcel:hover{background-color:var(--navy-700);color:var(--white)}
  .page-o-que-fazemos .fcel:hover h3{color:#fff}
  .page-o-que-fazemos .fcel:hover p{color:#fff}
  .page-o-que-fazemos .fcel:hover .fcel-icon{color:var(--teal-lt)}
}
.page-o-que-fazemos .formatos-ctas{margin-top:26px;gap:16px;display:flex;flex-wrap:wrap}
.page-o-que-fazemos .formatos-ctas .btn-out2{color:var(--navy-700);border-color:var(--line)}

.page-o-que-fazemos .fluxo{padding:94px 0;background:var(--white)}
.page-o-que-fazemos .fluxo .shell{display:grid;grid-template-columns:330px minmax(0,1fr);gap:72px;align-items:start}
.page-o-que-fazemos .fluxo-hd{position:sticky;top:104px;max-width:none;margin:0}
.page-o-que-fazemos .fluxo-hd h2{font-size:clamp(38px,3.8vw,52px);line-height:1.02;max-width:11ch}
.page-o-que-fazemos .passos{position:relative;display:block;margin:0;padding-left:0;border:0}
.page-o-que-fazemos .passos::before{content:"";display:block;position:absolute;left:9px;right:auto;top:25px;bottom:25px;width:1px;height:auto;background:var(--teal-pale)}
.page-o-que-fazemos .passo{position:relative;display:grid;grid-template-columns:90px minmax(180px,230px) minmax(0,1fr);gap:22px;min-height:0;margin:0;padding:25px 0 25px 42px;border:0;border-bottom:1px solid rgba(13,84,136,.15);background:transparent;color:var(--ink)}
.page-o-que-fazemos .passo:last-child{border-bottom:0}
.page-o-que-fazemos .passo::before{content:"";display:block;position:absolute;left:0;top:29px;width:20px;height:20px;border-radius:50%;border:5px solid var(--teal);background:var(--white);z-index:2}
.page-o-que-fazemos .passo:nth-child(1)::before{border-color:var(--navy-700)}
.page-o-que-fazemos .passo:nth-child(5)::before{border-color:var(--teal-line)}
.page-o-que-fazemos .passo:last-child::after{content:"";position:absolute;z-index:1;left:7px;top:49px;bottom:-1px;width:5px;background:var(--white)}
.page-o-que-fazemos .passo b{display:block;margin:0;padding-left:34px;color:var(--teal-ink);font-size:10px;line-height:1.35;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.page-o-que-fazemos .passo h3{margin:0;color:var(--navy-700);font-size:clamp(21px,1.8vw,25px);line-height:1.08;max-width:13ch}
.page-o-que-fazemos .passo p{color:var(--ink-soft);font-size:14px;line-height:1.62;max-width:48ch}

.page-o-que-fazemos .areas{padding:88px 0;background:var(--mint-2);color:var(--navy-700)}
.page-o-que-fazemos .areas .shell{display:grid;grid-template-columns:.82fr 1.18fr;column-gap:76px;align-items:start}
.page-o-que-fazemos .areas .kick{grid-column:1;grid-row:1;color:var(--teal-ink)}
.page-o-que-fazemos .areas h2{grid-column:1;grid-row:2/5;font-size:clamp(38px,4vw,54px);line-height:1;max-width:14ch;color:var(--navy-700)}
.page-o-que-fazemos .areas p{grid-column:2;grid-row:1;font-size:16px;line-height:1.72;color:var(--ink-soft)}
.page-o-que-fazemos .areas .chips{grid-column:2;grid-row:2}
.page-o-que-fazemos .areas .chip{background:var(--white);border-color:rgba(13,84,136,.22);color:var(--navy-700)}
.page-o-que-fazemos .areas .fmt-see{grid-column:2;grid-row:3;color:var(--teal-ink)}

.page-o-que-fazemos .fechoX.f-deep{position:relative;isolation:isolate;overflow:hidden;padding:90px 0}
.page-o-que-fazemos .fechoX.f-deep::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,44,.98),rgba(5,43,44,.88)),url('../img/v2/textura-papel.jpg') center/cover;background-color:var(--deep);background-blend-mode:normal,luminosity;z-index:-1}
.page-o-que-fazemos .fechoX.f-deep::after{content:"";position:absolute;right:-80px;top:-110px;width:340px;aspect-ratio:1;border:48px solid var(--navy-500);border-radius:50%}
.page-o-que-fazemos .fechoX.f-deep h2{font-size:clamp(40px,4.2vw,56px);max-width:14ch}
.page-o-que-fazemos .fechoX.f-deep .fechoX-btns{gap:18px}

.page-o-que-fazemos .page-id{background:var(--teal);color:var(--deep)}
.page-o-que-fazemos .page-id::before{display:none}

@media(max-width:1000px){.page-o-que-fazemos .fluxo .shell{grid-template-columns:1fr;gap:42px}.page-o-que-fazemos .fluxo-hd{position:static}.page-o-que-fazemos .fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.page-o-que-fazemos .heroX.h-mir{min-height:650px}.page-o-que-fazemos .heroX-photo{inset:0;width:100%;height:100%}.page-o-que-fazemos .heroX-melt{background:linear-gradient(180deg,var(--navy-700) 0%,rgba(22,65,113,.97) 64%,rgba(5,43,44,.48) 100%)}.page-o-que-fazemos .heroX-in{padding:48px 0}.page-o-que-fazemos .rede2-top{grid-template-columns:1fr;gap:34px}.page-o-que-fazemos .passo{grid-template-columns:82px minmax(180px,220px) minmax(0,1fr)}.page-o-que-fazemos .areas .shell{grid-template-columns:1fr}.page-o-que-fazemos .areas .kick,.page-o-que-fazemos .areas h2,.page-o-que-fazemos .areas p,.page-o-que-fazemos .areas .chips,.page-o-que-fazemos .areas .fmt-see{grid-column:1;grid-row:auto}.page-o-que-fazemos .areas h2{margin-bottom:28px}}
@media(max-width:640px){.page-o-que-fazemos .heroX.h-mir{min-height:610px}.page-o-que-fazemos .heroX-in{padding:38px 0}.page-o-que-fazemos .heroX h1{max-width:none;font-size:clamp(35px,9.3vw,41px);line-height:1.01}.page-o-que-fazemos .heroX-sub{font-size:14.5px;line-height:1.5}.page-o-que-fazemos .rede2,.page-o-que-fazemos .form2b,.page-o-que-fazemos .fluxo,.page-o-que-fazemos .areas{padding-block:68px}.page-o-que-fazemos .fgrid{grid-template-columns:1fr}.page-o-que-fazemos .fcel{min-height:0;padding:26px}.page-o-que-fazemos .passos{padding-left:0}.page-o-que-fazemos .passos::before{left:9px}.page-o-que-fazemos .passo{grid-template-columns:70px 1fr;gap:18px;padding:24px 0 24px 32px}.page-o-que-fazemos .passo::before{left:0;top:27px}.page-o-que-fazemos .passo b,.page-o-que-fazemos .passo h3,.page-o-que-fazemos .passo p{grid-column:2}.page-o-que-fazemos .fechoX.f-deep{padding-block:72px}.page-o-que-fazemos .fechoX.f-deep .fechoX-btns{display:grid}.page-o-que-fazemos .fechoX.f-deep .btn{justify-content:center;text-align:center}}

/* ══ BASE: abre, hist, move/pilares, reg/linha/marco, traj/caso, redes/rede, amicus/logos, transp/doc, fecho (Sobre nós) ══ */
.abre{position:relative;background:var(--white);padding:clamp(56px,7vw,88px) 0 clamp(64px,8vw,100px);overflow:hidden}
.abre-in{display:grid;grid-template-columns:1.16fr .84fr;gap:clamp(32px,6vw,80px);align-items:center}
.abre h1{font-size:clamp(38px,5.6vw,70px);margin:var(--s-md) 0 var(--s-lg);max-width:17ch}
.abre-sub{color:var(--ink-soft);font-size:clamp(17px,1.6vw,19.5px);max-width:48ch}
.hist{background:var(--white);padding:0 0 clamp(64px,8vw,104px)}
.hist-hd{max-width:22ch;margin-bottom:clamp(28px,4vw,44px)}
.hist-hd h2{font-size:clamp(28px,3.8vw,46px);margin-top:var(--s-md)}
.hist-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);padding-top:var(--s-lg);border-top:1px solid var(--line)}
.hist-cols p{color:var(--ink-soft);max-width:52ch}
.hist-cols p+p{margin-top:var(--s-md)}
.move{background:var(--mint);padding:clamp(64px,8vw,104px) 0}
.move-hd{max-width:26ch;margin-bottom:var(--s-lg)}
.move-hd h2{font-size:clamp(28px,3.8vw,46px);margin-top:var(--s-md)}
.move-lead{color:var(--ink-soft);max-width:62ch;margin-bottom:clamp(32px,4vw,52px)}
.pilares{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(14,27,42,.14)}
.pilar{background:var(--mint);padding:clamp(20px,2.6vw,32px)}
.pilar h3{font-size:clamp(19px,2vw,25px);margin-bottom:8px}
.pilar p{color:var(--ink-soft);font-size:15px;max-width:44ch}
.reg{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.reg-hd{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start;margin-bottom:clamp(40px,5vw,64px)}
.reg-hd h2{font-size:clamp(26px,3.4vw,40px);max-width:20ch;margin-top:var(--s-md)}
.reg-hd p{color:var(--ink-soft);max-width:52ch}
.reg-hd p+p{margin-top:var(--s-md)}
.linha{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);padding-top:clamp(40px,5vw,60px)}
.linha::before{content:"";position:absolute;left:0;right:0;top:clamp(52px,6.2vw,74px);height:2px;background:linear-gradient(90deg,var(--navy-700),var(--teal))}
.marco{position:relative;padding-top:clamp(36px,4.4vw,52px)}
.marco::before{content:"";position:absolute;left:0;top:clamp(4px,.9vw,12px);width:22px;height:22px;border-radius:50%;background:var(--white);border:4px solid var(--navy-700);z-index:2}
.marco:nth-child(2)::before{border-color:var(--navy-500)}
.marco:nth-child(3)::before{border-color:var(--teal-line)}
.marco b{display:block;font-family:var(--display);font-size:clamp(36px,4.6vw,58px);font-weight:700;line-height:.92;letter-spacing:-.035em;color:var(--navy-700);margin-bottom:10px}
.marco:nth-child(2) b{color:var(--navy-500)}
.marco:nth-child(3) b{color:var(--teal-ink)}
.marco p{color:var(--ink-soft);font-size:15px;max-width:32ch}
.reg-cit{margin-top:clamp(44px,5vw,68px);padding:clamp(24px,3vw,40px);background:var(--mint);border-left:3px solid var(--teal)}
.reg-cit p{font-family:var(--display);font-style:italic;font-weight:300;font-size:clamp(19px,2.4vw,29px);line-height:1.36;letter-spacing:-.014em;max-width:34ch}
.traj{background:var(--white);padding:0 0 clamp(64px,8vw,104px)}
.traj-hd{max-width:26ch;margin-bottom:clamp(28px,4vw,44px)}
.traj-hd h2{font-size:clamp(28px,3.8vw,46px);margin-top:var(--s-md)}
.traj-lead{color:var(--ink-soft);max-width:58ch;margin-top:var(--s-md)}
.traj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3.4vw,48px)}
.caso{padding-top:var(--s-md);border-top:1px solid var(--line)}
.caso h3{font-size:clamp(19px,2vw,25px);margin-bottom:8px}
.caso p{color:var(--ink-soft);font-size:15px}
.redes{background:var(--deep);color:var(--white);padding:clamp(64px,8vw,104px) 0}
.redes-hd{max-width:24ch;margin-bottom:clamp(32px,4vw,52px)}
.redes-hd h2{font-size:clamp(28px,3.8vw,46px);margin-top:var(--s-md);color:var(--white)}
.redes-lead{color:rgba(255,255,255,.9);max-width:58ch;margin-top:var(--s-md)}
.redes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3.4vw,48px)}
.rede{padding-top:var(--s-md);border-top:1px solid var(--line-lt)}
.rede h3{font-size:clamp(18px,1.9vw,23px);color:var(--white);margin-bottom:8px}
.rede p{color:rgba(255,255,255,.88);font-size:14.5px}
.amicus{background:var(--white);padding:clamp(64px,8vw,104px) 0}
.amicus-hd{max-width:28ch;margin-bottom:clamp(28px,4vw,44px)}
.amicus-hd h2{font-size:clamp(26px,3.4vw,40px);margin-top:var(--s-md)}
.amicus-hd p{color:var(--ink-soft);max-width:52ch;margin-top:var(--s-md)}
.logos{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-md)}
.logo-slot{aspect-ratio:2.4;display:grid;place-items:center;border:1px dashed var(--line);border-radius:4px;background:var(--mint-2);color:var(--ink-soft);font-size:12.5px;font-weight:500;text-align:center;padding:var(--s-sm)}
.transp{background:var(--mint);padding:clamp(64px,8vw,104px) 0}
.transp-hd{max-width:26ch;margin-bottom:var(--s-lg)}
.transp-hd h2{font-size:clamp(26px,3.4vw,40px);margin-top:var(--s-md)}
.transp-lead{color:var(--ink-soft);max-width:58ch;margin-bottom:clamp(28px,3.4vw,44px)}
.transp-note{margin-top:var(--s-lg);font-size:14px;color:var(--ink-soft)}
.transp-note a{color:var(--teal-ink);font-weight:500}
.fecho{position:relative;overflow:hidden;background:var(--mint);padding:clamp(64px,8vw,104px) 0}
.fecho .arcF{position:absolute;right:-4vw;top:-10vw;width:min(300px,34vw);aspect-ratio:1;border-radius:50%;border:clamp(18px,2.8vw,28px) solid var(--navy-500);clip-path:inset(0 0 46% 0);z-index:var(--z-arc)}
.fecho-in{position:relative;z-index:var(--z-body);max-width:640px}
.fecho h2{font-size:clamp(28px,3.8vw,46px);margin:var(--s-md) 0 var(--s-md)}
.fecho p{color:var(--ink-soft);max-width:52ch;margin-bottom:var(--s-xl)}
@media (max-width:1000px){.abre-in{grid-template-columns:1fr;gap:var(--s-2xl)}.hist-cols{grid-template-columns:1fr;gap:var(--s-lg)}.pilares{grid-template-columns:1fr}.reg-hd{grid-template-columns:1fr;gap:var(--s-lg)}.linha{grid-template-columns:1fr;gap:var(--s-xl);padding-top:var(--s-md)}.linha::before{display:none}.marco{padding-top:0;padding-left:44px}.marco::before{top:6px}.traj-grid,.redes-grid{grid-template-columns:1fr 1fr}.logos{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.traj-grid,.redes-grid{grid-template-columns:1fr}}

/* ══ DIREÇÃO DE ARTE · SOBRE NÓS (isolada por .page-sobre-nos, valores finais) ══ */
.page-sobre-nos .abre{isolation:isolate;min-height:min(620px,calc(100svh - 72px));padding:62px 0;display:flex;align-items:center;background:var(--deep);color:#fff;overflow:hidden}
.page-sobre-nos .abre::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,44,.98) 0%,rgba(22,65,113,.88) 48%,rgba(22,65,113,.18) 100%),url('../img/v2/quem-somos-02.jpg') 72% center/cover;background-color:var(--navy-700);background-blend-mode:normal,luminosity;z-index:-1}
.page-sobre-nos .abre-in{grid-template-columns:minmax(0,760px) 1fr}
.page-sobre-nos .abre h1{color:#fff;max-width:26ch;font-size:clamp(46px,4.2vw,60px);line-height:1}
.page-sobre-nos .abre-sub{color:rgba(255,255,255,.92)}

.page-sobre-nos .hist{padding:88px 0}
.page-sobre-nos .hist-layout{display:grid;grid-template-columns:1fr 478.6px;gap:64px;align-items:end;margin-bottom:42px}
.page-sobre-nos .hist-hd h2{font-size:clamp(38px,4vw,54px) !important;line-height:1.03 !important;max-width:560px !important;width:100% !important;color:var(--navy-700) !important}
.page-sobre-nos .hist-hd{max-width:560px !important}
.page-sobre-nos .hist-cols{position:relative;padding-top:32px;margin-top:32px}
.page-sobre-nos .hist-cols::before{content:"";position:absolute;left:0;right:0;top:0;width:100%;height:2px;background:var(--line)}
.page-sobre-nos .hist-v3-img{position:relative;width:478.6px;height:390px;overflow:hidden}
.page-sobre-nos .hist-v3-img .duo{position:absolute;inset:0;background-image:url('../img/v2/quem-somos-01.jpg');background-position:center;background-size:cover;filter:grayscale(1)}
.page-sobre-nos .hist-v3-img::after{content:"";position:absolute;inset:0;background:rgba(20,169,166,.32);mix-blend-mode:multiply}
.page-sobre-nos .hist-cols{gap:60px;border-top:0}
.page-sobre-nos .hist-cols p{font-size:16.5px;line-height:1.76}

.page-sobre-nos .move{padding:88px 0}
.page-sobre-nos .move{position:relative;overflow:hidden;background-color:var(--mint);background-image:linear-gradient(rgba(225,243,245,.9),rgba(225,243,245,.9)),url('../img/v2/textura-papel.jpg');background-size:cover}
.page-sobre-nos .move::after{content:"";position:absolute;right:-100px;top:-100px;width:310px;aspect-ratio:1;border-radius:50%;border:44px solid var(--navy-500);z-index:0;pointer-events:none}
.page-sobre-nos .move .shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);column-gap:68px;align-items:end}
.page-sobre-nos .move-hd{max-width:none;margin-bottom:0}
.page-sobre-nos .move-hd h2{max-width:20ch;font-size:clamp(38px,4vw,54px);line-height:1;color:var(--navy-700)}
.page-sobre-nos .pilar h3{color:var(--navy-700)}
.page-sobre-nos .move-lead{max-width:68ch;margin:0;font-size:16px;line-height:1.72}
.page-sobre-nos .pilares{grid-column:1/-1;margin-top:38px;grid-template-columns:repeat(4,1fr)}
.page-sobre-nos .pilar{position:relative;overflow:hidden;min-height:180px;padding:26px 28px;background:rgba(255,255,255,.7)}
.page-sobre-nos .pilar:nth-child(even){background:rgba(255,255,255,.5)}
.page-sobre-nos .pilar::after{content:"";position:absolute;right:-34px;bottom:-38px;width:92px;aspect-ratio:1;border:14px solid var(--teal);border-radius:50%;opacity:.12}

.page-sobre-nos .reg{padding:88px 0}
.page-sobre-nos .reg-hd{grid-template-columns:.9fr 1.1fr;gap:72px}
.page-sobre-nos .reg-hd h2{font-size:clamp(38px,4vw,54px);max-width:30ch;line-height:1;color:var(--navy-700)}
.page-sobre-nos .reg-hd p{font-size:16px;line-height:1.72}
.page-sobre-nos .linha{margin-top:52px;padding-top:0}
.page-sobre-nos .linha::before{top:12px}
.page-sobre-nos .marco{padding-top:42px}
.page-sobre-nos .marco::before{top:1px}
.page-sobre-nos .marco b{font-size:clamp(48px,5.2vw,70px)}
.page-sobre-nos .reg-cit{margin:46px 40px 16px;padding:34px 40px;background:var(--mint);border:0;quotes:none;color:var(--navy-700)}
.page-sobre-nos .reg-cit::before,.page-sobre-nos .reg-cit::after{content:none}
.page-sobre-nos .reg-cit p{font-family:var(--display);font-style:italic;font-weight:300;font-size:clamp(19px,2.4vw,29px);line-height:1.36;letter-spacing:-.014em;max-width:44ch;color:var(--navy-700)}

.page-sobre-nos .traj{padding:88px 0;background:var(--mint)}
.page-sobre-nos .traj-hd{max-width:960px}
.page-sobre-nos .traj-hd h2{font-size:clamp(38px,4vw,54px);max-width:24ch;line-height:1;color:var(--navy-700)}
.page-sobre-nos .traj-grid{position:relative;grid-template-columns:repeat(6,minmax(0,1fr));border:0;padding-top:34px;gap:12px;margin-top:42px}
.page-sobre-nos .traj-grid::before{content:"";position:absolute;left:0;right:0;top:11px;height:2px;background:var(--navy-500)}
.page-sobre-nos .caso{position:relative;min-height:230px;padding:28px 20px;background:rgba(255,255,255,.74);color:var(--ink);border:1px solid rgba(13,84,136,.18)}
.page-sobre-nos .caso::before{content:"";position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:var(--teal);border:3px solid var(--mint)}
.page-sobre-nos .caso h3{font-size:20px;line-height:1.15;color:var(--navy-700)}
.page-sobre-nos .caso p{font-size:13px;line-height:1.55}
.page-sobre-nos .caso-ano{display:block;margin-bottom:16px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-ink)}
.page-sobre-nos .traj-grid+.fmt-see{margin-top:56px!important}

.page-sobre-nos .redes{position:relative;isolation:isolate;padding:88px 0;overflow:hidden}
.page-sobre-nos .redes::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,44,.98),rgba(5,43,44,.88)),url('../img/v2/textura-papel.jpg') center/cover;background-color:var(--deep);background-blend-mode:normal,luminosity;z-index:-1}
.page-sobre-nos .redes::after{content:"";position:absolute;right:-100px;bottom:-150px;width:390px;aspect-ratio:1;border:54px solid var(--teal);border-radius:50%;z-index:0;pointer-events:none}
.page-sobre-nos .redes .shell{position:relative;z-index:1}
.page-sobre-nos .redes-hd{max-width:960px}
.page-sobre-nos .redes-hd h2{font-size:clamp(38px,4vw,54px);max-width:26ch;line-height:1}
.page-sobre-nos .redes-lead{max-width:70ch;font-size:17px;line-height:1.72}
.page-sobre-nos .redes-grid{margin-top:42px}
.page-sobre-nos .rede-num{display:block;margin-bottom:10px;font-family:var(--display);font-size:clamp(46px,5vw,70px);line-height:1;color:var(--teal-lt)}
.page-sobre-nos .rede{display:flex;flex-direction:column;min-height:100%;padding-top:26px;border-top:1px solid rgba(255,255,255,.28)}
.page-sobre-nos .rede p{flex:0 1 auto}
.page-sobre-nos .rede-topo{display:flex;align-items:center;height:clamp(46px,5vw,70px);margin-bottom:10px}
.page-sobre-nos .rede-logo{display:block;max-height:100%;max-width:220px;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1)}

.page-sobre-nos .amicus{padding:88px 0;background:var(--white)}
.page-sobre-nos .amicus-hd{max-width:960px}
.page-sobre-nos .amicus-hd h2{font-size:clamp(38px,4vw,54px);max-width:23ch;line-height:1;color:var(--navy-700)}
.page-sobre-nos .logos-grupo{margin-top:44px}
.page-sobre-nos .logos-grupo:first-of-type{margin-top:38px}
.page-sobre-nos .logos-grupo-titulo{text-align:center;font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-500);margin:0 0 14px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.page-sobre-nos .logos-real{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:50px;padding:20px;margin-top:0}
.page-sobre-nos .logo-real{display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:0;padding:0;aspect-ratio:auto;max-height:none}
.page-sobre-nos .logo-real img{width:120px;height:120px;max-width:none;max-height:none;object-fit:contain;display:block}

.page-sobre-nos .transp{padding:88px 0}
.page-sobre-nos .transp-hd{max-width:960px}
.page-sobre-nos .transp-hd h2{font-size:clamp(38px,4vw,54px);max-width:20ch;line-height:1;color:var(--navy-700)}
.page-sobre-nos .tgroups{display:grid;gap:10px;max-width:1080px;margin-top:42px}
.page-sobre-nos .tgroup{background:rgba(255,255,255,.56);border:1px solid rgba(13,84,136,.16)}
.page-sobre-nos .tgroup summary{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:76px;padding:18px 22px;cursor:pointer;list-style:none;font-family:var(--display);font-size:clamp(22px,2.2vw,29px);color:var(--navy-700)}
.page-sobre-nos .tgroup summary::-webkit-details-marker{display:none}
.page-sobre-nos .tgroup summary::after{content:"+";font-family:var(--body);font-size:26px;color:var(--teal-ink)}
.page-sobre-nos .tgroup[open] summary::after{content:"−"}
.page-sobre-nos .trans-body{display:grid;gap:0;padding:0 22px 18px}
.page-sobre-nos .trans-file{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 4px;border-top:1px solid rgba(13,84,136,.13);color:var(--navy-700);font-weight:700;text-decoration:none}
.page-sobre-nos .trans-file::before{content:"↓";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--mint);color:var(--teal-ink);flex:none}

.page-sobre-nos .fecho{--fecho-photo:url('../img/v2/quem-somos-03.jpg');position:relative;isolation:isolate;overflow:hidden;padding:90px 0;background:var(--navy-700);color:var(--white)}
.page-sobre-nos .fecho::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,65,113,.98),rgba(22,65,113,.82)),var(--fecho-photo) 72% center/cover;background-color:var(--navy-700);background-blend-mode:normal,luminosity;z-index:-1}
.page-sobre-nos .fecho::after{content:"";position:absolute;right:-84px;top:-110px;width:350px;aspect-ratio:1;border:50px solid var(--teal);border-radius:50%}
.page-sobre-nos .fecho .arcF{display:none}
.page-sobre-nos .fecho-in{width:var(--shell);max-width:none;margin-inline:auto;text-align:left}
.page-sobre-nos .fecho h2{font-size:clamp(38px,4vw,54px);line-height:.98;max-width:24ch;color:var(--white)}
.page-sobre-nos .fecho p{max-width:760px;color:rgba(255,255,255,.92)}
.page-sobre-nos .fecho .fechoX-btns{justify-content:flex-start;gap:18px}
.page-sobre-nos .fecho .btn-out2{color:var(--white)!important;border-color:rgba(255,255,255,.4)!important}

.page-sobre-nos .page-id{background:var(--teal);color:var(--deep)}
.page-sobre-nos .page-id::before{display:none}

@media(max-width:1100px){.page-sobre-nos .traj-grid{grid-template-columns:repeat(3,1fr);row-gap:28px}.page-sobre-nos .traj-grid::before,.page-sobre-nos .caso::before{display:none}.page-sobre-nos .caso{min-height:240px}}
@media(max-width:900px){.page-sobre-nos .abre{min-height:auto}.page-sobre-nos .abre-in{grid-template-columns:1fr}.page-sobre-nos .hist-layout{grid-template-columns:1fr}.page-sobre-nos .hist-v3-img{width:100%;height:330px}.page-sobre-nos .move .shell{grid-template-columns:1fr}.page-sobre-nos .move-lead{margin-top:24px}.page-sobre-nos .pilares{grid-template-columns:1fr 1fr}.page-sobre-nos .reg-hd{grid-template-columns:1fr}.page-sobre-nos .traj-grid{grid-template-columns:1fr 1fr}.page-sobre-nos .redes-grid{grid-template-columns:1fr 1fr}.page-sobre-nos .fecho::before{background:linear-gradient(90deg,rgba(22,65,113,.98),rgba(22,65,113,.82)),var(--fecho-photo) 62% center/cover;background-color:var(--navy-700);background-blend-mode:normal,luminosity}}
@media(max-width:640px){.page-sobre-nos .abre{padding-block:38px}.page-sobre-nos .hist,.page-sobre-nos .move,.page-sobre-nos .reg,.page-sobre-nos .traj,.page-sobre-nos .redes,.page-sobre-nos .amicus,.page-sobre-nos .transp{padding-block:68px}.page-sobre-nos .abre h1{font-size:clamp(40px,11vw,50px)}.page-sobre-nos .hist-v3-img{width:100%;height:260px}.page-sobre-nos .pilares{grid-template-columns:1fr}.page-sobre-nos .linha{grid-template-columns:1fr}.page-sobre-nos .linha::before{left:10px;right:auto;top:0;bottom:0;width:2px;height:auto}.page-sobre-nos .marco{padding:0 0 34px 42px}.page-sobre-nos .marco::before{left:0;top:0}.page-sobre-nos .traj-grid{grid-template-columns:1fr;padding:0}.page-sobre-nos .traj-grid::before,.page-sobre-nos .caso::before{display:none}.page-sobre-nos .redes-grid{grid-template-columns:1fr}.page-sobre-nos .logos-real{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:50px;padding:20px;margin-top:0}.page-sobre-nos .logos-grupo-titulo{text-align:center}.page-sobre-nos .fecho{padding-block:72px}.page-sobre-nos .fecho .btn{justify-content:center;text-align:center}}

/* ══ DIREÇÃO DE ARTE · HOME (isolada por .page-home, valores finais) ══ */
body.page-home{overflow-x:clip}

/* HERO */
.page-home .heroX{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:min(640px,calc(100svh - 72px));padding:0;background:var(--deep);color:var(--white)}
.page-home .heroX-photo{inset:0 0 0 auto;width:68%;height:100%;clip-path:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 10%,#000 34%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 10%,#000 34%)}
.page-home .heroX-photo .duo{background-image:url('../img/v2/fundo-hero-pro.jpeg');background-size:cover;background-position:64% center;filter:grayscale(1) contrast(1.08) brightness(.82)}
.page-home .heroX-photo .duo-tint{background:var(--navy-500);opacity:.62;mix-blend-mode:color}
.page-home .heroX-melt{inset:0;width:100%;height:100%;background:linear-gradient(90deg,var(--deep) 0%,rgba(5,43,44,.98) 31%,rgba(22,65,113,.9) 49%,rgba(22,65,113,.44) 67%,rgba(5,43,44,.14) 100%)}
.page-home .heroX-in{position:relative;z-index:3;width:var(--shell);max-width:none;margin-inline:auto;padding:56px 0}
.page-home .heroX h1{font-size:clamp(42px,3.85vw,54px);line-height:1;letter-spacing:-.028em;max-width:760px;margin:0 0 24px;color:var(--white)!important}
.page-home .heroX-in>h1,.page-home .heroX-in>.heroX-sub,.page-home .heroX-in>.heroX-btns{width:min(760px,62%)}
.page-home .heroX-sub{font-size:15.5px;line-height:1.56;max-width:66ch;color:rgba(255,255,255,.93)}
.page-home .heroX-sub+.heroX-sub{margin-top:var(--s-md)}
.page-home .heroX-in>.heroX-btns{margin-top:24px}
.page-home .heroX .ringX{width:250px;height:250px;border-width:34px;right:38%;top:-100px;opacity:.45}
.page-home .heroX .arcoX{width:230px;height:230px;border-width:34px;right:-55px;bottom:42px;z-index:5}
.page-home .hero-since-tag{display:inline-flex;width:max-content;margin-bottom:18px;padding:0;background:transparent;color:var(--teal-lt)}

/* O QUE FAZEMOS (fluxo) */
.page-home .fluxoH{position:relative;padding:72px 0 78px;overflow:hidden;background:var(--white)}
.page-home .fluxoH::after{content:"";position:absolute;right:-110px;top:-150px;width:360px;aspect-ratio:1;border:48px solid var(--teal);border-radius:50%;opacity:.16}
.page-home .fluxoH .shell{position:relative;z-index:1}
.page-home .fluxoH-hd{display:block;text-align:center;margin-bottom:42px}
.page-home .fluxoH-hd p{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-ink);margin-bottom:15px}
.page-home .fluxoH-hd h2{font-size:clamp(36px,3.8vw,52px);line-height:1;max-width:760px;margin-inline:auto;color:var(--navy-700)}
.page-home .fluxoH-row{display:grid;grid-template-columns:repeat(7,auto);align-items:center;justify-content:center;gap:0}
.page-home .fluxoH-step{position:relative;min-height:142px;padding:22px 18px;border-top:2px solid var(--teal);background:var(--mint);text-align:center;border-radius:0}
.page-home .fluxoH-step:nth-of-type(even){background:var(--navy-700);color:#fff}
.page-home .fluxoH-step b{display:block;font-family:var(--body);font-size:13.5px;font-weight:800;letter-spacing:.045em;line-height:1.25;text-transform:uppercase}
.page-home .fluxoH-step span{display:block;margin-top:18px;font-weight:700;font-size:clamp(21px,2vw,29px)}
.page-home .fluxoH-step em{display:block;margin-top:12px;font-style:normal;font-size:13.5px;line-height:1.5;max-width:26ch;margin-inline:auto}
.page-home .fluxoH-step:nth-of-type(even) b,.page-home .fluxoH-step:nth-of-type(even) span,.page-home .fluxoH-step:nth-of-type(even) em{color:#fff}
.page-home .fluxoH-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--teal);color:var(--deep);position:relative;z-index:2;margin-inline:-8px;font-size:20px}

/* FORMATOS DE ATUAÇÃO */
.page-home .fmt{position:relative;overflow:hidden;padding:0}
.page-home .fmt-band{position:relative;isolation:isolate;padding-block:86px;background-color:var(--mint);background-image:linear-gradient(rgba(239,248,248,.95),rgba(239,248,248,.95)),url('../img/v2/textura-papel.jpg');background-size:cover;overflow:visible}
.page-home .fmt-in{position:relative;z-index:2;display:grid;grid-template-columns:.68fr 1.32fr;gap:58px;align-items:start}
.page-home .fmt-comp{position:relative;aspect-ratio:1;width:100%;max-width:340px;justify-self:center;margin-top:44px}
.page-home .fmt-foto{position:absolute;left:8%;top:12%;width:74%;aspect-ratio:1;border-radius:50%;overflow:hidden;isolation:isolate;z-index:2}
.page-home .fmt-foto .duo{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.06)}
.page-home .fmt-anel{position:absolute;left:-2%;top:-8%;width:34%;aspect-ratio:1;border-radius:50%;border:clamp(5px,.9vw,8px) solid var(--teal);z-index:3}
.page-home .fmt-disco{position:absolute;right:2%;bottom:0;width:38%;aspect-ratio:1;border-radius:50%;background:var(--navy-700);z-index:1}
.page-home .fmt-chev{position:absolute;right:-6%;top:44%;display:flex;gap:2px;z-index:3}
.page-home .fmt-chev span{display:block;width:clamp(14px,1.7vw,22px);aspect-ratio:.62;background:var(--deep);border-radius:0 999px 999px 0}
.page-home .fmt-pill{position:static;display:inline-flex;margin-bottom:18px;padding:0;background:transparent;color:var(--teal-ink)}
.page-home .fmt-hd h2{font-size:clamp(38px,4vw,54px);line-height:.98;max-width:560px;color:var(--navy-700)}
.page-home .fmt-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:34px;border:0;border-top:1px solid rgba(13,84,136,.2);background:transparent}
.page-home .fmt-item{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;min-height:78px;padding:16px 18px 16px 0;border-bottom:1px solid rgba(13,84,136,.2);background:transparent;cursor:default}
.page-home .fmt-item:nth-child(odd){border-right:1px solid rgba(13,84,136,.2)}
.page-home .fmt-item:nth-child(even){padding-left:18px}
.page-home .fmt-item i{display:grid;place-items:center;width:28px;height:28px;color:var(--teal-ink)}
.page-home .fmt-item i svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.page-home .fmt-item b{font-size:15px;font-weight:600;color:var(--navy-700)}
.page-home .fmt-see{display:inline-flex;align-items:center;gap:8px;color:var(--teal-ink);font-weight:700;font-size:14.5px;text-decoration:none;margin-top:clamp(18px,2.4vw,28px)}
.page-home .fmt-actions{margin-top:24px;gap:10px;display:flex;flex-wrap:wrap}

/* POR QUE FAZER PRO BONO */
.page-home .porque{position:relative;isolation:isolate;overflow:hidden;padding:88px 0;background:var(--deep);color:var(--white)}
.page-home .porque::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,44,.98),rgba(5,43,44,.9)),url('../img/v2/textura-papel.jpg') center/cover;background-color:var(--deep);background-blend-mode:normal,luminosity;z-index:-1}
.page-home .porque::after{content:"";position:absolute;right:-130px;bottom:-170px;width:470px;aspect-ratio:1;border:64px solid var(--navy-500);border-radius:50%;opacity:.8;z-index:0}
.page-home .porque .ringP{position:absolute;border-radius:50%;width:min(560px,66vw);aspect-ratio:1;right:-16vw;bottom:-28vw;border:1.5px solid rgba(255,255,255,.12);z-index:0}
.page-home .porque-in{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.page-home .porque h2{font-size:clamp(40px,4.1vw,56px);line-height:1;max-width:none;margin:var(--s-md) 0 clamp(28px,3.6vw,44px);color:var(--white)}
.page-home .stat-big{margin-bottom:clamp(20px,2.6vw,30px)}
.page-home .stat-big b{display:block;font-family:var(--display);font-size:clamp(54px,6vw,82px);font-weight:700;letter-spacing:-.03em;color:var(--teal-lt);line-height:1}
.page-home .stat-big span{font-size:15px;font-weight:700;color:rgba(255,255,255,.86);display:block;max-width:24ch;margin-top:4px}
.page-home .stat-source,.page-home .dpe-source{display:block;margin-top:8px;font-size:12px;line-height:1.4;color:rgba(255,255,255,.66)}
.page-home .porque-call{margin-top:10px;padding:4px 0 0}
.page-home .porque p.porque-access-call{max-width:480px;margin:0;font-family:var(--display);font-size:clamp(27px,2.8vw,39px);line-height:1.08;color:#fff;text-wrap:balance}
.page-home .porque-access-em{display:block;font-family:var(--display);font-size:clamp(34px,4vw,54px);line-height:1.02;color:var(--teal-lt)}
.page-home .porque-access-sub{display:block;margin-top:7px;font-family:var(--body);font-size:15px;font-weight:700;line-height:1.35;color:rgba(255,255,255,.84)}
.page-home .porque p{color:rgba(255,255,255,.9);font-size:15px;max-width:none}
.page-home .porque-in>div:last-child>p+p{margin-top:var(--s-md)}
.page-home .porque p.porque-nota,.page-home .porque p.porque-quote{margin-top:var(--s-md);padding:22px 24px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.1);font-family:var(--body);font-size:16px;line-height:1.62}
.page-home .porque p.porque-quote{margin-top:14px;background:rgba(17,177,176,.16)}
.page-home .porque-btn{margin-top:clamp(24px,3vw,36px);display:flex;flex-wrap:wrap;gap:var(--s-sm)}
.page-home .dpe{margin-top:clamp(28px,3.6vw,44px);padding-top:clamp(20px,2.6vw,32px);border-top:1px solid var(--line-lt)}
.page-home .dpe b{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-lt);margin-bottom:var(--s-md)}
.page-home .dpe-row{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:10px 0;align-items:baseline}
.page-home .dpe-row em{font-family:var(--display);font-style:normal;font-weight:700;font-size:24px;color:var(--teal-lt)}
.page-home .dpe-row span{font-size:13.5px;color:rgba(255,255,255,.82)}

/* COMO ATUAMOS */
.page-home .comoH{padding:92px 0;background-color:var(--mint-2);background-image:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),url('../img/v2/textura-papel.jpg');background-size:cover}
.page-home .comoH-top{display:grid;grid-template-columns:.86fr 1.14fr;gap:68px;align-items:start}
.page-home .comoH-top>div:first-child{min-width:0}
.page-home .comoH-top h2{font-size:clamp(37px,3.75vw,52px);line-height:1;max-width:22ch;margin-top:var(--s-md);color:var(--navy-700)}
.page-home .comoH-top p{color:var(--ink-soft);max-width:none}
.page-home .comoH-top p+p{margin-top:var(--s-md)}
.page-home .etapasH{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:64px;border:1px solid rgba(13,84,136,.18);border-top:3px solid var(--navy-500);background:rgba(13,84,136,.18)}
.page-home .etapasH .etapa{min-width:0;padding:28px 24px 30px;background:var(--mint-2);border-right:1px solid rgba(13,84,136,.18)}
.page-home .etapasH .etapa:last-child{border-right:0}
.page-home .etapa-n{display:block;font-family:var(--display);font-size:46px;color:var(--teal-ink);line-height:1;margin-bottom:12px}
.page-home .etapa b{display:block;font-size:14px;line-height:1.25;color:var(--navy-700)}
.page-home .etapa p{margin-top:11px;font-size:12.8px;line-height:1.58;color:var(--ink-soft)}
.page-home .comoH .heroX-btns{display:flex;flex-wrap:wrap;gap:var(--s-sm)}

/* FRENTES DE ATUAÇÃO */
.page-home .frentesH{padding:92px 0;background:var(--white)}
.page-home .frentesH-hd{max-width:720px;margin-bottom:54px}
.page-home .frentesH-hd h2{font-size:clamp(38px,4vw,54px);line-height:1;color:var(--navy-700);margin-top:var(--s-md)}
.page-home .frentesH-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:16px}
.page-home .frenteH{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:340px;padding:0;overflow:hidden;background:var(--deep);color:var(--white);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.page-home .frenteH:first-child{grid-row:1/3;min-height:620px}
.page-home .frenteH:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(5,43,44,.16)}
.page-home .frenteH-img{position:absolute;inset:0;margin:0;opacity:.78;aspect-ratio:auto;z-index:0}
.page-home .frenteH-img .duo{background-size:cover;background-position:center;transition:transform .55s var(--ease-expo)}
.page-home .frenteH:first-child .frenteH-img .duo{background-position:34% center}
.page-home .frenteH:hover .frenteH-img .duo{transform:scale(1.055)}
.page-home .frenteH::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(5,43,44,.94),rgba(5,43,44,.08) 78%)}
.page-home .frenteH h3,.page-home .frenteH p,.page-home .frenteH>span{position:relative;z-index:2;margin-inline:30px}
.page-home .frenteH h3{margin-top:auto;padding-top:180px;font-size:30px;color:var(--white)}
.page-home .frenteH:first-child h3{padding-top:470px;font-size:42px}
.page-home .frenteH p{color:rgba(255,255,255,.9);font-size:14.5px;margin-bottom:10px}
.page-home .frenteH>span{display:block;margin-bottom:28px;color:var(--teal-lt);font-weight:700;font-size:14px;transition:color .2s ease,transform .2s ease}
.page-home .frenteH:hover>span{color:#fff;transform:translateX(5px)}

/* CAUSAS APOIADAS */
.page-home .causasH{position:relative;overflow:hidden;padding:82px 0;background-color:var(--mint);background-image:linear-gradient(rgba(225,243,245,.9),rgba(225,243,245,.9)),url('../img/v2/textura.jpg');background-size:cover}
.page-home .causasH::after{content:"";position:absolute;right:7vw;bottom:-75px;width:150px;aspect-ratio:1;border-radius:50%;background:var(--navy-500)}
.page-home .causasH .shell{position:relative;z-index:1}
.page-home .causasH h2{font-size:clamp(39px,4.4vw,58px);line-height:1;color:var(--navy-700)}
.page-home .causasH-lead{color:var(--ink-soft);max-width:62ch;margin:var(--s-md) 0 clamp(24px,3vw,36px)}
.page-home .causasH .chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0}
.page-home .causasH .chip{padding:12px 18px;border:1.5px solid rgba(13,84,136,.28);border-radius:999px;background:rgba(255,255,255,.72);font-size:14.5px;font-weight:500;color:var(--ink)}
.page-home .causasH-see{display:inline-flex;margin-top:26px;color:var(--teal-ink);font-weight:700;font-size:14.5px;text-decoration:none}

/* FAÇA PARTE (CTA) */
.page-home .fechoX.f-navy{position:relative;isolation:isolate;overflow:hidden;padding:90px 0;background:var(--navy-700)}
.page-home .fechoX.f-navy::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,65,113,.98),rgba(22,65,113,.82) 56%,rgba(22,65,113,.3)),url('../img/v2/faca-parte-bg.jpg') center/cover;background-color:var(--navy-700);background-blend-mode:normal,luminosity;z-index:-1}
.page-home .fechoX.f-navy::after{content:"";position:absolute;right:-84px;top:-110px;width:350px;aspect-ratio:1;border:50px solid var(--teal);border-radius:50%}
.page-home .fechoX.f-navy .fechoX-in{position:relative;z-index:2;width:var(--shell);max-width:none;margin-inline:auto;text-align:left}
.page-home .fechoX.f-navy h2{font-size:clamp(40px,4.2vw,56px);line-height:.98;max-width:760px;color:var(--white)}
.page-home .fechoX.f-navy p{max-width:760px}
.page-home .fechoX.f-navy .fechoX-btns{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px}

/* AMICUS PRO BONO (fundo branco, logos agrupados) */
.page-home .amiH{padding:82px 0;background:var(--white)}
.page-home .amiH-hd{max-width:780px}
.page-home .amiH-hd h2{font-size:clamp(40px,4.6vw,62px);line-height:1;max-width:22ch;color:var(--navy-700);margin-top:var(--s-md)}
.page-home .amiH-hd p{color:var(--ink-soft);max-width:64ch;margin-top:var(--s-md)}
.page-home .logos-grupo{margin-top:44px}
.page-home .logos-grupo:first-of-type{margin-top:38px}
.page-home .logos-grupo-titulo{text-align:center;font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-500);margin:0 0 14px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.page-home .logos-real{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:50px;padding:20px;margin-top:0}
.page-home .logo-real{display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:0;padding:0;aspect-ratio:auto;max-height:none}
.page-home .logo-real img{width:120px;height:120px;max-width:none;max-height:none;object-fit:contain;display:block}

/* RESPONSIVO */
@media(max-width:1000px){.page-home .fmt-in,.page-home .comoH-top{grid-template-columns:1fr;gap:var(--s-lg)}.page-home .fmt-comp{margin-top:0;max-width:300px}.page-home .etapasH{grid-template-columns:1fr 1fr}.page-home .etapasH .etapa{border-bottom:1px solid rgba(13,84,136,.18)}}
@media(max-width:900px){.page-home .heroX{min-height:720px}.page-home .heroX-photo{inset:0;width:100%;height:100%;-webkit-mask-image:none;mask-image:none}.page-home .heroX-melt{background:linear-gradient(180deg,rgba(5,43,44,.98) 0%,rgba(22,65,113,.94) 60%,rgba(5,43,44,.62) 100%)}.page-home .heroX-in{padding:50px 0}.page-home .heroX-in>h1,.page-home .heroX-in>.heroX-sub,.page-home .heroX-in>.heroX-btns{width:100%;max-width:720px}.page-home .fluxoH-row{grid-template-columns:1fr}.page-home .fluxoH-arrow{margin:-8px auto;transform:rotate(90deg)}.page-home .fluxoH-step{min-height:0}.page-home .porque-in{grid-template-columns:1fr;gap:42px}.page-home .fmt-list{grid-template-columns:1fr 1fr}.page-home .frentesH-grid{grid-template-columns:1fr;grid-template-rows:auto}.page-home .frenteH:first-child{grid-row:auto;min-height:520px}}
@media(max-width:640px){.page-home .heroX{min-height:calc(100svh - 68px)}.page-home .heroX-in{padding:36px 0 48px}.page-home .heroX h1{font-size:clamp(36px,9.7vw,43px)}.page-home .heroX-btns{display:grid;grid-template-columns:1fr}.page-home .heroX-btns .btn{justify-content:center}.page-home .fmt-band,.page-home .porque,.page-home .comoH,.page-home .frentesH,.page-home .causasH,.page-home .amiH{padding-block:68px}.page-home .fmt-list,.page-home .etapasH{grid-template-columns:1fr}.page-home .fmt-item,.page-home .fmt-item:nth-child(n){grid-template-columns:1fr;justify-items:center;gap:8px;min-height:124px;padding:22px 14px;border-right:0;text-align:center}.page-home .fmt-item b{max-width:22ch;text-align:center}.page-home .porque h2{font-size:40px}.page-home .stat-big b{font-size:54px}.page-home .etapasH .etapa{padding:24px 22px;border-right:0;text-align:center}.page-home .frenteH{text-align:center;min-height:280px}.page-home .frenteH h3{padding-top:145px}.page-home .frenteH:first-child h3{padding-top:360px;font-size:34px}.page-home .frenteH h3,.page-home .frenteH p,.page-home .frenteH>span{margin-inline:24px}.page-home .fechoX.f-navy{padding-block:72px}.page-home .fechoX.f-navy .fechoX-btns,.page-home .fmt-actions{display:grid}.page-home .logos-real{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:50px;padding:20px;margin-top:0}}

/* ══ RODAPÉ · logo único em branco ══ */
.ft .ft-logo-white{display:block;width:128px;height:auto;filter:brightness(0) invert(1)}

/* O que fazemos · linha do tempo: responsivo (final do original) */
@media(max-width:900px){.page-o-que-fazemos .passo{grid-template-columns:82px minmax(180px,220px) minmax(0,1fr);padding-left:40px}}
@media(max-width:640px){.page-o-que-fazemos .passos::before{left:9px}.page-o-que-fazemos .passo{grid-template-columns:70px 1fr;gap:18px;padding:24px 0 24px 40px}.page-o-que-fazemos .passo::before{left:0;top:27px}.page-o-que-fazemos .passo:last-child::after{top:47px}.page-o-que-fazemos .passo b{grid-column:1;padding-left:0}.page-o-que-fazemos .passo h3,.page-o-que-fazemos .passo p{grid-column:2}}

/* Apoio a OSCs · "Formalizar para existir": responsivo do original */
@media(max-width:900px){.page-apoio-oscs .porq-top{grid-template-columns:1fr;gap:42px}.page-apoio-oscs .porq-top>div:first-child{position:static}.page-apoio-oscs .porq-top>div:last-child{padding:0 0 0 34px}.page-apoio-oscs .porq-top>div:last-child::before{left:0;top:0}.page-apoio-oscs .porq .destaque{width:calc(100% - 44px);margin-top:70px}}
@media(max-width:640px){.page-apoio-oscs .porq{padding:90px 0 86px}.page-apoio-oscs .porq::before{width:180px;border-width:24px;left:-118px}.page-apoio-oscs .porq-top p{font-size:15.5px}.page-apoio-oscs .porq .destaque{width:calc(100% - 18px);margin-left:18px}}

/* Apoio a OSCs · "Como funciona na prática": responsivo do original */
@media(max-width:900px){.page-apoio-oscs .comoOsc .shell{grid-template-columns:1fr}.page-apoio-oscs .comoOsc-hd,.page-apoio-oscs .comoOsc-lead,.page-apoio-oscs .comoOsc>.shell>.btn,.page-apoio-oscs .passosOsc{grid-column:1;grid-row:auto}.page-apoio-oscs .passosOsc{margin-top:70px}}
@media(max-width:640px){.page-apoio-oscs .comoOsc{padding:86px 0}.page-apoio-oscs .comoOsc::after{display:none}.page-apoio-oscs .passosOsc{margin-top:62px}.page-apoio-oscs .passoOsc{grid-template-columns:62px 1fr;gap:16px;min-height:0;padding-bottom:40px}.page-apoio-oscs .passoOsc::before{left:30px;top:48px}.page-apoio-oscs .passoOsc b{width:62px;height:62px;font-size:29px;grid-row:1/3}.page-apoio-oscs .passoOsc h3{font-size:17px;padding-top:8px}.page-apoio-oscs .passoOsc p{grid-column:2;padding-top:0}}

/* Apoio a OSCs · "Ciclo de vida": responsivo do original */
@media(max-width:900px){.page-apoio-oscs .ciclo-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.page-apoio-oscs .ciclo{padding:88px 0}.page-apoio-oscs .ciclo-lead{font-size:15.5px}.page-apoio-oscs .ciclo-grid{grid-template-columns:1fr}.page-apoio-oscs .fase{min-height:0;padding:30px 24px}.page-apoio-oscs .fase i{margin-bottom:22px}}

/* Apoio a OSCs · "Exemplos de organizações": responsivo do original */
@media(max-width:900px){.page-apoio-oscs .orgs-grid{grid-template-columns:1fr 1fr}.page-apoio-oscs .org:nth-child(2){border-right:0}.page-apoio-oscs .org:nth-child(-n+2){border-bottom:1px solid rgba(13,84,136,.24)}}
@media(max-width:640px){.page-apoio-oscs .orgs{padding:88px 0}.page-apoio-oscs .orgs-lead{font-size:15.5px}.page-apoio-oscs .orgs-grid{grid-template-columns:1fr}.page-apoio-oscs .org{min-height:0;padding:30px 18px;border-right:0;border-bottom:1px solid rgba(13,84,136,.24)!important}.page-apoio-oscs .org:last-child{border-bottom:0!important}}

/* ══ Amicus · selo acima de "O que é ser Amicus Pro Bono" ══ */
.page-amicus .oque-top>.oque-selo{grid-column:2;grid-row:1;justify-self:start;display:block;width:clamp(190px,20vw,290px);height:auto;max-width:100%}
.page-amicus .oque-top>div:nth-of-type(1){grid-column:1;grid-row:2}
.page-amicus .oque-top>div:nth-of-type(2){grid-column:2;grid-row:2}
@media(min-width:901px){.page-amicus .oque-top{row-gap:30px}}
@media(max-width:900px){.page-amicus .oque-top>.oque-selo{grid-column:1;grid-row:auto;width:190px}.page-amicus .oque-top>div:nth-of-type(1),.page-amicus .oque-top>div:nth-of-type(2){grid-column:1;grid-row:auto}}
@media(max-width:480px){.page-amicus .oque-top>.oque-selo{width:160px}}
/* AMICUS · logos iguais à produção (/apoie/) */
.page-amicus .logos-grupo{margin-top:44px}
.page-amicus .logos-grupo:first-of-type{margin-top:38px}
.page-amicus .logos-grupo-titulo{text-align:center;font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-500);margin:0 0 14px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.page-amicus .logos-real{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:50px;padding:20px;margin-top:0}
.page-amicus .logo-real{display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:0;padding:0;aspect-ratio:auto;max-height:none}
.page-amicus .logo-real img{width:120px;height:120px;max-width:none;max-height:none;object-fit:contain;display:block}
.page-amicus .logos-grupo{background:var(--white);border-radius:14px;padding:26px 20px 12px}.page-amicus .logos-grupo:first-of-type{margin-top:38px}
@media(max-width:640px){.page-amicus .logos-real{gap:28px;padding:12px 0}.page-amicus .logo-real img{width:100px;height:100px}}
/* MENU · 4 botões de ação: o menu vira hambúrguer antes, para nada estourar a linha */
@media(max-width:1320px){.nav{display:none}.burger{display:flex}}
@media(max-width:1000px){.hd-acts .hd-extra{display:none}}
/* BUSCA · botão no topo, gaveta fixa, campo no menu mobile, página de resultados */
.hd-search-btn{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;border:1.5px solid rgba(13,84,136,.3);background:#fff;color:var(--navy-700);cursor:pointer;transition:background-color var(--dur-state),color var(--dur-state)}
.hd-search-btn svg{width:18px;height:18px}
.hd-search-btn:hover,.hd-search-btn[aria-expanded="true"]{background:var(--navy-700);color:#fff;border-color:var(--navy-700)}
.hd-search{display:none;background:var(--white);border-top:1px solid var(--line);box-shadow:0 18px 30px -22px rgba(5,43,44,.35)}
.hd-search.is-open{display:block}
.hd-search-in{width:var(--shell);margin-inline:auto;padding:14px 0}
.busca-form{display:flex;gap:var(--s-sm);align-items:center}
.busca-form input[type="search"]{flex:1 1 auto;min-width:0;min-height:48px;padding:0 22px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);font-family:var(--body);font-size:16px}
.busca-form input[type="search"]:focus{border-color:var(--teal-line);outline:none}
.busca-form .btn{min-height:48px;flex:none}
.sheet-busca{position:relative;z-index:var(--z-body);margin:0 0 14px;gap:0}
.sheet-busca input[type="search"]{background:rgba(255,255,255,.08);border-color:var(--line-lt);color:#fff;padding-right:52px}
.sheet-busca input[type="search"]::placeholder{color:rgba(255,255,255,.7)}
.sheet-busca button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:var(--teal);color:var(--deep);display:grid;place-items:center;cursor:pointer}
.sheet-busca button svg{width:18px;height:18px}
.page-busca .abre-nt{min-height:0;padding:64px 0}
.page-busca .abre-nt h1{max-width:22ch}
.page-busca .busca-pagina{margin:0 0 36px;max-width:640px}
.page-busca .busca-vazio{font-size:17px;color:var(--ink-soft);padding:24px 0}
.page-busca .busca-vazio a{color:var(--teal-ink);font-weight:700}
.page-busca .busca-paginas{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:44px}
.page-busca .busca-paginas .page-numbers{padding:9px 15px;border-radius:999px;border:1px solid rgba(13,84,136,.2);font-size:14px;color:var(--ink-soft);text-decoration:none}
.page-busca .busca-paginas .page-numbers.current{background:var(--navy-700);border-color:var(--navy-700);color:#fff}
/* NOTÍCIAS · ordenar por */
.page-noticias .filtros{margin-bottom:16px}
.page-noticias .ordem{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 36px}
.page-noticias .ordem-lbl{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-right:4px}
@media(max-width:640px){.hd-in{gap:8px}.hd-acts{margin-left:auto}.busca-form .btn{padding:0 18px}}
.page-noticias .news-in,.page-noticias .news-in>*{position:relative;z-index:2}
.page-noticias .news p:not(.news-ok){color:#0A1622 !important;font-weight:500}
/* QUEM SOMOS · Equipe */
.page-sobre-nos .equipe{background:var(--mint);padding:64px 0}
.page-sobre-nos .equipe-hd h2{font-size:clamp(30px,3.2vw,42px);line-height:1.05;color:var(--navy-700);margin-bottom:34px}
.page-sobre-nos .equipe-lista{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.page-sobre-nos .equipe-card{display:flex;flex-direction:column;gap:6px;padding:22px 20px;background:rgba(255,255,255,.72);border:1px solid rgba(13,84,136,.14)}
.page-sobre-nos .equipe-ini{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--teal);color:var(--deep);font-family:var(--display);font-size:16px;margin-bottom:10px}
.page-sobre-nos .equipe-card b{font-family:var(--display);font-weight:400;font-size:clamp(18px,1.6vw,21px);line-height:1.15;color:var(--navy-700)}
.page-sobre-nos .equipe-card>span:last-child{font-size:13.5px;line-height:1.45;color:var(--ink-soft)}
@media(max-width:1100px){.page-sobre-nos .equipe-lista{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.page-sobre-nos .equipe-lista{grid-template-columns:repeat(2,minmax(0,1fr))}.page-sobre-nos .equipe{padding:48px 0}}
@media(max-width:460px){.page-sobre-nos .equipe-lista{grid-template-columns:1fr}}
.page-contato .aviso-d a{text-decoration:underline;text-underline-offset:3px}
/* CONHECIMENTO · Ver mais publicações */
.page-conhecimento .material[hidden]{display:none}
.page-conhecimento .bib-mais{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:clamp(36px,4vw,56px);position:relative;z-index:1}
.page-conhecimento .bib-mais[hidden]{display:none}
.page-conhecimento .bib-cont{font-size:14px;color:var(--ink-soft)}
.page-conhecimento .filtros button.filtro{cursor:pointer}