.behaivor {

    // Misma convención que chart-color.js: fill rgba(·, 0.80), borde sólido opaco
    &.behaivor_1 {
        @include selectNo;

        .bar>.bar1 {
            background: rgba($cg-red, 0.8);
            border: 0.5px solid $cg-red;
        }
    }

    &.behaivor_2 {
        @include selectNo;

        .bar .bar1,
        .bar .bar2 {
            background: rgba($cg-orange, 0.8);
            border: 0.5px solid $cg-orange;
        }
    }

    &.behaivor_3 {
        @include selectNo;

        .bar .bar1,
        .bar .bar2,
        .bar .bar3 {
            background: rgba($cg-yellow, 0.8);
            border: 0.5px solid $cg-yellow;
        }
    }

    &.behaivor_4 {
        @include selectNo;

        .bar .bar1,
        .bar .bar2,
        .bar .bar3,
        .bar .bar4 {
            background: rgba($cg-blue, 0.8);
            border: 0.5px solid $cg-blue;
        }
    }

    &.behaivor_5 {
        @include selectNo;

        .bar .bar1,
        .bar .bar2,
        .bar .bar3,
        .bar .bar4,
        .bar .bar5 {
            background: rgba($cg-green, 0.8);
            border: 0.5px solid $cg-green;
        }
    }
}