*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.topo{border-top:6px solid #111;border-bottom:1px solid #bbb;background:#fff}
.topo-interno{max-width:1180px;margin:auto;padding:28px 20px 18px;text-align:center}
.marca{font-family:Georgia,"Times New Roman",serif;font-size:54px;font-weight:700;letter-spacing:-2px;line-height:1}
.subtitulo{margin-top:10px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#555}
.frase{max-width:1180px;margin:auto;padding:8px 20px;border-top:1px solid #ddd;text-align:center;font-family:Georgia,serif;font-size:12px;color:#555}
.menu{border-bottom:2px solid #111;background:#fff;position:sticky;top:0;z-index:20}
.menu ul{max-width:1180px;margin:auto;padding:0;display:flex;justify-content:center;flex-wrap:wrap;list-style:none}
.menu a{display:block;padding:12px 16px;font-size:12px;font-weight:700;text-transform:uppercase}
.menu a:hover,.menu a.ativo{background:#111;color:#fff}
.container{max-width:1180px;margin:auto;padding:30px 20px 60px}
.editoria{display:inline-block;border-top:4px solid #111;padding-top:5px;margin-bottom:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.destaque{display:grid;grid-template-columns:2fr 1fr;gap:30px;padding-bottom:35px;border-bottom:4px solid #111}
.manchete h1,.pagina-titulo{font-family:Georgia,"Times New Roman",serif;font-size:50px;line-height:1.04;letter-spacing:-1.3px;margin:0 0 15px}
.resumo{font-family:Georgia,"Times New Roman",serif;font-size:21px;color:#444;line-height:1.45;margin:0 0 20px}
.autor{display:flex;align-items:center;gap:12px;padding:14px 0;margin:15px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.autor img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:1px solid #ccc}
.autor small{display:block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.autor strong{display:block;font-family:Georgia,serif;font-size:17px}
.autor span{font-size:11px;color:#666}
.leia{display:inline-block;margin-top:4px;padding-bottom:2px;border-bottom:2px solid #111;font-size:13px;font-weight:700}
.lateral{border-left:1px solid #bbb;padding-left:24px}
.chamada{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #bbb}
.chamada h2{font-family:Georgia,serif;font-size:24px;line-height:1.12;margin:0 0 8px}
.chamada p{font-size:14px;color:#555}
.secao{margin-top:40px}
.titulo-secao{font-family:Georgia,serif;font-size:31px;padding-bottom:8px;margin-bottom:20px;border-bottom:3px solid #111}
.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{padding-right:18px;border-right:1px solid #ccc}
.card:last-child{border-right:none}
.card .cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.card h3{font-family:Georgia,serif;font-size:23px;line-height:1.14;margin:0 0 8px}
.card p{font-size:14px;color:#555;margin:0}
.pagina-intro{max-width:840px;margin-bottom:35px}
.artigo{max-width:820px;margin:42px auto 70px;padding:0 22px}
.artigo h1{font-family:Georgia,serif;font-size:50px;line-height:1.04;letter-spacing:-1.2px;margin:0 0 15px}
.artigo .resumo{font-size:21px}
.meta{font-size:12px;color:#777;margin-bottom:12px}
.compartilhar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 0;margin:5px 0 32px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.compartilhar span{font-size:10px;font-weight:700;letter-spacing:1px}
.share{display:inline-block;border:1px solid #111;border-radius:3px;padding:8px 11px;background:#111;color:#fff;font-size:12px;font-weight:700;cursor:pointer}
.share:hover{background:#fff;color:#111}
.conteudo{font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.8}
.conteudo p{margin:0 0 26px}
.conteudo h2{font-size:30px;line-height:1.2;margin:40px 0 16px}
.sobre{display:flex;align-items:center;gap:17px;margin-top:50px;padding:24px 0;border-top:4px solid #111;border-bottom:1px solid #bbb}
.sobre img{width:86px;height:86px;border-radius:50%;object-fit:cover}
.sobre small{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.sobre h3{font-family:Georgia,serif;font-size:21px;margin:3px 0}
.sobre p{font-size:13px;color:#555;margin:0}
.voltar{margin-top:30px;font-size:13px;font-weight:700}
footer{background:#111;color:#fff;margin-top:50px}
.rodape{max-width:1180px;margin:auto;padding:36px 20px}
.rodape strong{font-family:Georgia,serif;font-size:28px}
.rodape p{font-size:12px;color:#bbb;margin:6px 0 0}
@media(max-width:800px){
 .marca{font-size:39px}.destaque{grid-template-columns:1fr}.lateral{border-left:none;border-top:1px solid #bbb;padding-left:0;padding-top:24px}
 .manchete h1,.pagina-titulo,.artigo h1{font-size:38px}.grade{grid-template-columns:1fr}.card{border-right:none;border-bottom:1px solid #ccc;padding:0 0 20px}
 .resumo{font-size:18px}.conteudo{font-size:18px}.menu a{padding:9px 8px;font-size:10px}
}