/* Estilos compartidos de las páginas legales de QuickBill */
:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0; background: #f8fafc; color: #0f172a;
  font: 15px/1.7 'Inter', ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
.back {
  display: inline-flex; align-items: center; gap: 8px; color: #475569; text-decoration: none;
  font-size: 14px; font-weight: 500; padding: 6px 10px; margin-left: -10px; border-radius: 8px;
  transition: background-color 150ms ease-out, color 150ms ease-out;
}
.back:hover { background: #f1f5f9; color: #0f172a; }
.card {
  margin-top: 16px; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px;
  padding: 32px 28px; box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}
h1 { margin: 0; font-size: 28px; line-height: 1.2; letter-spacing: -.02em; font-weight: 600; }
.updated { margin: 8px 0 24px; color: #64748b; font-size: 13px; }
h2 { margin: 28px 0 6px; font-size: 16px; font-weight: 600; letter-spacing: -.01em; }
p, li { color: #334155; }
ul { padding-left: 20px; }
a { color: #4f46e5; text-underline-offset: 2px; }
a:focus-visible { outline: 2px solid #6366f1; outline-offset: 2px; border-radius: 4px; }
.foot { margin-top: 24px; text-align: center; font-size: 13px; color: #94a3b8; }
.foot a { color: #64748b; margin: 0 6px; }
@media (max-width: 480px) { .card { padding: 24px 18px; } h1 { font-size: 24px; } }