.top-brand a { color: #fff; text-decoration: none; }

.doc {
  max-width: 780px; margin: 0 auto;
  padding: 34px 20px 48px;
}
.doc-back { margin: 0 0 20px; }
.doc-back a { color: var(--azul); font-size: 14px; text-decoration: none; }
.doc-back a:hover { text-decoration: underline; }

.doc h1 {
  font-family: 'Saira Condensed', 'Inter', sans-serif;
  font-size: 36px; font-weight: 700; text-transform: uppercase;
  letter-spacing: -0.3px; margin: 0 0 8px;
}
.doc-date { font-size: 13px; color: var(--cinza); margin: 0 0 28px; }

.doc h2 {
  font-family: 'Saira Condensed', 'Inter', sans-serif;
  font-size: 23px; font-weight: 700; text-transform: uppercase;
  color: var(--tinta); margin: 30px 0 10px;
}

.doc p { font-size: 16px; line-height: 1.7; color: #475467; margin: 0 0 15px; }
.doc strong { color: var(--tinta); font-weight: 600; }
.doc ul { margin: 14px 0 18px; padding-left: 22px; }
.doc li { font-size: 16px; line-height: 1.65; color: #475467; margin-bottom: 9px; }

@media (max-width: 480px) {
  .doc { padding: 26px 16px 36px; }
  .doc h1 { font-size: 28px; }
  .doc h2 { font-size: 20px; }
}