/* flowapp-boletos — estilos base para páginas legais */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #1a1a2e;
  background: #f8f9fc;
  line-height: 1.7;
}
a { color: #1d4ed8; text-decoration: underline; }
a:hover { color: #1e40af; }

/* Layout */
.site-header {
  background: #1a1a2e;
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.site-header .brand { color: #fff; font-weight: 700; font-size: 1.1rem; text-decoration: none; }
.site-header nav { margin-left: auto; display: flex; gap: 1.5rem; }
.site-header nav a { color: #c7d2fe; font-size: 0.9rem; text-decoration: none; }
.site-header nav a:hover { color: #fff; }

.page-wrapper { max-width: 800px; margin: 0 auto; padding: 2.5rem 1.5rem 4rem; }

.doc-meta {
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin-bottom: 2rem;
  font-size: 0.875rem;
  color: #92400e;
}
.doc-meta strong { color: #78350f; }

h1 { font-size: 1.875rem; font-weight: 700; color: #111827; margin-bottom: 0.5rem; }
.doc-version { color: #6b7280; font-size: 0.875rem; margin-bottom: 2.5rem; display: block; }

h2 { font-size: 1.2rem; font-weight: 700; color: #1d4ed8; margin: 2.5rem 0 0.75rem; padding-bottom: 0.5rem; border-bottom: 2px solid #dbeafe; }
h3 { font-size: 1rem; font-weight: 600; color: #374151; margin: 1.5rem 0 0.5rem; }

p { margin-bottom: 1rem; }
ul, ol { margin: 0.75rem 0 1rem 1.5rem; }
li { margin-bottom: 0.35rem; }
strong { font-weight: 600; }

/* Tabelas */
table { width: 100%; border-collapse: collapse; margin: 1rem 0 1.5rem; font-size: 0.9rem; }
th { background: #1d4ed8; color: #fff; text-align: left; padding: 0.6rem 0.875rem; font-weight: 600; }
td { padding: 0.6rem 0.875rem; border-bottom: 1px solid #e5e7eb; vertical-align: top; }
tr:nth-child(even) td { background: #f9fafb; }

/* Destaque de nota */
.note {
  background: #eff6ff;
  border-left: 4px solid #1d4ed8;
  padding: 0.875rem 1.25rem;
  margin: 1.5rem 0;
  border-radius: 0 6px 6px 0;
  font-size: 0.9rem;
}

/* Footer */
.site-footer {
  background: #1a1a2e;
  color: #9ca3af;
  text-align: center;
  padding: 1.5rem;
  font-size: 0.8rem;
}
.site-footer a { color: #a5b4fc; }

@media (max-width: 600px) {
  .site-header { flex-direction: column; align-items: flex-start; }
  .site-header nav { margin-left: 0; flex-wrap: wrap; gap: 1rem; }
  h1 { font-size: 1.5rem; }
  table { font-size: 0.8rem; }
  th, td { padding: 0.5rem; }
}