/* ============================================================
   OAB Aprovado · Landing page
   Identidade v2, "A carteira vermelha". Cores e escala vêm de
   tokens/tokens.css (só o subconjunto usado aqui).
   Proporção da marca: creme 60, vermelho 25, bordô 10, dourado 5.
   Dourado só como filete sobre vermelho ou bordô (no creme dá 1,6:1).
   ============================================================ */

/* ── Fontes hospedadas aqui (assets/fonts, subconjunto latino) ── */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/source-sans-3-var.woff2') format('woff2');
}
/* Títulos grandes: tamanho óptico de 60 pt, o mesmo do logo. */
@font-face {
  font-family: 'Source Serif 4 Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/source-serif-4-display-700.woff2') format('woff2');
}
/* Títulos pequenos (cartões, FAQ): tamanho óptico de texto. */
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/source-serif-4-700.woff2') format('woff2');
}

:root {
  --vermelho: #B3191F;
  --vermelho-hover: #9A151B;
  --vermelho-escuro: #8A1218;
  --bordo: #6B0F1A;
  --bordo-escuro: #4E0A12;
  --dourado: #E0C285;
  --creme: #FAF6F0;
  --paginas: #E9DFD0;
  --texto-claro: #F2D6D3;
  --tinta: #1F1A1C;
  --cinza: #5D5658;
  --linha: #E7DED3;
  --superficie: #FFFDFA;
  --fundo-alt: #F3ECE2;
  --acerto: #2456B8;
  --erro: #9A5200;

  --fonte-display: 'Source Serif 4 Display', 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --fonte-titulo: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --fonte-texto: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  --raio: 10px;
  --raio-cartao: 16px;
  --sombra-cartao: 0 2px 8px rgba(31, 26, 28, .08);
  --sombra-elevada: 0 12px 32px rgba(31, 26, 28, .15);
  --curva: cubic-bezier(.2, 0, 0, 1);
  --topo-altura: 68px;
}

/* ── Base ─────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--topo-altura) + 12px);
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

body {
  margin: 0;
  background: var(--creme);
  color: var(--tinta);
  font-family: var(--fonte-texto);
  font-size: 1.0625rem;
  line-height: 1.55;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }
h1, h2, h3 { margin: 0; text-wrap: balance; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
figure { margin: 0; }
a { color: var(--vermelho); }
strong { font-weight: 700; }

:focus-visible {
  outline: 3px solid var(--bordo);
  outline-offset: 3px;
  border-radius: 4px;
}
.secao--bordo :focus-visible,
.fechamento :focus-visible,
.rodape :focus-visible { outline-color: var(--dourado); }

.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

.ic {
  width: 1.25em; height: 1.25em; flex: none;
  fill: none; stroke: currentColor; stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round;
}

.container { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px; }
.container--medio { max-width: 920px; }
.container--estreito { max-width: 780px; }
.centro { text-align: center; }

.pular {
  position: absolute; left: 12px; top: -60px; z-index: 100;
  background: var(--bordo); color: var(--creme);
  padding: 10px 16px; border-radius: var(--raio); font-weight: 700;
  text-decoration: none;
}
.pular:focus { top: 12px; }

/* Marcadores a preencher pela equipe. Feitos para chamar atenção. */
.ph {
  display: inline-block;
  background: #FFF0B3;
  color: #5A3200;
  outline: 2px dashed var(--erro);
  outline-offset: 1px;
  border-radius: 4px;
  padding: 0 .35em;
  font-weight: 700;
  font-family: var(--fonte-texto);
  letter-spacing: 0;
}

/* ── Botões ───────────────────────────────────── */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5em;
  min-height: 48px; padding: 12px 24px;
  border: 2px solid transparent; border-radius: var(--raio);
  font-family: var(--fonte-texto); font-size: 1rem; font-weight: 700;
  letter-spacing: .01em; line-height: 1.2; text-align: center; text-decoration: none;
  cursor: pointer;
  transition: background-color 120ms var(--curva), color 120ms var(--curva), transform 120ms var(--curva), box-shadow 120ms var(--curva);
}
.btn:active { transform: translateY(1px); }
.btn--primario { background: var(--vermelho); color: var(--creme); box-shadow: 0 2px 0 var(--vermelho-escuro); }
.btn--primario:hover { background: var(--vermelho-hover); }
.btn--contorno { background: transparent; color: var(--bordo); border-color: var(--bordo); }
.btn--contorno:hover { background: var(--bordo); color: var(--creme); }
.btn--creme { background: var(--creme); color: var(--vermelho); box-shadow: 0 2px 0 var(--bordo-escuro); }
.btn--creme:hover { background: #FFFFFF; }
.btn--pequeno { min-height: 44px; padding: 8px 16px; font-size: .9375rem; }
.btn--grande { min-height: 56px; padding: 14px 28px; font-size: 1.0625rem; }
.btn--bloco { display: flex; width: 100%; }

/* ── Topo fixo ────────────────────────────────── */
.topo {
  position: sticky; top: 0; z-index: 50;
  background: rgba(250, 246, 240, .94);
  -webkit-backdrop-filter: saturate(1.4) blur(8px);
  backdrop-filter: saturate(1.4) blur(8px);
  border-bottom: 1px solid var(--linha);
}
.topo__barra {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: var(--topo-altura);
}
.topo__marca { display: block; flex: none; border-radius: 6px; }
.topo__marca img { width: 144px; height: auto; }
.topo__nav { display: none; gap: 28px; }
.topo__nav a {
  color: var(--tinta); text-decoration: none; font-weight: 600; font-size: .9875rem;
  padding: 6px 0; border-bottom: 2px solid transparent;
}
.topo__nav a:hover { color: var(--vermelho); border-bottom-color: var(--vermelho); }
@media (min-width: 900px) {
  .topo__nav { display: flex; }
  .topo__marca img { width: 160px; }
}
@media (max-width: 380px) {
  .topo .btn--pequeno { padding: 8px 12px; font-size: .875rem; }
  .topo__marca img { width: 140px; }
}

/* ── Cabeçalhos de seção ──────────────────────── */
.sobrancelha {
  display: inline-flex; align-items: center; gap: 10px;
  color: var(--vermelho);
  font-size: .8125rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  margin-bottom: 14px;
}
.sobrancelha::before { content: ""; width: 22px; height: 2px; background: currentColor; }
.sobrancelha--clara { color: var(--texto-claro); }
@media (max-width: 479px) {
  .sobrancelha { font-size: .75rem; letter-spacing: .08em; }
  .hero .sobrancelha::before { display: none; }
}
.sobrancelha--clara::before { background: var(--dourado); }

.cabeca { max-width: 760px; margin: 0 auto 40px; text-align: center; }
.cabeca .sobrancelha::after { content: ""; width: 22px; height: 2px; background: currentColor; }
.cabeca .sobrancelha--clara::after { background: var(--dourado); }
.cabeca h2 {
  font-family: var(--fonte-display); font-weight: 700;
  font-size: clamp(1.75rem, 1.2rem + 2.2vw, 2.625rem); line-height: 1.15; letter-spacing: -.01em;
}
.cabeca__sub { margin-top: 14px; color: var(--cinza); font-size: 1.0625rem; }

.secao { padding: 72px 0; }
.secao--alt { background: var(--fundo-alt); }
@media (min-width: 900px) { .secao { padding: 104px 0; } }

/* ── 1. Hero ──────────────────────────────────── */
.hero { padding: 40px 0 28px; overflow: hidden; }
.hero__grid { display: grid; gap: 40px; align-items: center; }
.hero h1 {
  font-family: var(--fonte-display); font-weight: 700;
  font-size: clamp(2.125rem, 1.4rem + 3.4vw, 3.625rem);
  line-height: 1.08; letter-spacing: -.015em;
}
.marca-texto { color: var(--vermelho); }
.hero__sub { margin-top: 20px; font-size: 1.1875rem; color: var(--cinza); max-width: 34em; }
.hero__acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.hero__selos { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 22px; color: var(--cinza); font-size: .9375rem; font-weight: 600; }
.hero__selos li { display: inline-flex; align-items: center; gap: 8px; }
.hero__selos .ic { color: var(--vermelho); }
.hero__legenda { margin-top: 18px; color: var(--cinza); font-size: .8125rem; text-align: center; }

@media (max-width: 599px) {
  .hero__acoes .btn { width: 100%; }
}

/* Composição: "carteira" vermelha atrás, tela do computador e celular na frente. */
.hero__visual { position: relative; padding: 8px 0 8px; }
.carteira {
  position: absolute; z-index: 0;
  inset: 0 6% 12% 10%;
  background: var(--vermelho);
  border-radius: 22px;
  box-shadow: inset 18px 0 0 var(--vermelho-escuro);
}
.carteira::after {
  content: ""; position: absolute; inset: 14px 14px 14px 32px;
  border: 2px solid var(--dourado); border-radius: 12px;
}

.moldura { position: relative; z-index: 1; background: var(--superficie); overflow: hidden; }
.moldura--tela {
  border: 1px solid var(--linha); border-radius: 12px;
  box-shadow: var(--sombra-elevada);
}
.moldura--celular {
  border: 8px solid var(--tinta); border-radius: 34px;
  box-shadow: var(--sombra-elevada);
  background: var(--tinta);
}
.moldura--celular img { border-radius: 26px; }

/* Celular: só o aparelho, centralizado, cortado na altura. */
.hero__desktop { display: none; }
.hero__celular { width: min(78%, 300px); margin: 0 auto; aspect-ratio: 540 / 900; }
.hero__celular img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.hero .carteira { inset: 9% 6% 20% 6%; }

@media (min-width: 720px) {
  .hero__desktop { display: block; width: 88%; margin-left: auto; }
  .hero__celular {
    position: absolute; left: 0; bottom: -4px;
    width: 27%; margin: 0; aspect-ratio: 540 / 1000;
  }
  .hero .carteira { inset: 10% -3% -2% 20%; }
  .hero__visual { padding: 0 0 40px; }
}
@media (min-width: 1000px) {
  .hero { padding: 64px 0 36px; }
  .hero__grid { grid-template-columns: 1fr 1.12fr; gap: 48px; }
  .hero__visual { margin-right: -40px; }
  .hero__legenda { text-align: right; }
}

/* ── Faixa de números (placar em bordô) ───────── */
.numeros {
  background: var(--bordo);
  color: var(--creme);
  border-top: 3px solid var(--dourado);
  padding: 36px 0;
}
.numeros__lista { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 20px; }
.numeros__lista li { display: flex; flex-direction: column; gap: 4px; }
.numeros__lista strong {
  font-family: var(--fonte-display); font-weight: 700;
  font-size: clamp(1.875rem, 1.4rem + 1.8vw, 2.5rem); line-height: 1.05;
}
.numeros__lista span { color: var(--texto-claro); font-size: .9375rem; line-height: 1.4; }
@media (min-width: 900px) {
  .numeros { padding: 44px 0; }
  .numeros__lista { grid-template-columns: repeat(4, 1fr); gap: 32px; }
  .numeros__lista li + li { border-left: 1px solid rgba(224, 194, 133, .45); padding-left: 32px; }
}

/* ── 2. Problema ──────────────────────────────── */
.dores { display: grid; gap: 14px; }
.dor {
  display: flex; gap: 14px; align-items: flex-start;
  background: var(--superficie);
  border: 1px solid var(--linha); border-left: 6px solid var(--vermelho);
  border-radius: 12px; padding: 18px 20px;
  box-shadow: var(--sombra-cartao);
  font-size: 1.0625rem;
}
.ic--dor { width: 26px; height: 26px; color: var(--vermelho); margin-top: 1px; }
@media (min-width: 720px) { .dores { grid-template-columns: 1fr 1fr; gap: 16px; } }
@media (min-width: 1000px) { .dores { grid-template-columns: repeat(3, 1fr); } .dor { padding: 22px 22px; } }

.frase-destaque {
  margin-top: 44px; text-align: center;
  font-family: var(--fonte-display); font-weight: 700;
  font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.125rem); line-height: 1.2;
}
.frase-destaque strong { color: var(--vermelho); }

/* ── 3. Como funciona ─────────────────────────── */
.passos { display: grid; gap: 18px; counter-reset: passo; }
.passo {
  position: relative;
  background: var(--superficie);
  border: 1px solid var(--linha); border-radius: var(--raio-cartao);
  padding: 26px 24px 26px;
  box-shadow: var(--sombra-cartao);
}
.passo__num {
  display: inline-grid; place-items: center;
  width: 52px; height: 52px; margin-bottom: 16px;
  background: var(--bordo); color: var(--creme);
  border-radius: 12px; box-shadow: inset 0 -3px 0 var(--dourado);
  font-family: var(--fonte-display); font-weight: 700; font-size: 1.75rem; line-height: 1;
}
.passo h3 { font-family: var(--fonte-titulo); font-weight: 700; font-size: 1.3125rem; line-height: 1.25; margin-bottom: 8px; }
.passo p { color: var(--cinza); }
@media (min-width: 900px) {
  .passos { grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .passo { padding: 30px 28px; }
}

/* ── 4. Funcionalidades ───────────────────────── */
.recurso { display: grid; gap: 26px; align-items: center; margin-bottom: 64px; }
.recurso__texto h3 {
  font-family: var(--fonte-display); font-weight: 700;
  font-size: clamp(1.5rem, 1.15rem + 1.3vw, 2rem); line-height: 1.15; letter-spacing: -.01em;
  margin-bottom: 18px;
}
.lista-check { display: grid; gap: 14px; }
.lista-check li { display: flex; gap: 12px; align-items: flex-start; }
.lista-check .ic {
  width: 26px; height: 26px; padding: 4px; margin-top: 0;
  background: var(--vermelho); color: var(--creme); border-radius: 50%;
  stroke-width: 3;
}
.lista-check strong { color: var(--tinta); }
.recurso .lista-check span { color: var(--cinza); }

.recurso__imagem {
  width: min(100%, 320px); margin: 0 auto;
  border: 8px solid var(--tinta); border-radius: 30px; overflow: hidden;
  background: var(--tinta);
  box-shadow: var(--sombra-elevada);
}
.recurso__imagem img { border-radius: 22px; width: 100%; }
.recurso__imagem--cartao { border: 1px solid var(--linha); border-radius: var(--raio-cartao); background: var(--superficie); width: min(100%, 420px); }
.recurso__imagem--cartao img { border-radius: 0; }

@media (min-width: 720px) {
  .recurso { grid-template-columns: 5fr 7fr; gap: 48px; margin-bottom: 88px; }
  .recurso--inverso { grid-template-columns: 7fr 5fr; }
  .recurso--inverso .recurso__texto { order: 2; }
  .recurso__imagem {
    width: 100%; border: 1px solid var(--linha); border-radius: 12px;
    background: var(--superficie);
    box-shadow: var(--sombra-elevada), -10px 10px 0 var(--paginas);
  }
  .recurso--inverso .recurso__imagem { box-shadow: var(--sombra-elevada), 10px 10px 0 var(--paginas); }
  .recurso__imagem img { border-radius: 0; }
  .recurso__imagem--cartao { width: min(100%, 480px); justify-self: center; }
}
@media (min-width: 1000px) { .recurso { gap: 72px; } }

/* ── 5. Diferenciais (bordô, filete dourado) ──── */
.secao--bordo {
  background: var(--bordo); color: var(--creme);
  border-top: 3px solid var(--dourado);
  border-bottom: 3px solid var(--dourado);
}
.diferenciais { display: grid; gap: 16px; }
.diferenciais li {
  position: relative;
  background: rgba(78, 10, 18, .55);
  border: 1px solid rgba(224, 194, 133, .35);
  border-radius: var(--raio-cartao);
  padding: 24px 22px 24px 76px;
}
.dif__num {
  position: absolute; left: 22px; top: 22px;
  width: 38px; height: 38px; display: grid; place-items: center;
  border: 2px solid var(--dourado); border-radius: 50%;
  font-family: var(--fonte-display); font-weight: 700; font-size: 1.25rem; line-height: 1;
}
.diferenciais h3 { font-family: var(--fonte-titulo); font-weight: 700; font-size: 1.25rem; line-height: 1.25; margin-bottom: 6px; }
.diferenciais p { color: var(--texto-claro); }
@media (min-width: 720px) { .diferenciais { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) {
  .diferenciais { grid-template-columns: repeat(6, 1fr); gap: 20px; }
  .diferenciais li { grid-column: span 2; padding: 28px 26px 28px 80px; }
  .diferenciais li:nth-child(4) { grid-column: 2 / span 2; }
}

/* ── 6. O que não é ───────────────────────────── */
.nao-e { display: grid; gap: 14px; }
.nao-e li {
  display: flex; gap: 16px; align-items: flex-start;
  background: var(--superficie);
  border: 1px solid var(--linha); border-radius: var(--raio-cartao);
  padding: 22px 22px;
}
.ic--nao {
  width: 34px; height: 34px; padding: 7px;
  background: var(--fundo-alt); color: var(--bordo);
  border: 1px solid var(--linha); border-radius: 50%; stroke-width: 2.6;
}
.nao-e h3 { font-family: var(--fonte-titulo); font-weight: 700; font-size: 1.1875rem; line-height: 1.3; margin-bottom: 4px; }
.nao-e p { color: var(--cinza); }
@media (min-width: 720px) { .nao-e { grid-template-columns: 1fr 1fr; gap: 18px; } }

/* ── 7. Preço e garantia ──────────────────────── */
.oferta {
  max-width: 560px; margin: 0 auto;
  background: var(--superficie);
  border: 1px solid var(--linha); border-left: 8px solid var(--vermelho);
  border-radius: var(--raio-cartao);
  box-shadow: var(--sombra-elevada);
  padding: 28px 22px 26px;
}
.oferta__topo { text-align: center; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid var(--linha); }
.oferta__rotulo { color: var(--cinza); font-size: .875rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.oferta__preco {
  margin: 14px 0 10px;
  font-family: var(--fonte-display); font-weight: 700; font-size: clamp(2rem, 1.5rem + 2vw, 2.75rem); line-height: 1.1;
}
.oferta__preco .ph { font-size: inherit; padding: .1em .4em; }
.oferta__nota { color: var(--cinza); font-size: .9375rem; }
.oferta__itens { margin-bottom: 26px; }
.oferta__itens li { font-size: 1rem; }
.garantia {
  display: flex; gap: 12px; align-items: center; justify-content: center;
  margin-top: 20px; color: var(--tinta); text-align: left;
}
.ic--garantia { width: 30px; height: 30px; color: var(--bordo); }
@media (min-width: 720px) { .oferta { padding: 36px 40px 32px; } }

/* ── 8. FAQ ───────────────────────────────────── */
.faq { display: grid; gap: 12px; }
.faq__item {
  background: var(--superficie);
  border: 1px solid var(--linha); border-radius: 12px;
  overflow: hidden;
}
.faq__item[open] { border-color: #D9C9B6; box-shadow: var(--sombra-cartao); }
.faq__item summary {
  position: relative; list-style: none; cursor: pointer;
  padding: 18px 56px 18px 20px;
  font-family: var(--fonte-titulo); font-weight: 700; font-size: 1.125rem; line-height: 1.3;
  border-radius: 12px;
}
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary::after {
  content: ""; position: absolute; right: 20px; top: 50%;
  width: 22px; height: 22px; margin-top: -11px;
  background:
    linear-gradient(var(--vermelho), var(--vermelho)) center / 14px 2.5px no-repeat,
    linear-gradient(var(--vermelho), var(--vermelho)) center / 2.5px 14px no-repeat;
  transition: transform 200ms var(--curva);
}
.faq__item[open] summary::after { transform: rotate(45deg); }
.faq__item summary:hover { color: var(--vermelho); }
.faq__item summary:focus-visible { outline-offset: -3px; }
.faq__resp { padding: 0 20px 20px; color: var(--cinza); }

/* ── Fechamento (vermelho, filete dourado) ────── */
.fechamento {
  background: var(--vermelho); color: var(--creme);
  padding: 72px 0;
  box-shadow: inset 0 3px 0 var(--dourado), inset 0 -3px 0 var(--dourado);
}
.fechamento__inner { text-align: center; max-width: 820px; }
.fechamento__gancho { color: var(--texto-claro); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .875rem; }
.fechamento h2 {
  margin: 14px 0 30px;
  font-family: var(--fonte-display); font-weight: 700;
  font-size: clamp(1.75rem, 1.2rem + 2.4vw, 2.75rem); line-height: 1.12; letter-spacing: -.01em;
}
.fechamento__assinatura {
  margin-top: 28px; font-family: var(--fonte-display); font-weight: 700; font-size: 1.25rem;
  display: flex; align-items: center; justify-content: center; gap: 14px;
}
.fechamento__assinatura::before,
.fechamento__assinatura::after { content: ""; width: 36px; height: 2px; background: var(--dourado); }
@media (min-width: 900px) { .fechamento { padding: 96px 0; } }

/* ── Rodapé ───────────────────────────────────── */
.rodape { background: var(--bordo); color: var(--creme); padding: 48px 0 28px; }
.rodape__grid { display: grid; gap: 28px; }
.rodape__grid img { width: 168px; }
.rodape__aviso { margin-top: 16px; color: var(--texto-claro); font-weight: 600; max-width: 30em; }
.rodape__links { display: grid; gap: 12px; align-content: start; }
.rodape__links a,
.link-botao {
  color: var(--creme); font: inherit; font-weight: 600; text-decoration: underline;
  text-underline-offset: 3px; text-decoration-color: rgba(224, 194, 133, .7);
  justify-self: start;
}
.rodape__links a:hover, .link-botao:hover { text-decoration-color: var(--dourado); }
.link-botao { background: none; border: 0; padding: 0; cursor: pointer; text-align: left; }
.rodape__links p { color: var(--texto-claro); }
.rodape__copy { margin-top: 32px; padding-top: 20px; border-top: 1px solid rgba(224, 194, 133, .35); color: var(--texto-claro); font-size: .875rem; }
@media (min-width: 720px) { .rodape__grid { grid-template-columns: 1.4fr 1fr; } }

/* ── Aviso de cookies ─────────────────────────── */
.consentimento {
  position: fixed; z-index: 60; left: 12px; right: 12px; bottom: 12px;
  max-width: 520px; margin: 0 auto;
  background: var(--superficie); color: var(--tinta);
  border: 1px solid var(--linha); border-top: 4px solid var(--vermelho);
  border-radius: 14px; box-shadow: var(--sombra-elevada);
  padding: 18px 18px 16px; font-size: .9375rem;
}
.consentimento[hidden] { display: none; }
.consentimento__titulo { font-family: var(--fonte-titulo); font-weight: 700; font-size: 1.0625rem; margin-bottom: 6px; }
.consentimento p { color: var(--cinza); }
.consentimento__titulo { color: var(--tinta) !important; }
.consentimento__acoes { display: flex; gap: 10px; justify-content: flex-end; margin-top: 14px; }
.consentimento__acoes .btn { flex: 1 1 0; }
@media (min-width: 720px) { .consentimento { left: auto; right: 20px; bottom: 20px; margin: 0; } }