Diante de desafios econômicos, sociais e ambientais que afetam sociedades em todo o mundo, a Agenda 2030 da Organização das Nações Unidas (ONU) estabeleceu 17 Objetivos de Desenvolvimento Sustentável (ODS) como referência para a construção de um futuro mais justo, inclusivo e responsável. Desde 2020, o Supremo Tribunal Federal (STF) classifica processos de acordo com esses objetivos, permitindo identificar como a jurisdição constitucional brasileira se relaciona com questões centrais da agenda global.
Esta página reúne a série de reportagens especiais que mostra como essa conexão se concretiza nos julgamentos e nas ações institucionais do STF. Ao relacionar decisões paradigmáticas da Corte aos objetivos e indicadores da Agenda 2030, a série evidencia como controvérsias constitucionais apreciadas pelo Supremo repercutem na proteção de direitos, na formulação de políticas públicas e na busca por soluções sustentáveis para os desafios enfrentados pelo Brasil.
/* Reset básico */
*, *::before, *::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto,
“Helvetica Neue”, Arial, sans-serif;
color: #0b2233;
background: #ffffff;
}
img {
max-width: 100%;
}
/* Container principal */
.special-series {
width: 100%;
max-width: 1141px;
margin: 24px auto;
padding: 0 16px;
}
/* Lista vertical de faixas */
.special-series-list {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
}
/* Toda a faixa é clicável */
.special-story-link {
display: block;
width: 100%;
color: inherit;
text-decoration: none;
border-radius: 10px;
}
.special-story-link,
.special-story-link * {
text-decoration: none !important;
}
/* Faixa horizontal no desktop */
.special-story {
display: grid;
/* Mantém a mesma proporção entre imagem e texto em todas as faixas */
grid-template-columns: 42% 58%;
align-items: stretch;
width: 100%;
min-height: 210px;
overflow: hidden;
border-radius: 10px;
color: #ffffff;
box-shadow: 0 3px 10px rgba(3, 24, 33, 0.10);
transition: transform 0.20s ease, box-shadow 0.25s ease;
}
.special-story-link:hover .special-story {
transform: translateY(-3px);
box-shadow: 0 9px 22px rgba(3, 24, 33, 0.18);
}
/* Alternância dos dois tons de azul */
.special-story-link:nth-child(odd) .special-story {
background-color: #0e344d;
}
.special-story-link:nth-child(even) .special-story {
background-color: #2174ae;
}
/* Nas faixas pares, inverte os lados sem alterar as proporções */
.special-story-link:nth-child(even) .special-story {
grid-template-columns: 58% 42%;
}
.special-story-link:nth-child(odd) .special-story-image,
.special-story-link:nth-child(even) .special-story-content {
grid-column: 1;
grid-row: 1;
}
.special-story-link:nth-child(odd) .special-story-content,
.special-story-link:nth-child(even) .special-story-image {
grid-column: 2;
grid-row: 1;
}
.special-story-image {
position: relative;
min-height: 210px;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.10);
}
.special-story-image img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.35s ease;
}
.special-story-link:hover .special-story-image img {
transform: scale(1.025);
}
.special-story-content {
display: flex;
align-items: center;
padding: clamp(24px, 4vw, 48px);
text-align: left;
}
.special-story-content h2 {
margin: 0;
max-width: 760px;
color: inherit;
font-size: clamp(24px, 2.6vw, 35px);
font-weight: 700;
line-height: 1.18;
letter-spacing: -0.02em;
}
/* Foco visível para navegação por teclado */
.special-story-link:focus-visible {
outline: 3px solid #ffd54f;
outline-offset: 4px;
}
/* Tablet */
@media (max-width: 850px) {
.special-story {
grid-template-columns: 42% 58%;
min-height: 190px;
}
.special-story-link:nth-child(even) .special-story {
grid-template-columns: 58% 42%;
}
.special-story-image {
min-height: 190px;
}
.special-story-content {
padding: 28px;
}
.special-story-content h2 {
font-size: clamp(22px, 3.2vw, 29px);
}
}
/* Celular: card com imagem acima e título abaixo */
@media (max-width: 650px) {
.special-series {
margin: 16px auto;
padding: 0 12px;
}
.special-series-list {
gap: 14px;
}
.special-story {
display: flex;
flex-direction: column;
min-height: 0;
}
/* Desfaz a alternância: todas as imagens ficam acima no celular */
.special-story-link:nth-child(odd) .special-story-image,
.special-story-link:nth-child(even) .special-story-image,
.special-story-link:nth-child(odd) .special-story-content,
.special-story-link:nth-child(even) .special-story-content {
grid-column: auto;
grid-row: auto;
}
.special-story-image {
width: 100%;
min-height: 0;
aspect-ratio: 16 / 9;
}
.special-story-content {
align-items: flex-start;
padding: 20px;
}
.special-story-content h2 {
max-width: none;
font-size: 22px;
line-height: 1.25;
letter-spacing: -0.01em;
}
.special-story-link:hover .special-story {
transform: none;
box-shadow: 0 3px 10px rgba(3, 24, 33, 0.10);
}
.special-story-link:hover .special-story-image img {
transform: none;
}
}
/* Respeita usuários que preferem menos animações */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
scroll-behavior: auto !important;
transition: none !important;
}
}
/* Título apenas para leitores de tela */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
Do Plenário à Agenda 2030 — Matérias especiais
Desenvolvimento sustentável na pauta do STF: decisões que transformam direitos em ações
Da Constituição à vida real: julgamentos sobre pobreza, alimentação, saúde e educação
Direitos que sustentam o futuro: igualdade, água, energia e trabalho na jurisprudência do STF
Inovação com responsabilidade: o STF diante dos desafios urbanos e ambientais
Instituições fortes, sociedade protegida: STF atua pela natureza e pela segurança pública
STF transforma sustentabilidade em prática institucional
Fonte: Portal de Notícias do STF
