/* V224 - Layout melhorado dos itens de compartilhar/leitura da notícia */
.news-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  margin:18px 0 22px!important;
  padding:14px!important;
  border:1px solid var(--line,#e2e8f0)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  box-shadow:none!important;
}

.news-tools .share-buttons,
.news-tools .reading-tools{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

.news-tools .share-buttons > span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:36px!important;
  margin-right:2px!important;
  color:#475569!important;
  font-size:13px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

.news-tools .share-buttons a,
.news-tools .share-buttons button,
.news-tools .reading-tools button{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 13px!important;
  border:1px solid var(--line,#e2e8f0)!important;
  border-radius:999px!important;
  background:#ffffff!important;
  color:#0f172a!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:transform .16s ease, border-color .16s ease, background .16s ease!important;
  box-shadow:none!important;
}

.news-tools .share-buttons a:hover,
.news-tools .share-buttons button:hover,
.news-tools .reading-tools button:hover{
  transform:translateY(-1px)!important;
  border-color:var(--primary,#0f6cad)!important;
  color:var(--primary,#0f6cad)!important;
  background:#fff!important;
}

.news-tools .share-buttons a::before,
.news-tools .share-buttons button::before,
.news-tools .reading-tools button::before{
  width:24px!important;
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  font-family:Arial,sans-serif!important;
}

.news-tools .share-buttons a[href*="facebook.com"]::before{
  content:"f";
  background:#1877f2;
}

.news-tools .share-buttons a[href*="whatsapp.com"]::before{
  content:"◉";
  background:#22c55e;
}

.news-tools .share-buttons a[href*="twitter.com"]::before{
  content:"𝕏";
  background:#111827;
}

.news-tools .share-buttons button[data-copy-link]::before{
  content:"🔗";
  background:#64748b;
  font-size:13px!important;
}

.news-tools .reading-tools button[data-font-minus]::before{
  content:"A-";
  background:#0f6cad;
  font-size:10px!important;
}

.news-tools .reading-tools button[data-font-plus]::before{
  content:"A+";
  background:#0f6cad;
  font-size:10px!important;
}

.news-tools .reading-tools button[data-read-article]::before{
  content:"🔊";
  background:#f97316;
  font-size:13px!important;
}

.news-tools .reading-tools button[data-stop-reading]::before{
  content:"■";
  background:#dc2626;
  font-size:10px!important;
}

@media(max-width:760px){
  .news-tools{
    display:grid!important;
    gap:12px!important;
    padding:12px!important;
    border-radius:16px!important;
  }

  .news-tools .share-buttons,
  .news-tools .reading-tools{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }

  .news-tools .share-buttons > span{
    grid-column:1/-1!important;
    min-height:auto!important;
  }

  .news-tools .share-buttons a,
  .news-tools .share-buttons button,
  .news-tools .reading-tools button{
    width:100%!important;
    min-height:40px!important;
    padding:0 10px!important;
    justify-content:flex-start!important;
    font-size:12px!important;
  }
}

@media(max-width:420px){
  .news-tools .share-buttons,
  .news-tools .reading-tools{
    grid-template-columns:1fr!important;
  }
}