:root {
  color-scheme: light dark;
  --fundo: light-dark(#ffffff, #0e1530);
  --ceu: light-dark(#eaf3ff, #141d3d);
  --ceu-forte: light-dark(#cfe3ff, #26356a);
  --papel: light-dark(#ffffff, #1a2448);
  --tinta: light-dark(#1b2347, #e9eeff);
  --tinta-suave: light-dark(#4a5578, #aab6da);
  --azul: light-dark(#3566d6, #8cafff);
  --azul-solido: #3566d6;
  --laco: light-dark(#e2474f, #ff7b83);
  --laco-solido: #e2474f;
  --zap: #0e8a43;
  --zap-escuro: #0a6e35;
  --zap-texto: light-dark(#0a6e35, #6fdc9b);
  --linha: light-dark(#dce6f5, #2c3866);
  --sombra: 0 12px 32px -12px light-dark(rgba(27, 35, 71, 0.28), rgba(0, 0, 0, 0.7));
  --sombra-leve: 0 6px 20px -14px light-dark(rgba(27, 35, 71, 0.35), rgba(0, 0, 0, 0.7));
  --topo-bg: light-dark(rgba(255, 255, 255, 0.92), rgba(14, 21, 48, 0.92));
  --ok-fundo: light-dark(#dff5e7, #12361f);
  --aviso-fundo: light-dark(#fff0d1, #3b2d0d);
  --aviso-texto: light-dark(#8a5a00, #f6c96e);
  --perigo-fundo: light-dark(#fde3e4, #3f1b20);
  --perigo-texto: light-dark(#a02a31, #ff9ca2);
  --info-fundo: light-dark(#e8f0ff, #1f2e5e);
  --tg-fundo: light-dark(#dcf0fb, #11334d);
  --tg-texto: light-dark(#146a99, #7fc8f2);
  --oferta-fundo: light-dark(#fff3f3, #3a1b24);
  --destaque-fundo: light-dark(#fff8d6, #3a3310);
  --chave-trilho: light-dark(#c5cfe3, #3b4772);
  --quadro: light-dark(#ffffff, #202a52);
  --xadrez-a: light-dark(#f1f4fb, #1c2547);
  --xadrez-b: light-dark(#ffffff, #26305a);
  --total-fundo: light-dark(#1b2347, #31427f);
  --raio: 18px;
  font-size: 16px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; scroll-padding-top: 72px; }

body {
  margin: 0;
  background: var(--fundo);
  color: var(--tinta);
  font-family: ui-rounded, 'SF Pro Rounded', 'Nunito', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img, video { max-width: 100%; display: block; }

a { color: var(--azul); }

code {
  background: var(--ceu);
  border-radius: 6px;
  padding: 0.1em 0.4em;
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 0.9em;
  color: var(--tinta);
}

h1, h2, h3 { line-height: 1.2; margin: 0; letter-spacing: -0.01em; }
p { margin: 0; }

.contorno { width: 100%; max-width: 1080px; margin: 0 auto; padding: 0 16px; }
.contorno-estreito { max-width: 760px; }
.centro { text-align: center; margin-top: 40px; }

/* topo */
.topo {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--topo-bg);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--linha);
}
.topo-conteudo { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 60px; }
.marca { font-weight: 800; font-size: 1.25rem; color: var(--tinta); text-decoration: none; }
.topo-links { display: none; gap: 24px; }
.topo-links a { color: var(--tinta-suave); text-decoration: none; font-weight: 600; white-space: nowrap; }
.topo-links a:hover, .topo-links a[aria-current="page"] { color: var(--azul); }

/* botões */
.botao {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--zap);
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  border-radius: 999px;
  padding: 12px 22px;
  box-shadow: 0 8px 20px -8px rgba(14, 138, 67, 0.7);
  transition: transform 0.15s ease, background 0.15s ease;
}
.botao:hover { background: var(--zap-escuro); transform: translateY(-1px); }
.botao:focus-visible, summary:focus-visible, .topo-links a:focus-visible { outline: 3px solid var(--laco); outline-offset: 3px; }
.botao-pequeno { padding: 8px 16px; font-size: 0.9rem; box-shadow: none; }
.botao-grande { font-size: 1.05rem; padding: 16px 28px; text-align: center; }
.botao-claro { background: #fff; color: var(--zap-escuro); box-shadow: 0 10px 24px -10px rgba(0, 0, 0, 0.5); }
.botao-claro:hover { background: #eaf3ff; }
.icone-zap { width: 24px; height: 24px; flex: none; }

/* herói */
.heroi {
  background:
    radial-gradient(900px 400px at 85% -10%, var(--ceu-forte), transparent 70%),
    linear-gradient(180deg, var(--ceu), var(--fundo));
  padding: 32px 0 48px;
  overflow: hidden;
}
.heroi-conteudo { display: grid; gap: 36px; }
.selo {
  display: inline-block;
  background: var(--papel);
  border: 1px solid var(--linha);
  border-radius: 999px;
  padding: 4px 14px;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--tinta-suave);
}
.heroi h1 { font-size: clamp(1.9rem, 6.4vw, 3.1rem); font-weight: 900; margin: 16px 0; }
.destaque { color: var(--laco); }
.subtitulo { font-size: 1.1rem; color: var(--tinta-suave); max-width: 560px; }
.chamada { margin-top: 26px; display: grid; gap: 12px; justify-items: start; }
.chamada-nota { font-size: 0.95rem; color: var(--tinta-suave); }
.chamada-nota strong { color: var(--tinta); }

.numeros { list-style: none; margin: 32px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px 28px; }
.numero { display: grid; }
.numero[hidden] { display: none; }
.numero strong { font-size: 1.6rem; font-weight: 900; line-height: 1.1; }
.numero > span { font-size: 0.85rem; color: var(--tinta-suave); }

.heroi-midia { position: relative; padding: 0 8px 28px; }
.moldura {
  border-radius: 26px;
  overflow: hidden;
  border: 6px solid var(--papel);
  box-shadow: var(--sombra);
  background: var(--ceu-forte);
  aspect-ratio: 16 / 9;
}
.moldura video { width: 100%; height: 100%; object-fit: cover; }
.balao {
  position: absolute;
  background: var(--papel);
  border-radius: 16px;
  padding: 8px 14px;
  font-weight: 700;
  font-size: 0.9rem;
  box-shadow: var(--sombra);
}
.balao-um { left: -4px; bottom: 0; border-bottom-left-radius: 4px; }
.balao-dois { right: -4px; top: -14px; background: var(--laco-solido); color: #fff; border-bottom-right-radius: 4px; }
.balao-dois code { background: transparent; color: inherit; font-size: 1em; padding: 0; }

/* seções */
.secao { padding: 64px 0; }
.secao[hidden] { display: none; }
.secao-clara { background: var(--ceu); }
.sobretitulo { color: var(--laco); font-weight: 800; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 8px; }
.secao h2 { font-size: clamp(1.5rem, 4.6vw, 2.2rem); font-weight: 900; max-width: 640px; }

.passos { list-style: none; margin: 36px 0 0; padding: 0; display: grid; gap: 16px; counter-reset: passo; }
.passos li { background: var(--papel); border: 1px solid var(--linha); border-radius: var(--raio); padding: 24px; position: relative; }
.passo-numero {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--azul-solido);
  color: #fff;
  font-weight: 900;
  margin-bottom: 14px;
}
.passos h3, .cartao h3 { font-size: 1.15rem; margin-bottom: 6px; }
.passos p, .cartao p { color: var(--tinta-suave); }

.cartoes { margin-top: 36px; display: grid; gap: 16px; }
.cartao { background: var(--papel); border-radius: var(--raio); padding: 24px; box-shadow: 0 1px 0 var(--linha); }
.cartao-emoji { display: block; font-size: 2rem; margin-bottom: 10px; }

/* números da Sarinha (preenchidos por site.js a partir de /api/numeros) */
.secao-apoio { margin-top: 10px; color: var(--tinta-suave); max-width: 560px; }
.numeros-da-sarinha { list-style: none; margin: 36px 0 0; padding: 0; display: grid; gap: 16px; }
.cartao-numero {
  display: grid;
  justify-items: center;
  gap: 12px;
  text-align: center;
  background: var(--papel);
  border-radius: var(--raio);
  padding: 24px 20px;
  box-shadow: 0 1px 0 var(--linha);
}
.cartao-numero.inativo { opacity: 0.8; }
.cartao-numero.destaque { background: var(--destaque-fundo); box-shadow: 0 0 0 3px #f5c518, var(--sombra); }
.selo-de-destaque { background: #f5c518; color: #1b2347; border-radius: 999px; padding: 3px 12px; font-size: 0.85rem; font-weight: 800; }
.foto-do-numero {
  position: relative;
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: var(--ceu-forte);
  border: 4px solid var(--papel);
  box-shadow: var(--sombra);
  font-size: 2.6rem;
  overflow: hidden;
}
.foto-do-numero img { width: 100%; height: 100%; object-fit: cover; }
.cartao-numero.inativo .foto-do-numero img { filter: grayscale(1); }
.telefone-do-numero { font-size: 1.15rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.situacao-do-numero {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 3px 12px;
  font-size: 0.85rem;
  font-weight: 800;
  background: var(--ok-fundo);
  color: var(--zap-texto);
}
.situacao-do-numero::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--zap); }
.cartao-numero.inativo .situacao-do-numero { background: var(--ceu); color: var(--tinta-suave); }
.cartao-numero.inativo .situacao-do-numero::before { background: #9aa4c0; }
.cartao-numero .botao { width: 100%; }
.parceiros-da-sarinha { margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--linha); display: grid; gap: 8px; justify-items: center; text-align: center; }
.parceiros-da-sarinha h3 { font-size: 1.05rem; }
.parceiros-da-sarinha p { color: var(--tinta-suave); font-size: 0.92rem; }
.chips-de-parceiros { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.chip-de-parceiro { display: inline-flex; align-items: center; gap: 10px; padding: 4px 14px 4px 4px; border-radius: 999px; background: var(--papel); border: 1px solid var(--linha); color: var(--tinta); text-decoration: none; text-align: left; transition: border-color 0.15s, transform 0.15s; }
a.chip-de-parceiro:hover { border-color: var(--azul); transform: translateY(-1px); }
a.chip-de-parceiro:focus-visible { outline: 3px solid var(--azul); outline-offset: 2px; }
.chip-de-parceiro img { width: 34px; height: 34px; border-radius: 50%; }
.chip-nome { font-weight: 800; font-size: 0.92rem; line-height: 1.15; }
.chip-dono { display: block; font-weight: 500; font-size: 0.78rem; color: var(--tinta-suave); }
.chip-ponto { width: 8px; height: 8px; border-radius: 50%; background: var(--zap); flex: none; }
.chip-de-parceiro.inativo { color: var(--tinta-suave); }
.chip-de-parceiro.inativo img { filter: grayscale(1); opacity: 0.8; }
.chip-de-parceiro.inativo .chip-ponto { background: #9aa4c0; }
.botao[aria-disabled='true'] { background: var(--linha); color: var(--tinta-suave); box-shadow: none; cursor: not-allowed; transform: none; }

/* prints (preenchidos por site.js a partir de conteudo.json) */
.prints { margin-top: 36px; display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 4px 20px; -webkit-overflow-scrolling: touch; }
.print { flex: 0 0 min(260px, 72vw); scroll-snap-align: center; margin: 0; }
.print img { width: 100%; border-radius: 22px; border: 1px solid var(--linha); box-shadow: var(--sombra); background: var(--ceu); }
.print figcaption { margin-top: 10px; font-size: 0.9rem; color: var(--tinta-suave); text-align: center; }

.avaliacoes { margin-top: 36px; display: grid; gap: 16px; }
.avaliacao { background: var(--papel); border-radius: var(--raio); padding: 24px; margin: 0; display: grid; gap: 10px; align-content: start; }
.estrelas { color: #f5a623; letter-spacing: 2px; font-size: 1.1rem; }
.avaliacao blockquote { margin: 0; }
.avaliacao figcaption { font-size: 0.9rem; color: var(--tinta-suave); }
.avaliacao figcaption strong { color: var(--tinta); }

/* o que as páginas internas dividem: o atributo hidden, o botão de formulário, o texto só para leitor de tela e a espera */
[hidden] { display: none !important; }
button.botao { border: 0; font: inherit; font-weight: 800; cursor: pointer; }
button.botao:disabled { opacity: 0.6; cursor: wait; transform: none; }
.so-leitor { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.aviso-espera {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 24px;
  max-width: 560px;
  text-align: left;
  background: var(--papel);
  border: 1px solid var(--linha);
  border-radius: var(--raio);
  padding: 16px 18px;
  color: var(--tinta-suave);
}
.aviso-espera strong { color: var(--tinta); }
.giro {
  flex: none;
  width: 22px;
  height: 22px;
  margin-top: 3px;
  border: 3px solid var(--ceu-forte);
  border-top-color: var(--azul);
  border-radius: 50%;
  animation: girar 0.9s linear infinite;
}
@keyframes girar { to { transform: rotate(360deg); } }

.campo { display: grid; gap: 8px; }
.campo > label { font-weight: 800; }
.campo small { font-weight: 600; color: var(--tinta-suave); }
.campo textarea {
  width: 100%;
  min-height: 120px;
  font: inherit;
  line-height: 1.5;
  color: var(--tinta);
  background: var(--ceu);
  border: 2px solid transparent;
  border-radius: 16px;
  padding: 14px 16px;
  resize: vertical;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.campo textarea::placeholder { color: var(--tinta-suave); opacity: 0.8; }
.campo textarea:focus { outline: none; background: var(--papel); border-color: var(--azul); box-shadow: 0 0 0 4px rgba(53, 102, 214, 0.15); }
.contador { text-align: right; font-size: 0.8rem; color: var(--tinta-suave); }
.contador.perto { color: var(--laco); font-weight: 700; }
.aviso-pequeno { font-size: 0.85rem; color: var(--tinta-suave); }
.erro { color: var(--laco); font-weight: 700; }
.agradecido { margin-top: 24px; background: var(--ceu); border-radius: var(--raio); padding: 18px 20px; font-weight: 700; }

/* dúvidas */
.duvidas { margin-top: 28px; display: grid; gap: 10px; }
details { border: 1px solid var(--linha); border-radius: 14px; background: var(--papel); }
summary { cursor: pointer; font-weight: 800; padding: 16px 48px 16px 18px; list-style: none; position: relative; }
summary::-webkit-details-marker { display: none; }
summary::after { content: '+'; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 1.4rem; color: var(--azul); }
details[open] summary::after { content: '–'; }
details p { padding: 0 18px 18px; color: var(--tinta-suave); }

/* chamada final */
.final { background: linear-gradient(135deg, var(--azul-solido), #5b3fd0); color: #fff; padding: 64px 0; text-align: center; }
.final-conteudo { display: grid; gap: 16px; justify-items: center; }
.final h2 { font-size: clamp(1.5rem, 4.6vw, 2.2rem); font-weight: 900; max-width: 620px; }
.final p { opacity: 0.92; }

.rodape { padding: 32px 0 96px; font-size: 0.9rem; color: var(--tinta-suave); }
.rodape-conteudo { display: grid; gap: 8px; }
.rodape-aviso { font-size: 0.8rem; max-width: 640px; }

/* o botão que acompanha a rolagem no celular */
.barra-fixa {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  background: var(--topo-bg);
  border-top: 1px solid var(--linha);
  transform: translateY(0);
  transition: transform 0.25s ease;
}
.barra-fixa[hidden] { display: block; transform: translateY(110%); visibility: hidden; }
.barra-fixa .botao { width: 100%; }

/* política de privacidade */
.texto-longo { padding: 40px 0 72px; }
.texto-longo h1 { font-size: clamp(1.7rem, 5vw, 2.4rem); font-weight: 900; margin-bottom: 8px; }
.texto-longo h2 { font-size: 1.25rem; margin: 32px 0 8px; }
.texto-longo p, .texto-longo li { color: var(--tinta-suave); }
.texto-longo p + p, .texto-longo ul { margin-top: 10px; }
.texto-longo .data { font-size: 0.9rem; }

/* página de assinaturas */
button.botao { border: 0; font: inherit; font-weight: 800; cursor: pointer; }
button.botao:disabled { opacity: 0.6; cursor: progress; transform: none; }
.heroi + .secao:has(.grupos) { padding-top: 8px; }
.grupos { display: grid; gap: 16px; }
.grupo {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  background: var(--papel);
  border: 1px solid var(--linha);
  border-radius: var(--raio);
  padding: 20px;
  box-shadow: var(--sombra-leve);
}
.grupo-info { display: grid; gap: 4px; min-width: 0; }
.grupo-cabeca, .comunidade-topo { display: flex; align-items: center; gap: 14px; margin-bottom: 4px; min-width: 0; }
.comunidade-topo { align-items: flex-start; }
.grupo-titulo { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; min-width: 0; }
.grupo-titulo h2 { font-size: 1.15rem; overflow-wrap: anywhere; min-width: 0; }
.grupo-titulo .aviso-pequeno { flex-basis: 100%; }
.foto {
  flex: none;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  overflow: hidden;
  border-radius: 50%;
  background: var(--ceu-forte);
  color: var(--azul);
  font-size: 1.3rem;
  font-weight: 800;
}
.foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.foto-privado { background: var(--ceu); }
.foto-comunidade { width: 60px; height: 60px; border-radius: 18px; }
.selo-situacao { font-size: 0.78rem; font-weight: 800; border-radius: 999px; padding: 3px 12px; white-space: nowrap; }
.selo-ativa { background: var(--ok-fundo); color: var(--zap-texto); }
.selo-acabando { background: var(--aviso-fundo); color: var(--aviso-texto); }
.selo-vencida { background: var(--perigo-fundo); color: var(--perigo-texto); }
.grupo-prazo { font-weight: 600; font-size: 0.95rem; }
.grupo-detalhes { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 2px; font-size: 0.85rem; color: var(--tinta-suave); }
.rotulo-da-lista { margin: 12px 0 -4px; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--tinta-suave); }
.grupos > .rotulo-da-lista:first-child { margin-top: 0; }
.grupo.destaque { border: 2px solid var(--azul); box-shadow: 0 10px 28px -12px rgba(53, 102, 214, 0.55); }
.selo-comunidade { background: var(--ceu-forte); color: var(--azul); }
.comunidade { display: grid; gap: 14px; background: var(--ceu); border: 1px solid var(--linha); border-radius: var(--raio); padding: 18px; }
.comunidade-grupos { display: grid; gap: 14px; }
.comunidade .grupo { box-shadow: none; }
.grupo > .erro:empty { display: none; }
.grupo > .erro { font-size: 0.9rem; }
.planos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.plano {
  display: grid;
  gap: 2px;
  justify-items: center;
  font: inherit;
  color: var(--tinta);
  background: var(--ceu);
  border: 2px solid transparent;
  border-radius: 16px;
  padding: 12px 8px;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.plano:hover:not(:disabled) { background: var(--papel); border-color: var(--azul); }
.plano:focus-visible { outline: 3px solid var(--azul); outline-offset: 2px; }
.plano:disabled { opacity: 0.6; cursor: progress; }
.plano-duracao { font-weight: 800; }
.plano-valor { font-size: 1.2rem; font-weight: 800; color: var(--zap-texto); }
.plano-detalhe { font-size: 0.8rem; font-weight: 700; color: var(--tinta-suave); }
.aviso-geral { background: var(--ceu); border-radius: var(--raio); padding: 18px 20px; }
.secao .aviso-pequeno { margin-top: 16px; }
.grupo .aviso-pequeno { margin-top: 0; }
.grupos .agradecido { margin-top: 0; }

@media (min-width: 640px) {
  .grupo { padding: 22px 24px; }
  .planos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 720px) {
  .topo-links { display: flex; }
  .heroi { padding: 56px 0 72px; }
  .heroi-conteudo { grid-template-columns: 1.1fr 0.9fr; align-items: center; gap: 48px; }
  .passos { grid-template-columns: repeat(3, 1fr); }
  .cartoes { grid-template-columns: repeat(2, 1fr); }
  .numeros-da-sarinha { grid-template-columns: repeat(2, 1fr); }
  .avaliacoes { grid-template-columns: repeat(2, 1fr); }
  .prints { justify-content: center; }
  .barra-fixa { display: none !important; }
  .rodape { padding-bottom: 40px; }
}

@media (min-width: 1000px) {
  .cartoes { grid-template-columns: repeat(3, 1fr); }
  .numeros-da-sarinha { grid-template-columns: repeat(3, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .botao, .barra-fixa, .plano, .campo textarea, .chip-de-parceiro { transition: none; }
  .giro { animation-duration: 3s; }
}

/* as seis seções (na landing e nas páginas internas) não cabem numa linha até 1000px: em tela estreita vão para uma 2ª linha, que rola de lado; a borda direita esmaece para mostrar que há mais, e o respiro final deixa o último link sair de baixo do esmaecimento */
.topo-conteudo.com-secoes { flex-wrap: wrap; height: auto; min-height: 60px; row-gap: 0; padding-block: 8px; }
.topo-conteudo.com-secoes .topo-links {
  display: flex; order: 3; width: 100%; gap: 20px; overflow-x: auto; padding: 2px 32px 8px 0;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
}
.topo-conteudo.com-secoes .topo-links::-webkit-scrollbar { display: none; }
.topo-conteudo.com-secoes .topo-links a { padding: 6px 0; }
@media (max-width: 999px) {
  html { scroll-padding-top: 112px; }
}
@media (min-width: 1000px) {
  .topo-conteudo.com-secoes { flex-wrap: nowrap; height: 60px; padding-block: 0; }
  .topo-conteudo.com-secoes .topo-links { order: 0; width: auto; overflow: visible; padding: 0; -webkit-mask-image: none; mask-image: none; }
  .topo-conteudo.com-secoes .topo-links a { padding: 0; }
}

/* o que fica à direita do topo: o seletor de tema (tema.js) e o botão */
.topo-acoes { display: flex; align-items: center; gap: 10px; }