/*
  Tema da versão 2.0 do Choveu Pedido.

  O motor e o `persuasao.css` trazem o esqueleto. Aqui ficam só os ajustes desta
  marca nesta sequência.
*/

.sem-script {
  max-width: 34rem;
  margin: 0 auto;
  padding: 4rem 1.5rem;
  text-align: center;
}

.sem-script h1 {
  font-family: var(--titulo);
  font-size: 1.4rem;
  margin: 0 0 0.6rem;
}

.sem-script p { color: var(--texto-suave); margin: 0; }
.sem-script a { color: var(--azul-escuro); font-weight: 600; }

/*
  A primeira tela é a única que carrega peso de anúncio. Da segunda em diante a
  página fica mais quieta, porque a pessoa já entrou e agora está lendo.
*/
.p-promessa .p-titulo { font-size: clamp(1.7rem, 7.5vw, 2.35rem); }

/* O chat ocupa a tela quase inteira no celular, como conversa de verdade. */
@media (max-width: 39.99rem) {
  .p-chat .chat-janela { height: 24rem; }
}

/* A comparação coloca o nosso caminho primeiro, e o resto em ordem de peso. */
@media (min-width: 52rem) {
  .p-comparacao .comparar {
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
  }

  .p-comparacao .comparar-cartao-destaque { order: 0; }
}

/* Aviso de página aberta sem servidor. */
.sem-script { text-align: left; }
.sem-script h1 { text-align: center; }

.sem-script code {
  padding: 0.1rem 0.35rem;
  background: var(--superficie-alta);
  border: 1px solid var(--borda);
  border-radius: 6px;
  font-size: 0.88em;
}

.comando {
  margin: 0.6rem 0;
  padding: 0.9rem 1rem;
  background: var(--azul-noite);
  color: #ffffff;
  border-radius: var(--raio);
  font-size: 0.92rem;
  overflow-x: auto;
  user-select: all;
}

.sem-script-nota { font-size: 0.86rem; color: var(--texto-fraco); }