/* Barra de acciones (artículos): minimalista, coherente con Bootstrap del sitio */

.cana-article-actions{
  border: 1px solid var(--bs-border-color);
  border-radius: var(--radius, 1rem);
  background: var(--bs-body-bg);
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  padding: .5rem;
  margin: 0 0 1rem 0;
}

html[data-bs-theme="dark"] .cana-article-actions{
  box-shadow: 0 14px 34px rgba(0,0,0,.35);
}

.cana-article-actions__inner{
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}

.cana-article-actions .btn{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  border-radius: 999px;
  padding: .38rem .75rem;
  line-height: 1.05;
  font-size: 1rem;
}

.cana-article-actions .btn i{
  font-size: 1.05rem;
  line-height: 1;
}

.cana-article-actions .btn .label{
  font-weight: 650;
  letter-spacing: .1px;
}

@media (max-width: 575.98px){
  .cana-article-actions{ padding: .22rem; }
  .cana-article-actions__inner{ gap: .11rem; }
  .cana-article-actions .btn{
    padding: .14rem .28rem;
    font-size: .82rem;
    gap: .13rem;
    min-width: 0;
    line-height: 1.08;
  }
  .cana-article-actions .btn .label{
    font-size: .82rem;
    font-weight: 550;
    letter-spacing: .02px;
  }
  .cana-article-actions .btn i{
    font-size: .86rem;
  }
}