@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/inter-latin.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/inter-italic-latin.woff2) format("woff2")}
:root{
  --accent:#e86f00;
  --ink:#151515;
  --text:#71717a;
  --line:#e4e4e7;
  --bg:#fafafa;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.625;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
img{display:block}

/* Topo: faixa branca com logo e "Voltar ao site" */
.lg-top{background:#fff;border-bottom:1px solid var(--line);padding:16px 0}
.lg-top__in{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:896px;margin:0 auto;padding:0 32px}
.lg-top__logo img{height:40px;width:auto}
.lg-top__logo strong{color:var(--ink);font-size:18px}
.lg-top__logo:hover{text-decoration:none}
.lg-top__back{font-size:15px;white-space:nowrap}

/* Texto */
main{max-width:768px;margin:0 auto;padding:64px 32px}
h1{margin:0 0 16px;color:var(--accent);font-size:36px;font-weight:800;line-height:1.12;letter-spacing:-.01em}
.lg-intro{margin:0 0 40px}
section{margin-bottom:40px}
section:last-child{margin-bottom:0}
h2{margin:0 0 8px;color:var(--accent);font-size:20px;font-weight:700;line-height:1.4}
p{margin:0}
p+p,p+ul,ul+p,ul+.lg-box{margin-top:12px}
ul{margin:12px 0 0;padding-left:24px}
li+li{margin-top:8px}
strong{color:#3f3f46;font-weight:600}
.lg-box{padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:10px}

.falta{background:#fff3a6;color:#6b5600;padding:0 4px;border-radius:4px;font-weight:600}

/* Rodapé */
.lg-foot{margin-top:48px;padding:32px;background:#fff;border-top:1px solid var(--line);text-align:center;font-size:14px;color:var(--text)}
.lg-foot p+p{margin-top:4px}

@media (max-width:600px){
  .lg-top__in{padding:0 16px}
  .lg-top__logo img{height:32px}
  .lg-top__back{font-size:14px}
  main{padding:40px 16px}
  h1{font-size:30px}
  .lg-foot{padding:28px 16px}
}
