/*
 * Lamari Diarios · CEPAS · Efectos principales · barras v1.40.861
 * Refuerza la presencia visual de las barras sin sacrificar la legibilidad
 * de los nombres de efectos.
 */

html:not(.kd-dark-mode) body:not(.kd-dark-mode) .kd-strain-detail-editorial-v140837 #efectos .kd-strain-effect-track{
  grid-area:bar!important;
  width:100%!important;
  max-width:none!important;
  height:12px!important;
  border-radius:999px!important;
  border:1px solid #d6e1da!important;
  background:#e3ebe6!important;
  box-shadow:inset 0 1px 2px rgba(22,57,35,.08),0 1px 0 rgba(255,255,255,.9)!important;
}
html:not(.kd-dark-mode) body:not(.kd-dark-mode) .kd-strain-detail-editorial-v140837 #efectos .kd-strain-effect-track>i{
  height:100%!important;
  border-radius:999px!important;
  box-shadow:0 1px 4px color-mix(in srgb,var(--kd-effect) 28%,transparent)!important;
}
html:not(.kd-dark-mode) body:not(.kd-dark-mode) .kd-strain-detail-editorial-v140837 #efectos .kd-strain-effect-bar-row>b{
  grid-area:label!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  white-space:normal!important;
}
html:not(.kd-dark-mode) body:not(.kd-dark-mode) .kd-strain-detail-editorial-v140837 #efectos .kd-strain-effect-bar-row>small{
  grid-area:level!important;
  width:100%!important;
  max-width:104px!important;
}

@container kd-effects (min-width:621px){
  html:not(.kd-dark-mode) body:not(.kd-dark-mode) .kd-strain-detail-editorial-v140837 #efectos .kd-strain-effect-bar-row{
    grid-template-columns:32px minmax(180px,200px) minmax(260px,1fr) 104px!important;
    grid-template-areas:"icon label bar level"!important;
    column-gap:12px!important;
  }
}

@container kd-effects (max-width:620px){
  html:not(.kd-dark-mode) body:not(.kd-dark-mode) .kd-strain-detail-editorial-v140837 #efectos .kd-strain-effect-track{
    width:100%!important;
    max-width:none!important;
  }
}