:root{--cream:#fdf6f0;--cream2:#f3efe9;--sand:#ebe2d7;--brown:#665044;--brown2:#81604d;--gray:#7b736f;--gray3:#605f5f;--orange:#d4824a;--hair:rgba(113,77,42,.3);--green1:#6a9057;--green2:#93c57a;--greenb:#daf1be}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--gray);font-family:Nunito,'Segoe UI',sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--brown2);text-decoration:none}
a:hover{color:var(--brown)}
.topo{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:rgba(253,246,240,.92);backdrop-filter:blur(14px);border-bottom:1px solid #ede0cc}
.marca{display:flex;align-items:flex-end;gap:8px}
.logo-icone{width:40px;height:28px}
.logo-textos{display:flex;flex-direction:column;gap:2px}
.logo-textos img:first-child{width:20px;height:10px}
.logo-textos img:last-child{width:112px;height:10px}
.topo nav{display:flex;gap:16px;font-size:14px}
.btn-borda{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--orange);border-radius:100px;font-weight:600;font-size:14px;color:var(--brown);white-space:nowrap}
.pill{display:inline-flex;align-self:flex-start;padding:9px 22px;border:1px solid var(--hair);border-radius:600px;font-size:13px;color:var(--orange)}
.artigo{max-width:720px;margin:0 auto;padding:48px 20px 64px;display:flex;flex-direction:column;gap:18px}
.artigo h1{margin:6px 0 0;font-size:clamp(28px,4.5vw,38px);line-height:1.2;color:var(--brown);text-wrap:balance}
.artigo h2{margin:26px 0 0;font-size:22px;color:var(--brown)}
.artigo p{margin:0;font-size:17px}
.assinatura{font-size:14px;color:var(--gray3)}
.migalha{font-size:13px;color:var(--gray3)}
.cta-caixa{margin-top:34px;background:var(--cream2);border:1px solid var(--hair);border-radius:24px;padding:32px 28px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.cta-titulo{font-weight:700;font-size:19px;color:var(--brown)}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:0 32px;border-radius:50px;border:2px solid var(--greenb);background:linear-gradient(90deg,var(--green1) 15%,var(--green2));color:#fff;font-family:Poppins,Nunito,sans-serif;font-weight:500;font-size:15px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 10px 24px rgba(106,144,87,.26)}
.cta:hover{color:#fff;transform:translateY(-2px)}
.aviso{margin-top:10px;font-size:13px;color:var(--gray3)}
.rodape{border-top:1px solid #ede0cc;background:var(--cream2);padding:28px 20px;display:flex;flex-direction:column;gap:6px;align-items:center;font-size:13px;color:var(--gray3);text-align:center}
.lista{max-width:920px;margin:0 auto;padding:48px 20px 64px;display:flex;flex-direction:column;gap:28px}
.lista h1{margin:0;font-size:clamp(30px,4.5vw,40px);color:var(--brown)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.card{border:1px solid var(--hair);border-radius:24px;padding:26px 24px;display:flex;flex-direction:column;gap:12px;background:#fff9;transition:transform .18s ease}
.card:hover{transform:translateY(-3px)}
.card h2{margin:0;font-size:19px;line-height:1.3;color:var(--brown)}
.card p{margin:0;font-size:14.5px}
.card .leia{font-weight:700;color:var(--orange);margin-top:auto}
.relacionados{margin-top:40px;padding:26px 28px;border:1px solid var(--hair);border-radius:24px}
.relacionados-titulo{margin:0 0 10px;font-weight:700;font-size:17px;color:var(--brown)}
.relacionados ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.relacionados li{font-size:16px}
.pendente{background:#ffe7d7;border:1px dashed var(--orange);border-radius:6px;padding:1px 7px;font-size:14px;color:var(--brown)}
.secao{margin:14px 0 0;font-size:24px;color:var(--brown)}
.secao-texto{margin:0;font-size:16px;max-width:640px}
.capa{margin:10px 0 6px}
.capa img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:24px;display:block;background:var(--sand)}
.credito{margin-top:8px;font-size:12px;color:var(--gray3)}