/* Páginas de texto: política de privacidade, consulta de números etc. (ver paginas.php).
   O header global é absolute, então o topo reserva a altura dele (mesmos valores do Hero da Nota Fiscal). */

.pagina {
  padding: 129px 20px 56px;
  color: #1a1a1a;
}

.pagina__container {
  max-width: 880px;
  margin: 0 auto;
}

.pagina__titulo {
  margin: 0 0 24px;
  color: #abc541;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
}

.pagina__cartao {
  padding: 24px 20px;
  border-radius: 16px;
  background: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.65;
}

.pagina__cartao > :first-child { margin-top: 0; }
.pagina__cartao > :last-child { margin-bottom: 0; }

.pagina__cartao h2 {
  margin: 32px 0 8px;
  padding-top: 24px;
  border-top: 1px solid #e5e7eb;
  color: #1a3362;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.pagina__cartao > h2:first-child {
  padding-top: 0;
  border-top: 0;
}

/* a introdução (primeiro parágrafo) vem antes de qualquer h2 */
.pagina__cartao > p:first-child { font-size: 17px; }

.pagina__cartao p { margin: 0 0 14px; }

.pagina__cartao ul {
  margin: 0 0 16px;
  padding-left: 22px;
  list-style: disc;
}

.pagina__cartao li { margin-bottom: 6px; }

.pagina__cartao a {
  color: #00799b;
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}

.pagina__cartao a:hover { color: #1a3362; }

@media (min-width: 768px) {
  .pagina { padding: 140px 32px 72px; }
  .pagina__titulo { font-size: 36px; margin-bottom: 32px; }
  .pagina__cartao { padding: 40px 48px; font-size: 17px; }
  .pagina__cartao h2 { font-size: 22px; }
  .pagina__cartao > p:first-child { font-size: 18px; }
}

@media (min-width: 1024px) {
  .pagina { padding-top: 160px; }
}

/* Consulta de números: o cartão da própria consulta já é branco, então o invólucro sai. */
.pagina--consulta { padding-bottom: 96px; }
.pagina--consulta .pagina__container { max-width: 680px; }
.pagina--consulta .pagina__cartao { padding: 0; background: transparent; }
.pagina--consulta .consulta-numero { padding: 0; }
.pagina--consulta .consulta-numero__card { max-width: none; padding: 24px 20px; }
.pagina--consulta .consulta-numero h2 { margin: 0 0 16px; padding: 0; border: 0; font-size: 20px; line-height: 1.3; }

@media (min-width: 768px) {
  .pagina--consulta .consulta-numero__card { padding: 36px 40px; }
}

/* Nota Fiscal (terminais da loja): faixa curta sob o header e formulário na primeira dobra. */
.nota-terminal__faixa {
  margin: 0;
  padding: 104px 20px 20px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

.nota-terminal__faixa strong {
  color: #fff600;
  font-weight: 700;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .nota-terminal__faixa { padding: 100px 32px 24px; font-size: 18px; }
}