/* Church Web · v1.0.0 (2026-10-07) · legal.css */
/* Legal pages — Church (privacidade, cookies, termos) */
.lg-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.86);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--hairline)}
.lg-nav-in{max-width:1080px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.lg-logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.lg-logo img.m{width:34px;height:34px}
.lg-logo img.w{height:17px;opacity:0.9}
.lg-back{font-size:13px;color:var(--text-2);text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--hairline);border-radius:999px;transition:border-color 200ms ease,color 200ms ease}
.lg-back:hover{border-color:var(--brand);color:var(--brand)}
.lg-back svg{width:14px;height:14px}

.lg-hero{max-width:1080px;margin:0 auto;padding:64px 28px 34px}
.lg-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-3)}
.lg-hero h1{font-size:clamp(32px,4.6vw,52px);font-weight:500;letter-spacing:-0.03em;line-height:1.06;margin:14px 0 0}
.lg-hero h1 .serif{font-family:var(--font-display);font-style:italic;font-weight:400;color:var(--brand)}
.lg-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:12.5px;color:var(--text-3)}
.lg-meta b{font-weight:500;color:var(--text-2)}

.lg-body{max-width:1080px;margin:0 auto;padding:0 28px 96px;display:grid;grid-template-columns:230px 1fr;gap:56px;align-items:start}
.lg-toc{position:sticky;top:88px;display:grid;gap:1px;font-size:13px}
.lg-toc a{color:var(--text-3);text-decoration:none;padding:7px 12px;border-left:2px solid var(--hairline);transition:color 200ms ease,border-color 200ms ease,background 200ms ease;border-radius:0 6px 6px 0;line-height:1.35}
.lg-toc a:hover{color:var(--text);background:var(--surface-2)}
.lg-toc a.active{color:var(--brand);border-left-color:var(--brand);font-weight:500}

.lg-doc{max-width:68ch;font-size:15px;line-height:1.72;color:var(--text-2);text-wrap:pretty}
.lg-doc section{scroll-margin-top:96px;padding-top:38px}
.lg-doc section:first-child{padding-top:6px}
.lg-doc h2{font-size:21px;font-weight:600;letter-spacing:-0.018em;color:var(--text);line-height:1.25;margin:0 0 14px;display:flex;gap:11px;align-items:baseline}
.lg-doc h2 .n{font-family:var(--font-mono);font-size:12px;color:var(--accent);flex:0 0 auto;padding-top:2px}
.lg-doc h3{font-size:15.5px;font-weight:600;color:var(--text);margin:26px 0 8px}
.lg-doc p{margin:0 0 14px}
.lg-doc ul{margin:0 0 14px;padding-left:0;list-style:none;display:grid;gap:9px}
.lg-doc ul li{padding-left:19px;position:relative}
.lg-doc ul li::before{content:"";position:absolute;left:3px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:0.55}
.lg-doc strong{color:var(--text);font-weight:600}
.lg-doc a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.lg-doc a:hover{color:var(--accent)}
.lg-doc code{font-family:var(--font-mono);font-size:0.86em;background:var(--surface-2);padding:2px 6px;border-radius:5px;color:var(--text)}

.lg-note{background:var(--surface-2);border:1px solid var(--hairline);border-left:2px solid var(--accent);border-radius:0 var(--r-2) var(--r-2) 0;padding:15px 18px;font-size:13.5px;line-height:1.6;margin:0 0 18px}
.lg-note b{color:var(--text)}

.lg-table{width:100%;border-collapse:collapse;font-size:13px;margin:0 0 18px}
.lg-table th{text-align:left;font-weight:600;color:var(--text);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;padding:0 12px 9px 0;border-bottom:1px solid var(--hairline);white-space:nowrap}
.lg-table td{padding:12px 12px 12px 0;border-bottom:1px solid var(--hairline-2);vertical-align:top;line-height:1.5}
.lg-table td:first-child{font-family:var(--font-mono);font-size:11.5px;color:var(--text);white-space:nowrap}
.lg-table .dur{white-space:nowrap;color:var(--text-3)}

.lg-cta{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-3);padding:22px 24px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:34px}
.lg-cta b{display:block;font-size:15px;color:var(--text);font-weight:600}
.lg-cta span{font-size:13px;color:var(--text-3)}

.lg-foot{border-top:1px solid var(--hairline);padding:26px 28px;text-align:center;font-size:12px;color:var(--text-3)}
.lg-foot a{color:var(--text-2);text-decoration:none}
.lg-foot a:hover{color:var(--brand);text-decoration:underline}
.lg-foot-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:9px}

@media (max-width:880px){
  .lg-body{grid-template-columns:1fr;gap:26px}
  .lg-toc{position:static;display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--hairline);padding-bottom:18px}
  .lg-toc a{border-left:0;border:1px solid var(--hairline);border-radius:999px;padding:6px 12px;font-size:12px}
  .lg-toc a.active{border-color:var(--brand);background:color-mix(in oklab,var(--brand) 8%,transparent)}
  .lg-hero{padding:40px 22px 24px}
  .lg-body{padding:0 22px 64px}
  .lg-table{font-size:12px}
  .lg-table td:first-child{font-size:11px;white-space:normal}
}