/* Páginas de texto (Termos e Privacidade) */
body.doc-page { background: #f6f8f7; color: #1f2937; margin: 0; font-family: var(--font, system-ui, sans-serif); }
.doc-top { background: #047857; color: #fff; padding: 1rem; padding-top: max(1rem, env(safe-area-inset-top)); }
.doc-top a { color: #fff; text-decoration: none; font-family: var(--font-head, inherit); font-weight: 700; font-size: 1.15rem; }
.doc { max-width: 46rem; margin: 0 auto; padding: 1.5rem 1rem 3rem; line-height: 1.65; font-size: 1rem; }
.doc h1 { font-family: var(--font-head, inherit); font-size: 1.6rem; line-height: 1.25; margin: .5rem 0 .25rem; color: #064e3b; }
.doc .meta { color: #6b7280; font-size: .875rem; margin-bottom: 1.5rem; }
.doc h2 { font-family: var(--font-head, inherit); font-size: 1.15rem; margin: 2rem 0 .5rem; color: #065f46; }
.doc p, .doc li { margin: .5rem 0; }
.doc ul { padding-left: 1.25rem; list-style: disc; }
.doc table { width: 100%; border-collapse: collapse; font-size: .9rem; margin: .75rem 0; }
.doc th, .doc td { text-align: left; vertical-align: top; border-bottom: 1px solid #e5e7eb; padding: .5rem .5rem .5rem 0; }
.doc th { color: #065f46; font-weight: 600; }
.doc .box { background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: .75rem; padding: .75rem 1rem; margin: 1rem 0; }
.doc a { color: #047857; }
.doc-foot { text-align: center; color: #6b7280; font-size: .8rem; padding: 0 1rem 2rem; }
@media (max-width: 600px) { .doc table, .doc thead, .doc tbody, .doc tr, .doc th, .doc td { display: block; } .doc thead { display: none; } .doc td { border: 0; padding: .1rem 0; } .doc tr { border-bottom: 1px solid #e5e7eb; padding: .5rem 0; } .doc td:first-child { font-weight: 600; color: #065f46; } }