/* Páginas internas de Cascabel e da Murmura na moldura das homes (30/09/2026).
   Carregada depois de site/cascabel.css ou site/murmura.css, que já trazem as cores, as fontes, o cabeçalho e o rodapé.
   Esta folha só veste o conteúdo do <main> (calendário, Fundador, pré-cadastro, cadastro oficial, empresa, termos,
   privacidade, medição e oferta Fundador), com a marca de cada host e contraste AA. Sem fontes nem imagens externas. */

/* Tokens por marca: Cascabel em couro e latão; Murmura em preto e limão. */
.site-cascabel.site-pagina {
  --pg-painel: var(--painel);
  --pg-cartao: var(--cartao);
  --pg-cartao-alto: var(--cartao-alto);
  --pg-campo: var(--couro-fundo);
  --pg-linha: var(--linha);
  --pg-linha-forte: var(--linha-forte);
  --pg-texto: var(--texto);
  --pg-texto-2: var(--texto-2);
  --pg-texto-3: var(--texto-3);
  --pg-destaque: var(--latao);
  --pg-destaque-alto: var(--latao-alto);
  --pg-destaque-tinta: var(--latao-tinta);
  --pg-link: var(--latao-alto);
  --pg-botao: linear-gradient(180deg, var(--latao-alto), var(--latao));
  --pg-titulo: var(--faroeste);
  --pg-titulo-peso: 400;
  --pg-titulo-espaco: .01em;
  --pg-subtitulo: var(--serifa);
  --pg-subtitulo-peso: 700;
  --pg-rotulo: var(--rotulo);
  --pg-corpo-tamanho: 18px;
}
.site-murmura.site-pagina {
  --pg-painel: var(--preto-2);
  --pg-cartao: var(--preto-2);
  --pg-cartao-alto: var(--preto-3);
  --pg-campo: #10120f;
  --pg-linha: var(--linha);
  --pg-linha-forte: #5a6056;
  --pg-texto: var(--branco);
  --pg-texto-2: var(--cinza);
  --pg-texto-3: var(--cinza-2);
  --pg-destaque: var(--lima);
  --pg-destaque-alto: var(--lima);
  --pg-destaque-tinta: var(--lima-tinta);
  --pg-link: var(--branco);
  --pg-botao: var(--lima);
  --pg-titulo: var(--marca);
  --pg-titulo-peso: 750;
  --pg-titulo-espaco: -.035em;
  --pg-subtitulo: var(--marca);
  --pg-subtitulo-peso: 700;
  --pg-rotulo: var(--marca);
  --pg-corpo-tamanho: 17px;
}

.site-pagina [hidden] { display: none !important; }

/* Coluna de conteúdo */
.site-pagina > main,
.site-pagina .pagina-oferta-corpo {
  display: block;
  width: 100%;
  max-width: var(--largura);
  margin: 0 auto;
  padding: clamp(36px, 6vw, 72px) var(--respiro) clamp(56px, 8vw, 96px);
  color: var(--pg-texto-2);
  overflow-wrap: break-word;
}
.pagina-legal > main { max-width: calc(820px + 2 * var(--respiro)); }
.pagina-oferta .pagina-oferta-corpo { max-width: calc(900px + 2 * var(--respiro)); }
.site-pagina main > section { margin: 0 0 clamp(48px, 7vw, 80px); }
.site-pagina main > section:last-child { margin-bottom: 0; }

/* Texto */
.site-pagina main h1 {
  margin: 10px 0 22px;
  color: var(--pg-texto);
  font: var(--pg-titulo-peso) clamp(38px, 5.4vw, 66px)/1.08 var(--pg-titulo);
  letter-spacing: var(--pg-titulo-espaco);
}
.site-pagina main h2 {
  margin: 0 0 16px;
  color: var(--pg-texto);
  font: var(--pg-titulo-peso) clamp(28px, 3.4vw, 40px)/1.15 var(--pg-titulo);
  letter-spacing: var(--pg-titulo-espaco);
}
.site-cascabel.site-pagina main h2::after { content: ""; display: block; width: 96px; height: 2px; margin-top: 14px; background: linear-gradient(90deg, var(--latao), rgba(223, 179, 106, 0)); }
.site-pagina main h3 { margin: 6px 0 8px; color: var(--pg-texto); font: var(--pg-subtitulo-peso) 21px/1.3 var(--pg-subtitulo); }
.site-pagina main p { margin: 0 0 1em; }
.site-pagina main p, .site-pagina main li, .site-pagina main dd { font-size: var(--pg-corpo-tamanho); line-height: 1.7; }
.site-pagina main strong { color: var(--pg-texto); font-weight: 700; }
.site-pagina main a { color: var(--pg-link); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.site-pagina main a:hover { color: var(--pg-texto); }
.site-murmura.site-pagina main a:hover { color: var(--lima); }
/* Parágrafos longos justificados no computador, como antes; no celular e em colunas estreitas, alinhados à esquerda. */
@media (min-width: 721px) {
  .site-pagina main :where(p:not(.eyebrow, .registration-state, .legal-meta, .legal-codigo, .small, .field-help), li, .notice, .legal-highlight, aside),
  .pagina-oferta main :where(dd) {
    text-align: justify; text-align-last: start; hyphens: auto; -webkit-hyphens: auto;
  }
  .site-pagina main :is(.card, .milestone, .registration-facts) p { text-align: start; hyphens: manual; -webkit-hyphens: manual; }
}

.site-pagina .eyebrow { display: block; margin: 0 0 12px; color: var(--pg-destaque); font: 700 12px/1.4 var(--pg-rotulo); letter-spacing: .16em; text-transform: uppercase; }
.site-murmura.site-pagina .eyebrow { display: flex; align-items: center; gap: 10px; color: var(--cinza); }
.site-murmura.site-pagina .eyebrow::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--lima); }
.site-pagina .intro { max-width: 780px; color: var(--pg-texto-2); font-size: clamp(18px, 1.8vw, 20px); line-height: 1.6; }
.site-pagina .small, .site-pagina main p.small { color: var(--pg-texto-3); font: 15px/1.6 var(--pg-rotulo); }
.site-pagina .hero { max-width: 920px; padding: 0 0 clamp(8px, 2vw, 16px); }
.site-pagina .pill { display: inline-block; margin: 6px 0 0; padding: 6px 14px; border: 1px solid var(--pg-destaque); border-radius: 999px; color: var(--pg-destaque-alto); font: 700 13px/1.4 var(--pg-rotulo); letter-spacing: .04em; }

/* Botões: os mesmos da home */
.site-pagina .actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 0; }
.site-pagina .button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; margin: 20px 12px 0 0; padding: 12px 22px;
  border: 1px solid var(--pg-destaque); border-radius: 4px;
  background: var(--pg-botao); color: var(--pg-destaque-tinta);
  font: 700 16px/1.2 var(--pg-rotulo); letter-spacing: .01em; text-align: center; text-decoration: none; cursor: pointer;
}
.site-cascabel.site-pagina .button { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 2px 0 #0006; }
.site-pagina .button:hover { background: var(--pg-destaque-alto); color: var(--pg-destaque-tinta); }
.site-pagina .actions .button { margin: 0; }
.site-pagina .button.button--secondary { background: rgba(16, 12, 9, .55); color: var(--pg-texto); box-shadow: none; }
.site-murmura.site-pagina .button.button--secondary { background: transparent; }
.site-pagina .button.button--secondary:hover { background: var(--pg-cartao-alto); color: var(--pg-texto); }
.site-pagina .button.button--disabled, .site-pagina .button:disabled { background: var(--pg-cartao-alto); border-color: var(--pg-linha-forte); color: var(--pg-texto-2); box-shadow: none; cursor: not-allowed; }

/* Painéis, cartões e avisos */
.site-pagina .panel { position: relative; padding: clamp(22px, 4vw, 44px); border: 1px solid var(--pg-linha); border-radius: 6px; background: linear-gradient(180deg, var(--pg-cartao), var(--pg-painel)); box-shadow: 0 10px 30px rgba(0, 0, 0, .3); }
.site-cascabel.site-pagina .panel::after { content: ""; position: absolute; inset: 5px; border: 1px solid rgba(223, 179, 106, .16); border-radius: 4px; pointer-events: none; }
.site-pagina .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 28px 0 30px; }
/* Beta aberto (10/10/2026): os quatro passos do cadastro lado a lado, dois a dois no tablet. */
.site-pagina .grid--passos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1100px) { .site-pagina .grid--passos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.site-pagina .card { position: relative; padding: 22px 22px 24px; border: 1px solid var(--pg-linha); border-radius: 6px; background: linear-gradient(180deg, var(--pg-cartao-alto), var(--pg-cartao)); }
.site-pagina .card p { margin: 0; font-size: 17px; line-height: 1.6; }
.site-pagina .number { display: block; color: var(--pg-destaque); font: 700 12px/1.4 var(--pg-rotulo); letter-spacing: .14em; text-transform: uppercase; }
.site-pagina .notice, .site-pagina .legal-highlight, .pagina-legal main aside, .pagina-oferta main aside {
  margin: 26px 0; padding: 16px 20px;
  border: 1px solid var(--pg-linha-forte); border-left: 4px solid var(--pg-destaque); border-radius: 4px;
  background: var(--pg-painel); color: var(--pg-texto);
  font-size: 17px; line-height: 1.65;
}
.site-pagina .notice :is(p, h2) { margin: 0; }

/* Calendário: papel envelhecido em Cascabel, como na home; cartões na Murmura */
.site-pagina .timeline { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 28px 0 22px; }
.site-cascabel.site-pagina .timeline {
  gap: 0; padding: clamp(28px, 4vw, 48px); border-radius: 3px; color: var(--papel-tinta);
  background:
    radial-gradient(120% 90% at 15% 0%, rgba(255, 250, 235, .55), transparent 55%),
    radial-gradient(90% 80% at 100% 100%, rgba(122, 88, 48, .22), transparent 60%),
    linear-gradient(180deg, var(--papel), var(--papel-escuro));
  box-shadow: 0 18px 40px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(43, 33, 24, .25), inset 0 0 60px rgba(90, 65, 35, .25);
}
.site-cascabel.site-pagina .timeline::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(43, 33, 24, .35); outline: 1px solid rgba(43, 33, 24, .18); outline-offset: 3px; pointer-events: none; }
.site-cascabel.site-pagina .milestone { position: relative; padding: 0 18px 0 0; }
.site-cascabel.site-pagina .milestone time { position: relative; display: block; margin-bottom: 14px; padding-bottom: 30px; color: var(--papel-tinta); font: 400 19px/1.2 var(--faroeste); white-space: nowrap; }
.site-cascabel.site-pagina .milestone time::after { content: ""; position: absolute; left: 0; right: -18px; bottom: 6px; height: 2px; background: repeating-linear-gradient(90deg, var(--papel-tinta-2) 0 10px, transparent 10px 16px); opacity: .6; }
.site-cascabel.site-pagina .milestone:last-child time::after { right: 0; }
.site-cascabel.site-pagina .milestone time::before { content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 14px; height: 14px; border-radius: 50%; background: var(--papel); border: 2px solid var(--papel-tinta); }
.site-cascabel.site-pagina .milestone--primary time::before { background: var(--papel-tinta); box-shadow: 0 0 0 4px rgba(43, 33, 24, .18); }
.site-cascabel.site-pagina .milestone h3 { margin: 0 0 6px; color: var(--papel-tinta); font: 700 18px/1.3 var(--serifa); }
.site-cascabel.site-pagina .milestone p { margin: 0; color: var(--papel-tinta-2); font-size: 16px; line-height: 1.55; text-align: start; }
.site-murmura.site-pagina .timeline { gap: 14px; }
.site-murmura.site-pagina .milestone { padding: 20px; border: 1px solid var(--pg-linha); border-radius: 8px; background: var(--pg-painel); }
.site-murmura.site-pagina .milestone--primary { border-color: var(--lima); }
.site-murmura.site-pagina .milestone time { display: block; color: var(--lima); font: 700 12px/1.4 var(--marca); letter-spacing: .12em; }
.site-murmura.site-pagina .milestone h3 { margin: 10px 0 8px; font-size: 19px; }
.site-murmura.site-pagina .milestone p { margin: 0; font-size: 15px; line-height: 1.55; text-align: start; }

/* Perguntas */
.site-pagina main details { padding: 18px 0; border-top: 1px solid var(--pg-linha); }
.site-pagina main details:last-of-type { border-bottom: 1px solid var(--pg-linha); }
.site-pagina main summary { color: var(--pg-texto); font: var(--pg-subtitulo-peso) 19px/1.4 var(--pg-subtitulo); cursor: pointer; }
.site-pagina main summary:hover { color: var(--pg-destaque-alto); }
.site-pagina main details p { max-width: 820px; margin: 12px 0 0; }

/* Pré-cadastro, inscrição e cadastro oficial */
.site-pagina .registration-copy { max-width: 920px; }
.site-pagina .registration-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 34px 0; border: 1px solid var(--pg-linha); border-radius: 6px; overflow: hidden; background: var(--pg-linha); }
.site-pagina .registration-facts article { min-width: 0; padding: 22px; background: var(--pg-painel); }
.site-pagina .registration-facts strong { display: block; margin-top: 6px; color: var(--pg-texto); font: var(--pg-titulo-peso) 26px/1.2 var(--pg-titulo); }
.site-pagina .registration-facts p { margin: 8px 0 0; font-size: 16px; line-height: 1.55; }
.site-pagina .registration-panel { max-width: 780px; }
.site-pagina .registration-state { padding: 12px 16px; border: 1px solid var(--pg-linha); border-radius: 4px; background: var(--pg-cartao); color: var(--pg-texto-2); font: 15px/1.5 var(--pg-rotulo); overflow-wrap: anywhere; }
.site-pagina .registration-state--open, .site-pagina .registration-state--success { border-color: #9cc3a8; color: #e3efe6; }
.site-pagina .registration-state--error { border-color: #e8826a; color: #f7ddd4; }
.site-pagina .field { min-width: 0; margin: 26px 0 20px; }
.site-pagina main label { display: block; margin: 0 0 8px; color: var(--pg-texto); font: 700 15px/1.45 var(--pg-rotulo); }
.site-pagina main input:not([type="checkbox"]) {
  display: block; width: 100%; min-width: 0; min-height: 50px; margin-top: 8px; padding: 11px 14px;
  border: 1px solid var(--pg-linha-forte); border-radius: 4px;
  background: var(--pg-campo); color: var(--pg-texto); font: 17px/1.4 var(--pg-rotulo);
}
.site-pagina main input::placeholder { color: var(--pg-texto-3); opacity: 1; }
.site-pagina main input:disabled { background: var(--pg-painel); color: var(--pg-texto-3); cursor: not-allowed; }
.site-pagina main input[type="checkbox"] { width: 22px; height: 22px; margin: 0 10px 0 0; vertical-align: -5px; accent-color: var(--pg-destaque); }
.site-pagina .field-help { margin: 8px 0 0; color: var(--pg-texto-3); font: 14px/1.55 var(--pg-rotulo); }
.site-pagina .field-error { min-height: 1.4em; margin: 6px 0 0; color: #f2a58f; font: 14px/1.5 var(--pg-rotulo); }
.site-pagina .consent { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; align-items: start; margin: 8px 0 4px; }
.site-pagina .consent input[type="checkbox"] { margin: 2px 0 0; }
.site-pagina .consent label { margin: 0; color: var(--pg-texto-2); font: 400 16px/1.55 var(--pg-rotulo); }
.site-pagina .consent-regras { margin: 2px 0 14px 36px; }
.site-pagina .registration-submit { width: 100%; min-height: 50px; margin-right: 0; }
.site-pagina .disabled-registration fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.site-pagina .disabled-registration label { margin: 18px 0; }

/* Cancelamento da inscrição (só em "gerenciar"): separado num <details>, botão de perigo e confirmação na própria página */
.site-pagina .cancelamento { margin: 30px 0 0; padding-top: 18px; border-top: 1px solid var(--pg-linha); }
.site-pagina .cancelamento > summary { cursor: pointer; color: var(--pg-texto-2); font: 700 15px/1.5 var(--pg-rotulo); }
.site-pagina .cancelamento[open] > summary { margin-bottom: 8px; color: var(--pg-texto); }
.site-pagina .cancelamento > p { font-size: 16px; }
.site-pagina .button.button--perigo { background: transparent; border-color: #e8826a; color: #f7ddd4; box-shadow: none; }
.site-pagina .button.button--perigo:hover { background: rgba(232, 130, 106, .16); color: #fff; }
.site-pagina .button.button--perigo:disabled { background: var(--pg-cartao-alto); border-color: var(--pg-linha-forte); color: var(--pg-texto-2); cursor: not-allowed; }
.site-pagina .cancelamento-confirmar { margin: 18px 0 0; padding: 16px 18px; border: 1px solid #e8826a; border-radius: 4px; background: rgba(232, 130, 106, .08); }
.site-pagina .cancelamento-confirmar > p { margin: 0; color: var(--pg-texto); }
.site-pagina .cancelamento-confirmar .actions { margin-top: 14px; }

/* Resumo do pacote Fundador */
.site-pagina .offer-summary { display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); margin: 24px 0; border: 1px solid var(--pg-linha); border-radius: 4px; overflow: hidden; }
.site-pagina .offer-summary dt, .site-pagina .offer-summary dd { margin: 0; padding: 12px 16px; border-top: 1px solid var(--pg-linha); background: rgba(16, 12, 9, .72); }
.site-pagina .offer-summary dt:first-of-type, .site-pagina .offer-summary dt:first-of-type + dd { border-top: 0; }
.site-pagina .offer-summary dt { color: var(--pg-destaque); font: 700 13px/1.5 var(--pg-rotulo); letter-spacing: .06em; text-transform: uppercase; }
.site-pagina .offer-summary dd { color: var(--pg-texto); font-size: 17px; line-height: 1.55; }

/* Documentos legais: empresa, termos, privacidade e medição */
.pagina-legal main h1 { margin: 6px 0 20px; }
.pagina-legal main h2 { margin: 44px 0 12px; padding-top: 22px; border-top: 1px solid var(--pg-linha); font: var(--pg-subtitulo-peso) clamp(23px, 2.4vw, 28px)/1.25 var(--pg-subtitulo); letter-spacing: 0; }
.site-cascabel.pagina-legal main h2::after { content: none; }
.site-cascabel.pagina-legal main h2 { font-weight: 400; }
.pagina-legal main .legal-meta { margin: 0 0 8px; color: var(--pg-texto-3); font: 15px/1.5 var(--pg-rotulo); }
.pagina-legal main .legal-meta:has(a) { margin-top: 28px; }
.pagina-legal main .legal-lead { margin: 0 0 26px; color: var(--pg-texto-2); font-size: clamp(19px, 1.9vw, 21px); line-height: 1.55; }
.pagina-legal main ul { margin: 0 0 1.2em; padding-left: 1.3em; }
.pagina-legal main li { margin: 0 0 .6em; }
.pagina-legal main li::marker { color: var(--pg-destaque); }
.pagina-legal main dl { display: grid; grid-template-columns: minmax(130px, 190px) minmax(0, 1fr); margin: 20px 0 28px; border: 1px solid var(--pg-linha); border-radius: 6px; overflow: hidden; }
.pagina-legal main dt, .pagina-legal main dd { margin: 0; padding: 12px 16px; border-top: 1px solid var(--pg-linha); background: var(--pg-painel); }
.pagina-legal main dt:first-of-type, .pagina-legal main dt:first-of-type + dd { border-top: 0; }
.pagina-legal main dt { color: var(--pg-destaque); font: 700 13px/1.6 var(--pg-rotulo); letter-spacing: .06em; text-transform: uppercase; }
.pagina-legal main dd { color: var(--pg-texto); line-height: 1.55; }
.pagina-legal main address { font-style: normal; }
.site-pagina main .legal-codigo { margin: 44px 0 0; padding-top: 16px; border-top: 1px solid var(--pg-linha); color: var(--pg-texto-3); font: 14px/1.5 var(--pg-rotulo); }

/* Oferta Fundador vigente */
.pagina-oferta main[data-founder-offer] { padding: clamp(22px, 4vw, 40px); border: 1px solid var(--pg-linha); border-radius: 8px; background: linear-gradient(180deg, var(--pg-cartao), var(--pg-painel)); box-shadow: 0 18px 40px rgba(0, 0, 0, .4); }
.pagina-oferta main[data-founder-offer] > h1 { margin: 0 0 8px; font-size: clamp(32px, 4.4vw, 50px); }
.pagina-oferta main[data-founder-offer] > h1::before {
  content: ""; display: block; width: 64px; height: 64px; margin: 0 0 16px; border-radius: 50%;
  background: radial-gradient(circle at 38% 30%, var(--latao-alto), var(--latao) 58%, #8a6a35);
  box-shadow: inset 0 0 0 5px #a9844a, inset 0 0 0 7px var(--latao-alto), 0 0 0 2px var(--latao-tinta);
}
.pagina-oferta main[data-founder-offer] > h1 + p { margin: 0 0 22px; color: var(--pg-texto-3); font: 15px/1.5 var(--pg-rotulo); }
.pagina-oferta main h2 { margin: 36px 0 10px; padding-top: 20px; border-top: 1px solid var(--pg-linha); font: 400 clamp(23px, 2.4vw, 27px)/1.25 var(--serifa); letter-spacing: 0; }
.site-cascabel.pagina-oferta main h2::after { content: none; }
.pagina-oferta main dl { display: grid; gap: 10px; margin: 0; }
.pagina-oferta main dt { margin: 10px 0 0; color: var(--pg-destaque); font: 700 13px/1.4 var(--pg-rotulo); letter-spacing: .08em; text-transform: uppercase; }
.pagina-oferta main dd { margin: 0; padding: 0 0 10px 14px; border-left: 3px solid var(--pg-linha-forte); }
.pagina-oferta main dt:last-of-type, .pagina-oferta main dt:last-of-type + dd { color: var(--pg-texto); }
.pagina-oferta main dt:last-of-type + dd { border-left-color: #f0a45a; }
.pagina-oferta main strong { color: var(--latao-alto); }

/* Regras do vale (regras.html, 02/10/2026): resumo dos Termos para o jogador.
   "Pode" em lista com marca de latão; "Não pode" numa folha de papel pregada, como um edital; "O que acontece" numa
   escada em que o traço da esquerda engrossa e esquenta da medida mais leve à mais grave. Sem cartões repetidos. */
.regras { --regras-ferrugem: #8c3b1f; --regras-brasa: #c2643a; }
.site-pagina main.regras :is(p, li) { text-align: start; hyphens: manual; -webkit-hyphens: manual; }
.regras .regras-topo { max-width: 860px; }
.regras-indice { display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 26px 0 0; font: 600 15px/1.4 var(--pg-rotulo); }
.regras-indice a { text-decoration: none; white-space: nowrap; }
.regras-indice a::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 9px 0 1px; vertical-align: .18em; background: var(--pg-destaque); transform: rotate(45deg); }
.regras-indice a:hover { text-decoration: underline; }

.site-pagina main .regras-sim { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; margin: 8px 0 0; padding: 0; list-style: none; }
.regras-sim li { position: relative; padding: 14px 0 14px 40px; border-top: 1px dashed var(--pg-linha); color: var(--pg-texto); }
.regras-sim li::before { content: ""; position: absolute; left: 10px; top: 19px; width: 9px; height: 17px; border: solid var(--pg-destaque); border-width: 0 3px 3px 0; transform: rotate(45deg); }

/* A folha do "Não pode": papel do calendário, dois pregos de latão e numeração em Rye. */
.site-pagina main .regras-folha {
  position: relative; padding: clamp(30px, 4.4vw, 52px) clamp(20px, 4vw, 52px) clamp(26px, 4vw, 44px);
  border-radius: 3px; color: var(--papel-tinta-2, #5a4a3a);
  background: linear-gradient(180deg, var(--papel, #e9dcc0), var(--papel-escuro, #d9c7a1));
  box-shadow: 0 16px 34px rgba(0, 0, 0, .42), inset 0 0 0 1px rgba(43, 33, 24, .25);
}
.regras-folha::before { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(43, 33, 24, .32); pointer-events: none; }
.regras-folha::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 34px; pointer-events: none;
  background:
    radial-gradient(circle at 26px 22px, #f0cd8a 0 2px, #a9844a 3px 5px, rgba(43, 33, 24, .35) 6px, transparent 7px),
    radial-gradient(circle at calc(100% - 26px) 22px, #f0cd8a 0 2px, #a9844a 3px 5px, rgba(43, 33, 24, .35) 6px, transparent 7px);
}
.regras-folha-rotulo { display: block; margin: 0 0 6px; color: var(--regras-ferrugem); font: 700 12px/1.4 var(--pg-rotulo); letter-spacing: .16em; text-transform: uppercase; }
.site-pagina main .regras-folha h2 { color: var(--papel-tinta, #2b2118); }
.site-cascabel.site-pagina main .regras-folha h2::after { background: linear-gradient(90deg, var(--regras-ferrugem), rgba(140, 59, 31, 0)); }
.site-pagina main .regras-folha a { color: var(--papel-foco, #6b4a14); }
.site-pagina main .regras-folha a:hover { color: var(--papel-tinta, #2b2118); }
.site-pagina main .regras-folha .regras-fonte { margin: 0 0 18px; color: var(--papel-tinta-2, #5a4a3a); font: 15px/1.5 var(--pg-rotulo); }
.site-pagina main .regras-nao { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 44px; margin: 0; padding: 0; list-style: none; counter-reset: regra; }
.regras-nao li { position: relative; padding: 16px 0 16px 52px; border-top: 1px solid rgba(43, 33, 24, .22); counter-increment: regra; }
.regras-nao li::before { content: counter(regra, decimal-leading-zero); position: absolute; left: 0; top: 14px; color: var(--regras-ferrugem); font: 400 24px/1.1 var(--faroeste, Georgia, serif); }
.site-pagina main .regras-nao strong { display: block; color: var(--papel-tinta, #2b2118); font: 700 18px/1.4 var(--serifa, Georgia, serif); }
.regras-nao span { display: block; margin-top: 4px; color: var(--papel-tinta-2, #5a4a3a); font-size: 16px; line-height: 1.55; }

/* A escada das medidas: o traço da esquerda engrossa e esquenta a cada degrau. */
.site-pagina main .regras-escala { margin: 24px 0 18px; padding: 0; list-style: none; border-bottom: 1px solid var(--pg-linha); }
.regras-escala li {
  display: grid; grid-template-columns: minmax(170px, 230px) minmax(0, 1fr) minmax(170px, 250px); gap: 6px 28px; align-items: baseline;
  /* O texto não anda com o traço: o recuo desconta a espessura. */
  padding: 16px 0 16px calc(32px - var(--peso, 2px)); border-top: 1px solid var(--pg-linha); border-left: var(--peso, 2px) solid var(--tom, var(--pg-linha-forte));
}
/* Nove degraus: silêncio automático, mensagem apagada, post oculto, silêncio, troca de nick, expulsão, proibição de
   postar no Fórum, suspensão e suspensão permanente. */
.regras-escala li:nth-child(1) { --peso: 2px; --tom: var(--pg-linha-forte); }
.regras-escala li:nth-child(2) { --peso: 3px; --tom: var(--pg-linha-forte); }
.regras-escala li:nth-child(3) { --peso: 3px; --tom: var(--pg-linha-forte); }
.regras-escala li:nth-child(4) { --peso: 4px; --tom: #a9844a; }
.regras-escala li:nth-child(5) { --peso: 5px; --tom: #a9844a; }
.regras-escala li:nth-child(6) { --peso: 6px; --tom: var(--pg-destaque); }
.regras-escala li:nth-child(7) { --peso: 7px; --tom: var(--pg-destaque); }
.regras-escala li:nth-child(8) { --peso: 8px; --tom: var(--regras-brasa); }
.regras-escala li:nth-child(9) { --peso: 10px; --tom: var(--regras-brasa); }
.site-pagina main .regras-escala h3 { margin: 0; font-size: 19px; }
.site-pagina main .regras-escala p { margin: 0; font-size: 17px; line-height: 1.55; }
.site-pagina main .regras-escala .regras-quem { color: var(--pg-texto); font: 600 15px/1.45 var(--pg-rotulo); }
.regras-quem span { display: block; color: var(--pg-texto-3); font-weight: 700; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }

/* A pena de cada conduta (06/10/2026): a tabela inteira, gerada de client/src/conduct-table.ts com o texto da Ajuda do
   jogo (scripts/marketing/regras-tabela.ts). Duas colunas de fichas curtas: o nome, o que é e as vezes num filete de latão. */
.site-pagina main .regras-condutas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 44px; margin: 22px 0 16px; padding: 0; list-style: none; }
.regras-condutas > li { padding: 16px 0 18px; border-top: 1px solid var(--pg-linha); }
.site-pagina main .regras-condutas h3 { margin: 0 0 4px; font-size: 19px; line-height: 1.35; }
.site-pagina main .regras-condutas > li > p { margin: 0 0 10px; color: var(--pg-texto-2); font-size: 16px; line-height: 1.55; }
.regras-imediata { display: inline-block; margin-left: 8px; padding: 1px 8px; border: 1px solid var(--regras-brasa); border-radius: 999px; color: #e0875f; font: 700 12px/1.5 var(--pg-rotulo); letter-spacing: .06em; text-transform: uppercase; vertical-align: .2em; white-space: nowrap; }
.site-pagina main .regras-vezes { display: grid; gap: 4px; margin: 0; padding: 2px 0 2px 14px; list-style: none; border-left: 3px solid var(--pg-linha-forte); }
.site-pagina main .regras-vezes li { margin: 0; color: var(--pg-texto); font-size: 16px; line-height: 1.5; }
.site-pagina main .regras-vezes strong { color: var(--pg-destaque-alto); font-weight: 700; }

/* Denunciar e pedir revisão: dois roteiros lado a lado, passos numerados. */
.regras-duas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 48px; margin: 20px 0 22px; }
.regras-duas > div { padding-top: 18px; border-top: 2px solid var(--pg-destaque); }
.site-pagina main .regras-duas h3 { margin: 0 0 10px; }
.site-pagina main .regras-passos { margin: 0 0 14px; padding: 0; list-style: none; counter-reset: passo; }
.regras-passos li { position: relative; padding: 0 0 12px 38px; counter-increment: passo; }
.regras-passos li::before { content: counter(passo); position: absolute; left: 0; top: 1px; width: 26px; height: 26px; border: 1px solid var(--pg-destaque); border-radius: 50%; color: var(--pg-destaque-alto); font: 700 14px/24px var(--pg-rotulo); text-align: center; }

/* Compras e idade, seus dados e o aviso final. */
.regras-par { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 48px; }
.regras-par > div { padding-left: 20px; border-left: 3px solid var(--pg-linha-forte); }
.site-pagina main .regras-par h2 { margin-bottom: 10px; font-size: clamp(24px, 2.6vw, 30px); }
.site-cascabel.site-pagina main .regras-par h2::after { content: none; }
.site-pagina main .regras-fim .notice h2 { margin: 0 0 6px; font: 700 19px/1.4 var(--serifa); letter-spacing: 0; }
.site-cascabel.site-pagina main .regras-fim .notice h2::after { content: none; }
.regras-fim .notice p { margin: 0; }
.site-pagina main .regras-fim .small { margin-top: 18px; }

@media (max-width: 900px) {
  .site-pagina main :is(.regras-sim, .regras-nao, .regras-duas, .regras-par, .regras-condutas) { grid-template-columns: 1fr; }
  .regras-escala li { grid-template-columns: 1fr; padding-left: calc(28px - var(--peso, 2px)); }
  .site-pagina main .regras-escala .regras-quem { margin-top: 4px; }
}
@media (max-width: 720px) {
  .regras-indice { gap: 10px 20px; font-size: 14px; }
  .regras-nao li { padding-left: 44px; }
  .regras-nao li::before { font-size: 21px; }
  .regras-folha::after { height: 28px; }
}

/* Celular */
@media (max-width: 1100px) {
  .site-cascabel.site-pagina .timeline { grid-template-columns: 1fr; gap: 26px; padding: 32px 24px; }
  .site-cascabel.site-pagina .timeline::after { content: ""; position: absolute; left: 30px; top: 38px; bottom: 38px; width: 2px; background: repeating-linear-gradient(180deg, var(--papel-tinta-2) 0 10px, transparent 10px 16px); opacity: .6; }
  .site-cascabel.site-pagina .timeline::before { inset: 8px; }
  .site-cascabel.site-pagina .milestone { padding: 0 0 0 34px; }
  .site-cascabel.site-pagina .milestone time { margin-bottom: 6px; padding-bottom: 0; }
  .site-cascabel.site-pagina .milestone time::after { display: none; }
  .site-cascabel.site-pagina .milestone time::before { left: -34px; top: 3px; bottom: auto; }
  .site-murmura.site-pagina .timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .site-pagina .grid, .site-pagina .registration-facts { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .site-pagina main h1 { font-size: clamp(34px, 10vw, 46px); }
  .site-pagina main h2 { font-size: clamp(26px, 7.4vw, 32px); }
  .site-pagina.site-cascabel { --pg-corpo-tamanho: 17px; }
  .site-pagina .actions .button, .site-pagina .registration-submit { flex: 1 1 100%; }
  .site-pagina .panel { padding: 22px 18px; }
  .site-pagina .offer-summary, .pagina-legal main dl { grid-template-columns: 1fr; }
  .site-pagina .offer-summary dd, .pagina-legal main dd { padding-top: 2px; border-top: 0; }
  .site-murmura.site-pagina .timeline { grid-template-columns: 1fr; }
  .pagina-oferta main[data-founder-offer] { padding: 20px 16px 24px; }
}

@media print {
  .site-pagina .topo, .site-pagina .rodape, .site-pagina .murmura-legal-footer, .site-pagina .measurement-footer, .site-pagina .measurement-choice, .site-pagina .pular { display: none !important; }
  body.site-pagina { background: #fff !important; color: #000; }
  .site-pagina main, .site-pagina main * { color: #000 !important; background: transparent !important; box-shadow: none !important; }
  .site-pagina main h2 { break-after: avoid; }
}