/* v19 · ritmo da página do Breno (appdobreno.com.br), comparada em 09/11 a 1440 e 390 px:
   blocos mais próximos, faixas de fundo que se alternam com corte reto, um tamanho de título de seção, e no celular tudo
   no centro, o texto antes da imagem nos entregáveis, texto corrido de 16 px e botões mais baixos.
   Cores, fontes e copy continuam as da NaiNeuro. Os espaços e os títulos foram trocados nas próprias regras de origem
   (pagina.css, v4, v5, v16, v17); aqui fica só o que é novo. */

/* Faixas de fundo: creme e lilás chapados, alternando com o off da página e os blocos escuros, sempre com corte reto
   (escuro · off · creme · lilás · off · creme · escuro · off · lilás · off · escuro) */
.cr-ent,.cr-cont{background:rgba(241,233,222,.82)}
.cr-met{background:rgba(233,225,240,.86)}
.cr-faq{background:rgba(233,225,240,.86)}
.cr-faq .cr-faq__item{background:var(--papel)}

/* Cabeçalho dos planos no centro, como os outros cabeçalhos de seção */
.cr-ofe .cr-ofe__cab{justify-items:center;text-align:center}

/* Celular */
@media (max-width:899px){
  /* entregáveis: selo, título, texto e botão no centro; a imagem vem por último */
  .cr-ent .cr-ent__item{justify-items:center;text-align:center}
  .cr-ent .cr-ent__texto>*:not(.cr-pilula){order:1}
  .cr-ent .cr-ent__item>.cr-ent__midia{order:2;margin:28px 0 0}
  .cr-ent .cr-ent__item .cr-pilula{margin-bottom:16px}
  .cr-ent .cr-ent__texto>p:not(.cr-pilula){margin-inline:auto}
}
@media (max-width:599px){
  /* a Naila (sem foto no celular) no centro */
  .cr-met .cr-naila{justify-content:center;text-align:center}
  .cr-met .cr-naila__texto{justify-items:center}
  /* texto corrido de 16 px, linha de 24 */
  .cr-zap__corpo,.cr-ent .cr-ent__texto>p:not(.cr-pilula):not(.cr-ent__regras),.cr-met__sub,.cr-map__texto>p:not(.cr-map__sub),
  .cr-cont__cab p,.cr-ofe .cr-ofe__lead,.cr-dep__sub,.cr-faq__resp,.cr-sup__texto p{font-size:16px;line-height:1.5}
  .cr-map__sub{font-size:17px}
  /* botões mais baixos (de 62 para 48 px de altura) */
  .cr-bt{min-height:48px;padding:9px 10px 9px 22px;font-size:13.5px;gap:10px}
  .cr-bt svg{width:28px;height:28px;padding:6px}
}
