:root{
  --news-bg:#07090d;
  --news-panel:#0d1118;
  --news-panel-soft:#101620;
  --news-line:#202837;
  --news-text:#edf1f6;
  --news-muted:#8d97a7;
  --news-red:#df3646;
  --news-red-dark:#8f1f2a;
  --news-success:#78c994;
}

*{box-sizing:border-box}
body.news-body{
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(circle at 63% -10%,rgba(86,16,30,.30) 0,rgba(86,16,30,0) 34%),
    var(--news-bg);
  color:var(--news-text);
  font-family:Inter,Arial,sans-serif;
}

/* Cabeçalho editorial */
.news-top{
  position:sticky;
  top:0;
  z-index:20;
  min-height:76px;
  display:flex;
  align-items:center;
  gap:28px;
  padding:0 5vw;
  border-bottom:1px solid #1a202b;
  background:rgba(7,9,13,.9);
  backdrop-filter:blur(16px);
}
.news-top>a:first-child{display:flex;align-items:center;flex:0 0 auto}
.news-top img{display:block;width:132px;height:auto}
.news-top nav{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.news-top a{color:#cbd2dd;text-decoration:none}
.news-top nav a{
  padding:10px 13px;
  border-radius:10px;
  font-size:14px;
  transition:background .18s ease,color .18s ease;
}
.news-top nav a:hover,.news-top nav a.active{background:#141a23;color:#fff}
.news-back,.news-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid #2a3342;
  border-radius:10px;
  padding:10px 14px;
  color:#e8edf4;
  background:rgba(255,255,255,.015);
  text-decoration:none;
  font-weight:700;
  font-size:13px;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.news-back:hover,.news-action:hover{border-color:#475266;background:#111722;transform:translateY(-1px)}

/* Arquivo */
.news-hero{
  max-width:1280px;
  margin:auto;
  padding:70px 5vw 38px;
}
.news-hero>span,.section-kicker{
  display:block;
  color:#d65d68;
  font-size:11px;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.news-hero h1{
  margin:12px 0 12px;
  font-size:clamp(38px,6vw,74px);
  line-height:1.02;
  letter-spacing:-.035em;
}
.news-hero p{
  max-width:760px;
  margin:0;
  color:#9ca6b5;
  font-size:16px;
  line-height:1.72;
}
.news-grid{
  max-width:1280px;
  margin:auto;
  padding:0 5vw 84px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.news-card{
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid var(--news-line);
  border-radius:18px;
  background:linear-gradient(180deg,#10151e,#0b0f15);
  box-shadow:0 18px 45px rgba(0,0,0,.14);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.news-card:hover{transform:translateY(-3px);border-color:#303a4a;box-shadow:0 24px 58px rgba(0,0,0,.22)}
.news-cover{
  display:block;
  overflow:hidden;
  aspect-ratio:16/9;
  background:linear-gradient(135deg,#240b12,#0c1521);
}
.news-cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.news-card:hover .news-cover img{transform:scale(1.025)}
.news-content{display:flex;flex:1;flex-direction:column;padding:21px}
.news-content small{
  color:#d7606b;
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
  line-height:1.5;
  text-transform:uppercase;
}
.news-content h2{margin:10px 0 8px;font-size:21px;line-height:1.25}
.news-content h2 a{color:#f4f6f9;text-decoration:none}
.news-content p{
  margin:0 0 18px;
  color:var(--news-muted);
  line-height:1.58;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.news-card-stats{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#7f8998;
  font-size:11px;
}
.news-card-stats span{display:inline-flex;align-items:center;gap:5px}
.news-card-stats svg{width:13px;height:13px;flex:0 0 13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
.news-card-stats .is-like{color:#ba6671}
.news-read{
  display:inline-flex;
  margin-top:15px;
  color:#fff!important;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}
.news-empty{
  grid-column:1/-1;
  padding:48px 24px;
  border:1px dashed #303a4a;
  border-radius:18px;
  color:var(--news-muted);
  text-align:center;
}
.news-footer{
  position:static!important;
  width:min(1280px,90vw)!important;
  margin:0 auto 34px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.06);
}

/* Matéria */
.article{
  width:min(930px,100%);
  margin:0 auto;
  padding:70px 28px 90px;
}
.article-empty{
  min-height:50vh;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.article-empty h1{margin:0 0 10px}
.article-empty p{margin:0 0 22px;color:var(--news-muted)}
.article-meta-top{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 12px;
  margin-bottom:18px;
  color:#d45d69;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}
.article-meta-top time{color:#798494;font-weight:600}
.article-meta-top time::before{content:"•";margin-right:12px;color:#46505e}
.article h1{
  max-width:860px;
  margin:0;
  font-size:clamp(38px,6vw,64px);
  line-height:1.04;
  letter-spacing:-.035em;
}
.article-lead{
  max-width:800px;
  margin:23px 0 0;
  color:#a9b2bf;
  font-size:18px;
  line-height:1.65;
}
.article-cover{
  overflow:hidden;
  margin:34px 0 38px;
  border:1px solid #202938;
  border-radius:18px;
  aspect-ratio:16/9;
  background:#0b1017;
  box-shadow:0 24px 70px rgba(0,0,0,.2);
}
.article-cover img{display:block;width:100%;height:100%;object-fit:cover}
.article-body{
  color:#d3dae4;
  font-size:17px;
  line-height:1.82;
}
.article-body> :first-child{margin-top:0}
.article-body> :last-child{margin-bottom:0}
.article-body p{margin:0 0 1.25em;color:#d3dae4;line-height:1.82}
.article-body h2,.article-body h3,.article-body h4{color:#f1f4f7;line-height:1.25}
.article-body h2{margin:2em 0 .65em;font-size:28px}
.article-body h3{margin:1.75em 0 .6em;font-size:22px}
.article-body h4{margin:1.55em 0 .55em;font-size:18px}
.article-body ul,.article-body ol{margin:0 0 1.35em;padding-left:24px}
.article-body li{margin:.42em 0}
.article-body strong,.article-body b{color:#f0f3f7}
.article-body a{color:#e39ba4;text-underline-offset:3px}
.article-body blockquote{
  margin:28px 0;
  padding:18px 20px;
  border-left:3px solid var(--news-red);
  border-radius:0 12px 12px 0;
  background:rgba(255,255,255,.025);
  color:#b8c0cc;
}
.article-body hr{height:1px;margin:32px 0;border:0;background:#202837}

/* Interações */
.news-social{
  margin-top:48px;
  padding-top:25px;
  border-top:1px solid rgba(255,255,255,.1);
}
.article-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
  margin-bottom:44px;
  border:1px solid #222b39;
  border-radius:16px;
  background:#0b0f15;
}
.article-stat{
  min-height:86px;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:10px;
  padding:18px 22px;
  border:0;
  border-right:1px solid #222b39;
  background:transparent;
  color:#dfe4eb;
  text-align:left;
  font:inherit;
}
.article-stat:last-child{border-right:0}
.article-stat-icon{grid-row:1/3;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#7d8898}
.article-stat-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.article-stat strong{font-size:18px;line-height:1.1}
.article-stat small{margin-top:3px;color:#7d8796;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
button.article-stat{cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
button.article-stat:hover:not(:disabled){background:#151a23}
.news-like{
  position:relative;
  background:linear-gradient(180deg,rgba(181,38,58,.10),rgba(181,38,58,.035));
}
.news-like .article-stat-icon{color:#cf5967}
.news-like strong{color:#f4f6f9}
.news-like:hover:not(:disabled){background:linear-gradient(180deg,rgba(181,38,58,.19),rgba(181,38,58,.07));box-shadow:inset 0 0 0 1px rgba(211,64,82,.22)}
.news-like.active{background:linear-gradient(180deg,rgba(181,38,58,.24),rgba(181,38,58,.09));box-shadow:inset 0 0 0 1px rgba(220,71,88,.28)}
.news-like.active .article-stat-icon{color:#ff6e7d}
.news-like.active strong{color:#ffd6da}
button.article-stat:disabled{cursor:wait;opacity:.72}
.news-like-feedback{
  min-height:18px;
  margin:-31px 0 30px;
  color:#7f8998;
  font-size:11px;
  line-height:1.45;
  text-align:center;
}
.news-like-feedback[data-type="success"]{color:var(--news-success)}
.news-like-feedback[data-type="error"]{color:#ef7c87}
.comments-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.comments-head h2{margin:6px 0 0;font-size:30px;line-height:1.1}
.news-comment-form{
  display:block;
  margin:0 0 28px;
  padding:18px;
  border:1px solid #242d3a;
  border-radius:16px;
  background:linear-gradient(180deg,#0e131b,#0b0f15);
}
.news-comment-form textarea{
  width:100%;
  min-height:110px;
  max-height:320px;
  resize:vertical;
  border:1px solid #2b3442;
  border-radius:12px;
  outline:0;
  background:#070a0f;
  color:#eef2f6;
  padding:14px 15px;
  font:inherit;
  line-height:1.55;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.news-comment-form textarea:focus{border-color:#72313b;box-shadow:0 0 0 3px rgba(181,38,58,.1)}
.news-comment-form textarea::placeholder{color:#66717f}
.comment-form-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:12px;
}
.comment-form-actions [data-news-feedback]{
  min-height:17px;
  color:#8f9aaa;
  font-size:12px;
  line-height:1.45;
}
.comment-form-actions [data-news-feedback][data-type="success"]{color:var(--news-success)}
.comment-form-actions [data-news-feedback][data-type="error"]{color:#ef7c87}
.news-comment-form button{
  flex:0 0 auto;
  border:1px solid #d14757;
  border-radius:10px;
  background:linear-gradient(180deg,#d53b4c,#ae2435);
  color:#fff;
  padding:10px 16px;
  font-weight:800;
  cursor:pointer;
  transition:filter .18s ease,transform .18s ease,opacity .18s ease;
}
.news-comment-form button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}
.news-comment-form button:disabled{cursor:wait;opacity:.62}
.news-info-box{
  margin:0 0 25px;
  padding:15px 17px;
  border:1px solid #252e3c;
  border-radius:12px;
  background:#0c1118;
  color:#8f9aaa;
  font-size:13px;
  line-height:1.55;
}
.pending-comments{
  margin:0 0 32px;
  padding:18px;
  border:1px solid #4c3d28;
  border-radius:16px;
  background:rgba(125,88,30,.07);
}
.pending-comments[hidden]{display:none!important}
.pending-comments h3{margin:0 0 5px;color:#e6c789;font-size:14px}
.pending-comments>p{margin:0 0 14px;color:#9e8f73;font-size:12px;line-height:1.5}
.news-comments{display:grid;gap:12px}
.news-comment{
  position:relative;
  padding:16px 17px;
  border:1px solid #202837;
  border-radius:14px;
  background:rgba(255,255,255,.018);
}
.pending-comments .news-comment{border-color:rgba(166,120,55,.3);background:rgba(0,0,0,.12)}
.comment-author{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:5px 12px;
  margin-bottom:9px;
}
.comment-author strong{color:#eef2f7;font-size:13px}
.comment-author span{color:#6f7a89;font-size:10px}
.news-comment p{margin:0;color:#b8c0cc;font-size:14px;line-height:1.62;white-space:normal;overflow-wrap:anywhere}
.comment-report{
  margin-top:11px;
  padding:0;
  border:0;
  background:transparent;
  color:#6f7a89;
  font-size:10px;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.comment-report:hover{color:#c88f98}

@media(max-width:1000px){
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .news-top{min-height:68px;gap:12px;padding:0 17px}
  .news-top img{width:108px}
  .news-top nav{justify-content:flex-end}
  .news-top nav a{font-size:12px;padding:9px 10px}
  .news-top nav a:not(.active){display:none}
  .news-back{padding:9px 11px;font-size:11px;white-space:nowrap}
  .news-hero{padding:48px 20px 28px}
  .news-hero p{font-size:14px}
  .news-grid{grid-template-columns:1fr;padding:0 20px 60px}
  .article{padding:48px 20px 70px}
  .article-lead{font-size:16px}
  .article-cover{margin:28px 0 30px;border-radius:14px}
  .article-body{font-size:16px;line-height:1.75}
  .article-body p{line-height:1.75}
  .article-stats{grid-template-columns:1fr;margin-bottom:36px}
  .article-stat{min-height:68px;border-right:0;border-bottom:1px solid #222b39;padding:13px 17px}
  .article-stat:last-child{border-bottom:0}
  .comments-head{align-items:flex-start;flex-direction:column}
  .comment-form-actions{align-items:flex-start;flex-direction:column}
  .news-comment-form button{width:100%}
  .news-footer{width:calc(100% - 34px)!important;margin:0 17px 24px!important}
}

@media(max-width:480px){
  .news-top nav{display:none}
  .news-top .news-back{margin-left:auto}
  .article-meta-top{gap:4px 8px}
  .article-meta-top time::before{margin-right:8px}
  .article h1{font-size:36px}
  .news-content{padding:18px}
}