/* nomeucep · v3 "percix claro" ---------------------------------------------
   Skin do fin.percix.com.br traduzido para tema claro.
   Outfit em tudo; acento azul #3b82f6 com gradiente para roxo #8b5cf6;
   superfícies brancas sobre fundo azulado claro; badges e kickers
   em caixa alta miúda, como no painel Finance. */

:root {
  --bg: #f5f7fb;
  --sf: #ffffff;
  --sf2: #eef2f8;
  --bd: #e3e8f0;
  --bd2: #d3dae6;
  --tx: #0f1729;
  --txd: #5b677c;
  --txl: #8a96ab;
  --ac: #3b82f6;
  --ac2: #2563eb;
  --pp: #8b5cf6;
  --grad: linear-gradient(135deg, #3b82f6, #8b5cf6);
  --acg: rgba(59, 130, 246, .10);
  --gn: #10b981;  --gnb: rgba(16, 185, 129, .12);
  --rd: #ef4444;  --rdb: rgba(239, 68, 68, .10);
  --yl: #d97706;  --ylb: rgba(245, 158, 11, .14);
  --wa: #1ea65a;
  --raio: 16px;
  --raio-s: 10px;
  --sombra: 0 1px 2px rgba(15, 23, 41, .04), 0 12px 32px -16px rgba(37, 99, 235, .16);
  --sombra-h: 0 4px 12px rgba(15, 23, 41, .06), 0 18px 44px -16px rgba(37, 99, 235, .25);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Outfit", system-ui, sans-serif;
  font-size: 1rem; line-height: 1.6;
  color: var(--tx); background: var(--bg);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3 { font-weight: 800; line-height: 1.1; letter-spacing: -0.025em; margin: 0 0 .5rem; text-wrap: balance; }
h1 { font-size: clamp(2.1rem, 4.8vw, 3.2rem); }
h2 { font-size: clamp(1.3rem, 2.6vw, 1.65rem); letter-spacing: -0.015em; }
h3 { font-size: 1.1rem; }
p { margin: .4rem 0 .9rem; }
a { color: var(--ac2); text-underline-offset: 3px; }
em {
  font-style: normal;
  background: var(--grad);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
img, svg { vertical-align: middle; }
small { color: var(--txd); font-weight: 400; }

main, .topo > div, .rodape > div { max-width: 1040px; margin: 0 auto; padding: 0 20px; }
main { padding-top: 30px; padding-bottom: 76px; }

/* kicker: rótulo miúdo em caixa alta, marca registrada do painel Finance */
.etiqueta, label {
  display: block; margin: 0 0 6px;
  font-size: .68rem; font-weight: 700; letter-spacing: .09em;
  text-transform: uppercase; color: var(--txl);
}
.etiqueta-suave { text-transform: none; letter-spacing: 0; font-size: .85rem; font-weight: 500; color: var(--txd); }

/* ------------------------------------------------------------------ topo */
.topo {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255, 255, 255, .82);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--bd);
}
.topo > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 12px; padding-bottom: 12px; }
.marca { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--tx); }
.marca-carimbo {
  width: 38px; height: 38px; border-radius: 11px;
  background: var(--grad); color: #fff;
  display: grid; place-items: center;
  font-size: .64rem; font-weight: 800; letter-spacing: .06em;
  box-shadow: 0 6px 16px -6px rgba(99, 102, 241, .55);
}
.marca-nome { font-size: 1.28rem; font-weight: 800; letter-spacing: -0.02em; }
.marca-nome small {
  font-size: .82rem; font-weight: 700;
  background: var(--grad);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

/* ---------------------------------------------------------------- botões */
.botao {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 11px 20px; border-radius: var(--raio-s);
  border: 0; cursor: pointer; text-decoration: none;
  font: 700 .95rem/1 "Outfit", sans-serif; letter-spacing: .01em;
  background: var(--grad); color: #fff;
  box-shadow: 0 8px 20px -8px rgba(79, 99, 237, .55);
  transition: transform .15s, box-shadow .15s, background .15s, border-color .15s, color .15s;
}
.botao:hover { transform: translateY(-1px); box-shadow: 0 12px 26px -8px rgba(79, 99, 237, .6); }
.botao:active { transform: translateY(0); }
.botao-vazado {
  background: var(--sf); color: var(--tx);
  border: 1px solid var(--bd2); box-shadow: none;
}
.botao-vazado:hover { border-color: var(--ac); color: var(--ac2); background: var(--acg); box-shadow: none; }
.botao-cheio { width: 100%; }
.botao-grande { padding: 14px 26px; font-size: 1.02rem; border-radius: 12px; }
.botao-whats { background: var(--wa); box-shadow: 0 8px 20px -8px rgba(30, 166, 90, .55); }
.botao-whats:hover { box-shadow: 0 12px 26px -8px rgba(30, 166, 90, .6); }
.botao[disabled] { opacity: .55; pointer-events: none; }

/* ------------------------------------------------------------------ hero */
.hero { position: relative; padding: 52px 0 16px; }
.hero-sub { max-width: 56ch; font-size: 1.08rem; font-weight: 400; color: var(--txd); }
.hero-selo {
  display: inline-flex; align-items: center; gap: 7px;
  margin-bottom: 18px; padding: 6px 12px; border-radius: 999px;
  background: var(--gnb); color: var(--gn);
  font-size: .74rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
}
.hero-selo::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--gn); }

/* ------------------------------------------------------- formulário busca */
.busca-form {
  display: grid; grid-template-columns: 1fr 1.6fr auto; gap: 14px; align-items: end;
  background: var(--sf); border: 1px solid var(--bd); border-radius: var(--raio);
  padding: 18px; margin-top: 24px; box-shadow: var(--sombra);
}
.busca-compacta { margin-top: 8px; }
.campo { position: relative; }
input[type="text"], input[type="tel"], textarea, select {
  width: 100%; padding: 12px 14px;
  border: 1px solid var(--bd2); border-radius: var(--raio-s);
  background: var(--sf); color: var(--tx);
  font: 500 1rem/1.4 "Outfit", sans-serif;
  transition: border-color .15s, box-shadow .15s;
}
input:focus, textarea:focus, select:focus {
  outline: none; border-color: var(--ac);
  box-shadow: 0 0 0 3px var(--acg);
}
input::placeholder, textarea::placeholder { color: var(--txl); font-weight: 400; }

.sugestoes {
  position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 30;
  margin: 0; padding: 6px; list-style: none;
  background: var(--sf); border: 1px solid var(--bd); border-radius: 12px;
  box-shadow: var(--sombra-h); max-height: 290px; overflow: auto;
}
.sugestoes li { padding: 9px 11px; border-radius: 8px; cursor: pointer; font-size: .92rem; }
.sugestoes li:hover { background: var(--sf2); }
.sugestoes li small { display: block; font-size: .78rem; color: var(--txl); }
.sugestoes:empty { display: none; }

/* ------------------------------------------------------ grade de categorias */
.grade-categorias h2, .como-funciona h2 { margin-top: 40px; }
.selos { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; margin-top: 14px; }
.selo {
  position: relative; display: flex; align-items: center; gap: 11px;
  padding: 14px 15px; border-radius: 13px; text-decoration: none;
  background: var(--sf); border: 1px solid var(--bd); color: var(--tx);
  transition: transform .15s, box-shadow .15s, border-color .15s;
}
.selo:hover { transform: translateY(-2px); border-color: var(--ac); box-shadow: var(--sombra-h); }
.selo-nome { font-weight: 600; font-size: .95rem; letter-spacing: -0.01em; }
.selo-borda { display: none; }
.cat-svg {
  width: 22px; height: 22px; flex: none;
  stroke: var(--ac); fill: none; stroke-width: 1.9;
  stroke-linecap: round; stroke-linejoin: round;
}
.selo:hover .cat-svg { stroke: var(--pp); }
.cat-h1-svg {
  width: 34px; height: 34px; margin-right: 6px;
  stroke: url(#grad-ac) var(--ac); stroke: var(--ac); fill: none;
  stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;
}

/* --------------------------------------------------------- como funciona */
.passos { margin: 14px 0 0; padding: 0; list-style: none; counter-reset: passo; display: grid; gap: 10px; }
.passos li {
  counter-increment: passo; position: relative;
  background: var(--sf); border: 1px solid var(--bd); border-radius: 13px;
  padding: 14px 16px 14px 56px; color: var(--txd); font-size: .96rem;
}
.passos li strong { color: var(--tx); font-weight: 700; }
.passos li::before {
  content: counter(passo);
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  width: 28px; height: 28px; border-radius: 9px;
  background: var(--grad); color: #fff;
  display: grid; place-items: center; font-weight: 800; font-size: .85rem;
}

/* ------------------------------------------------------------- resultados */
.resultado { margin-top: 26px; }
.carimbo-cep {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 5px 11px; border-radius: 8px;
  background: var(--acg); color: var(--ac2);
  font-weight: 700; font-size: .82rem; letter-spacing: .04em;
}
.carimbo-local { margin: 4px 0 14px; }
.carimbo-local h1, .carimbo-local h2 { margin-bottom: 2px; }
.carimbo-endereco { color: var(--txd); font-size: .95rem; }

.lista-prestadores { display: grid; gap: 12px; margin-top: 14px; }
.card-prestador {
  background: var(--sf); border: 1px solid var(--bd); border-radius: var(--raio);
  padding: 18px; box-shadow: var(--sombra);
  display: grid; grid-template-columns: 1fr auto; gap: 6px 16px; align-items: start;
  transition: border-color .15s, box-shadow .15s;
}
.card-prestador:hover { border-color: var(--bd2); box-shadow: var(--sombra-h); }
.card-corpo { min-width: 0; }
.card-base { font-size: .8rem; color: var(--txl); font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.card-prestador h3 { margin: 2px 0 4px; font-size: 1.15rem; }
.card-prestador h3 a { color: var(--tx); text-decoration: none; }
.card-prestador h3 a:hover { color: var(--ac2); }
.card-descricao { color: var(--txd); font-size: .94rem; margin: 0 0 8px; }
.card-meta { display: flex; flex-wrap: wrap; gap: 6px; }
.card-dist, .card-meta span {
  display: inline-flex; padding: 3px 9px; border-radius: 7px;
  background: var(--sf2); color: var(--txd);
  font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
}
.card-dist { background: var(--gnb); color: var(--gn); }
.vazio, .aviso {
  background: var(--sf); border: 1px dashed var(--bd2); border-radius: var(--raio);
  padding: 22px; text-align: center; color: var(--txd); margin-top: 14px;
}
.erro {
  background: var(--rdb); color: var(--rd);
  border-radius: var(--raio-s); padding: 11px 14px;
  font-weight: 600; font-size: .92rem; margin-top: 12px;
}

/* ------------------------------------------------------------ patrocínio */
.patrocinio {
  margin-top: 16px; padding: 15px 17px; border-radius: var(--raio);
  background: var(--ylb); border-left: 3px solid var(--yl);
  display: grid; gap: 2px;
}
.patrocinio-rotulo { font-size: .66rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; color: var(--yl); }
.patrocinio-corpo { color: var(--tx); font-size: .95rem; }
.patrocinio-corpo a { color: var(--ac2); font-weight: 700; }
.patrocinio-nota { font-size: .76rem; color: var(--txd); }

/* ------------------------------------------------------- página categoria */
.categoria-topo { display: flex; align-items: center; gap: 6px; padding-top: 8px; }
.migalhas { font-size: .8rem; color: var(--txl); margin: 14px 0 2px; }
.migalhas a { color: var(--txl); }
.migalhas a:hover { color: var(--ac2); }
.cidade-cabecalho { margin-top: 26px; }
.cidade-sub { color: var(--txd); font-size: .94rem; margin-top: -4px; }
.bairros, .lista-bairros { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.bairros a, .lista-bairros a {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 13px; border-radius: 999px; text-decoration: none;
  background: var(--sf); border: 1px solid var(--bd); color: var(--tx);
  font-size: .88rem; font-weight: 600;
  transition: border-color .15s, color .15s, background .15s;
}
.bairros a:hover, .lista-bairros a:hover { border-color: var(--ac); color: var(--ac2); background: var(--acg); }
.bairros .contagem, .contagem { color: var(--txl); font-weight: 700; font-size: .76rem; }

/* ---------------------------------------------------------------- perfil */
.perfil { max-width: 720px; }
.perfil-cabecalho { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-top: 10px; }
.perfil-cats { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 2px; }
.perfil-cats span {
  padding: 3px 10px; border-radius: 7px;
  background: var(--acg); color: var(--ac2);
  font-size: .74rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
}
.perfil-descricao { font-size: 1.02rem; color: var(--tx); }
.perfil-bairros { color: var(--txd); font-size: .93rem; }
.perfil-nota { margin-top: 18px; padding: 13px 15px; border-radius: var(--raio-s); background: var(--sf2); color: var(--txd); font-size: .87rem; }

/* ---------------------------------------------------------------- wizard */
.cadastro { max-width: 640px; }
.etapas { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 18px; padding: 0; list-style: none; }
.etapas span, .etapas li {
  padding: 7px 14px; border-radius: 999px;
  background: var(--sf); border: 1px solid var(--bd);
  font-size: .8rem; font-weight: 700; color: var(--txd);
}
.etapas .ativa { background: var(--grad); border-color: transparent; color: #fff; box-shadow: 0 6px 16px -8px rgba(79, 99, 237, .6); }
.painel {
  background: var(--sf); border: 1px solid var(--bd); border-radius: var(--raio);
  padding: 24px; box-shadow: var(--sombra); margin-bottom: 14px;
}
.painel-estreito { max-width: 560px; }
.painel h2 { margin-bottom: 10px; }
.painel label { margin-top: 14px; }
.painel-nota { color: var(--txd); font-size: .88rem; }
.painel .botao { margin-top: 16px; }

.opcao-cat {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px; border-radius: 11px; cursor: pointer;
  background: var(--sf); border: 1px solid var(--bd);
  font-weight: 600; font-size: .92rem; color: var(--tx);
  text-transform: none; letter-spacing: 0;
  transition: border-color .15s, background .15s;
}
.opcao-cat:hover { border-color: var(--ac); }
.opcao-cat:has(input:checked) { border-color: var(--ac); background: var(--acg); color: var(--ac2); }
.opcao-cat input { accent-color: var(--ac); width: 16px; height: 16px; }
.opt-svg { width: 19px; height: 19px; stroke: var(--ac); fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.grade-categorias .selos, .painel .selos { margin-top: 10px; }
.painel .selos { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 9px; }

.lista-cobertura { display: grid; gap: 9px; margin-top: 12px; }
.lista-cobertura details, .lista-cobertura .bloco-bairro {
  background: var(--sf); border: 1px solid var(--bd); border-radius: 12px; padding: 11px 13px;
}
.lista-cobertura summary { cursor: pointer; font-weight: 600; }
.lista-cobertura label {
  display: flex; align-items: center; gap: 9px; margin: 7px 0 0;
  text-transform: none; letter-spacing: 0;
  font-size: .9rem; font-weight: 500; color: var(--tx); cursor: pointer;
}
.lista-cobertura input { accent-color: var(--ac); width: 15px; height: 15px; }
.lista-cobertura .ck-bairro + span { font-weight: 700; }

.painel-final { text-align: center; padding: 36px 24px; }
.carimbo-final {
  display: inline-flex; align-items: center; gap: 7px;
  margin-bottom: 12px; padding: 6px 14px; border-radius: 999px;
  background: var(--gnb); color: var(--gn);
  font-size: .74rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
.carimbo-final::before { content: "✓"; font-size: .85rem; }

/* ----------------------------------------------------------------- admin */
.admin-topo { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding-top: 8px; }
.admin-topo .etiqueta { margin: 0; }
.admin-fila { display: grid; gap: 12px; margin-top: 18px; }
.admin-card {
  background: var(--sf); border: 1px solid var(--bd); border-radius: var(--raio);
  padding: 17px 18px; box-shadow: var(--sombra);
  display: grid; grid-template-columns: 1fr auto; gap: 8px 18px; align-items: center;
}
.admin-card h3 { margin: 0 0 2px; }
.admin-card .card-meta { margin-top: 6px; }
.admin-acoes { display: flex; gap: 8px; }
.admin-acoes .botao { padding: 9px 16px; font-size: .88rem; }
.admin-acoes .botao-vazado:hover { border-color: var(--rd); color: var(--rd); background: var(--rdb); }

/* ---------------------------------------------------------------- rodapé */
.rodape { border-top: 1px solid var(--bd); margin-top: 30px; background: var(--sf); }
.rodape-manifesto { padding: 30px 20px 6px; max-width: 1040px; margin: 0 auto; }
.rodape-titulo { font-weight: 800; font-size: 1.06rem; letter-spacing: -0.01em; margin-bottom: 2px; }
.rodape-manifesto p:not(.rodape-titulo) { color: var(--txd); font-size: .92rem; max-width: 70ch; }
.rodape-linha {
  display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap;
  padding: 14px 20px 26px; max-width: 1040px; margin: 0 auto;
  color: var(--txl); font-size: .82rem;
}
.rodape-links a { color: var(--txd); margin: 0 .15rem; }
.rodape-links a:hover { color: var(--ac2); }

/* ------------------------------------------------------------ texto legal */
.texto-legal { max-width: 680px; margin: 0 auto; padding-top: 14px; }
.texto-legal h2 { margin: 1.8rem 0 .4rem; font-size: 1.2rem; }
.texto-legal p { background: var(--sf); border: 1px solid var(--bd); border-radius: var(--raio-s); padding: .95rem 1.05rem; margin: .4rem 0; color: var(--txd); }
.texto-legal p strong { color: var(--tx); }
.texto-legal .painel-nota { background: none; border: none; padding: .2rem 0; }

/* -------------------------------------------------------------- responsivo */
@media (max-width: 760px) {
  .busca-form { grid-template-columns: 1fr; }
  .card-prestador, .admin-card { grid-template-columns: 1fr; }
  .admin-acoes { justify-content: flex-end; }
  .perfil-cabecalho { flex-direction: column; }
  .hero { padding-top: 34px; }
  main { padding-top: 22px; }
}

/* ------------------------------------------------- verificação e elogios */
.badge-elogio {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 9px; border-radius: 7px;
  background: var(--gnb); color: var(--gn);
  font-size: .74rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
}
.badge-elogio::before { content: "♥"; font-size: .8rem; }
h2 .badge-elogio { vertical-align: 3px; margin-left: 6px; }

.elogios { margin-top: 30px; }
.elogios-lista { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.elogios-lista li {
  background: var(--sf); border: 1px solid var(--bd); border-radius: 13px;
  padding: 13px 16px;
}
.elogios-lista p { margin: 0 0 4px; color: var(--tx); font-size: .96rem; }
.elogios-lista small { color: var(--txl); font-weight: 600; font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; }
.avaliar-acoes { display: flex; align-items: center; gap: 16px; margin-top: 14px; flex-wrap: wrap; }
.link-problema {
  background: none; border: 0; padding: 0; cursor: pointer;
  color: var(--txd); font: 600 .86rem "Outfit", sans-serif; text-decoration: underline;
  text-underline-offset: 3px;
}
.link-problema:hover { color: var(--rd); }
.botao-perigo { background: var(--rd); box-shadow: 0 8px 20px -8px rgba(239, 68, 68, .5); }

.modal-verifica { border: 0; border-radius: var(--raio); padding: 0; max-width: 420px; width: calc(100vw - 40px); box-shadow: var(--sombra-h); }
.modal-verifica::backdrop { background: rgba(15, 23, 41, .45); backdrop-filter: blur(2px); }
.mv-caixa { position: relative; padding: 26px 24px 22px; display: grid; }
.mv-caixa h3 { margin-bottom: 6px; }
.mv-caixa label { margin-top: 12px; }
.mv-caixa .botao { margin-top: 14px; }
.mv-fechar {
  position: absolute; top: 10px; right: 12px;
  background: var(--sf2); border: 0; border-radius: 8px;
  width: 30px; height: 30px; cursor: pointer;
  font-size: 1.05rem; color: var(--txd); line-height: 1;
}
.mv-fechar:hover { background: var(--bd); }

.badge-ref {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 9px; border-radius: 7px;
  background: var(--acg); color: var(--ac2);
  font-size: .74rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
}
.badge-ref::before { content: "✓"; }

.avatar {
  width: 54px; height: 54px; border-radius: 14px; object-fit: cover; flex: none;
  border: 1px solid var(--bd);
}
.avatar-inicial {
  display: grid; place-items: center;
  background: var(--grad); color: #fff; border: 0;
  font-weight: 800; font-size: 1.35rem;
}
.card-prestador { grid-template-columns: auto 1fr auto; }
.card-prestador .avatar { grid-row: 1 / span 2; }
.avatar-perfil { width: 92px; height: 92px; border-radius: 20px; font-size: 2.2rem; }
.perfil-cabecalho { align-items: center; }
.perfil-cabecalho > div { min-width: 0; }
.badge-mei {
  display: inline-flex; align-items: center;
  padding: 3px 9px; border-radius: 7px;
  background: rgba(139, 92, 246, .13); color: #7c3aed;
  font-size: .74rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
}
@media (max-width: 760px) {
  .card-prestador { grid-template-columns: auto 1fr; }
  .card-prestador .botao-whats { grid-column: 1 / -1; }
}
.admin-card { grid-template-columns: 1fr auto; }

.grupo-titulo {
  margin: 26px 0 10px;
  font-size: .78rem; font-weight: 800; letter-spacing: .1em;
  text-transform: uppercase; color: var(--txl);
  display: flex; align-items: center; gap: 12px;
}
.grupo-titulo::after { content: ""; flex: 1; height: 1px; background: var(--bd); }
.categorias .grupo-titulo:first-of-type { margin-top: 16px; }
.grade-categorias .grupo-titulo { margin: 16px 0 8px; }
.grade-opcoes { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; }