/* Estilo das páginas legais do Loollys (Termos, Privacidade, Reembolso, Entrega, Vendedor).
   Casa com os tokens da landing (index.html). Coluna de leitura estreita e tipografia limpa. */
:root{
  --bg:#ffffff; --surface:#f5f5f7; --surface-2:#ececf0;
  --ink:#1d1d1f; --ink-2:#5b5b60; --ink-3:#86868b;
  --line:rgba(0,0,0,.10);
  --accent:#d1490a; --accent-btn:#e0500a; --accent-sel:rgba(224,80,10,.13);
  --font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono","Cascadia Code","Roboto Mono",Menlo,Consolas,monospace;
  --wrap:760px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-sans);
  line-height:1.62; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 22px}

/* topo fixo */
.lg-top{border-bottom:1px solid var(--line); position:sticky; top:0; z-index:5;
  background:rgba(255,255,255,.82); backdrop-filter:saturate(1.8) blur(14px); -webkit-backdrop-filter:saturate(1.8) blur(14px)}
.lg-top-in{display:flex; align-items:center; justify-content:space-between; height:60px}
.brand{font-weight:700; font-size:1.15rem; color:var(--ink); text-decoration:none; letter-spacing:-.02em}
.brand .oo{color:var(--accent)}
.lg-back{font-size:.9rem; color:var(--ink-2); text-decoration:none}
.lg-back:hover{color:var(--ink)}

/* conteúdo */
.lg-main{padding:54px 0 20px}
.lg-eyebrow{font-family:var(--font-mono); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin:0 0 12px}
h1{font-size:2.05rem; letter-spacing:-.025em; line-height:1.12; margin:0 0 8px}
.lg-updated{color:var(--ink-3); font-size:.85rem; margin:0 0 26px}
.lg-note{background:var(--surface); border:1px solid var(--line); border-radius:14px;
  padding:14px 18px; font-size:.92rem; color:var(--ink-2); margin:0 0 30px}
.lg-note strong{color:var(--ink)}
h2{font-size:1.22rem; letter-spacing:-.01em; margin:36px 0 10px; padding-top:6px}
h3{font-size:1rem; margin:22px 0 6px; color:var(--ink)}
p,li{color:var(--ink-2); font-size:1rem}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px; padding-left:22px}
li{margin:7px 0}
strong{color:var(--ink); font-weight:600}
a{color:var(--accent-btn)}
/* marcação de dado a preencher */
.ph{background:var(--accent-sel); border-radius:5px; padding:1px 7px;
  font-family:var(--font-mono); font-size:.84em; color:var(--accent); white-space:nowrap}

/* rodapé */
.lg-foot{border-top:1px solid var(--line); padding:34px 0 56px; margin-top:44px}
.lg-foot .links{display:flex; flex-wrap:wrap; gap:8px 22px; font-size:.9rem; margin-bottom:16px}
.lg-foot .links a{color:var(--ink-2); text-decoration:none}
.lg-foot .links a:hover{color:var(--ink)}
.lg-foot .co{font-family:var(--font-mono); font-size:.74rem; line-height:1.85; color:var(--ink-3)}

@media (max-width:600px){ h1{font-size:1.65rem} .lg-main{padding:38px 0 16px} }