/*
 * Lamari Diarios · CEPAS · Efectos legibles v1.40.859
 * Corrige la compresión real del nombre de cada efecto en el frontal.
 * La respuesta se basa en el ancho del componente, no solo en el viewport.
 */

html:not(.kd-dark-mode) body:not(.kd-dark-mode) .kd-strain-detail-editorial-v140837 #efectos .kd-strain-effects-main-v431{
  container-type:inline-size!important;
  container-name:kd-effects!important;
}

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(132px,170px) minmax(160px,1fr) 94px!important;
  column-gap:10px!important;
  min-width:0!important;
}

html:not(.kd-dark-mode) body:not(.kd-dark-mode) .kd-strain-detail-editorial-v140837 #efectos .kd-strain-effect-bar-row>b{
  min-width:0!important;
  max-width:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  white-space:normal!important;
  line-height:1.3!important;
}

html:not(.kd-dark-mode) body:not(.kd-dark-mode) .kd-strain-detail-editorial-v140837 #efectos .kd-strain-effect-track{
  min-width:0!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-bar-row{
    grid-template-columns:32px minmax(0,1fr) 88px!important;
    grid-template-areas:
      "icon label level"
      "icon bar bar"!important;
    gap:6px 10px!important;
    min-height:54px!important;
    padding:5px 0!important;
  }
  html:not(.kd-dark-mode) body:not(.kd-dark-mode) .kd-strain-detail-editorial-v140837 #efectos .kd-strain-effect-icon{grid-area:icon!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}
  html:not(.kd-dark-mode) body:not(.kd-dark-mode) .kd-strain-detail-editorial-v140837 #efectos .kd-strain-effect-track{grid-area:bar!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}
}

@container kd-effects (max-width:390px){
  html:not(.kd-dark-mode) body:not(.kd-dark-mode) .kd-strain-detail-editorial-v140837 #efectos .kd-strain-effect-bar-row{
    grid-template-columns:30px minmax(0,1fr)!important;
    grid-template-areas:
      "icon label"
      "icon level"
      "bar bar"!important;
    row-gap:5px!important;
  }
  html:not(.kd-dark-mode) body:not(.kd-dark-mode) .kd-strain-detail-editorial-v140837 #efectos .kd-strain-effect-bar-row>small{
    justify-self:start!important;
    width:auto!important;
    min-width:76px!important;
  }
}