/* Landing do PrevIA — componentes (site-structure.md, <componentes>).
   C-02, C-03, C-04, C-14 (moldura) e C-21 estão no CSS crítico inline. */

/* C-01 · Container */
.container { width: 100%; max-width: var(--container-mobile); margin: 0 auto; }
@media (min-width: 768px)  { .container { max-width: var(--container-tablet); } }
@media (min-width: 1000px) { .container { max-width: var(--container); } }
.container--estreito { max-width: var(--container-mobile); }
@media (min-width: 768px)  { .container--estreito { max-width: var(--container-tablet); } }
@media (min-width: 1000px) { .container--estreito { max-width: var(--container-estreito); padding: 0 var(--espaco-50); position: relative; } }
.container--medio { max-width: var(--container-mobile); }
@media (min-width: 768px)  { .container--medio { max-width: var(--container-medio); } }

/* C-05 · Cabeçalho de seção */
.eyebrow { display: block; color: var(--cor-texto-secundario); text-align: center; font: var(--peso-regular) var(--tipo-eyebrow-tamanho)/var(--tipo-eyebrow-altura) var(--fonte);
  letter-spacing: var(--tipo-eyebrow-tracking); margin-bottom: var(--espaco-8); }
.secao--gradiente .eyebrow { color: var(--cor-eyebrow-gradiente); }
.titulo-secao { color: var(--cor-texto-titulo); text-align: center; font: var(--peso-regular) var(--tipo-secao-tamanho-m)/var(--tipo-secao-altura-m) var(--fonte);
  letter-spacing: var(--tipo-central-tracking); margin-bottom: var(--espaco-32); text-wrap: balance; }
@media (min-width: 1000px) { .titulo-secao { font-size: var(--tipo-secao-tamanho); line-height: var(--tipo-central-altura); margin-bottom: var(--espaco-48); } }
.titulo-secao b, .titulo-secao em { font-style: normal; font-weight: var(--peso-extra); color: var(--cor-acao); }
.titulo-secao strong { font-weight: var(--peso-extra); color: var(--cor-preto); }
.titulo-secao--esquerda { text-align: center; letter-spacing: var(--tipo-secao-tracking); margin-bottom: var(--espaco-18); }
@media (min-width: 1000px) { .titulo-secao--esquerda { text-align: left; line-height: var(--tipo-secao-altura); margin-bottom: var(--espaco-24); } }
.secao-intro { max-width: var(--coluna); margin: calc(-1 * var(--espaco-16)) auto var(--espaco-48); text-align: center;
  color: var(--cor-texto-corpo); font: var(--peso-regular) var(--tipo-corpo-tamanho)/var(--tipo-corpo-altura) var(--fonte); }

/* C-06 · Lista marcada */
.lista-marcada { display: flex; flex-direction: column; gap: var(--espaco-16); }
.lista-marcada li { border-radius: var(--raio-14); border: 1px solid var(--cor-borda); background: var(--cor-fundo-suave);
  padding: var(--espaco-8) var(--espaco-14) var(--espaco-8) var(--espaco-56); color: var(--cor-texto-corpo);
  font: var(--peso-regular) var(--tipo-lista-tamanho)/var(--tipo-lista-altura) var(--fonte); position: relative; }
@media (min-width: 1000px) { .lista-marcada li { padding: var(--espaco-24) var(--espaco-24) var(--espaco-24) var(--espaco-64); } }
.lista-marcada li::before { position: absolute; content: ""; width: 24px; height: 24px; transform: translateY(-50%); top: 50%; left: var(--espaco-14); }
@media (min-width: 1000px) { .lista-marcada li::before { left: var(--espaco-24); } }
.lista-marcada--x li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23ebe9f5' d='M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12'/%3E%3Cpath stroke='%235b21b6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='m16 8-8 8M8 8l8 8'/%3E%3C/svg%3E"); }
.lista-marcada--check li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23ebe9f5' d='M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12'/%3E%3Cpath stroke='%235b21b6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='m7.5 12.5 3 3 6-6.5'/%3E%3C/svg%3E"); }
.lista-marcada li strong { font-weight: var(--peso-negrito); color: var(--cor-texto-titulo); }

/* C-07 · Lista de passos (D-16) */
.lista-passos { counter-reset: passo; }
.lista-passos li { counter-increment: passo; }
.lista-passos li::before { content: counter(passo); background: var(--cor-lilas); border-radius: 50%; color: var(--cor-acao);
  font: var(--peso-negrito) var(--tipo-legenda-tamanho)/24px var(--fonte); text-align: center; }

/* C-08 · Numerais em sequência */
.numerais { display: flex; flex-direction: column; gap: var(--espaco-30); margin-bottom: var(--espaco-24); }
.numerais li { display: flex; flex-direction: column; align-items: center; gap: var(--espaco-16); }
.numerais li:first-of-type .numerais__seta { display: none; }
.numerais__seta { transform: rotate(90deg); width: 50px; height: 15px; margin-bottom: var(--espaco-24); }
.numerais__numero { color: var(--cor-texto-titulo); text-align: center; font: var(--peso-extra) var(--tipo-display-tamanho-m)/var(--tipo-display-altura-m) var(--fonte);
  letter-spacing: var(--tipo-display-tracking-m); }
.numerais__texto { color: var(--cor-texto-corpo); text-align: center; font: var(--peso-regular) var(--tipo-corpo-tamanho)/var(--tipo-corpo-altura) var(--fonte); letter-spacing: var(--tipo-cartao-tracking); }
@media (min-width: 1000px) {
  .numerais { flex-direction: row; justify-content: space-between; gap: var(--espaco-20); margin-bottom: var(--espaco-100); }
  .numerais li { flex-direction: row; justify-content: space-between; width: 100%; max-width: var(--item-sequencia); }
  .numerais li:first-of-type .numerais__seta { display: block; }
  .numerais__seta { transform: none; width: 92px; height: 27px; margin-bottom: 0; flex: none; }
  .numerais__numero { width: 100%; max-width: 69px; font-size: var(--tipo-display-tamanho); line-height: var(--tipo-display-altura); letter-spacing: var(--tipo-display-tracking); }
  .numerais__texto { width: 100%; max-width: 181px; text-align: left; }
}

/* C-09 · Artigo de destaque */
.artigo-destaque { display: flex; flex-direction: column-reverse; gap: var(--espaco-20); background: var(--cor-fundo);
  box-shadow: var(--sombra-artigo); border-radius: var(--raio-16); padding: var(--espaco-24) var(--espaco-18); }
.artigo-destaque__midia { width: 100%; }
.artigo-destaque__texto { width: 100%; max-width: 532px; }
.artigo-destaque__texto h3 { color: var(--cor-texto-titulo); text-align: center; font: var(--peso-regular) 28px/40px var(--fonte); letter-spacing: .37px; margin-bottom: var(--espaco-24); }
.artigo-destaque__texto h3 b { font-weight: var(--peso-extra); color: var(--cor-acao); }
.artigo-destaque__texto p { color: var(--cor-texto-secundario); text-align: center; font: var(--peso-regular) var(--tipo-corpo-tamanho)/28px var(--fonte);
  letter-spacing: -.439px; margin-bottom: var(--espaco-24); }
@media (min-width: 1000px) {
  .artigo-destaque { flex-direction: row; align-items: center; justify-content: space-between; border-radius: 0; padding: var(--espaco-50) var(--espaco-40) 0 0; }
  .artigo-destaque__midia { max-width: 656px; }
  .artigo-destaque__texto h3 { font-size: 40px; line-height: 50px; margin-bottom: var(--espaco-16); }
  .artigo-destaque__texto p { line-height: var(--tipo-corpo-altura); margin-bottom: var(--espaco-16); }
}

/* C-10 · Cartão (tema claro, D-01) */
.cartoes { display: flex; flex-direction: column; gap: var(--espaco-26); }
@media (min-width: 768px) and (max-width: 999px) { .cartoes { flex-direction: row; flex-wrap: wrap; gap: var(--espaco-20); }
  .cartao { flex: 1 1 calc(50% - 10px); } }
@media (min-width: 1000px) { .cartoes { flex-direction: row; gap: var(--espaco-20); justify-content: space-between; } }
.cartao { width: 100%; max-width: var(--item-sequencia); overflow: hidden; border-radius: var(--raio-16); background: var(--cor-fundo); box-shadow: var(--sombra-cartao); }
@media (max-width: 999px) { .cartao { max-width: none; } }
.cartao__midia { margin-bottom: var(--espaco-26); }
.cartao__midia .moldura { border-radius: 0; box-shadow: none; border-width: 0 0 1px; }
.cartao--sem-midia { padding-top: var(--espaco-26); }
.cartao__titulo { color: var(--cor-texto-titulo); text-align: center; font: var(--peso-negrito) var(--tipo-bold-m-tamanho)/var(--tipo-bold-m-altura) var(--fonte);
  letter-spacing: var(--tipo-bold-m-tracking); margin-bottom: var(--espaco-8); padding: 0 var(--espaco-20); }
.cartao__texto { color: var(--cor-texto-corpo); text-align: center; font: var(--peso-regular) var(--tipo-corpo-tamanho)/var(--tipo-cartao-altura) var(--fonte);
  letter-spacing: var(--tipo-cartao-tracking); margin-bottom: var(--espaco-26); padding: 0 var(--espaco-20); }
.cartao__nota { color: var(--cor-texto-secundario); text-align: center; font: var(--peso-negrito) var(--tipo-pequeno-tamanho)/var(--tipo-pequeno-altura) var(--fonte);
  letter-spacing: var(--tipo-pequeno-tracking); margin: calc(-1 * var(--espaco-10)) 0 var(--espaco-26); padding: 0 var(--espaco-20); }

/* C-11 · Caixa */
.caixa { position: relative; border-radius: var(--raio-24); background: var(--cor-fundo); box-shadow: var(--sombra-caixa); padding: var(--espaco-40) var(--espaco-20); }
@media (min-width: 1000px) { .caixa { padding: var(--espaco-40); } }
.caixa__titulo { color: var(--cor-texto-verificador); font: var(--peso-negrito) var(--tipo-bold-m-tamanho)/var(--tipo-bold-m-altura) var(--fonte);
  letter-spacing: var(--tipo-bold-m-tracking); margin: var(--espaco-16) 0 var(--espaco-8); }
.caixa__texto { color: var(--cor-texto-corpo); font: var(--peso-regular) var(--tipo-corpo-tamanho)/var(--tipo-corpo-altura) var(--fonte); }
.caixa__titulo--l { font-size: var(--tipo-bold-l-tamanho-m); line-height: 100%; margin: 0 0 var(--espaco-20); text-align: center; }
@media (min-width: 1000px) { .caixa__titulo--l { font-size: var(--tipo-bold-l-tamanho); line-height: var(--tipo-bold-l-altura); } }
.grade-caixas { display: flex; flex-direction: column; gap: var(--espaco-20); }
@media (min-width: 768px)  { .grade-caixas { flex-direction: row; flex-wrap: wrap; } .grade-caixas > * { flex: 1 1 calc(50% - 10px); } }
@media (min-width: 1000px) { .grade-caixas > * { flex: 1 1 calc((100% - 40px) / 3); max-width: calc((100% - 40px) / 3); } }

/* C-12 · Tile de ícone (D-04) */
.tile-icone { display: inline-flex; border-radius: var(--raio-10); background: var(--cor-lilas); padding: var(--espaco-12);
  width: fit-content; height: fit-content; flex: none; transition: all var(--duracao) var(--curva); }
.tile-icone svg { width: 24px; height: 24px; stroke: var(--cor-acao); stroke-width: 2; transition: all var(--duracao) var(--curva); }

/* C-13 · Abas por <details> (D-02, D-35) */
.abas { display: flex; flex-direction: column; gap: var(--espaco-20); }
.abas__texto { width: 100%; }
.abas__lista { display: flex; flex-direction: column; gap: var(--espaco-24); }
.aba { border-radius: var(--raio-16); background: var(--cor-fundo); padding: var(--espaco-24); transition: all var(--duracao) var(--curva); }
.aba:not([open]):hover { background: var(--cor-fundo-hover); }
.aba__resumo { display: flex; align-items: center; gap: var(--espaco-16); cursor: pointer; list-style: none; min-height: 48px; }
.aba__resumo::-webkit-details-marker { display: none; }
.aba__titulo { color: var(--cor-texto-titulo); font: var(--peso-medio) var(--tipo-aba-tamanho-m)/var(--tipo-aba-altura) var(--fonte); letter-spacing: var(--tipo-aba-tracking); transition: all var(--duracao) var(--curva); }
.aba__conteudo p { padding-left: 64px; margin-top: var(--espaco-8); color: var(--cor-lilas);
  font: var(--peso-regular) var(--tipo-pequeno-tamanho)/var(--tipo-aba-p-altura-m) var(--fonte); }
.aba::details-content { block-size: 0; opacity: 0; overflow: clip;
  transition: content-visibility var(--duracao) allow-discrete, block-size var(--duracao) var(--curva), opacity var(--duracao) var(--curva); }
.aba[open]::details-content { block-size: auto; opacity: 1; }
.aba[open] { background: var(--cor-acao); }
.aba[open] .aba__titulo { color: var(--cor-fundo); }
.aba[open] .tile-icone { background: var(--cor-fundo); }
.abas__figura { display: none; }
@media (min-width: 1000px) {
  .abas { flex-direction: row; justify-content: space-between; align-items: end; }
  .abas__texto, .abas__figura { max-width: var(--coluna); }
  .abas__lista { gap: var(--espaco-40); min-height: 446px; justify-content: space-between; }
  .aba__titulo { font-size: var(--tipo-aba-tamanho); }
  .aba__conteudo p { font-size: var(--tipo-corpo-tamanho); line-height: var(--tipo-corpo-altura); margin-top: var(--espaco-16); }
  .abas__figura { display: block; width: 100%; }
  .abas__img { border-radius: var(--raio-16); background: var(--cor-fundo); box-shadow: var(--sombra-mockup); display: none; width: 100%; height: auto; }
  .abas:has(#perfil-demandante[open]) .abas__img[data-aba="perfil-demandante"],
  .abas:has(#perfil-responsavel[open]) .abas__img[data-aba="perfil-responsavel"],
  .abas:has(#perfil-setor[open]) .abas__img[data-aba="perfil-setor"],
  .abas:has(#perfil-gestor[open]) .abas__img[data-aba="perfil-gestor"],
  .abas:has(#perfil-administrador[open]) .abas__img[data-aba="perfil-administrador"] { display: block; }
  .abas:not(:has(details[open])) .abas__img:first-child { display: block; }
}

/* C-14 · Legenda de mídia (a moldura está no CSS crítico) */
.midia__legenda { margin-top: var(--espaco-12); color: var(--cor-texto-secundario); text-align: center;
  font: var(--peso-regular) var(--tipo-pequeno-tamanho)/var(--tipo-pequeno-altura) var(--fonte); letter-spacing: var(--tipo-pequeno-tracking); }
.secao--gradiente .midia__legenda { color: var(--cor-texto-corpo); }

/* C-15 · Faixa de chips */
@keyframes faixas { 0% { transform: translateX(0); } to { transform: translateX(var(--marquee-deslocamento)); } }
.faixa { width: max-content; margin: 0 calc(-1 * var(--respiro-lateral)); }
.faixa__lista { display: flex; gap: var(--espaco-30); width: max-content; transition: all var(--duracao) var(--curva); animation: faixas var(--marquee-duracao-m) linear infinite; }
@media (min-width: 1000px) { .faixa__lista { gap: var(--espaco-40); animation-duration: var(--marquee-duracao); } }
.faixa:hover .faixa__lista, .faixa:focus-within .faixa__lista { animation-play-state: paused; }
.chip { width: max-content; border-radius: var(--raio-150); background: var(--cor-fundo); padding: 9px var(--espaco-22); display: flex; align-items: center; gap: var(--espaco-10); }
.chip svg { width: 24px; height: 24px; stroke: var(--cor-preto); stroke-width: 1.5; }
.chip span { color: var(--cor-preto); font: var(--peso-regular) var(--tipo-lista-tamanho)/var(--tipo-chip-altura) var(--fonte); }
@media (prefers-reduced-motion: reduce) {
  .faixa { width: auto; margin: 0; padding: 0 var(--respiro-lateral); }
  .faixa__lista { animation: none; flex-wrap: wrap; width: auto; gap: var(--espaco-20); justify-content: center; }
  .chip--eco { display: none; }
}

/* C-16 · Campo */
.grupo-campo { margin-bottom: var(--espaco-16); }
.rotulo { display: block; margin-bottom: var(--espaco-8); color: var(--cor-texto-corpo);
  font: var(--peso-negrito) var(--tipo-pequeno-tamanho)/var(--tipo-pequeno-altura) var(--fonte); letter-spacing: var(--tipo-pequeno-tracking); }
.rotulo__opcional { font-weight: var(--peso-regular); color: var(--cor-texto-secundario); }
.campo { display: block; width: 100%; border-radius: var(--raio-10); border: 1px solid var(--cor-borda-campo-derivada); background: var(--cor-fundo);
  padding: var(--espaco-15); color: var(--cor-texto-hero); font: var(--peso-regular) var(--tipo-corpo-tamanho)/normal var(--fonte);
  transition: all var(--duracao) var(--curva); }
@media (min-width: 1000px) { .campo { padding: var(--espaco-15) var(--espaco-24); } }
.campo:hover, .campo:focus, .campo:active { border-color: var(--cor-borda-campo-ativa); }
.campo::placeholder { color: var(--cor-placeholder); opacity: 1; }
.campo[aria-invalid="true"] { border-color: var(--cor-alerta); }
.campo--texto { min-height: 140px; resize: vertical; line-height: var(--tipo-corpo-altura); }
.campo-ajuda, .campo-erro { margin-top: var(--espaco-8); font: var(--peso-regular) var(--tipo-pequeno-tamanho)/var(--tipo-pequeno-altura) var(--fonte); letter-spacing: var(--tipo-pequeno-tracking); }
.campo-ajuda { color: var(--cor-texto-secundario); }
.campo-erro { color: var(--cor-alerta); font-weight: var(--peso-negrito); }

/* C-17 · Loader (D-23) */
.loader { display: inline-block; vertical-align: middle; margin-right: var(--espaco-12); aspect-ratio: 2.5; height: 30px;
  --_g: no-repeat radial-gradient(farthest-side, #fff 90%, #0000);
  background: var(--_g), var(--_g), var(--_g), var(--_g); mix-blend-mode: exclusion; background-size: 20% 50%;
  animation: l44 var(--loader-duracao) linear infinite alternate; }
@keyframes l44 {
  0%, 5%   { background-position: 0 50%, 33.3333% 50%, 66.6667% 50%, 100% 50%; }
  12.5%    { background-position: 0 0, 33.3333% 50%, 66.6667% 50%, 100% 50%; }
  25%      { background-position: 0 0, 33.3333% 0, 66.6667% 50%, 100% 50%; }
  37.5%    { background-position: 0 100%, 33.3333% 0, 66.6667% 0, 100% 50%; }
  50%      { background-position: 0 100%, 33.3333% 100%, 66.6667% 0, 100% 0; }
  62.5%    { background-position: 0 50%, 33.3333% 100%, 66.6667% 100%, 100% 0; }
  75%      { background-position: 0 50%, 33.3333% 50%, 66.6667% 100%, 100% 100%; }
  87.5%    { background-position: 0 50%, 33.3333% 50%, 66.6667% 50%, 100% 100%; }
  95%, to  { background-position: 0 50%, 33.3333% 50%, 66.6667% 50%, 100% 50%; }
}
@media (prefers-reduced-motion: reduce) { .loader { animation: none; } }

/* C-18 · Pergunta frequente (D-24) */
.faq { display: flex; flex-direction: column; gap: var(--espaco-16); }
.faq__item { border-radius: var(--raio-14); border: 1px solid var(--cor-borda); background: var(--cor-fundo-suave); transition: all var(--duracao) var(--curva); }
.faq__item::details-content { block-size: 0; opacity: 0; overflow: clip;
  transition: content-visibility var(--duracao) allow-discrete, block-size var(--duracao) var(--curva), opacity var(--duracao) var(--curva); }
.faq__item[open]::details-content { block-size: auto; opacity: 1; }
.faq__pergunta { position: relative; list-style: none; cursor: pointer; padding: var(--espaco-24) var(--espaco-64) var(--espaco-24) var(--espaco-24); }
.faq__pergunta::-webkit-details-marker { display: none; }
.faq__pergunta h3 { color: var(--cor-texto-titulo); font: var(--peso-negrito) var(--tipo-lista-tamanho)/var(--tipo-lista-altura) var(--fonte); }
.faq__pergunta::after { content: ""; position: absolute; right: var(--espaco-24); top: 50%; width: 24px; height: 24px;
  transform: translateY(-50%) rotate(45deg); transition: all var(--duracao) var(--curva);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23ebe9f5' d='M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12'/%3E%3Cpath stroke='%235b21b6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='m16 8-8 8M8 8l8 8'/%3E%3C/svg%3E"); }
.faq__item[open] .faq__pergunta::after { transform: translateY(-50%) rotate(0deg); }
.faq__resposta { padding: 0 var(--espaco-24) var(--espaco-24); }
.faq__resposta p { color: var(--cor-texto-corpo); font: var(--peso-regular) var(--tipo-corpo-tamanho)/var(--tipo-corpo-altura) var(--fonte); }
.faq__resposta p + p { margin-top: var(--espaco-16); }

/* C-19 · Tabela */
.tabela { width: 100%; border-collapse: collapse; font: var(--peso-regular) var(--tipo-pequeno-tamanho)/var(--tipo-pequeno-altura) var(--fonte); color: var(--cor-texto-corpo); }
.tabela th, .tabela td { text-align: left; padding: var(--espaco-12) var(--espaco-16) var(--espaco-12) 0; border-bottom: 1px solid var(--cor-borda); vertical-align: top; }
.tabela tr:last-child th, .tabela tr:last-child td { border-bottom: 0; }
.tabela th[scope="row"] { color: var(--cor-texto-titulo); font-weight: var(--peso-negrito); width: 28%; }
.tabela td ul { list-style: disc; padding-left: var(--espaco-16); }
.tabela td li + li { margin-top: 4px; }
@media (max-width: 767px) {
  .tabela, .tabela tbody, .tabela tr, .tabela th, .tabela td { display: block; width: 100%; }
  .tabela tr { border-bottom: 1px solid var(--cor-borda); padding: var(--espaco-12) 0; }
  .tabela tr:last-child { border-bottom: 0; }
  .tabela th, .tabela td { border: 0; padding: 0; }
  .tabela th[scope="row"] { width: 100%; margin-bottom: 4px; }
}

/* C-20 · Rodapé (D-03) */
.rodape { padding: var(--espaco-18) var(--respiro-lateral); background: var(--cor-fundo); border-top: 1px solid var(--cor-borda); }
.rodape__interno { max-width: var(--container); margin: 0 auto; display: flex; flex-direction: column; gap: var(--espaco-32); padding: var(--espaco-12) 0; }
@media (min-width: 1000px) { .rodape__interno { flex-direction: row; align-items: center; justify-content: space-between; gap: var(--espaco-40); } }
.rodape__descricao { color: var(--cor-texto-corpo); font: var(--peso-regular) var(--tipo-pequeno-tamanho)/var(--tipo-pequeno-altura) var(--fonte); letter-spacing: var(--tipo-pequeno-tracking); }
.rodape__links { display: flex; flex-wrap: wrap; gap: 0 25px; align-items: center; }
.rodape__links a { display: block; padding: var(--espaco-12) 0; color: var(--cor-texto-corpo); text-decoration: none;
  font: var(--peso-regular) var(--tipo-pequeno-tamanho)/var(--tipo-pequeno-altura) var(--fonte); letter-spacing: var(--tipo-pequeno-tracking); transition: all var(--duracao) var(--curva); }
.rodape__links a:hover { color: var(--cor-texto-secundario); }
.rodape__legal { max-width: var(--container); margin: 0 auto; padding: var(--espaco-12) 0; border-top: 1px solid var(--cor-borda); }
.rodape__legal p { color: var(--cor-texto-secundario); font: var(--peso-regular) var(--tipo-legenda-tamanho)/var(--tipo-legenda-altura) var(--fonte); letter-spacing: var(--tipo-pequeno-tracking); }

/* C-22 · Split */
.split { display: flex; flex-direction: column; gap: var(--espaco-24); }
.split__texto, .split__midia { width: 100%; }
@media (min-width: 1000px) {
  .split { flex-direction: row; justify-content: space-between; align-items: center; gap: var(--espaco-20); }
  .split__texto, .split__midia { max-width: var(--coluna); }
  .split--invertido { flex-direction: row-reverse; }
}
.split__texto h3 { color: var(--cor-texto-titulo); font: var(--peso-regular) var(--tipo-secao-tamanho-m)/var(--tipo-secao-altura-m) var(--fonte);
  letter-spacing: var(--tipo-secao-tracking); margin: var(--espaco-16) 0 var(--espaco-24); }
@media (min-width: 1000px) { .split__texto h3 { font-size: 32px; line-height: 40px; } }
.split__texto h3 b { font-weight: var(--peso-extra); color: var(--cor-acao); }
.split__texto > p { color: var(--cor-texto-corpo); font: var(--peso-regular) var(--tipo-corpo-tamanho)/var(--tipo-corpo-altura) var(--fonte); margin-bottom: var(--espaco-24); max-width: 598px; }
.split__texto > p b { font-weight: var(--peso-negrito); }
.rotulo-modulo { display: inline-flex; align-items: center; gap: var(--espaco-12); color: var(--cor-texto-secundario);
  font: var(--peso-negrito) var(--tipo-pequeno-tamanho)/var(--tipo-pequeno-altura) var(--fonte); letter-spacing: var(--tipo-pequeno-tracking); }

/* C-24 · Nota */
.nota { color: var(--cor-texto-secundario); font: var(--peso-regular) var(--tipo-pequeno-tamanho)/var(--tipo-pequeno-altura) var(--fonte); letter-spacing: var(--tipo-pequeno-tracking); }
.secao--gradiente .nota { color: var(--cor-texto-corpo); }

/* C-23 · Marca decorativa (D-29) */
.decoracao-problema::before, .decoracao-problema::after { position: absolute; content: ""; width: 31px; height: 31px; background-size: contain; background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='48' fill='none'%3E%3Cpath fill='%23c8714e' d='m9.766 31.783 9.78-5.276.162-.465-.162-.259h-.472l-1.643-.09-5.59-.142-4.85-.194-4.714-.246-1.172-.233L0 23.468l.108-.698.997-.646 1.427.13 3.14.206 4.727.31 3.435.195 5.065.517h.809l.12-.324-.269-.194-.229-.194-4.89-3.18-5.28-3.362-2.775-1.94-1.495-.97-.781-.93-.324-2.005 1.36-1.435 1.833.13.458.116 1.859 1.357 3.947 2.948 5.172 3.647.755.607.296-.206.04-.143-.336-.543-2.816-4.875-2.99-4.965-1.347-2.056-.337-1.228a6.2 6.2 0 0 1-.216-1.448l1.55-2.03L13.86 0l2.075.259.862.737 1.293 2.806 2.075 4.448 3.232 6.025.944 1.798.498 1.655.189.517h.323v-.297l.27-3.401.484-4.177.498-5.353.162-1.513.782-1.81L29.097.71l1.212.556.997 1.37-.135.88-.606 3.685-1.159 5.78-.754 3.88h.445l.498-.492 2.048-2.586 3.421-4.125 1.522-1.63 1.752-1.81 1.145-.853h2.141l1.576 2.25-.714 2.328-2.209 2.676-1.818 2.276-2.627 3.388-1.63 2.715.148.207.39-.026 5.928-1.215 3.193-.556 3.812-.634 1.737.776.189.789-.674 1.603-4.095.97-4.782.918-7.14 1.63-.08.05.094.13 3.22.285 1.374.077h3.367l6.25.44 1.644 1.034.984 1.28-.162.97-2.52 1.229-3.407-.776-7.948-1.81-2.707-.647h-.378v.207l2.264 2.133 4.162 3.608 5.2 4.642.269 1.15-.673.906-.701-.104-4.58-3.297-1.751-1.487-4.001-3.232h-.27v.336l.917 1.293 4.862 7.021.27 2.146-.364.712-1.266.413-1.374-.232-2.856-3.84-2.936-4.32-2.358-3.866-.296.156-1.401 14.456-.647.737-1.522.556-1.253-.918-.673-1.487.673-2.948.809-3.828.646-3.051.593-3.776.35-1.267-.013-.078-.297.039-2.963 3.918-4.526 5.857-3.584 3.673-.862.336-1.482-.737.135-1.32.835-1.176 4.958-6.051 2.977-3.75 1.926-2.16v-.31h-.121L8.567 36.981l-2.344.285-1.01-.906.135-1.487.471-.478z'/%3E%3C/svg%3E"); }
.decoracao-problema { position: relative; }
.decoracao-problema::before { left: 0; top: 0; transform: scaleX(-1); }
/* DS mobile põe a marca direita a 24% da altura; aqui ela cobria o texto do primeiro item. */
.decoracao-problema::after  { right: 0; top: 0; }
@media (min-width: 1000px) { .decoracao-problema::before, .decoracao-problema::after { width: 48px; height: 48px; top: 40px; }
  .decoracao-problema::after { width: 50px; } }