:root {
  --verde-escuro: #0b4a24;
  --verde-principal: #0f5f2f;
  --verde-medio: #1f7a3f;
  --verde-claro: #dff0c8;
  --fundo-claro: #dff0c8;
  --fundo-card: #f5faef;
  --texto-principal: #132215;
  --texto-claro: #ffffff;
  --borda-suave: #b3d2a5;
  --sombra-card: 0 10px 24px rgba(12, 50, 22, 0.12);
  --largura-maxima: 1680px;
  --tamanho-fonte-base: 16px;
  --fonte-texto: clamp(1rem, 0.95rem + 0.25vw, 1.14rem);
  --fonte-texto-pequeno: clamp(0.92rem, 0.88rem + 0.18vw, 1rem);
  --fonte-titulo-secao: clamp(1.95rem, 1.5rem + 1.8vw, 3.15rem);
  --fonte-subtitulo: clamp(1.4rem, 1.2rem + 0.8vw, 2rem);
  --altura-linha-texto: 1.62;
  --raio-painel: 14px;
  --raio-card: 12px;
  --espaco-secao-horizontal: clamp(1rem, 2vw, 2rem);
  --espaco-painel: 1rem;
  /* Painéis claros: tom menos “neon”, melhor separação do fundo em gradiente */
  --fundo-painel-suave: #dcf2c4;
  --texto-painel: #0f1a0d;
  --borda-painel-azul: #7f3a1f;
  --sombra-painel-suave: 0 6px 22px rgba(12, 42, 18, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.52);
  --sombra-cartao-claro: 0 4px 14px rgba(14, 48, 22, 0.09);
  --borda-cartao-suave: #aed09a;
  --cor-acao-marrom: #7f3a1f;
  --cor-acao-marrom-hover: #652c14;
  --cor-destaque-verde: #0f7f3b;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

section[id],
article[id] {
  scroll-margin-top: 82px;
}

body {
  margin: 0;
  background: var(--fundo-claro);
  color: var(--texto-principal);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: var(--tamanho-fonte-base);
  line-height: 1.6;
}

p {
  margin: 0;
  line-height: var(--altura-linha-texto);
}

img {
  display: block;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}

a {
  color: inherit;
  text-decoration: none;
}

.container {
  width: min(100% - 0.8rem, var(--largura-maxima));
  margin-inline: auto;
}

.conteudo-principal {
  padding-block: 1rem 2.3rem;
}

.secao {
  margin-bottom: 1.8rem;
}

.hero-principal {
  background: var(--fundo-claro);
  padding-block: 1.2rem;
}

.hero-grade {
  display: grid;
  grid-template-columns: 1fr 1.02fr;
  gap: 1.4rem;
  align-items: center;
  min-height: calc(100vh - 90px);
}

.hero-conteudo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.85rem;
  color: var(--verde-escuro);
  text-align: center;
  padding-top: 0;
}

.subtitulo-hero {
  margin: 0;
  display: inline-block;
  padding: 0;
  font-weight: 700;
  width: fit-content;
  color: var(--texto-principal);
  font-size: clamp(0.95rem, 0.88rem + 0.25vw, 1.08rem);
  line-height: 1.35;
  align-self: center;
}

.titulo-hero {
  margin: 0;
  font-size: clamp(2rem, 1.4rem + 3vw, 3.8rem);
  line-height: 1.12;
}

.descricao-hero {
  margin: 0;
  max-width: 58ch;
  font-size: clamp(1.02rem, 0.96rem + 0.45vw, 1.32rem);
  line-height: 1.55;
  text-align: center;
  color: #111111;
}

.descricao-hero strong {
  color: #111111;
}

.botao-hero {
  display: inline-block;
  background: var(--verde-principal);
  color: #ffffff;
  font-weight: 800;
  border-radius: 10px;
  padding: 0.55rem 0.9rem;
  width: fit-content;
  text-align: center;
}

.botao-hero:hover,
.botao-hero:focus-visible {
  background: var(--verde-medio);
}

.bloco-destaque,
.bloco-simples {
  background: var(--fundo-card);
  border: 1px solid var(--borda-suave);
  border-radius: 16px;
  box-shadow: var(--sombra-card);
}

.bloco-destaque {
  padding: 1.2rem;
  display: grid;
  gap: 1.2rem;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 1.2rem;
}

.bloco-ods {
  background: var(--fundo-card);
  border: 1px solid var(--borda-suave);
  border-radius: 16px;
  box-shadow: var(--sombra-card);
  padding: 1.2rem;
  margin-bottom: 1.2rem;
}

.ods-introducao {
  margin-bottom: 0.9rem;
}

.ods-introducao .titulo-secao {
  text-align: center;
}

.ods-introducao p {
  max-width: none;
  text-align: justify;
}

.bloco-simples {
  padding: 1.3rem;
}

.coluna-texto p,
.bloco-simples p,
.cartao-secundario p,
.texto-apoio {
  max-width: 68ch;
  font-size: var(--fonte-texto);
  line-height: var(--altura-linha-texto);
}

.coluna-texto p,
.bloco-simples p,
.ods-introducao p {
  text-align: justify;
  text-justify: inter-word;
}

.titulo-secao {
  margin: 0 0 0.7rem;
  color: var(--verde-escuro);
  font-size: var(--fonte-titulo-secao);
  line-height: 1.18;
}

.subtitulo-secao {
  font-size: var(--fonte-subtitulo);
  margin: 0.5rem 0 1rem;
  color: var(--verde-escuro);
  line-height: 1.25;
}

.coluna-imagem {
  display: grid;
  gap: 0.8rem;
}

.grade-imagens img {
  height: 210px;
}

.cartao-secundario {
  background: #ebf8df;
  border: 1px solid #cfe5be;
  border-radius: 12px;
  padding: 0.9rem;
}

.cartao-secundario h2 {
  margin: 0 0 0.45rem;
  color: var(--verde-escuro);
}

.animar-entrada-esquerda,
.animar-entrada-direita {
  opacity: 0;
  transform: translateX(28px);
}

.animar-entrada-esquerda {
  transform: translateX(-28px);
}

.animar-visivel {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.55s ease, transform 0.55s ease;
}

.oculto {
  display: none !important;
}